/* ═══════════════════════════════════════════════════════════════════════════
   sheet.css — THE TWO SHEETS, BUILT AS THE INTERCEPT (2026-09-14)

   Her ruling: "the Intercept and the Record ARE the guidelines."

   So the sheets stopped being invented and were measured off the running
   Intercept overlay. Every value below was read from the live DOM, not from a
   screenshot and not from memory:

     the scrim   radial-gradient(70% 55% at 50% 0%,
                   rgba(14,58,107,.92) 0%, rgba(0,31,63,.94) 40%,
                   rgba(3,16,31,.96) 100%)  +  backdrop-filter: blur(4px)
                 flex, centred, padding 24px 16px            [the .int overlay]
     the card    linear-gradient(150deg, rgba(0,191,255,.08),
                   rgba(10,122,205,.06) 55%, rgba(255,255,255,.012))
                 border .8px solid rgba(160,225,255,.16)
                 radius 24px, backdrop-filter blur(20px)
                 inset 0 1px 0 rgba(255,255,255,.14),
                 0 30px 70px -40px rgba(18,64,184,.95)
                 padding 72px 64px 40px, width 640      [.int-card .int-frame]

   What was wrong before: the sheet was a full-bleed page on flat ink. The
   Intercept is ONE GLASS CARD FLOATING ON A LIT SCRIM. That is the whole
   difference between "a window in Areté" and "a document from somewhere else".

   The card here runs wider than the Intercept's 640 because it holds a reading
   rather than one decision, and it scrolls inside itself. Everything else is
   the Intercept's own material, unchanged.

   Type and rhythm follow DESIGN-CONSTITUTION §2 and §6: Syne 500 28–36px for
   the sentence, one Cormorant italic turn, Manrope 400 16px/1.5 at <= 46ch,
   Manrope 300 numbers, sentence-case labels with no tracking, and gaps of
   2 · 6 · 18 · 30 · 36.
   ═══════════════════════════════════════════════════════════════════════════ */

.sheet-open{ overflow:hidden; }                 /* the room behind holds still */

/* ── the scrim: the Intercept's lit ground ───────────────────────────────── */
.sheet__scrim{
  position:fixed; inset:0; z-index:8990;
  background:radial-gradient(70% 55% at 50% 0%,
    rgba(14,58,107,.92) 0%, rgba(0,31,63,.94) 40%, rgba(3,16,31,.96) 100%);
  backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);
  animation:sheet-in 220ms ease both; }
.sheet__scrim[data-sheet-depth="2"]{ z-index:9190; }

/* ── the card: the one glass, floating, scrolling inside itself ──────────── */
.is-sheet{
  position:fixed !important; z-index:9000;
  top:24px !important; bottom:24px !important;
  /* centred by the box, not by a transform: the view entrance (.view-enter) and
     gsap both write transform on this element and used to throw the sheet half
     off screen to the right (founder 2026-09-16: "deep read does not show centred") */
  left:0 !important; right:0 !important; margin-inline:auto !important;
  transform:none !important;
  width:min(920px, calc(100vw - 32px)) !important; max-width:none !important;
  height:auto !important; max-height:none !important; margin:0 auto !important;
  overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch;

  background:linear-gradient(150deg, rgba(0,191,255,.08), rgba(10,122,205,.06) 55%, rgba(255,255,255,.012)) !important;
  border:.8px solid rgba(160,225,255,.16) !important;
  border-radius:24px !important;
  backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 30px 70px -40px rgba(18,64,184,.95) !important;
  padding:0 0 40px !important;
  animation:sheet-rise 300ms cubic-bezier(.2,.8,.2,1) both; }
.is-sheet:focus{ outline:none; }
/* .view.p-6 carries an !important padding in arete-system.css, which a class
   cannot outrank. The card asserts its own box on the id. */
