:root{font:16px/1.55 system-ui,sans-serif;color:#152d36;background:#f3f4eb;--ink:#132f37;--accent:#dae885;--line:#b2c2b4}*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:auto;padding:0 clamp(14px,4vw,36px) 36px}a{color:#195748;text-underline-offset:3px}nav{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:20px 0;font-size:.87rem}header{padding:clamp(24px,6vw,56px);background:var(--ink);color:#f6f6ec;border-radius:10px}header p{max-width:65ch;margin:10px 0}.eyebrow,.tag,caption{font-size:.75rem;font-weight:700;letter-spacing:.06em}.eyebrow{color:var(--accent)}.tag{display:inline-block;border:1px solid #76938a;border-radius:30px;padding:5px 12px}.skip{position:absolute;left:12px;top:-5em}.skip:focus{top:0;background:#fff;padding:10px;z-index:1}h1,h2{line-height:1.12;letter-spacing:-.035em}h1{font:500 clamp(2.1rem,5.7vw,4.2rem)/1.03 Georgia,serif;max-width:18ch;margin:12px 0 19px}h2{font-size:1.4rem;margin:.3em 0 .65em}section,footer{padding:clamp(16px,3vw,29px);margin-top:14px;background:#fffef6;border:1px solid var(--line);border-radius:9px}form{display:flex;flex-wrap:wrap;align-items:end;gap:12px}label{display:grid;gap:3px;font-size:.85rem;font-weight:650;flex:1 1 190px}input,button{font:inherit;padding:10px 12px;color:var(--ink);border:1px solid #879f95;border-radius:5px}input{width:100%;background:white}button{background:var(--accent);font-weight:700;cursor:pointer}button:disabled{opacity:.5;cursor:progress}.hint,#message,footer p,.note{font-size:.88rem}.answer{border-left:5px solid #387659}.hold{border-left-color:#986331}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid #cfdbcf;padding:.5rem .3rem;vertical-align:top}thead th{color:#345950}.scroller{overflow:auto}.scroller table{min-width:510px}.small-table{font-size:.85rem;max-width:680px}caption{text-align:left;margin:.4rem 0}.note{background:#f0f4e5;padding:10px}details{margin-top:1rem}summary{cursor:pointer;font-weight:650}.stat{font-weight:700}footer{background:transparent;border:none;border-top:1px solid var(--line);border-radius:0}button:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #256da3;outline-offset:2px}@media(max-width:560px){form button{width:100%}section,footer{padding:15px}.small-table{font-size:.79rem}}
.drawings{display:flex;flex-wrap:wrap;gap:12px;margin-top:1rem}.drawings figure{flex:1 1 220px;margin:0;border:1px solid var(--line);border-radius:5px;background:#fafbf2;padding:10px}.drawings svg{display:block;width:100%;height:auto;max-height:230px}.drawings figcaption{font-size:.78rem;font-weight:700;margin-bottom:8px}
