/* ===========================================================================
   ford.css — THE CROSSING
   ---------------------------------------------------------------------------
   Authored at 952x427 inside shell2's .s2 stage box, scoped under .fdMode,
   every new class fd*-prefixed. Two things: a subject line where the goal line
   used to be, and a row of four that stays a row of four.

   Same specificity note as card.css and stop.css.
   =========================================================================== */

/* --- THE SUBJECT ----------------------------------------------------------
   It takes the goal line's slot, one rung under the screen name, because that
   is where §T9 says the second-loudest statement on a named screen goes and
   because the goal line is not on this frame. The VOICE serif at T-BODY: this
   is prose about a river, not a status readout, and it must not read like one.

   Width 470 rather than the goal line's 360 — it clears the truck, which
   `.s2-xr` has already moved to x60 and which tops out at y168, and it clears
   the sign's old 646 by 176px because there is no sign here either.
   Two lines at 1.34 is 42px; the alert's slot begins at y262 and this bottoms
   at 150, so a fired alert still lands clear underneath it.                   */
.fdMode .fdSubj{
  position:absolute;left:22px;top:100px;width:500px;max-height:150px;z-index:6;
  overflow:auto;scrollbar-width:thin;
}
.fdMode .fdSubj .fdT{display:block;margin-bottom:4px;font-family:var(--s2-hwy);
  font-size:var(--s2-t-label);line-height:1.08;letter-spacing:.055em;text-transform:uppercase;
  color:var(--s2-ivory);text-shadow:0 2px 8px rgba(0,0,0,.9)}
.fdMode .fdCase summary{display:block;cursor:pointer;list-style:none;outline:none}
.fdMode .fdCase summary::-webkit-details-marker{display:none}
.fdMode .fdCase summary:focus-visible{outline:2px solid var(--s2-go-key);outline-offset:3px}
.fdMode .fdSubj .fdX{
  display:block;font-family:var(--s2-voice);font-weight:400;
  font-size:var(--s2-t-body);line-height:1.34;letter-spacing:0;
  color:#e6e1d5;text-shadow:0 1px 3px rgba(0,0,0,.85),0 0 14px rgba(0,0,0,.75);
}
.fdMode .fdCue{display:block;margin-top:4px;font:800 var(--s2-t-key)/1 var(--s2-hwy);
  letter-spacing:.10em;text-transform:uppercase;color:#8fe0c8}
.fdMode .fdCue::after{content:'  ▾'}
.fdMode .fdCase[open] .fdCue::after{content:'  ▴'}
.fdMode .fdMore{margin:7px 0 0;padding:7px 9px;border-top:1px solid rgba(143,224,200,.45);
  font:400 var(--s2-t-body)/1.3 var(--s2-voice);color:#f0eadf;
  background:linear-gradient(90deg,rgba(7,14,19,.9),rgba(7,14,19,.55));
  text-shadow:0 1px 3px rgba(0,0,0,.9)}

/* --- THE ROW OF FOUR, AND A THING THAT WAS ALREADY RIGHT ------------------
   The first cut of this file forced the four labels onto one line each, on the
   reasoning that a one-line row is one read. MEASURED, IT IS NOT AVAILABLE:
   at T-LABEL, `Caulk and float` and `Ferry of lawyers` both overrun a 220px
   verb and came back as `CAULK AND FL…` and `FERRY OF LAW…`. Two of four
   options unreadable is a worse screen than two of four wrapping, so
   `.s2-act1.four.wrap2` — shell2's own arrangement, which allows the second
   line — stays exactly as it was, and this file adds nothing to it.

   Recorded rather than silently reverted, because the row is the obvious thing
   for the next reader to "fix" and this is the second time the labels have
   been measured. */
/* The selected crossing beat gets one readable cast member. This replaces the
   legacy five-bust strip that looked like passengers standing in the box. */
.fdSpeaker{position:absolute;right:20px;top:104px;z-index:6;width:184px;height:58px;
  display:flex;align-items:center;gap:9px;padding:5px 9px 5px 5px;overflow:hidden;
  border:1px solid rgba(242,238,228,.35);border-radius:4px;
  background:linear-gradient(180deg,rgba(20,28,38,.92),rgba(8,13,20,.96));
  box-shadow:0 7px 18px rgba(0,0,0,.46)}
.fdFace{display:block;flex:0 0 46px;height:46px;overflow:hidden;border-radius:3px;
  box-shadow:0 0 0 1px rgba(242,238,228,.36)}
.fdFace svg,.fdFace img{display:block;width:100%;height:100%;object-fit:cover}
.fdWho{display:flex;min-width:0;flex-direction:column;gap:3px;text-transform:uppercase}
.fdWho b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f3f6f9;
  font:800 12px/1.05 var(--s2-hwy,Arial,sans-serif);letter-spacing:.05em}
.fdWho small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aebbc5;
  font:700 12px/1.05 var(--s2-hwy,Arial,sans-serif);letter-spacing:.06em}