/* ══════════════════════════════════════════════════════════════════════
   HANDEN — det som läggs till ovanpå parc-skelettet. Egen fil, länkad SIST,
   så donorns mätta filer (tokens/base/shell/projects/case.css) aldrig
   redigeras (GL24). Allt här är innehållslagret: riktiga bilder i korten,
   bildtext med fotokredit, och verkssidans krediterblock.

   Parc har ingen bildtext under korten. Den är ett dokumenterat avsteg:
   byggspecen kräver kreditrad under varje bild i alla tre riktningar. Raden
   är byggd i donorns egen `.ui`-skala och på hans opacitetstrappa
   (0.05 / 0.2 / 1), inte i en ny typografi.
   ══════════════════════════════════════════════════════════════════════ */

/* Bilden i kortet. Skelettets .media bär förhållandet 1.66 och radien;
   bilden täcker och beskärs centrerat. Ingen bild skalas upp: samtliga
   källfiler är minst 964 px breda mot ett kort på 30vw. */
.card { margin: 0; }
.media img {
  display: block;
  width: 100%; height: 100%;
  object-fit: cover;
  /* Donorns kort är dekorfria ytor. Ingen hover, ingen zoom, ingen skugga. */
}

/* Bildtexten. Tre rader på 10px/12px, donorns `--fs-ui`-skala.
   Titel på full opacitet, mått på 0.2, fotograf på 0.2. Aldrig utan fotograf:
   står det ingen i källan skrivs det ut som saknad uppgift, aldrig tomt. */
.card-caption {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0 var(--gap);
  padding-top: var(--space-9);
  line-height: var(--title-pitch);
}
.card-title { grid-column: 1; font-weight: 500; }
.card-year  { grid-column: 2; text-align: right; opacity: .2; font-variant-numeric: tabular-nums; }
.card-cap   { grid-column: 1 / -1; opacity: .2; }
.card-photo { grid-column: 1 / -1; opacity: .2; }

/* Kort utan egen sida ska inte bete sig som en länk. */
figure.card { cursor: default; }
a figure.card { cursor: pointer; }

@media (max-width: 768px) {
  /* Kortet ligger 10 px ovanför linjen på mobil, och bildtexten får inte
     skjuta kortet uppåt: den läggs under linjen i stället. */
  .card-caption { padding-top: var(--space-9); }
}

/* ── Verkssidan ────────────────────────────────────────────────────────
   Krediterblocket är donorns eget mönster (två spalter från 50vw, etikett
   på 0.05, värde på 0.2). Här bär det processlagret, som är hela tesen:
   räknebara fakta presenterade som ett arkivkort, aldrig som stolthet. */

.credits-values li { font-variant-numeric: tabular-nums; }

/* Källmarkering. Ett värde som kommer ur intervjun och inte ur ett
   dokument märks, så att ingen läser det som verifierat. */
.credits-values li[data-src="interview"]::after {
  content: " · from the studio, to confirm";
  opacity: .45;
}
.credits-values li[data-src="unverified"]::after {
  content: " · unverified";
  opacity: .45;
}

/* Bildtext på verkssidan: samma tre rader som i kortet, vänsterställd
   under mediablocket. */
.block .media-credit {
  padding-top: var(--space-9);
  line-height: var(--title-pitch);
  opacity: .2;
}

/* Navposter som ännu inte har en sida står kvar men är inerta. Donorns
   inaktiva navfärg är opacitet 0.2; en pending post får samma ton och
   ingen pekare, så luckan syns utan att låtsas vara en länk. */
.shell-nav .is-pending,
.mobile-bar .is-pending { opacity: .2; cursor: default; }

/* AVSTEG 5 UTGÅTT 2026-09-15: titellistan flyttades +2 gap för att inte
   krocka med ordmärket. Det låg utanför rutnätet. Löst i shell.css i stället:
   ordmärket hålls inne i kolumn 1 (U − gap), listan står på U som hos parc. */

/* ── AVSTEG 6: bredare textkolumn på About och Exhibitions ─────────────
   Beslut Christoffer 2026-09-15: "gör textboxen en eller två kolumner
   bredare ... flytta videon med texten lika många kolumner ... gör samma
   sak för exhibitions så att texten inte flyter över på bilderna ...
   placera abouts video och exhibitions bilder på samma placering."

   EN delad token, --card-left, styr var mediakolumnen/videon börjar på
   BÅDA ytorna. Genom att override:a den identiskt för de två rutterna
   landar About:s video och Exhibitions:s bilder automatiskt på samma
   x-position, och about-content:s bredd (about.css) är räknad UR samma
   token, så de flyttar sig tillsammans -- ingen risk att de glider isär
   i en framtida ändring.

   EN kolumn (1 * --U). Två gav 152 px utanför viewporten vid 1440 och lade
   videon över navet på Christoffers 1680-skärm (grinden fångade det,
   _analysis/gate.mjs, 2026-09-15). Grinden kräver nu att kort och video
   slutar innanför viewporten och utanför navet -- annars röd rad, ingen
   commit. Work rörs inte, kvar på 40vw. */
html[data-route="exhibitions"],
html[data-route="about"] {
  --card-left: calc(40vw + var(--U));
}