:root{--cream:#faf3e6;--white:#fffdf8;--pumpkin:#e8741e;--terra:#b4532f;--char:#2b2623;--gold:#b8923a;--line:#e6d9c0}
@media(prefers-color-scheme:dark){:root{--cream:#1f1b18;--white:#2a2420;--char:#f3ebdd;--line:#463d34;--terra:#e0865f}}
*{box-sizing:border-box}html{scroll-padding-top:4rem}
body{margin:0;background:var(--cream);color:var(--char);font:18px/1.7 Georgia,"Iowan Old Style",serif}
a{color:var(--terra)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--pumpkin);outline-offset:2px}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:var(--white);padding:.5rem;z-index:9}
header{background:var(--white);border-bottom:3px solid var(--pumpkin)}
.bar{max-width:68rem;margin:auto;padding:.8rem 1.2rem;display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;align-items:center;justify-content:space-between}
.logo{font:700 1.5rem Georgia,serif;text-decoration:none;color:var(--char)}.logo span{color:var(--pumpkin)}
nav ul{display:flex;flex-wrap:wrap;gap:.3rem 1.2rem;list-style:none;margin:0;padding:0;font:600 .95rem system-ui,sans-serif}
nav a{color:var(--char);text-decoration:none}nav a:hover,nav a[aria-current]{color:var(--terra);text-decoration:underline}
main{max-width:46rem;margin:auto;padding:2rem 1.2rem}.wide{max-width:68rem}
h1{font-size:clamp(2rem,6vw,3.2rem);line-height:1.15;margin:.2em 0 .4em}h2{font-size:1.6rem;margin:2em 0 .5em;border-top:2px solid var(--line);padding-top:.8em}h3{margin:1.4em 0 .3em}
.lede{font-size:1.25rem;color:var(--terra)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin:1.5rem 0}
.card{background:var(--white);border:1px solid var(--line);border-left:5px solid var(--pumpkin);padding:1rem 1.2rem}.card h3{margin:0 0 .3rem}.card p{margin:0;font-size:.95rem}
.tw{overflow-x:auto}table{border-collapse:collapse;width:100%;font:.95rem system-ui,sans-serif}th,td{border:1px solid var(--line);padding:.55rem .7rem;text-align:left;vertical-align:top}th{background:var(--white)}
.note{background:var(--white);border:1px dashed var(--gold);padding:.8rem 1rem;font-size:.95rem}
label{display:block;font:600 .95rem system-ui,sans-serif;margin-top:1rem}input,textarea{width:100%;padding:.6rem;font:inherit;border:1px solid var(--char);background:var(--white);color:var(--char)}
button{margin-top:1rem;background:var(--pumpkin);color:#1b1410;border:0;padding:.7rem 1.4rem;font:700 1rem system-ui,sans-serif;cursor:pointer}
footer{border-top:3px solid var(--pumpkin);background:var(--white);font:.9rem/1.6 system-ui,sans-serif;padding:1.5rem 1.2rem;text-align:center}