#view-deep.is-sheet, #deep-body.is-sheet{ padding:0 0 40px !important; }
.is-sheet[data-sheet-depth="2"]{ z-index:9200; }

/* the bar rides inside the card, on the card's own glass */
.is-sheet .sheet__bar{
  position:sticky; top:0; z-index:5;
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  min-height:56px; padding:0 clamp(24px,4vw,56px);
  background:linear-gradient(150deg, rgba(10,38,66,.94), rgba(8,30,56,.94));
  backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(160,225,255,.10);
  border-radius:24px 24px 0 0; }
.sheet__eyebrow{                                        /* §2 stamp */
  font:400 13px/1.4 var(--f-body); letter-spacing:0; text-transform:none;
  color:rgb(var(--ink3)); margin:0; }
.sheet__x{                                              /* §9 quiet text exit */
  display:inline-flex; align-items:center; justify-content:center;
  min-width:44px; min-height:44px; padding:0 4px;
  background:none; border:0; cursor:pointer;
  font:500 14px/1 var(--f-body); letter-spacing:0; text-transform:none;
  color:rgb(var(--ink2)); transition:color 200ms ease; }
.sheet__x:hover{ color:rgb(var(--ink)); }
.sheet__x:focus-visible{ outline:2px solid rgb(var(--ink)); outline-offset:3px; border-radius:2px; }

/* ═══ 1 · THE DEEP READ, inside the card ═══════════════════════════════════
   CORPORATE PASS 2026-09-16, her word: "more premium, more corporate".
   The card is a report: one headline, the parts numbered 01–06, each part a
   two-column spec (the finding on the left, the evidence on the right), the
   grid uniform (full, half/half, full, half/half), hairlines only. The panel
   headings step down from the headline; the big numbers stay quiet. ═════ */
#view-deep.is-sheet{ width:min(1080px, calc(100vw - 32px)) !important; }
#view-deep.is-sheet .dr{
  max-width:none; margin:0; counter-reset:drpart;
  padding:32px clamp(24px,4vw,56px) 0 !important; }

/* §4 there is no second glass. Inside the card everything sits on the card,
   separated by hairlines. The old panel chrome goes. */
#view-deep.is-sheet :is(.dr-c, .dr-c--hero, .dr-c--side, .dr-c--half, .dr-c--wide, .dr-c__k){
  background:none !important; border:0 !important; border-radius:0 !important;
  backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
  box-shadow:none !important; transform:none !important;
  min-height:0 !important; height:auto !important; overflow:visible !important; }
#view-deep.is-sheet .dr-c:hover{ transform:none !important; }
#view-deep.is-sheet .dr > *{ margin-top:0; }

/* the opening: headline left, the note right, one hairline under */
#view-deep.is-sheet .dr-top{
  display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); column-gap:48px;
  align-items:end; max-width:none; margin:0; padding:8px 0 40px; border-bottom:1px solid var(--hair); }
#view-deep.is-sheet .dr-top .dr-m__l{ grid-column:1; }
#view-deep.is-sheet .dr-top .dr-st{ grid-column:1; }
#view-deep.is-sheet .dr-top .dr-lede{ grid-column:2; grid-row:1 / span 2; align-self:end; margin:0 !important; max-width:40ch; font-size:15px !important; }

/* the uniform grid: full · half half · full · half half */
#view-deep.is-sheet .dr-col{
  display:grid; grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:48px !important; row-gap:0 !important; margin:0; }
#view-deep.is-sheet :is(.dr-c--hero, .dr-c--wide){ grid-column:1 / -1 !important; grid-row:auto !important; }
#view-deep.is-sheet :is(.dr-c--side, .dr-c--half){ grid-column:1 / -1 !important; grid-row:auto !important; }
#view-deep.is-sheet .dr-c{ padding:48px 0 52px !important; border-top:1px solid var(--hair) !important; margin:0 !important; }
#view-deep.is-sheet .dr-col > .dr-c:first-child{ border-top:0 !important; }

