:root{--navy:#1e2a3a;--accent:#4a7ba6;--warm:#f7f4ef;--grey:#5a6472;--green:#2e7d4f}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Georgia,'Times New Roman',serif;color:var(--navy);line-height:1.7;background:#fff}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
nav{background:var(--navy);padding:14px 0}
nav .wrap{display:flex;justify-content:space-between;align-items:center;max-width:960px}
nav a{color:#fff;text-decoration:none;font-family:-apple-system,sans-serif;font-size:.95rem}
nav .logo{font-weight:700;font-size:1.15rem}
nav .links a{margin-left:18px;color:#c9d4e2}
header.hero{background:var(--warm);padding:56px 0;text-align:center}
h1{font-size:2.1rem;line-height:1.25;margin-bottom:14px}
.sub{color:var(--grey);font-size:1.1rem;max-width:560px;margin:0 auto}
main{padding:40px 0 64px}
h2{font-size:1.5rem;margin:36px 0 12px}
h3{font-size:1.15rem;margin:24px 0 8px}
p{margin-bottom:14px}
ul,ol{margin:0 0 14px 24px}
li{margin-bottom:6px}
.btn{display:inline-block;background:var(--green);color:#fff;padding:13px 28px;border-radius:6px;font-family:-apple-system,sans-serif;font-weight:700;text-decoration:none;margin:6px 0}
.card{border:1px solid #e2ddd3;border-radius:10px;padding:22px;margin:18px 0;background:var(--warm)}
.card .badge{display:inline-block;background:var(--accent);color:#fff;font-family:-apple-system,sans-serif;font-size:.75rem;font-weight:700;padding:3px 10px;border-radius:20px;margin-bottom:8px}
.pros{color:var(--green)}.cons{color:#a33}
table{width:100%;border-collapse:collapse;margin:18px 0;font-family:-apple-system,sans-serif;font-size:.9rem}
th{background:var(--navy);color:#fff;padding:10px;text-align:left}
td{padding:10px;border-bottom:1px solid #e2ddd3}
.disclosure{background:#fdf6e3;border-left:4px solid #d4a017;padding:12px 16px;font-size:.85rem;font-family:-apple-system,sans-serif;color:var(--grey);margin:20px 0}
.article-list a{display:block;padding:18px;border:1px solid #e2ddd3;border-radius:10px;margin-bottom:12px;text-decoration:none;color:var(--navy)}
.article-list a:hover{background:var(--warm)}
.article-list span{color:var(--grey);font-size:.9rem;display:block;margin-top:4px}
footer{background:var(--navy);color:#c9d4e2;padding:28px 0;font-size:.85rem;font-family:-apple-system,sans-serif;text-align:center}
footer a{color:#c9d4e2}
