:root{--petrol:#0E6F7A;--text:#17201A;--muted:#5D6A61;--bg:#F4F6F2;--card:#fff;--mark:#FFF1C2}
@media (prefers-color-scheme:dark){:root{--text:#E8EDE9;--muted:#A9B5AD;--bg:#111613;--card:#182019;--mark:#5A4A10;--petrol:#5FC1CC}}
*{box-sizing:border-box}body{margin:0;font:17px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}
header,main,footer{max-width:760px;margin:0 auto;padding:0 16px}
header{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:baseline;padding-top:20px;padding-bottom:12px}
.brand{font-weight:800;font-size:22px;color:var(--petrol);text-decoration:none}
nav{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:15px}nav a{color:var(--muted);text-decoration:none}nav a[aria-current]{color:var(--petrol);font-weight:600}
main{background:var(--card);border-radius:16px;padding:8px 20px 24px;margin-top:8px}
h1{font-size:clamp(24px,7vw,28px);line-height:1.2;hyphens:auto;overflow-wrap:break-word}h2{font-size:19px;margin-top:28px}a{color:var(--petrol)}
.lead{font-size:19px;color:var(--muted)}.draft{background:var(--mark);padding:8px 12px;border-radius:8px}mark{background:var(--mark);color:inherit}
form{display:grid;gap:14px;max-width:560px}label{display:grid;gap:4px;font-weight:600}
input,textarea{font:inherit;padding:10px 12px;border:1px solid #C9D2CC;border-radius:10px;background:var(--bg);color:var(--text)}
button{font:inherit;font-weight:700;padding:12px 18px;border:0;border-radius:12px;background:var(--petrol);color:#fff;cursor:pointer;justify-self:start}
button:disabled{opacity:.6}.hint{font-size:14px;color:var(--muted);margin:0}.hp{position:absolute;left:-9999px}
footer{font-size:14px;color:var(--muted);padding-top:16px;padding-bottom:32px}