/* a full-width part is a spec: the finding left, the evidence right */
#view-deep.is-sheet :is(.dr-c--hero, .dr-c--wide, .dr-c--read, .dr-c--side, .dr-c--half){
  display:grid !important; grid-template-columns:minmax(0,5fr) minmax(0,6fr); column-gap:96px;
  grid-auto-rows:min-content; align-items:start; }
#view-deep.is-sheet :is(.dr-c--hero, .dr-c--wide, .dr-c--read, .dr-c--side, .dr-c--half) > :is(.dr-c__l, .dr-c__h, .dr-c__sum, .dr-stamp){ grid-column:1; }
#view-deep.is-sheet :is(.dr-c--hero, .dr-c--wide, .dr-c--read, .dr-c--side, .dr-c--half) > :is(.dr-c__k, .dr-c__f, #deep-glyph, #deep-state){ grid-column:2; }
#view-deep.is-sheet :is(.dr-c--hero, .dr-c--wide, .dr-c--read, .dr-c--side, .dr-c--half) > .dr-c__k{ grid-row:1 / span 4; margin-top:4px !important; }
#view-deep.is-sheet :is(.dr-c--hero, .dr-c--wide, .dr-c--read, .dr-c--side, .dr-c--half) > .dr-c__f{ grid-row:5; }
#view-deep.is-sheet .dr-c--read > #dr-read-fig{ grid-row:1 / span 5; }
#view-deep.is-sheet .dr-c--read > #dr-read{ grid-column:1; grid-row:auto; }

/* §2 labels — sentence case, no tracking; the part number is set before it */
#view-deep.is-sheet :is(.dr-c__l, .dr-m__l, .dr-fig__k, .dr-field__k){
  font-family:var(--f-body) !important; font-size:13px !important; font-weight:400 !important;
  letter-spacing:0 !important; text-transform:none !important;
  color:rgb(var(--ink3)) !important; margin:0 0 8px !important; }
#view-deep.is-sheet .dr-c__l{ display:flex; align-items:baseline; gap:12px; }
#view-deep.is-sheet .dr-c__l::before{
  counter-increment:drpart; content:counter(drpart, decimal-leading-zero);
  font-weight:300; font-variant-numeric:tabular-nums; color:rgb(var(--ink2)); }

/* §2 the one sentence of the room, and the part headings a full step under it */
#view-deep.is-sheet .dr-st{
  font-family:var(--f-disp) !important; font-weight:500 !important;
  font-size:clamp(26px,2.4vw,32px) !important; line-height:1.08 !important;
  letter-spacing:-.024em !important; color:rgb(var(--ink)) !important;
  margin:0 !important; max-width:22ch; text-wrap:balance; }
#view-deep.is-sheet .dr-st em{                 /* the one Cormorant turn */
  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-c__h{
  font-family:var(--f-disp) !important; font-weight:500 !important;
  font-size:21px !important; line-height:1.2 !important;
  letter-spacing:-.016em !important; color:rgb(var(--ink)) !important;
  margin:0 !important; max-width:24ch; text-wrap:balance; }

/* §2 body */
#view-deep.is-sheet :is(.dr-c__sum, .dr-lede, .dr-p, .dr-note){
  font-family:var(--f-body) !important; font-weight:400 !important;
  font-size:15px !important; line-height:1.55 !important;
  color:rgb(var(--ink2)) !important; max-width:46ch; margin:12px 0 0 !important;
  text-wrap:pretty; }
#view-deep.is-sheet .dr-c__sum{ color:rgb(var(--ink)) !important; }
#view-deep.is-sheet .dr-c__b .dr-p + .dr-p{ margin-top:12px !important; }
#view-deep.is-sheet .dr-stamp{
  font-family:var(--f-body) !important; font-size:13px !important;
  letter-spacing:0 !important; text-transform:none !important;
  color:rgb(var(--ink3)) !important; margin-top:12px !important; }

