/* GovernanceOS home page styles, 17 Oct 2026. Linked from index.html only.
   Reads tokens from tokens.css. site.css is untouched; rules here only add to it. */

/* highlighted phrases on this page are two to four words, so they are kept on one line and never split */
main h1 mark.hl,main h2 mark.hl{white-space:nowrap}

/* hero: a one-line note under the two actions says what the free action costs (nothing) */
.hero .row{margin-bottom:var(--s3)}
.cta-note{font-size:var(--fs-14);margin:0 0 var(--s6)}
.hero .lead{max-width:62ch}

/* three readers: the question each reader has in mind sits above the answer */
.reader .reader-q{font-family:var(--font-serif);font-size:var(--fs-20);line-height:1.35;margin:0}
.reader .reader-who{font-size:var(--fs-14)}

/* three rules under the diagrams */
.rules{list-style:none;padding:0;margin:var(--s6) 0 0;display:grid;gap:var(--s4);max-width:none}
@media (min-width:720px){.rules{grid-template-columns:repeat(3,minmax(0,1fr))}}
.rules li{margin:0;border-top:2px solid var(--fg);padding-top:var(--s3);font-size:var(--fs-14)}
.rules li strong{display:block;font-family:var(--font-serif);font-size:var(--fs-18);font-weight:500;margin-bottom:var(--s1)}

/* the day the examiner asks: one question answered two ways. Static; motion.js skips it. */
.examday{margin:0}
.examday-grid{display:grid;gap:var(--s4)}
@media (min-width:720px){.examday-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.examday-col{border:1px solid var(--line);border-radius:var(--radius);padding:var(--s5);display:flex;flex-direction:column;gap:var(--s3);background:var(--surface);min-width:0}
.examday-col.is-record{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}
.examday-col h3{margin:0;font-size:var(--fs-20)}
.examday-col .examday-label{font-size:var(--fs-12);letter-spacing:.08em;text-transform:uppercase;font-weight:500;margin:0}
.examday-steps{margin:0;padding-left:1.4em;display:grid;gap:var(--s2);font-size:var(--fs-14);max-width:none}
.examday-steps li{margin:0}
.examday-out{margin:auto 0 0;border-top:1px solid var(--line);padding-top:var(--s3);font-size:var(--fs-14)}
.examday-k{font-family:var(--font-serif);font-size:var(--fs-20);display:block}
.examday figcaption{font-size:var(--fs-14);margin-top:var(--s3);max-width:var(--measure)}
.examday-q{font-family:var(--font-serif);font-size:var(--fs-20);line-height:1.35}

/* honest status line under the trust table */
.status-line{border-left:3px solid var(--accent);padding:var(--s2) var(--s4);margin:var(--s4) 0 0;font-size:var(--fs-14);max-width:var(--measure)}

/* products: the free tier's honest line */
.card .honest{font-size:var(--fs-14);border-top:1px solid var(--line);padding-top:var(--s3)}

@media print{.examday-col.is-record{box-shadow:none}}

/* D92, his words: remove gradient shade from the home page */
body.site .hero::before{display:none}
body.site main>.section:nth-of-type(even){background:none}
.d-panel{background:#10224d;box-shadow:none}
.d-panel::before{display:none}
.mega-feat{background:var(--surface)}