:root{color:#203b36;font-synthesis:none;background:#f5f5ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;color:#214c42;background:#fffdf7;border:1px solid #879c91;border-radius:7px;min-height:44px;padding:.65rem 1rem}button:hover{background:#e1e9dd}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #a44a12}header,nav,main,footer{max-width:1140px;margin:auto;padding:24px 32px}header{justify-content:space-between;align-items:center;display:flex}.brand{color:#163f35;font-size:1.45rem;font-weight:800;text-decoration:none}.eyebrow,.number{letter-spacing:.11em;font-size:.75rem;font-weight:700}.demo{color:#fff;background:#173e36;gap:20px;padding:13px max(24px,50vw - 538px);font-size:.87rem;display:flex}.demo strong{white-space:nowrap}nav{border-bottom:1px solid #cbd4c8;gap:10px;display:flex}nav button{background:0 0;border-color:#0000}nav button[aria-current]{color:#193f34;background:#dce8d7}main{min-height:65vh;padding-top:8px}h1{letter-spacing:-.045em;overflow-wrap:anywhere;max-width:850px;margin:16px 0 20px;font-size:clamp(2rem,5vw,3.7rem);font-weight:650;line-height:1.1}h2{font-size:1.3rem}h3{font-size:1.35rem;line-height:1.35}p{color:#4d6159}.intro{padding:26px 0 36px}.toolbar{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.count{vertical-align:middle;background:#dde6d7;border-radius:30px;padding:4px 9px;font-size:.8rem}.grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}article{background:#fffef8;border:1px solid #c5cfc1;border-radius:12px;flex-direction:column;padding:25px;display:flex}article p{flex-grow:1;font-size:.9rem}.number{color:#5b6c60;font-size:.65rem}.project-link{text-align:left;font-weight:650;font-size:inherit;line-height:inherit;color:#214b3e;background:0 0;border:0;padding:0}.project-link:hover{background:0 0;text-decoration:underline}progress{accent-color:#4e7152;width:100%;height:7px}.small{justify-content:space-between;margin-bottom:0;display:flex}form,.panel{background:#eaf0e3;border:1px solid #c5cfc1;border-radius:12px;margin:28px 0;padding:24px}form{flex-wrap:wrap;align-items:end;gap:16px;display:flex}form h2{width:100%;margin:0}label{font-size:.85rem;font-weight:600;display:block}form label{flex:1;min-width:180px}input,select{color:#183b32;background:#fff;border:1px solid #86998a;border-radius:6px;width:100%;max-width:100%;min-height:44px;margin-top:6px;padding:11px;display:block}.primary{color:#fff;background:#204d3f;border-color:#204d3f}.primary:hover{background:#14382c}.tasks{padding:0;list-style:none}.tasks li{border-bottom:1px solid #cad3c5;align-items:center;gap:18px;padding:18px 0;display:flex}.tasks li>span{overflow-wrap:anywhere;flex:1}.status-label{font-size:0}.status-label select{width:150px;margin:0;font-size:.9rem}.completed{color:#5c6c60;text-decoration:line-through}.notice:not(:empty),.error{border-radius:6px;margin-top:15px;padding:14px}.notice:not(:empty){background:#e0ebdb}.error{color:#6c2c11;background:#ffe6d8}.confirm{background:#fff6e9;border:2px solid #a44a12;border-radius:8px;margin:20px 0;padding:20px}.confirm button,section>button{margin:6px 8px 6px 0}dl{background:#fff;border-radius:12px;grid-template-columns:180px 1fr;gap:16px;padding:24px;display:grid}dt{font-weight:700}dd{overflow-wrap:anywhere;margin:0}.mono{font-family:monospace;font-size:.85rem}footer{color:#4b6155;border-top:1px solid #cad3c5;justify-content:space-between;font-size:.8rem;display:flex}.skip{z-index:2;background:#fff;padding:12px;position:absolute;top:-100px;left:20px}.skip:focus{top:10px}@media (width<=700px){header,nav,main,footer{padding-left:20px;padding-right:20px}header .eyebrow{display:none}.demo{padding:14px 20px;display:block}.demo strong{margin-bottom:4px;display:block}nav{justify-content:space-between;gap:0}nav button{padding:8px;font-size:.85rem}.grid{grid-template-columns:1fr}.toolbar{display:block}.toolbar label{max-width:none}.tasks li{flex-wrap:wrap}.tasks li>span{flex-basis:100%}dl{grid-template-columns:1fr;gap:8px}dd{margin-bottom:12px}footer,footer span{display:block}.intro{padding:22px 0}form{padding:18px}form button{width:100%}}