/* §2 numbers: Manrope 300, tabular — quiet, sized to their column */
#view-deep.is-sheet .dr-field__v{
  font-family:var(--f-body) !important; font-style:normal !important; font-weight:300 !important;
  font-size:19px !important; line-height:1 !important;
  letter-spacing:-.04em !important; font-variant-numeric:tabular-nums;
  fill:rgb(var(--ink)) !important; color:rgb(var(--ink)) !important; }
#view-deep.is-sheet .dr-field__k{ font-size:11.5px !important; }

/* §6 supporting rows: a ledger, label left, value right, hairlines only */
#view-deep.is-sheet .dr-rows{ margin-top:0; }
#view-deep.is-sheet .dr-row{
  display:flex; align-items:baseline; justify-content:space-between; gap:24px;
  min-height:0; padding:14px 0; border-top:1px solid var(--hair);
  border-bottom:0 !important; }
#view-deep.is-sheet .dr-rows > .dr-row:first-child{ border-top:0; }
#view-deep.is-sheet .dr-c__k > svg + .dr-rows > .dr-row:first-child{ border-top:1px solid var(--hair); }
#view-deep.is-sheet .dr-c__k > .dr-field + .dr-rows > .dr-row:first-child{ border-top:0; }
#view-deep.is-sheet .dr-row__l{
  font-family:var(--f-body) !important; font-size:14px !important; font-weight:400 !important;
  letter-spacing:0 !important; text-transform:none !important;
  color:rgb(var(--ink3)) !important; margin:0 !important; flex:0 1 auto; }
#view-deep.is-sheet .dr-row__v{
  font-family:var(--f-body) !important; font-size:14px !important; font-weight:500 !important;
  color:rgb(var(--ink)) !important; text-align:right; font-variant-numeric:tabular-nums;
  letter-spacing:-.005em; }
#view-deep.is-sheet .dr-c__k .dr-note{ margin:0 !important; padding:14px 0; border-top:1px solid var(--hair); font-size:14px !important; max-width:none; }

/* §9 folds are quiet text exits */
#view-deep.is-sheet :is(.dr-c__o, .dr-s__f > summary, .dr-fold > summary){
  display:inline-flex; align-items:center; gap:10px; min-height:40px; cursor:pointer;
  font:500 14px/1.4 var(--f-body) !important; letter-spacing:0 !important;
  text-transform:none !important; color:rgb(var(--ink2)) !important;
  border-top:0; margin-top:14px; padding-top:0; list-style:none; }
#view-deep.is-sheet :is(.dr-c__o, .dr-s__f > summary, .dr-fold > summary):hover{
  color:rgb(var(--ink)) !important; }
#view-deep.is-sheet :is(.dr-c__o, .dr-s__f > summary, .dr-fold > summary):focus-visible{
  outline:2px solid rgb(var(--ink)); outline-offset:3px; border-radius:2px; }
#view-deep.is-sheet .dr-c__b{ padding-top:4px; }
#view-deep.is-sheet .dr-c__b .dr-p{ font-size:15px !important; }
#view-deep.is-sheet .dr-c__b .dr-note{ font-size:14px !important; margin-top:10px !important; }

/* §7 the drawings sit in the evidence column at its width */
#view-deep.is-sheet .dr-c__k{ padding:0 !important; margin-top:16px !important; max-width:none; }
#view-deep.is-sheet :is(.dr-field, .dr-spark, .dr-swell, .dr-chain){ max-width:100%; margin:0 0 8px; }
#view-deep.is-sheet .dr-field{ display:none; }  /* the ledger under it already carries every value */
#view-deep.is-sheet .dr-edge-fig{ max-width:420px; }
#view-deep.is-sheet svg{ max-width:100%; height:auto; }

