/* ═══════════════════════════════════════════════════════════════════════════ sheet-editorial.css — THE DEEP READ SET LIKE A PRINTED REPORT (2026-09-16) Second cut, after her verdict on the first: "it feels so AI generated". What gave it away was the set of stunts every generated page now makes: a giant serif headline with one italic word, folio numerals in the margin, a standfirst, a single accent dot. All gone. This cut follows how a typesetter lays a report: a running head over one heavy rule; marginal headings in small sans; the reading text in the serif at text size; the figures and ledgers in the sans, small and tabular; thin rules between parts; nothing else. One measure, one left axis. Loaded after sheet.css; touches only #view-deep as a sheet and its scrim. Delete this file and the sheet is as it was. TOKENS (2026-09-16 eve: the app's own, at her word) ground --bg2 #001F3F the app's ink blue, flat, no gradient scrim #0A0A0A .95 ink #E4E0D8 the text ink 2 #ABA69D secondary text ink 3 #8A857C marginal headings, captions (4.6:1) rule rgba(228,224,216,.14) hairline rule 2 #E4E0D8 the one heavy rule, 2px, under the running head serif Cormorant Garamond 500, 19/1.45 for prose, 24 for the one title sans Manrope 400/500, 13 and 14, tabular rhythm 6 · 12 · 20 · 32 · 48 ═══════════════════════════════════════════════════════════════════════════ */ /* ── THE SURFACE IS THE INTERCEPT'S (her ruling, 2026-09-16 eve: "Intercept quality in design should be your guideline"). The scrim and the glass card are the ones sheet.css already measured off the running Intercept; this file no longer overrides them. Read live again tonight: card linear-gradient(150deg, rgba(0,191,255,.08), rgba(10,122,205,.06) 55%, rgba(255,255,255,.01)) · .73px rgba(160,225,255,.16) · radius 24 · inset 0 1px 0 rgba(255,255,255,.14) · 0 30px 70px -40px rgba(18,64,184,.95) · padding 60 64 40 stamp Manrope 13 ink3 (149,161,179) body Manrope 15/1.5 ink (238,240,243) em Cormorant italic 500, 1.08em, #DFF4FF number Manrope 300, −.05em quiet Manrope 14/500 ink2 (180,180,188) primary Manrope 16/600 ink, .73px rgba(190,235,255,.35) ── */ #view-deep.is-sheet{ --ed-ink:rgb(var(--ink)); --ed-ink2:rgb(var(--ink2)); --ed-ink3:rgb(var(--ink3)); --ed-rule:var(--hair); width:min(1040px, calc(100vw - 48px)) !important; color:var(--ed-ink); } /* the running head rides on the card's own glass, one hairline under it */ #view-deep.is-sheet .sheet__bar{ background:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; border-bottom:1px solid var(--hair2) !important; min-height:56px; padding:0 64px; } #view-deep.is-sheet .sheet__eyebrow{ font:400 13px/1 var(--f-body) !important; letter-spacing:0 !important; color:var(--ed-ink3) !important; } #view-deep.is-sheet .sheet__x{ font:500 14px/1 var(--f-body) !important; letter-spacing:0 !important; color:var(--ed-ink2) !important; } #view-deep.is-sheet .sheet__x:hover{ color:var(--ed-ink) !important; } #view-deep.is-sheet .dr{ padding:0 64px 0 !important; } #view-deep.is-sheet.is-sheet{ padding-bottom:40px !important; } /* ── the title line: a modest serif title, the note under it, hairline under ── */ #view-deep.is-sheet .dr-top{ display:grid; grid-template-columns:200px minmax(0,1fr); column-gap:40px; align-items:baseline; padding:36px 0 36px; border-bottom:1px solid var(--ed-rule); max-width:none; margin:0; } #view-deep.is-sheet .dr-top .dr-m__l{ grid-column:1; grid-row:1; font:500 13px/1.5 var(--f-body) !important; letter-spacing:0 !important; color:var(--ed-ink3) !important; margin:0 !important; } #view-deep.is-sheet .dr-top .dr-st{ grid-column:2; grid-row:1; font-family:var(--f-disp) !important; font-style:normal !important; font-weight:500 !important; font-size:28px !important; line-height:1.15 !important; letter-spacing:-.024em !important; color:var(--ed-ink) !important; margin:0 !important; max-width:none; text-wrap:initial; } #view-deep.is-sheet .dr-top .dr-st em{ font-family:var(--f-em) !important; font-style:italic !important; font-weight:500 !important; font-size:1.08em !important; letter-spacing:0 !important; color:#DFF4FF !important; } #view-deep.is-sheet .dr-top .dr-lede{ grid-column:2; grid-row:2; font:400 13px/1.5 var(--f-body) !important; letter-spacing:0; color:var(--ed-ink3) !important; max-width:none; margin:8px 0 0 !important; } /* ── the parts: a marginal heading on the left, the matter on the right ─────── Every part is the same two columns. Nothing is numbered. */ #view-deep.is-sheet .dr-col{ display:block; } #view-deep.is-sheet .dr-c{ display:grid !important; grid-template-columns:200px minmax(0,1fr); column-gap:40px; grid-template-rows:repeat(3,min-content) 1fr; align-items:start; padding:44px 0 48px !important; border-top:1px solid var(--ed-rule) !important; background:none !important; border-left:0 !important; border-right:0 !important; border-bottom:0 !important; box-shadow:none !important; border-radius:0 !important; margin:0 !important; } #view-deep.is-sheet .dr-col > .dr-c:first-child{ border-top:0 !important; } #view-deep.is-sheet .dr-c > .dr-c__l{ grid-column:1; grid-row:1; } #view-deep.is-sheet .dr-c > .dr-c__h{ grid-column:2; grid-row:1; } #view-deep.is-sheet .dr-c > .dr-c__sum{ grid-column:2; grid-row:2; } #view-deep.is-sheet .dr-c > .dr-stamp{ grid-column:2; grid-row:3; } #view-deep.is-sheet .dr-c > :is(.dr-c__k, #dr-read-fig){ grid-column:2; grid-row:4; margin:28px 0 0 !important; } #view-deep.is-sheet .dr-c > :is(.dr-c__f, #dr-read){ grid-column:2; grid-row:5; } #view-deep.is-sheet .dr-c > :is(#deep-glyph, #deep-state){ grid-column:2; } /* the marginal heading: small sans, the part's name; the finding beside it */ #view-deep.is-sheet .dr-c__l{ display:block !important; margin:4px 0 0 !important; font:500 13px/1.5 var(--f-body) !important; letter-spacing:0 !important; color:var(--ed-ink3) !important; } #view-deep.is-sheet .dr-c__l::before{ content:none; } #view-deep.is-sheet .dr-c__h{ font-family:var(--f-disp) !important; font-style:normal !important; font-weight:500 !important; font-size:22px !important; line-height:1.2 !important; letter-spacing:-.02em !important; color:var(--ed-ink) !important; margin:0 !important; max-width:none; text-wrap:initial; } #view-deep.is-sheet .dr-c__sum{ font-family:var(--f-body) !important; font-weight:400 !important; font-size:15px !important; line-height:1.5 !important; letter-spacing:0; color:var(--ed-ink) !important; max-width:46ch; margin:8px 0 0 !important; } #view-deep.is-sheet .dr-stamp{ font:400 13px/1.5 var(--f-body) !important; letter-spacing:0; color:var(--ed-ink3) !important; margin:10px 0 0 !important; } /* the ledger: small sans, label and value, rules between; a rule above and below */ #view-deep.is-sheet .dr-c__k{ padding:0 !important; max-width:640px; } #view-deep.is-sheet .dr-rows{ margin:0; border-top:1px solid var(--ed-rule); border-bottom:1px solid var(--ed-rule); } #view-deep.is-sheet .dr-row{ display:flex; align-items:baseline; justify-content:space-between; gap:24px; min-height:0; padding:12px 0; border-top:1px solid var(--ed-rule); border-bottom:0 !important; } #view-deep.is-sheet .dr-rows > .dr-row:first-child{ border-top:0; } /* a value that runs long is set under its label, flush left, not ragged on the right */ #view-deep.is-sheet .dr-row--long{ display:grid; grid-template-columns:200px minmax(0,1fr); column-gap:24px; } #view-deep.is-sheet .dr-row--long .dr-row__l, #view-deep.is-sheet .dr-row--long .dr-row__v{ max-width:none; text-align:left; } #view-deep.is-sheet .dr-row__l{ font:400 13.5px/1.5 var(--f-body) !important; letter-spacing:0 !important; color:var(--ed-ink2) !important; margin:0 !important; flex:0 0 auto; max-width:44%; } #view-deep.is-sheet .dr-row__v{ font:500 13.5px/1.5 var(--f-body) !important; letter-spacing:0 !important; color:var(--ed-ink) !important; text-align:right; font-variant-numeric:tabular-nums; max-width:56%; } #view-deep.is-sheet .dr-c__k .dr-note{ margin:0 !important; padding:9px 0; border-top:1px solid var(--ed-rule); font:400 13.5px/1.5 var(--f-body) !important; color:var(--ed-ink2) !important; max-width:none; } #view-deep.is-sheet .dr-c__k .dr-note:first-child{ border-top:0; } #view-deep.is-sheet .dr-c__k .dr-note:last-child{ border-bottom:1px solid var(--ed-rule); } #view-deep.is-sheet svg + .dr-note{ border-top:1px solid var(--ed-rule) !important; } #view-deep.is-sheet .dr-note__l{ color:var(--ed-ink) !important; } /* the figures: thin grey lines, no accent, captions in the small sans */ #view-deep.is-sheet .dr-field{ display:none; } /* the ledger already says it */ #view-deep.is-sheet :is(.dr-spark, .dr-swell, .dr-chain, .dr-edge-fig){ max-width:100%; margin:0 0 16px; } #view-deep.is-sheet :is(.dr-spark, .dr-swell, .dr-chain, .dr-edge-fig){ max-width:480px; display:block; margin:4px 0 8px; } #view-deep.is-sheet svg [stroke]{ stroke-width:.9; } #view-deep.is-sheet svg circle[fill-opacity]{ fill-opacity:.10; } #view-deep.is-sheet .dr-fig__k, #view-deep.is-sheet .dr-field__k{ font:400 11px var(--f-body) !important; letter-spacing:0 !important; fill:var(--ed-ink3) !important; font-variant-numeric:tabular-nums; } #view-deep.is-sheet .dr-fig__v{ font:500 12px var(--f-body) !important; letter-spacing:0 !important; fill:var(--ed-ink) !important; font-variant-numeric:tabular-nums; } /* the way in: plain small sans, underlined like a reference, 44px to hit */ #view-deep.is-sheet :is(.dr-c__o, .dr-s__f > summary, .dr-fold > summary){ display:inline-flex; align-items:center; gap:0; min-height:44px; margin:12px 0 0; padding:0; border:0; font:400 14px/1.5 var(--f-body) !important; letter-spacing:0 !important; color:var(--ed-ink2) !important; text-decoration:none; list-style:none; cursor:pointer; font-weight:500 !important; transition:color 200ms ease; } #view-deep.is-sheet :is(.dr-c__o, .dr-s__f > summary, .dr-fold > summary):hover{ color:var(--ed-ink) !important; } #view-deep.is-sheet .dr-c__mark{ display:none; } /* the state of a fold is marked as a typesetter would, plus and minus */ #view-deep.is-sheet :is(.dr-c__f, .dr-s__f, .dr-fold) > summary::after{ content:'+'; color:var(--ed-ink3); text-decoration:none; display:inline-block; margin-left:8px; } #view-deep.is-sheet :is(.dr-c__f, .dr-s__f, .dr-fold)[open] > summary::after{ content:'−'; } #view-deep.is-sheet .dr-c__b{ padding-top:8px; max-width:640px; } #view-deep.is-sheet .dr-p{ font-family:var(--f-body) !important; font-weight:400 !important; font-size:15px !important; line-height:1.5 !important; letter-spacing:0; color:var(--ed-ink) !important; max-width:46ch; margin:0 0 12px !important; } #view-deep.is-sheet .dr-c__b .dr-note{ font:400 13.5px/1.5 var(--f-body) !important; color:var(--ed-ink2) !important; max-width:60ch; margin:0 0 8px !important; padding:0; border:0; } #view-deep.is-sheet .dr-c__b .dr-rows{ margin-top:12px; } #view-deep.is-sheet .dr-s__f{ margin-top:4px; } #view-deep.is-sheet .dr-s__fin{ padding-top:8px; } /* the written reading part and the foot */ #view-deep.is-sheet .dr-c--read{ margin:0 !important; border-top:1px solid var(--ed-rule) !important; } #view-deep.is-sheet .dr-foot{ margin:0; padding:20px 0 24px; border-top:1px solid var(--ed-rule); } #view-deep.is-sheet .dr-quiet{ min-height:44px; font:500 14px/1 var(--f-body) !important; letter-spacing:0 !important; color:var(--ed-ink2) !important; background:none; border:0; padding:0; cursor:pointer; font-weight:500 !important; transition:color 200ms ease; } #view-deep.is-sheet .dr-quiet:hover{ color:var(--ed-ink) !important; } #view-deep.is-sheet :is(.dr-quiet, .sheet__x, summary):focus-visible{ outline:2px solid var(--ed-ink); outline-offset:3px; } /* narrow: the marginal heading moves above its matter */ @media (max-width:820px){ #view-deep.is-sheet .sheet__bar{ padding:0 20px; } #view-deep.is-sheet .dr{ padding:0 20px !important; } #view-deep.is-sheet .dr-top, #view-deep.is-sheet .dr-c{ display:block !important; } #view-deep.is-sheet .dr-top .dr-st{ margin-top:6px !important; } #view-deep.is-sheet .dr-c__h{ margin-top:6px !important; } #view-deep.is-sheet .dr-c{ padding:24px 0 28px !important; } } @media (prefers-reduced-motion:reduce){ #view-deep.is-sheet{ animation:none; } }