*{box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;max-width:720px;margin:0 auto;padding:20px;line-height:1.65;color:#222}
header nav a{margin-right:16px;font-weight:600;text-decoration:none;color:#1a4d8f}header{border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:20px}
h1{font-size:1.7em;line-height:1.25}h2{margin-top:1.6em}a{color:#1a4d8f}table{width:100%;border-collapse:collapse}td{padding:8px;border-bottom:1px solid #ddd}td:last-child{text-align:right;font-weight:bold}
.meta{color:#666;font-size:.9em}.cta{background:#f3f6fb;border:1px solid #d5e0f0;border-radius:8px;padding:16px 20px;margin:2em 0}.cta a.btn,.btn{display:inline-block;background:#1a4d8f;color:#fff;padding:10px 18px;border-radius:6px;text-decoration:none;font-weight:600}
.sources li{font-size:.92em}.note{background:#fff8e6;border-left:4px solid #e0b000;padding:10px 14px}ul.cards{list-style:none;padding:0}ul.cards li{border:1px solid #e3e3e3;border-radius:8px;padding:14px 16px;margin-bottom:12px}
footer{margin-top:40px;color:#666;font-size:.9em;border-top:1px solid #ddd;padding-top:12px}
.quick-answer{background:#eef6f1;border:1px solid #c5ddd0;border-radius:8px;padding:14px 16px;margin:1.2em 0 1.6em}
.quick-answer p{margin:.4em 0}.quick-answer p:first-child{margin-top:0}.quick-answer p:last-child{margin-bottom:0}
.quick-answer strong{display:block;font-size:.85em;letter-spacing:.02em;text-transform:uppercase;color:#1e3b31;margin-bottom:.35em}
.related{margin:2em 0;padding:14px 16px;border:1px solid #e3e3e3;border-radius:8px;background:#fafafa}
.related h2{margin-top:0;font-size:1.15em}.related ul{margin:.4em 0 0;padding-left:1.2em}
.faq details{margin:.6em 0;padding:.5em 0;border-bottom:1px solid #eee}
.tagline{font-size:.85em;color:#555;margin-left:.6em}
/* mobile-fixes */
img,svg,video{max-width:100%;height:auto}
body{overflow-wrap:anywhere;font-size:max(1rem,16px)}
table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
pre{white-space:pre-wrap;overflow-x:auto;max-width:100%}
h1{font-size:clamp(1.75rem,7.5vw,2.4rem)}
@media (max-width:640px){
body{padding:16px 18px}
header nav{display:flex;flex-wrap:wrap;gap:0 16px}
header nav a{margin-right:0;display:inline-flex;align-items:center;min-height:44px}
.tagline{display:block;margin:.2em 0 0}
.cta a.btn,.btn{display:flex;justify-content:center;align-items:center;width:100%;min-height:48px}
ul.cards li a,.related a,footer a{display:inline-block;padding:.3rem 0}
.meta,footer,.sources li{font-size:.95em}
}