/* THE LIMINAL SPACE · shared spine for sector 0500
   ------------------------------------------------------------------
   Five projects, four of them unbuilt, all of them hers. This file holds
   only what every room in the section shares: her type, her ground, and
   the way you leave a page. Each room's own form lives in its own file,
   because "written just as well, but differently" is the whole point and
   a shared layout would make five of the same page.

   Nothing in here is a component library. If a rule is only true of one
   room, it does not belong in this file.
   ------------------------------------------------------------------ */

body {
  background: var(--p-bg);
  color: var(--p-text);
}

.room {
  max-width: 1180px;
  margin: 0 auto;
  padding: 22vh max(7vw, 26px) 0;
}

/* ---------- her words ----------
   .her is the only class allowed to hold text she wrote. It exists so
   that a later pass can find every word of hers on this site with one
   selector and diff it against the archive. Do not use it for anything
   she did not write. */
.her {
  font-family: var(--serif);
  font-weight: 200;
  font-size: clamp(1.06rem, 1.55vw, 1.34rem);
  line-height: 1.78;
  max-width: 62ch;
}
.her + .her { margin-top: 1.5em; }

.her.fa {
  font-family: "Vazirmatn", "Noto Naskh Arabic", "Geeza Pro", Tahoma, serif;
  font-weight: 300;
  direction: rtl;
  text-align: right;
  line-height: 2.15;
}

/* a line of hers given the whole screen */
.her.alone {
  font-size: clamp(1.5rem, 3.5vw, 3.1rem);
  font-weight: 200;
  line-height: 1.26;
  max-width: 22ch;
  text-wrap: balance;
}

/* ---------- provenance ----------
   Every quotation on this site says where it came from, in her filing,
   by title and date. Not to be scholarly. Because three of her notes are
   an AI's writing under her prompt, and one is a passage she copied from
   somebody else, and the only defence against putting those in her mouth
   is to name the source every single time. */
.src {
  font-family: var(--mono);
  font-weight: 300;
  font-size: 10.5px;
  letter-spacing: 0.14em;
  color: var(--p-dim);
  opacity: 0.7;
  margin-top: 1.4em;
}

/* ---------- onward ----------
   Behind every door was another door. No room in this section ends
   without at least two ways out, and none of them is a footer nav bar
   repeated seven times. */
.onward {
  margin: 22vh 0 0;
  padding: 0 0 12vh;
  display: flex;
  flex-wrap: wrap;
  gap: 14px 42px;
  border-top: 1px solid var(--p-rule);
  padding-top: 26px;
}
.onward a {
  font-family: var(--mono);
  font-weight: 300;
  font-size: 11.5px;
  letter-spacing: 0.15em;
  text-decoration: none;
  color: var(--p-text);
  opacity: 0.62;
  transition: opacity 0.4s cubic-bezier(.22,.61,.36,1);
  display: inline-flex;
  align-items: baseline;
  gap: 9px;
}
.onward a:hover, .onward a:focus-visible { opacity: 1; }
.onward a .n { color: var(--p-dim); }
.onward a.live::before {
  content: "";
  width: 5px; height: 5px;
  align-self: center;
  background: var(--p-live);
}

@media (prefers-reduced-motion: reduce) {
  .onward a { transition: none; }
}