/* The long pages (Methodology, Security, Privacy, Thanks) in Concept B's style: the home page's light
   ground and header, the heading beside a drawing's title block, sheet tabs between the three trust
   documents, numbered sections and ruled tables. Loaded after site.css. No inline styles. */

.doc h1{font-family:var(--display);font-stretch:118%;font-weight:700;font-size:clamp(40px,6vw,76px);letter-spacing:-.03em;line-height:1.02;text-wrap:balance}

/* The heading and its title block */
.doc-head{padding:clamp(36px,5vw,64px) 0 clamp(28px,4vw,44px);border-bottom:1px solid var(--line)}
.doc-head .wrap{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.55fr);gap:48px;align-items:end}
.doc-head .label{margin:0 0 18px}
.doc-head .lede{color:var(--muted);max-width:640px;margin:20px 0 0}
.doc-head .btn-row{margin-top:28px}
.sheet-tb{margin:0;border:1.5px solid var(--ink);border-radius:4px;background:var(--surface);display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.sheet-tb div{padding:10px 12px 12px;border-bottom:1px solid var(--ink);display:flex;flex-direction:column;gap:4px;min-width:0}
.sheet-tb div:first-child{border-right:1px solid var(--ink)}
.sheet-tb div.w{grid-column:span 2;border-bottom:0}
.sheet-tb dt{font:500 10.5px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.sheet-tb dd{margin:0;font:500 14px/1.4 var(--mono);color:var(--ink);overflow-wrap:anywhere}
.sheet-tb dd.big{font:700 20px/1.15 var(--display);font-stretch:112%;letter-spacing:-.01em}

/* Sheet tabs: the three trust documents */
.sheets{display:flex;gap:4px;flex-wrap:wrap;margin-top:28px}
.sheets a{font:500 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--muted);padding:9px 12px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}
.sheets a:hover{color:var(--ink);border-color:var(--ink)}
.sheets a[aria-current]{color:var(--surface);background:var(--ink);border-color:var(--ink)}

/* The text: one column aligned with the header, sections numbered like a drawing's notes */
.doc .prose .wrap{max-width:var(--max)}
.doc .prose .wrap > *{max-width:760px}
.doc .prose{counter-reset:sec}
.doc .prose h2{font-family:var(--display);font-stretch:112%;font-size:clamp(24px,2.8vw,32px);display:flex;gap:16px;align-items:baseline;
  margin:48px 0 14px;padding-top:20px;border-top:1px solid var(--line)}
.doc .prose h2:first-child{margin-top:0;padding-top:0;border-top:0}
.doc .prose h2::before{counter-increment:sec;content:counter(sec,decimal-leading-zero);flex:none;font:500 13px/1 var(--mono);letter-spacing:.1em;color:var(--burst-text)}
.doc .prose table{border:1.5px solid var(--ink);background:var(--surface)}
.doc .prose th{font:500 11px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;background:var(--ground);border-bottom:1px solid var(--ink)}
.doc .prose td{font-size:15px}
.doc .formula{border:1.5px solid var(--ink);border-radius:4px;font-family:var(--mono)}

@media (max-width:860px){.doc-head .wrap{grid-template-columns:1fr;gap:28px}.sheet-tb{max-width:420px}}