:root{--navy:#1d3557;--accent:#e05e00;--gold:#f5a623;--cream:#fdfbf7;--ink:#232323;--line:#e5ddcb}
*{box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif;margin:0;color:var(--ink);background:var(--cream);line-height:1.6}
a{color:var(--accent)}
header.site{background:#fff;border-bottom:3px solid var(--gold)}
.header-in{max-width:960px;margin:0 auto;padding:14px 18px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.header-in img{height:64px;width:auto}
.brand .name{font-size:26px;font-weight:bold;color:var(--navy);line-height:1.15}
.brand .tag{font-size:13px;font-weight:bold;letter-spacing:2px;color:var(--accent)}
nav.main{background:var(--navy)}
nav.main .nav-in{max-width:960px;margin:0 auto;padding:0 18px;display:flex;flex-wrap:wrap;gap:2px}
nav.main a{color:#fff;text-decoration:none;padding:11px 13px;font-size:14.5px;font-weight:bold}
nav.main a:hover,nav.main a.active{background:var(--accent)}
nav.main a.quote{background:var(--accent);margin-left:auto}
main{max-width:960px;margin:0 auto;padding:8px 18px 34px}
h1{font-size:30px;color:var(--navy);line-height:1.25;margin:22px 0 10px}
h2{font-size:20px;color:var(--navy);margin:28px 0 8px;border-bottom:3px solid var(--gold);padding-bottom:4px}
p,li{font-size:15.5px}
ul{margin:6px 0 6px 18px;padding:0}
.hero{text-align:center;padding:26px 6px 6px}
.hero h1{font-size:34px;margin:10px 0 8px}
.hero p{max-width:660px;margin:0 auto;font-size:16.5px}
.btn{display:inline-block;padding:12px 22px;border-radius:999px;font-weight:bold;font-size:15px;text-decoration:none;margin:5px}
.btn-accent{background:var(--accent);color:#fff}
.btn-navy{background:var(--navy);color:#fff}
.btns{text-align:center;margin:16px 0 4px}
.cards{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.card{flex:1 1 210px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px}
.card b.t{color:var(--navy);font-size:16.5px}
.card a{display:inline-block;margin-top:8px;font-weight:bold}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.chip{background:var(--navy);color:#fff;border-radius:999px;padding:7px 14px;font-size:13.5px}
.answer{background:#fff;border-left:4px solid var(--gold);padding:12px 16px;margin:14px 0;border-radius:0 8px 8px 0}
footer.site{background:var(--navy);color:#e9e4d8;margin-top:10px}
.footer-in{max-width:960px;margin:0 auto;padding:22px 18px;font-size:13.5px;line-height:1.7}
footer.site a{color:var(--gold)}
.small{font-size:12.5px;color:#b9b2a4}
@media (max-width:560px){.brand .name{font-size:21px}h1{font-size:25px}.hero h1{font-size:27px}}