/* the closing line */
#view-deep.is-sheet .dr-c--read{ margin-top:0 !important; }
#view-deep.is-sheet .dr-foot{ margin:0; padding:20px 0 0; border-top:1px solid var(--hair); }

/* ═══ 2 · THE WRITTEN READING, inside its own card ═════════════════════════ */
#deep-body.is-sheet .dr-secs{
  max-width:none; margin:0; padding:36px clamp(24px,4vw,56px) 0 !important; }
#deep-body.is-sheet .dr-sec{
  margin-top:36px; padding-top:30px; border-top:1px solid var(--hair); }
#deep-body.is-sheet .dr-sec:first-child{ margin-top:0; padding-top:0; border-top:0; }
#deep-body.is-sheet .dr-sec__n{
  font-family:var(--f-body) !important; font-size:14px !important; font-weight:400 !important;
  letter-spacing:0 !important; text-transform:none !important;
  color:rgb(var(--ink3)) !important; margin:0 0 6px !important; }
#deep-body.is-sheet .dr-sec__h{
  font-family:var(--f-disp) !important; font-weight:500 !important;
  font-size:clamp(28px,2.6vw,36px) !important; line-height:1.08 !important;
  letter-spacing:-.024em !important; color:rgb(var(--ink)) !important;
  margin:0 !important; max-width:22ch; text-wrap:balance; }
#deep-body.is-sheet .dr-sec__p{
  font-family:var(--f-body) !important; font-weight:400 !important;
  font-size:16px !important; line-height:1.5 !important;
  color:rgb(var(--ink2)) !important; max-width:46ch; margin:18px 0 0 !important;
  text-wrap:pretty; }
#deep-body.is-sheet .dr-sec__p + .dr-sec__p{ margin-top:18px !important; }

/* the double edge — Tailwind leftovers brought onto the law, markup untouched */
#deep-body.is-sheet .dr-edge{
  margin:36px 0 0; padding:30px clamp(24px,4vw,56px) 0; border-top:1px solid var(--hair); }
#deep-body.is-sheet .dr-edge *{ color:rgb(var(--ink2)); }
#deep-body.is-sheet .dr-edge > div:first-child{ margin-bottom:6px !important; }
#deep-body.is-sheet .dr-edge h3.overline,
#deep-body.is-sheet .dr-edge .overline{
  font-family:var(--f-body) !important; font-size:14px !important; font-weight:400 !important;
  letter-spacing:0 !important; text-transform:none !important;
  color:rgb(var(--ink3)) !important; margin-bottom:6px !important; }
#deep-body.is-sheet .dr-edge h3.overline + span,
#deep-body.is-sheet .dr-edge [class*="font-mono"]{
  font-family:var(--f-disp) !important; font-weight:500 !important;
  font-size:18px !important; letter-spacing:-.02em !important; text-transform:none !important;
  color:rgb(var(--ink)) !important; }
#deep-body.is-sheet .dr-edge > p{
  font-family:var(--f-body) !important; font-size:16px !important; font-weight:400 !important;
  line-height:1.5 !important; letter-spacing:0 !important; text-transform:none !important;
  color:rgb(var(--ink2)) !important; max-width:46ch; margin:0 0 18px !important; }
#deep-body.is-sheet .dr-edge [class*="border-b"]{
  border-color:var(--hair) !important; padding:14px 0 !important; min-height:44px; }
#deep-body.is-sheet .dr-edge [class*="text-[13px]"]{
  font-family:var(--f-body) !important; font-weight:500 !important; font-size:15px !important;
  letter-spacing:0 !important; color:rgb(var(--ink)) !important; }
#deep-body.is-sheet .dr-edge [class*="text-[10px]"]{
  font-family:var(--f-body) !important; font-size:13px !important;
  letter-spacing:0 !important; text-transform:none !important; color:rgb(var(--ink3)) !important; }
