*{box-sizing:border-box}body{margin:0;background:#f7f5ee;color:#273c43;font:18px/1.75 system-ui,sans-serif}main{max-width:760px;margin:auto;padding:24px 20px 48px}nav{font-size:.9rem}h1{font-size:clamp(1.8rem,6vw,2.65rem);line-height:1.3}h2{font-size:1.35rem}a{color:#285d67;text-underline-offset:.2em}section,.panel{border:1px solid #ccd3cd;border-radius:12px;background:#fffdf8;padding:20px;margin:22px 0}label{display:block;margin:16px 0}input:not([type=checkbox]):not([type=radio]),select,textarea{display:block;width:100%;max-width:100%;font:inherit;padding:10px;border:1px solid #7c8b88;border-radius:7px}textarea{font-size:.85rem}button,.button{font:inherit;line-height:1.4;display:inline-block;padding:12px 16px;border:1px solid #285d67;border-radius:7px;background:#285d67;color:white;margin:8px 6px 8px 0;cursor:pointer;text-decoration:none;max-width:100%;min-height:46px}button:focus-visible,a:focus-visible{outline:3px solid #c48a37;outline-offset:3px}button:disabled{background:#657575}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:.95rem}footer,.note{font-size:.85rem;color:#546c6f}[hidden]{display:none!important}.controls{display:flex;flex-wrap:wrap;gap:8px}.controls button{margin:0}blockquote{margin:18px 0;border-left:4px solid #c48a37;padding:12px 18px}