/* ORBQ-521 — /trust. Same Daylight palette as the rest of the static site.
   Document-first: long-form legal text wants a measure, generous leading and
   nothing competing with it. */
:root{
  --bg:#F7FAFC;--surface:#FFFFFF;--surface-2:#EEF4F4;--line:#DCE4EA;
  --ink:#0B1F1C;--muted:#44555E;--faint:#5E7079;
  --brand:#0D9488;--brand-deep:#0B7A70;--accent:#B45309;--sky:#2563EB;
  --maxw:1080px;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--sans);background:var(--bg);color:var(--ink);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
h1,h2,h3,h4{font-family:'Space Grotesk','SG Fallback',var(--sans);letter-spacing:-0.02em;line-height:1.2}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 1.2rem;width:100%}
:focus-visible{outline:3px solid var(--sky);outline-offset:2px;border-radius:6px}

header.top{background:var(--surface);border-bottom:1px solid var(--line);padding:0.9rem 0}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{display:flex;align-items:center;gap:0.55rem;font-weight:700;text-decoration:none}
.topnav{display:flex;gap:1rem;font-size:0.92rem}
.topnav a{text-decoration:none;color:var(--muted)}
.topnav a:hover{color:var(--brand-deep)}

.lede{padding:2.4rem 0 1rem;max-width:70ch}
.lede h1{font-size:clamp(1.7rem,4vw,2.5rem)}
.lede .big{font-size:1.1rem;color:var(--ink);margin:0.9rem 0}
.lede p{color:var(--muted);margin-top:0.7rem}
.lede-links a{color:var(--brand-deep);font-weight:600;text-decoration:underline;text-underline-offset:3px}

section.blk{margin:2.6rem 0}
section.blk > h2{font-size:1.25rem}
section.blk > .sub{color:var(--muted);font-size:0.95rem;margin:0.35rem 0 1.1rem;max-width:70ch}

.a-grid,.t-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:0.9rem}
.a-card,.t-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:1.1rem}
.a-card h3{font-size:1.02rem}
.a-card h3 a{color:var(--brand-deep);text-decoration:none}
.a-card h3 a:hover{text-decoration:underline}
.a-card p{font-size:0.9rem;color:var(--muted);margin-top:0.4rem}
.a-meta{display:flex;flex-wrap:wrap;gap:0.5rem;font-family:'Space Mono','SM Fallback',ui-monospace,monospace;font-size:0.68rem!important;color:var(--faint)!important;letter-spacing:0.04em}
.a-links{font-size:0.86rem!important;margin-top:0.6rem!important}
.a-links a{color:var(--brand-deep);text-decoration:underline;text-underline-offset:3px}
.t-card{border-left:3px solid var(--accent)}
.t-card h3{font-size:1.02rem}
.t-card p{font-size:0.9rem;color:var(--muted);margin-top:0.5rem}
.t-facts{margin:0.6rem 0 0 1.1rem;font-size:0.87rem;color:var(--ink)}
.t-withheld{border-top:1px solid var(--line);padding-top:0.6rem;margin-top:0.7rem!important}

