:root{--accent:#945508;--paper:#fcfaf5;--ink:#203629}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 system-ui,sans-serif}header,main,footer{max-width:900px;margin:auto;padding:1.5rem}header{border-bottom:1px solid #ccd5cc}header>a{font-size:1.5rem;font-weight:700}nav{display:flex;gap:1rem;flex-wrap:wrap;margin:1rem 0}h1{font-size:clamp(1.8rem,5vw,2.7rem);line-height:1.2}h2{font-size:1.5rem}a{color:var(--accent)}section{margin:2.5rem 0}.note,.comment{padding:1.3rem;border:1px solid #ccd5cc;border-radius:10px;background:white;margin:1rem 0}.reply{border-left:4px solid var(--accent);padding-left:1rem}.muted{font-size:.9rem;color:#526257}.usertext{white-space:pre-wrap;overflow-wrap:anywhere}label{display:block;margin:.8rem 0 .3rem}input:not([type=checkbox]),textarea{font:inherit;width:100%;max-width:100%;padding:.6rem;border:1px solid #68796b;border-radius:5px}textarea{resize:vertical}button{font:inherit;color:white;background:var(--accent);border:0;border-radius:5px;padding:.6rem 1rem;margin:1rem .3rem 0 0;cursor:pointer}.check{font-size:.95rem}.check input{width:1.2rem;height:1.2rem}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;padding:1rem}:focus-visible{outline:3px solid #a86100;outline-offset:3px}footer{border-top:1px solid #ccd5cc;font-size:.9rem}li{margin:.8rem 0}details{margin:2rem 0}summary{cursor:pointer;font-weight:700}@media(max-width:500px){header,main,footer{padding:1rem}.note,.comment{padding:1rem}}@media print{form,header,footer,.skip{display:none}body{background:white}}
