/* Decision Room · hero, page typography, CTA band, Methodology drawer chrome. Tokens from shared.css / tokens.css only.
   rgba() literals are alpha variants of token colours: 0,0,0 = --bg. */
/* Page gutter (T11 QA-01): the hero, the Methodology head and the CTA sat flush at x=0 (the hero only under 900px).
   OWNER-5: one flush-left column. The hero shares the wrap with the Methodology head and the CTA, so all three start
   at the same left x as the homepage hero; the measure is capped on the text (h1 20ch, lede 56ch, public 62ch). */
.dr-hero{ padding-top:124px; padding-bottom:clamp(40px,4.5vw,64px); padding-inline:var(--gutter); display:flex; flex-direction:column; gap:16px; }
.dr-h1{ margin:0; font-family:var(--sans); font-size:clamp(36px,4.6vw,56px); line-height:1.04; font-weight:500; letter-spacing:-.03em; color:var(--ink); max-width:20ch; text-wrap:balance; }
.dr-h2{ margin:0 0 12px; font-family:var(--sans); font-size:clamp(24px,2.6vw,34px); font-weight:500; letter-spacing:-.02em; color:var(--ink); }
.dr-lede{ margin:0; font-size:clamp(16px,1.3vw,18px); line-height:1.6; color:var(--ink-dim); max-width:56ch; }
/* The italic aside replicates the homepage headline idiom property for property (index.html .headline em). */
.dr-lede em{ font-style:italic; font-weight:400; color:var(--ink-mute); }
.dr-cap{ font-size:12px; line-height:1.45; color:var(--ink-mute); }
/* Public-view claim (R11): the depth claim is the bold run-in, the limitation follows. */
.dr-public{ margin:4px 0 0; font-size:14px; line-height:1.55; color:var(--ink-mute); max-width:62ch; }
.dr-public strong{ color:var(--ink-dim); font-weight:600; }
.dr-cta{ padding-block:64px 96px; padding-inline:var(--gutter); display:flex; flex-direction:column; gap:14px; align-items:flex-start; }
.dr-drawer{ width:min(560px,100vw - 32px); max-height:80vh; padding:0; border:1px solid var(--line-2); border-radius:18px; background:var(--bg-2); color:var(--ink); }
.dr-drawer::backdrop{ background:rgba(0,0,0,.6); }
.dr-drawer-head{ display:flex; justify-content:space-between; align-items:center; padding:16px 20px; border-bottom:1px solid var(--line); }
.dr-drawer-title{ font-size:15px; font-weight:600; }
.dr-drawer-body{ padding:8px 20px 20px; overflow:auto; }
/* 44px target on touch and stacked layouts (I3) */
@media (max-width:1023px), (pointer:coarse){ #dr-close-methodology{ min-height:44px; } }