#deep-body.is-sheet .dr-edge [class*="items-stretch"]{
  display:grid !important; grid-template-columns:1fr 1fr; gap:30px !important;
  margin-top:6px; font-size:inherit !important; }
#deep-body.is-sheet .dr-edge [class*="flex-1"]{ text-align:left !important; }
#deep-body.is-sheet .dr-edge [class*="w-px"]{ display:none !important; }
#deep-body.is-sheet .dr-edge [class*="flex-1"] > span:not(.overline){
  font-family:var(--f-body) !important; font-size:15px !important; line-height:1.5 !important;
  color:rgb(var(--ink2)) !important; }

@keyframes sheet-in{ from{ opacity:0 } to{ opacity:1 } }
@keyframes sheet-rise{
  from{ opacity:0; translate:0 10px }
  to{ opacity:1; translate:0 0 } }

@media (max-width:900px){
  #view-deep.is-sheet .dr-col{ column-gap:0 !important; }
  #view-deep.is-sheet :is(.dr-c--side, .dr-c--half){ grid-column:1 / -1 !important; }
  #view-deep.is-sheet .dr-col > .dr-c{ border-top:1px solid var(--hair) !important; }
  #view-deep.is-sheet .dr-col > .dr-c:first-child{ border-top:0 !important; }
  #view-deep.is-sheet .dr-c{ display:block !important; padding:32px 0 36px !important; }
  #view-deep.is-sheet .dr-top{ display:block; }
  #view-deep.is-sheet .dr-top .dr-lede{ margin-top:14px !important; }
}
@media (max-width:640px){
  .is-sheet{ top:12px !important; bottom:12px !important;
    width:calc(100vw - 16px) !important; border-radius:18px !important; }
  .is-sheet .sheet__bar{ border-radius:18px 18px 0 0; padding:0 20px; }
  #view-deep.is-sheet .dr,
  #deep-body.is-sheet .dr-secs,
  #deep-body.is-sheet .dr-edge{ padding-left:20px !important; padding-right:20px !important; }
  #deep-body.is-sheet .dr-edge [class*="items-stretch"]{
    grid-template-columns:1fr; gap:14px !important; }
}

@media (prefers-reduced-motion:reduce){
  .sheet__scrim{ animation:none; }
  .is-sheet{ animation:none; }
}

