:root{--navy:#122033;--terra:#c8502e;--gold:#e8a13c;--cream:#faf6ef;--ink:#1d2733;--sub:#5b6672}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Georgia,'Times New Roman',serif;background:var(--cream);color:var(--ink);line-height:1.65}
header{background:var(--navy);padding:14px 20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
header a{color:#fff;text-decoration:none;font-family:Arial,Helvetica,sans-serif}
header .brand{font-weight:bold;color:var(--gold)}
header nav a{margin-left:14px;font-size:.85rem;opacity:.9}
.hero{background:linear-gradient(135deg,var(--navy),#1e3550);color:#fff;padding:46px 20px 38px;text-align:center}
.hero h1{font-size:1.75rem;max-width:820px;margin:0 auto 12px;line-height:1.25}
.hero p{max-width:660px;margin:0 auto;font-size:1.02rem;opacity:.93}
.badge{display:inline-block;background:var(--terra);color:#fff;font-family:Arial,sans-serif;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;border-radius:20px;margin-bottom:14px}
main{max-width:780px;margin:0 auto;padding:32px 20px}
h2{font-size:1.22rem;color:var(--navy);margin:30px 0 10px}
h3{font-size:1rem;color:var(--navy);margin:18px 0 5px}
p{margin:0 0 14px}ul{margin:0 0 14px 22px}li{margin-bottom:9px}
a{color:var(--terra)}
.key{background:#fff;border:2px solid var(--terra);border-radius:10px;padding:19px 21px;margin:19px 0}
.key h2{margin-top:0;color:var(--terra);font-size:1.06rem}
.card{background:#fff;border:1px solid #e6ded0;border-radius:9px;padding:15px 18px;margin:14px 0}
.card h3{margin-top:0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin:14px 0}
.grid a{background:#fff;border:1px solid #e6ded0;border-radius:7px;padding:9px 12px;font-family:Arial,sans-serif;font-size:.85rem;color:var(--navy);text-decoration:none}
.grid a:hover{border-color:var(--terra);color:var(--terra)}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.tabs a{background:#fff;border:1px solid #e6ded0;border-radius:7px;padding:8px 15px;font-family:Arial,sans-serif;font-size:.86rem;color:var(--navy);text-decoration:none}
.tabs a.on{background:var(--terra);color:#fff;border-color:var(--terra)}
.crumbs{font-family:Arial,sans-serif;font-size:.78rem;color:var(--sub);margin-bottom:15px}
.crumbs a{color:var(--sub)}
.note{font-size:.86rem;color:var(--sub);font-style:italic}
.cols{columns:3 200px;column-gap:20px;margin:12px 0}
.cols a{display:block;font-family:Arial,sans-serif;font-size:.85rem;color:var(--navy);text-decoration:none;padding:2px 0;break-inside:avoid}
.cols a:hover{color:var(--terra)}
.es{border-top:1px solid #e6ded0;margin-top:30px;padding-top:17px}
footer{background:var(--navy);color:#cbd5e1;padding:26px 20px;text-align:center;font-family:Arial,sans-serif;font-size:.8rem;margin-top:42px}
footer a{color:var(--gold);margin:0 8px}