:root{--bg:#f7f5f0;--ink:#1a1a1a;--mute:#4a4a4a;--brand:#1f4e79;--brand2:#b5451b;--line:#ddd7cc;--card:#fff}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.65 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
a{color:var(--brand)}a:hover{color:var(--brand2)}
:focus-visible{outline:3px solid var(--brand2);outline-offset:2px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:9}
.wrap{max-width:860px;margin:0 auto;padding:0 20px}
header.top{background:#fff;border-bottom:3px solid var(--brand)}
header.top .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:12px 20px}
.logo{font:700 1.25rem Georgia,serif;color:var(--ink);text-decoration:none}.logo span{color:var(--brand)}
nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 16px;font-size:.95rem}
nav a{text-decoration:none;font-weight:600}nav a[aria-current]{color:var(--brand2);text-decoration:underline}
main{padding:32px 0 48px}
h1,h2,h3{font-family:Georgia,serif;line-height:1.2}h1{font-size:clamp(1.9rem,5vw,2.7rem);margin:.2em 0 .4em}
.lead{font-size:1.15rem;color:var(--mute)}
.hero{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px}
.btn{display:inline-block;background:var(--brand);color:#fff;padding:12px 20px;border-radius:8px;text-decoration:none;font-weight:700;border:0;font-size:1rem;cursor:pointer}
.btn:hover{background:var(--brand2);color:#fff}
.cards{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding:0;list-style:none}
.cards li{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px}
.cards h3{margin:.2em 0}.meta{font-size:.85rem;color:var(--mute)}
.draft{display:inline-block;background:#fff3cd;color:#5c4400;border:1px solid #e0c060;font-size:.8rem;font-weight:700;padding:2px 8px;border-radius:6px;text-transform:uppercase}
.callout{background:#eef3f8;border-left:5px solid var(--brand);padding:14px 18px;border-radius:6px;margin:20px 0}
.warn{background:#fdf0eb;border-left-color:var(--brand2)}
article h2{margin-top:1.6em}
form.rc{display:grid;gap:14px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}
form.rc label{font-weight:700}form.rc select{width:100%;padding:10px;font-size:1rem;border:1px solid #888;border-radius:8px;background:#fff}
fieldset{border:0;padding:0;margin:0}
footer{border-top:1px solid var(--line);padding:24px 0;font-size:.9rem;color:var(--mute)}
footer ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px}