/* ═══ THE DOUBLE EDGE, her 09-17 ruling: three lenses as three columns on the field ═══ */
#deep-body.is-sheet .dr-edge{ margin:48px 0 0 !important; padding:36px clamp(24px,4vw,56px) 0 !important; border:0 !important; border-top:1px solid var(--hair) !important; background:none !important; }
#deep-body.is-sheet .dr-edge *{ letter-spacing:0; text-transform:none; }
#deep-body.is-sheet .de-label{ font:400 13px/1.4 var(--f-body) !important; color:rgb(var(--ink3)) !important; margin:0 !important; }
#deep-body.is-sheet .de-h{ font:500 clamp(24px,2vw,30px)/1.12 var(--f-disp) !important; letter-spacing:-.022em !important; color:rgb(var(--ink)) !important; margin:8px 0 0 !important; }
#deep-body.is-sheet .de-p{ font:400 16px/1.6 var(--f-body) !important; color:rgb(var(--ink2)) !important; max-width:52ch; margin:12px 0 0 !important; }
#deep-body.is-sheet .de-grid{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:40px; margin-top:40px; }
#deep-body.is-sheet .de-col{ padding:0 0 0 20px; border-left:1px solid var(--hair); }
#deep-body.is-sheet .de-col:first-child{ padding-left:0; border-left:0; }
#deep-body.is-sheet .de-name{ font:500 16px/1.3 var(--f-body) !important; color:rgb(var(--ink)) !important; margin:0 !important; }
#deep-body.is-sheet .de-role{ font:400 13px/1.4 var(--f-body) !important; color:rgb(var(--ink3)) !important; margin:4px 0 0 !important; }
#deep-body.is-sheet .de-role b{ font:300 22px/1 var(--f-body) !important; letter-spacing:-.03em !important; color:rgb(var(--ink)) !important; margin-left:6px; vertical-align:-2px; }
#deep-body.is-sheet .de-k{ font:400 12.5px/1.4 var(--f-body) !important; color:rgb(var(--ink3)) !important; margin:22px 0 0 !important; }
#deep-body.is-sheet .de-v{ font:400 15px/1.5 var(--f-body) !important; margin:3px 0 0 !important; }
#deep-body.is-sheet .de-v--s{ color:rgb(var(--ink)) !important; }
#deep-body.is-sheet .de-v--r{ color:var(--st-degraded, #f2b84b) !important; }
@media (max-width:760px){ #deep-body.is-sheet .de-grid{ grid-template-columns:1fr; row-gap:28px; } #deep-body.is-sheet .de-col{ padding-left:0; border-left:0; } }
/* the double edge held behind its entry; shown only as its own sheet */
.dr-edge.dr-edge--held:not(.is-sheet){ display:none !important; }
#deep-body.is-sheet .dr-edge-entry{ margin:48px 0 0; padding:36px clamp(24px,4vw,56px) 8px; border-top:1px solid var(--hair); }
#deep-body.is-sheet .dr-edge-entry .ds-btn{ margin-top:22px; }
.dr-edge.is-sheet{ padding:0 clamp(24px,4vw,56px) 48px !important; border-top:0 !important; margin:0 auto !important; width:min(980px, calc(100vw - 32px)) !important; }
.dr-edge.is-sheet .sheet__bar{ margin:0 calc(-1*clamp(24px,4vw,56px)) 20px; }
.dr-edge.is-sheet .de-grid{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:40px; margin-top:44px; }
.dr-edge.is-sheet .de-col{ padding:0 0 0 20px; border-left:1px solid var(--hair); }
.dr-edge.is-sheet .de-col:first-child{ padding-left:0; border-left:0; }
.dr-edge.is-sheet .de-label{ font:400 13px/1.4 var(--f-body); color:rgb(var(--ink3)); margin:0; }
.dr-edge.is-sheet .de-h{ font:500 clamp(26px,2.2vw,32px)/1.12 var(--f-disp); letter-spacing:-.022em; color:rgb(var(--ink)); margin:8px 0 0; }
.dr-edge.is-sheet .de-p{ font:400 16px/1.6 var(--f-body); color:rgb(var(--ink2)); max-width:52ch; margin:12px 0 0; }
.dr-edge.is-sheet .de-name{ font:500 16px/1.3 var(--f-body); color:rgb(var(--ink)); margin:0; }
.dr-edge.is-sheet .de-role{ font:400 13px/1.4 var(--f-body); color:rgb(var(--ink3)); margin:4px 0 0; }
.dr-edge.is-sheet .de-role b{ font:300 22px/1 var(--f-body); letter-spacing:-.03em; color:rgb(var(--ink)); margin-left:6px; vertical-align:-2px; }
.dr-edge.is-sheet .de-k{ font:400 12.5px/1.4 var(--f-body); color:rgb(var(--ink3)); margin:22px 0 0; }
.dr-edge.is-sheet .de-v{ font:400 15px/1.5 var(--f-body); margin:3px 0 0; }
.dr-edge.is-sheet .de-v--s{ color:rgb(var(--ink)); }
.dr-edge.is-sheet .de-v--r{ color:var(--st-degraded, #f2b84b); }
/* a third window: the double edge above the reading above the deck */
.sheet__scrim[data-sheet-depth="3"]{ z-index:9390; }
.is-sheet[data-sheet-depth="3"]{ z-index:9400; }
.dr-edge.is-sheet{ bottom:auto !important; max-height:calc(100vh - 48px) !important; }
.dr-edge.is-sheet .de-label{ display:none; }