/* Documents section of boballoo.com: same tokens and type as the main page. */
:root{--paper:#f6f7f5;--sheet:#fff;--ink:#1c232b;--ink-2:#56606b;--rule:#d9dde0;--pencil:#182d65;--orange:#f38808;--mark:#e8ecf6;
--font-display:"Literata","Iowan Old Style","Palatino Linotype",Georgia,serif;--font-ui:"Public Sans","Segoe UI",system-ui,-apple-system,sans-serif;--measure:40rem}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#14181d;--sheet:#1b2027;--ink:#e7eaed;--ink-2:#a3acb6;--rule:#2e353e;--pencil:#9db4ea;--mark:#1e2b3e;--orange:#f7a034;color-scheme:dark}}
:root[data-theme="dark"]{--paper:#14181d;--sheet:#1b2027;--ink:#e7eaed;--ink-2:#a3acb6;--rule:#2e353e;--pencil:#9db4ea;--mark:#1e2b3e;--orange:#f7a034;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-display);font-size:1.0625rem;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--pencil);text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--pencil);outline-offset:3px;border-radius:2px}
h1,h2{font-weight:500;line-height:1.2;margin:0;text-wrap:balance}p{margin:0}
.wrap{max-width:68rem;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.eyebrow{font-family:var(--font-ui);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--pencil)}
.bar{position:sticky;top:0;z-index:5;background:var(--paper);border-bottom:1px solid var(--rule)}
.bar .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.7rem;flex-wrap:wrap}
.brand img{height:2.1rem;width:auto;display:block}.logo-dark{display:none!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .logo-light{display:none!important}:root:not([data-theme="light"]) .logo-dark{display:block!important}}
.bar nav{display:flex;gap:1.1rem;flex-wrap:wrap;font-family:var(--font-ui);font-size:.875rem}.bar nav a{color:var(--ink-2);text-decoration:none}.bar nav a:hover{color:var(--pencil)}
main{padding-block:3rem 4rem}.head{display:grid;gap:.8rem;max-width:48rem;margin-bottom:2.25rem}
h1{font-size:clamp(2rem,5vw,3rem);letter-spacing:-.015em}.lede{color:var(--ink-2);max-width:var(--measure)}
.counts{list-style:none;margin:0 0 2.5rem;padding:0;display:flex;flex-wrap:wrap;gap:.5rem;font-family:var(--font-ui);font-size:.85rem}
.counts a{display:inline-block;border:1px solid var(--rule);border-radius:3px;padding:.3rem .65rem;text-decoration:none;color:var(--ink);background:var(--sheet)}
.counts a:hover{border-color:var(--pencil)}.counts b{font-weight:600;font-variant-numeric:tabular-nums}
.year{display:grid;gap:.4rem;margin-bottom:2.25rem;scroll-margin-top:4rem}
.year h2{font-size:1.5rem;display:flex;gap:.6rem;align-items:baseline;border-bottom:1px solid var(--rule);padding-bottom:.4rem}
.year h2 span{font-family:var(--font-ui);font-size:.8rem;color:var(--ink-2);font-weight:500}
.docs{list-style:none;margin:0;padding:0;columns:2 24rem;column-gap:2.5rem}
.docs li{break-inside:avoid;padding-block:.3rem;display:grid;gap:0}
.docs .k{font-family:var(--font-ui);font-size:.78rem;color:var(--ink-2)}
.facts{margin:0 0 2rem;display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.55rem 1.5rem;max-width:44rem}
.facts dt{font-family:var(--font-ui);font-size:.85rem;color:var(--ink-2);padding-top:.15rem}.facts dd{margin:0}
@media (max-width:560px){.facts{grid-template-columns:1fr;gap:0}.facts dd{margin-bottom:.7rem}}
.kudo{margin:0 0 2rem;max-width:var(--measure);background:var(--sheet);border:1px solid var(--rule);border-left:3px solid var(--orange);padding:1.2rem 1.4rem;display:grid;gap:.6rem}
.kudo p{font-size:1.15rem;font-style:italic}.kudo footer{font-family:var(--font-ui);font-size:.85rem;color:var(--ink-2)}
.pager{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid var(--rule);padding-top:1.2rem;font-family:var(--font-ui);font-size:.9rem;max-width:48rem}
.foot{border-top:1px solid var(--rule);padding-block:1.5rem;font-family:var(--font-ui);font-size:.85rem;color:var(--ink-2)}
.foot .wrap{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}