/* The standard's site. The look is the estate's (Estate-Style-Guide-v1.md, 20 Oct 2026; T-S1 to T-S8): the house design system's
   tokens (tokens.json), light by default and the reader's own setting for dark, a serif for running text and the estate's sans and
   mono for everything else. No colour here is outside that table.
   The weight of the first screen's two lines is the two sizes below, and nothing else:
   swap them to read the first screen with the governing thought largest (Rory's test 1). */
:root {
  --title-size: 2.5rem;
  --thought-size: 1.35rem;
  --ink: #241A0E;
  --ink-soft: #544838;
  --paper: #F1E9DA;
  --rule: rgba(40,30,16,.18);
  --link: #7E4E06;
  --mark: #9A6410;
  --measure: 40rem;
  --panel: #FFFFFF;
  --brand: #9A6410;
  --own: #12776E;
  --display: "SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  --body: -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  --serif: "Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
  --mono: ui-monospace,"SF Mono","SFMono-Regular","Cascadia Code","Roboto Mono",Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark) {
  :root { --ink: #F4EEE4; --ink-soft: #C6BAA6; --paper: #0E0B07; --rule: rgba(255,255,255,.15); --link: #E2A24C; --mark: #E5AA3D;
          --panel: #1A140D; --brand: #E2A24C; --own: #3FC3B6; }
}
@media (max-width: 30rem) {
  :root { --title-size: 1.85rem; --thought-size: 1.2rem; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 1.0625rem/1.62 var(--serif); }
main, .site-nav, .site-footer { max-width: var(--measure); margin: 0 auto; padding: 0 1.25rem; }
a { color: var(--link); text-decoration-color: var(--brand); text-underline-offset: 3px; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible { outline: 3px solid var(--link); outline-offset: 2px; }
.skip-link { position: absolute; left: -999rem; }
.skip-link:focus { position: static; display: block; padding: 0.5rem 1.25rem; }
.site-nav { display: flex; flex-wrap: wrap; gap: 0.25rem 1.5rem; padding-top: 1rem; padding-bottom: 1rem; border-bottom: 1px solid var(--rule); font-family: var(--body); font-size: 0.95rem; }
h1, h2, h3 { font-family: var(--display); letter-spacing: -.02em; line-height: 1.25; font-weight: 650; overflow-wrap: break-word; }
h1 { font-size: var(--title-size); font-weight: 680; margin: 2.5rem 0 1rem; }
h2 { font-size: 1.45rem; margin: 3rem 0 0.75rem; }
h3 { font-size: 1.15rem; margin: 2rem 0 0.5rem; }
.first-screen .governing-thought { font-size: var(--thought-size); line-height: 1.45; margin: 0 0 1rem; }
.first-screen .sub-line, .dateline, .release-line { color: var(--ink-soft); }
.release-line, .dateline, .notes time { font-family: var(--mono); font-size: .85rem; letter-spacing: .02em; font-variant-numeric: tabular-nums; }
.link { font-family: var(--body); }
.link .detail { color: var(--ink-soft); }
.notes { list-style: none; padding: 0; }
.notes li { padding: 0.75rem 0; border-top: 1px solid var(--rule); }
.notes time { display: block; color: var(--ink-soft); }
#interest { margin-top: 3rem; padding: 0.25rem 1.25rem 1.25rem; background: var(--panel); border: 1px solid var(--rule); border-radius: 16px; }
#interest h2 { margin-top: 1.25rem; }
.field label { display: block; font: 600 0.95rem var(--body); margin-bottom: 0.25rem; }
.field input[type="text"], .field input[type="email"], .field select { width: 100%; max-width: 26rem; padding: 0.5rem; font: inherit; color: inherit; background: var(--panel); border: 1px solid var(--ink-soft); border-radius: 10px; }
.field.tick label { display: inline; font-weight: 400; }
button { font: 600 1rem var(--body); padding: 0.6rem 1.25rem; color: var(--paper); background: var(--link); border: 0; border-radius: 999px; cursor: pointer; }
.status { font-family: var(--body); border-left: 3px solid var(--mark); padding-left: 0.75rem; }
.notice { font-size: 0.95rem; color: var(--ink-soft); }
.slot-unfilled { color: var(--mark); font-family: var(--mono); font-size: 0.9em; }
.site-footer { margin-top: 4rem; padding-top: 1rem; padding-bottom: 2rem; border-top: 1px solid var(--rule); color: var(--ink-soft); font: 0.85rem/1.5 var(--body); }


.crewline{margin:0;--cl-ink:var(--ink,#1c1a16);--cl-soft:var(--ink-2,#5a564e);--cl-line:var(--line,#c9c2b4);--cl-bg:var(--bg,#f2ead9);--cl-bg2:var(--bg-2,#ebe2cf);--cl-stay:var(--own,#14766f);--cl-crew:var(--ink-2,#5a564e)}
.crewline-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:719px){.crewline-panels{grid-template-columns:1fr;gap:16px}}
.crewline svg{display:block;width:100%;height:auto;max-width:560px;margin:0 auto}
.crewline svg text{font-family:var(--body,system-ui,-apple-system,"Segoe UI",sans-serif);fill:var(--cl-ink);font-size:12.5px}
.crewline .cl-title{font-size:15px;font-weight:650}
.crewline .cl-soft{fill:var(--cl-soft)}
.crewline .cl-small{font-size:11.5px}
.crewline .cl-halo{paint-order:stroke;stroke:var(--cl-bg);stroke-width:4px;stroke-linejoin:round}
.crewline .cl-axis{stroke:var(--cl-line);stroke-width:1.5;fill:none}
.crewline .cl-crew{fill:url(#cl-hatch);stroke:var(--cl-crew);stroke-width:1.25}
.crewline .cl-hump{fill:none;stroke:var(--cl-crew);stroke-width:2;stroke-dasharray:5 4;stroke-linejoin:round}
.crewline .cl-stay{fill:none;stroke:var(--cl-stay);stroke-width:5;stroke-linejoin:round;stroke-linecap:round}
.crewline .cl-flat{fill:none;stroke:var(--cl-soft);stroke-width:3;stroke-linejoin:round}
.crewline .cl-mark{fill:var(--cl-stay);stroke:var(--cl-bg);stroke-width:2}
.crewline .cl-marknum{fill:var(--cl-bg);font-size:11px;font-weight:700;text-anchor:middle}
.crewline .cl-tick{fill:var(--cl-crew)}
.crewline figcaption{margin-top:12px;font-size:14px;line-height:1.5;color:var(--cl-soft)}
.crewline .cl-alt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.crewline figcaption a{color:var(--cl-ink);text-decoration-color:var(--cl-stay);text-underline-offset:3px}
.crewline--bgps{--cl-bg:var(--bg);}
.crewline--tcm{--cl-soft:var(--ink-soft);--cl-line:var(--rule);--cl-bg:var(--paper);--cl-bg2:var(--paper);--cl-stay:var(--own);--cl-crew:var(--ink-soft);margin:2rem 0}
.crewline--tcm .crewline-panels{grid-template-columns:1fr;gap:1rem}
.crewline--tcm svg text{font-family:var(--body)}