:root{color-scheme:light;--ink:#19352d;--muted:#60756d;--brand:#167354;--line:#dbe6df;--paper:#f4f8f4;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header,nav,main,footer{max-width:1040px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px}.brand{font-size:1.25rem;font-weight:750;color:var(--brand);text-decoration:none}.badge{font-size:.8rem;color:#705a12;background:#fff5ce;border:1px solid #e9dfa8;border-radius:999px;padding:5px 10px}nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:12px 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}nav form{margin-left:auto}a{color:var(--brand)}main{padding:22px;min-height:75vh}h1{font-size:clamp(1.5rem,3vw,2.2rem);margin:.3rem 0 1.2rem}h2{font-size:1.18rem}article,section{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:18px;margin:14px 0;box-shadow:0 5px 20px #173b2c0a}article p{white-space:normal;color:#344c43}small{color:var(--muted)}form{margin:12px 0}label{display:block;font-weight:600;margin:10px 0;color:#36554a}input,textarea,select{display:block;width:100%;max-width:700px;border:1px solid #bbcec2;border-radius:9px;padding:11px;margin-top:5px;background:#fff;color:var(--ink);font:inherit}textarea{min-height:100px;resize:vertical}button{border:0;border-radius:9px;background:var(--brand);color:#fff;font:inherit;font-weight:650;padding:10px 15px;cursor:pointer}button:hover{background:#105b42}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #e5b94a;outline-offset:2px}li{margin:10px 0}details{background:#f7faf7;border:1px solid var(--line);border-radius:10px;padding:12px;margin:10px 0}summary{cursor:pointer;font-weight:650}.upload{border-top:1px solid var(--line);padding-top:8px}.upload [role=status]{display:block;color:var(--muted);margin-top:6px}footer{padding:20px 22px;color:var(--muted);font-size:.86rem;border-top:1px solid var(--line)}@media(max-width:600px){header{padding:14px 16px}nav{gap:10px;padding:10px 16px}nav form{margin-left:0}main{padding:14px}article,section{padding:14px;border-radius:13px}button{min-height:44px}input,textarea,select{font-size:16px}}