/* ── document pages ── */
.doc{padding-bottom:2rem}
.crumb{padding:1.2rem 0 0;font-size:0.9rem}
.crumb a{color:var(--brand-deep);text-decoration:none}
.doc-head{border-bottom:1px solid var(--line);padding-bottom:1.2rem;margin-bottom:1.6rem;max-width:74ch}
.doc-head h1{font-size:clamp(1.5rem,3.4vw,2.1rem);margin-top:0.6rem}
.doc-blurb{color:var(--muted);margin-top:0.6rem}
.doc-meta{display:flex;flex-wrap:wrap;gap:0.4rem 1.6rem;margin-top:1rem}
.doc-meta div{display:flex;flex-direction:column}
.doc-meta dt{font-family:'Space Mono','SM Fallback',ui-monospace,monospace;font-size:0.62rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--faint)}
.doc-meta dd{font-size:0.92rem;font-weight:600}
.doc-dl{margin-top:0.9rem}
.doc-dl a{color:var(--brand-deep);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.doc-redact{margin-top:0.8rem;font-size:0.84rem;color:var(--faint);background:var(--surface-2);border-radius:8px;padding:0.6rem 0.8rem}

.doc-body{max-width:74ch}
.doc-body h1{font-size:1.5rem;margin:1.8rem 0 0.6rem}
.doc-body h2{font-size:1.2rem;margin:1.8rem 0 0.5rem}
.doc-body h3{font-size:1.02rem;margin:1.3rem 0 0.4rem}
.doc-body p{margin:0.7rem 0;color:var(--muted)}
.doc-body strong{color:var(--ink)}
.doc-body ul,.doc-body ol{margin:0.7rem 0 0.7rem 1.3rem;color:var(--muted)}
.doc-body li{margin:0.3rem 0}
.doc-body code{font-family:'Space Mono','SM Fallback',ui-monospace,monospace;font-size:0.86em;background:var(--surface-2);padding:0.1em 0.3em;border-radius:4px}
.doc-body blockquote{border-left:3px solid var(--brand);background:var(--surface);padding:0.7rem 1rem;margin:1rem 0;color:var(--muted);font-size:0.94rem;border-radius:0 8px 8px 0}
.doc-body hr{border:0;border-top:1px solid var(--line);margin:1.8rem 0}
.doc-body a{color:var(--brand-deep);text-decoration:underline;text-underline-offset:3px}
/* Wide tables scroll inside their own box — the page body must never scroll sideways. */
.doc-body .tw{overflow-x:auto;margin:1.1rem 0;max-width:100%;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.doc-body table{border-collapse:collapse;min-width:100%;font-size:0.86rem}
.doc-body td,.doc-body th{border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:0.5rem 0.65rem;text-align:left;vertical-align:top;color:var(--muted)}
.doc-body th{background:var(--surface-2);color:var(--ink);font-weight:700}
.doc-body tr:last-child td{border-bottom:0}
.doc-body td:last-child,.doc-body th:last-child{border-right:0}

/* ORBQ-522 additions for /trust/your-data-is-yours */
.dl-row{display:flex;flex-wrap:wrap;gap:0.8rem;align-items:center;margin:1rem 0 0.5rem}
.dl{display:inline-block;background:var(--brand);color:#fff;padding:0.65rem 1.15rem;border-radius:10px;font-weight:700;text-decoration:none}
.dl:hover{background:var(--brand-deep)}
.dl-alt{color:var(--brand-deep);text-decoration:underline;text-underline-offset:3px;font-size:0.92rem}
.note{font-size:0.88rem;color:var(--faint)}
.doc .lede{padding-top:1rem;max-width:70ch}
.doc h3 .cnt{font-family:'Space Mono','SM Fallback',ui-monospace,monospace;font-size:0.66rem;letter-spacing:0.08em;color:var(--faint);font-weight:400;margin-left:0.5rem}
.doc .tw{overflow-x:auto;margin:1rem 0;border:1px solid var(--line);border-radius:10px;background:var(--surface);max-width:100%}
.doc table{border-collapse:collapse;min-width:100%;font-size:0.86rem}
.doc td,.doc th{border-bottom:1px solid var(--line);padding:0.5rem 0.65rem;text-align:left;vertical-align:top;color:var(--muted)}
.doc th{background:var(--surface-2);color:var(--ink);font-weight:700}
.doc table.commit td:first-child{font-weight:600;color:var(--ink);width:34%}
.doc code{font-family:'Space Mono','SM Fallback',ui-monospace,monospace;font-size:0.86em;background:var(--surface-2);padding:0.1em 0.3em;border-radius:4px}
.doc h3{margin-top:1.6rem}
.doc p{color:var(--muted);margin:0.7rem 0}
.blk.draft{border-left:3px solid var(--accent);padding-left:1rem;background:var(--surface);border-radius:0 10px 10px 0;padding-top:0.8rem;padding-bottom:0.8rem}
.commits{margin:0.8rem 0 0 1.2rem;color:var(--muted)}
.commits li{margin:0.5rem 0}
.commits strong{color:var(--ink)}

/* ORBQ-523 additions for /changelog */
.entries{list-style:none;margin:1.4rem 0}
.entry{display:grid;grid-template-columns:150px 1fr;gap:1rem;padding:1.2rem 0;border-top:1px solid var(--line)}
.entry:first-child{border-top:0}
.e-when{display:flex;flex-direction:column;gap:0.2rem}
.e-when time{font-family:'Space Mono','SM Fallback',ui-monospace,monospace;font-size:0.8rem;color:var(--ink);font-weight:700}
.e-ver{font-family:'Space Mono','SM Fallback',ui-monospace,monospace;font-size:0.68rem;color:var(--faint)}
.e-body h3{font-size:1.05rem}
.e-tags{display:flex;flex-wrap:wrap;gap:0.3rem;margin:0.4rem 0 0.5rem}
.tag{font-family:'Space Mono','SM Fallback',ui-monospace,monospace;font-size:0.62rem;letter-spacing:0.08em;text-transform:uppercase;background:var(--surface-2);color:var(--faint);padding:0.12rem 0.4rem;border-radius:5px}
.e-body ul{margin-left:1.1rem;color:var(--muted);font-size:0.92rem}
.e-body li{margin:0.35rem 0}
@media(max-width:640px){.entry{grid-template-columns:1fr}.e-when{flex-direction:row;gap:0.6rem}}

footer{border-top:1px solid var(--line);margin-top:3rem;padding:1.8rem 0 3rem;font-size:0.85rem;color:var(--faint)}
.foot-links{display:flex;flex-wrap:wrap;gap:0.5rem 0.9rem;margin-bottom:0.7rem}
.foot-links a{text-decoration:underline;text-underline-offset:3px}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}