/* Shared shell for the pages beyond the landing page. The tokens are copied
   from index.html so /verify and /docs sit in the same design, in both themes. */
:root{
  --paper:#F4F5F2;
  --paper-raised:#FBFBF9;
  --ink:#16261E;
  --ink-soft:#3E4F46;
  --ink-faint:#71807A;
  --green:#1E6B4E;
  --green-deep:#0E4D3A;
  --green-wash:#E4EDE7;
  --rule:#D4DAD4;
  --warn:#8A5A11;
  --bad:#8C2F2F;
  --serif:'Newsreader',Georgia,serif;
  --mono:'IBM Plex Mono',ui-monospace,monospace;
}
[data-theme="dark"]{
  --paper:#101B15;
  --paper-raised:#16241C;
  --ink:#E9EDE9;
  --ink-soft:#ADB9B1;
  --ink-faint:#78857E;
  --green:#4FA97F;
  --green-deep:#7CC3A0;
  --green-wash:#1D3328;
  --rule:#2B3B32;
  --warn:#D9A24A;
  --bad:#E07A7A;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --paper:#101B15;
    --paper-raised:#16241C;
    --ink:#E9EDE9;
    --ink-soft:#ADB9B1;
    --ink-faint:#78857E;
    --green:#4FA97F;
    --green-deep:#7CC3A0;
    --green-wash:#1D3328;
    --rule:#2B3B32;
    --warn:#D9A24A;
    --bad:#E07A7A;
  }
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:18px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--green-deep)}
a:focus-visible,button:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.wrap{max-width:960px;margin:0 auto;padding:0 28px}
header{border-bottom:1px solid var(--rule);background:var(--paper-raised)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.wordmark{font-family:var(--mono);font-weight:600;font-size:17px;letter-spacing:-.02em;color:var(--ink);text-decoration:none}
.wordmark span{color:var(--green)}
.nav-links{display:flex;align-items:center;gap:22px;font-family:var(--mono);font-size:13px}
.nav-links a{color:var(--ink-soft);text-decoration:none}
.nav-links a:hover{color:var(--green)}
.theme-toggle{font-family:var(--mono);font-size:12px;background:none;border:1px solid var(--rule);color:var(--ink-soft);padding:4px 9px;cursor:pointer;border-radius:2px}
main{padding:52px 0 80px}
h1{font-size:38px;font-weight:600;letter-spacing:-.02em;line-height:1.15;margin-bottom:14px}
h2{font-size:24px;font-weight:600;margin:44px 0 12px;letter-spacing:-.01em}
h3{font-size:18px;font-weight:600;margin:28px 0 8px;font-family:var(--mono)}
p{margin-bottom:14px;color:var(--ink-soft);max-width:70ch}
ul,ol{margin:0 0 16px 22px;color:var(--ink-soft);max-width:70ch}
li{margin-bottom:7px}
.lede{font-size:20px;color:var(--ink-soft);max-width:64ch;margin-bottom:30px}
code{font-family:var(--mono);font-size:.86em;background:var(--green-wash);padding:1px 5px;border-radius:2px;color:var(--ink)}
pre{font-family:var(--mono);font-size:13px;line-height:1.6;background:var(--paper-raised);border:1px solid var(--rule);padding:16px 18px;overflow-x:auto;margin-bottom:18px;border-radius:2px}
pre code{background:none;padding:0;font-size:inherit}
table{width:100%;border-collapse:collapse;font-size:15px;margin-bottom:20px;display:block;overflow-x:auto}
th,td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--rule);vertical-align:top}
th{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);font-weight:500;white-space:nowrap}
td{color:var(--ink-soft)}
footer{border-top:1px solid var(--rule);padding:26px 0;font-family:var(--mono);font-size:12px;color:var(--ink-faint)}
.foot-grid{display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between}
footer a{color:var(--ink-faint)}
.note{border-left:3px solid var(--green);background:var(--green-wash);padding:14px 18px;margin-bottom:20px;font-size:16px}
.note p:last-child{margin-bottom:0}
@media(max-width:720px){
  .nav-links a{display:none}
  h1{font-size:30px}
  .wrap{padding:0 18px}
}