:root{color-scheme:light;--ink:#183f35;--text:#25272b;--muted:#536169;--line:#d9dfe2;--tint:#f1f3f4;--paper:#fff;--accent:#f2ad87;--serif:'Instrument Serif','Iowan Old Style',Georgia,serif;--sans:'Hanken Grotesk',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}
*{box-sizing:border-box}
html{scroll-padding-top:16px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--text);font:400 17px/1.6 var(--sans);letter-spacing:0;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:0;margin:0;color:var(--text)}
p,ul,ol,dl{margin:0 0 16px}
a{color:var(--ink);text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
a:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.skip{position:absolute;left:16px;top:-80px;z-index:10;background:var(--ink);color:#fff;padding:12px 16px}
.skip:focus{top:12px}
.band{border-bottom:1px solid var(--line)}
.tint{background:var(--tint)}
.in{max-width:1120px;margin:0 auto;padding:40px 20px}
.site-head .in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 24px;padding-top:12px;padding-bottom:12px}
.brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;font:400 22px/1.2 var(--serif);color:var(--text);text-decoration:none}
.site-head nav{display:flex;flex-wrap:wrap;gap:0 18px;font-size:15px;font-weight:500}
.site-head nav a{display:inline-block;padding:10px 0;color:var(--text)}
.site-head nav a[aria-current="page"]{color:var(--ink);text-decoration-thickness:3px;text-decoration-color:var(--accent)}
.kicker{font:600 14px/1.4 var(--sans);color:var(--ink);margin:0 0 14px}
.kicker::before{content:"";display:inline-block;width:20px;height:4px;margin:0 8px 3px 0;background:var(--accent);vertical-align:middle}
h1{font-size:56px;line-height:1;margin:0 0 20px;color:var(--ink)}
.page-title{font-size:44px;line-height:1.05}
h2{font-size:34px;line-height:1.1;margin:0 0 16px}
h3{font-size:24px;line-height:1.2;margin:28px 0 10px}
.lede{font:400 26px/1.25 var(--serif);margin:0 0 16px}
.intro,.prose{max-width:40em}
.note{font-size:14px;line-height:1.5;color:var(--muted);margin:10px 0 0}
.actions{display:flex;flex-direction:column;gap:24px;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 24px;border:2px solid var(--ink);background:var(--ink);color:#fff;font-weight:600;text-align:center;text-decoration:none}
.btn:hover{background:#0f2c25;border-color:#0f2c25}
.btn-alt{background:var(--paper);color:var(--ink)}
.btn-alt:hover{background:var(--tint);border-color:var(--ink)}
.more{font-weight:600}
.links a{display:inline-block;margin:0 24px 8px 0;font-weight:600}
.paths{list-style:none;padding:0;margin:24px 0 0;border-top:1px solid var(--line)}
.paths li{border-bottom:1px solid var(--line)}
.paths a{display:block;padding:18px 0;text-decoration:none}
.paths strong{display:block;font:400 26px/1.2 var(--serif);color:var(--ink)}
.paths span{display:block;margin-top:4px;color:var(--muted);font-size:16px}
.paths a:hover strong{text-decoration:underline}
.dark{background:var(--ink);color:#fff;border-color:var(--ink)}
.dark h2,.dark a{color:#fff}
.dark p{color:#e2ede7}
.dark .kicker{color:var(--accent)}
.dark .btn{background:var(--accent);border-color:var(--accent);color:var(--text)}
.dark .btn:hover{background:#f8c9ad;border-color:#f8c9ad}
.dark a:focus-visible{outline-color:var(--accent)}
.toc ol{padding-left:22px;margin:24px 0 0}
.toc li{margin:0 0 8px}
.guide ol,.guide ul{padding-left:22px}
.guide li{margin:0 0 10px}
.prompt{margin:16px 0 20px;padding:18px 20px;background:var(--tint);border-left:4px solid var(--ink);font-size:17px}
.prompt p{margin:0}
details{border-top:1px solid var(--line);padding:16px 0}
summary{cursor:pointer;font-weight:600}
summary:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.brief dt{font-weight:700;margin-top:14px}
.brief dd{margin:2px 0 0}
.site-foot .in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;padding-top:28px;padding-bottom:36px}
.site-foot p{margin:0;font-size:14px;color:var(--muted)}
.site-foot .brand{font-size:20px}
.public-posts-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin-top:24px}
.public-post-card{min-width:0;padding:24px;border:1px solid var(--line);border-radius:8px}
.public-post-card h3{margin:12px 0;font-size:28px}
.public-post-card p:last-child{margin-bottom:0}
.public-post-meta,.public-post-byline{font-size:14px;color:var(--muted)}
.public-post-badge{display:inline-block;margin-right:8px;padding:2px 8px;border:1px solid var(--line);border-radius:4px;color:var(--ink);font-weight:600}
@media(min-width:700px){.public-posts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.public-posts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:390px){.in{padding-left:24px;padding-right:24px}h1{font-size:64px}.page-title{font-size:48px}}
@media(min-width:700px){.in{padding:56px 40px}h1{font-size:88px}.page-title{font-size:60px}h2{font-size:44px}.lede{font-size:32px}.actions{flex-direction:row;flex-wrap:wrap;gap:24px 40px}.action{max-width:22em}.site-head .in{padding-top:16px;padding-bottom:16px}}
@media(min-width:1000px){.in{padding:72px 48px}h1{font-size:120px}.page-title{font-size:72px}h2{font-size:52px}.split{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:start}.split .paths{margin-top:0}}
@media print{
@page{margin:18mm}
body{font:11pt/1.5 var(--sans);color:#000;background:#fff}
.skip,.site-head nav,.no-print{display:none!important}
.band,.tint,.dark{background:none;border:0;color:#000}
.in{max-width:none;padding:0 0 14pt}
h1,.page-title{font-size:28pt;color:#000}
h2{font-size:18pt;break-after:avoid}
h3{font-size:13pt;break-after:avoid}
.kicker{color:#000}
.kicker::before{display:none}
li,.prompt,.brief dd{break-inside:avoid}
.prompt{background:none;border-left:2pt solid #000}
a{color:#000;text-decoration:none}
.site-foot a[href^="http"]::after{content:" (" attr(href) ")"}
.site-foot p{color:#000;font-size:9pt}
}
