:root{--navy:#071d3a;--blue:#075fd0;--light:#f3f7fb;--line:#d7e5f5;--gold:#ffbf22}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--navy);background:#fff;line-height:1.55}
a{color:var(--blue)}.top{display:flex;justify-content:space-between;align-items:center;padding:18px max(18px,calc((100% - 1180px)/2));border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:3}
.brand{font-size:28px;font-weight:900;text-decoration:none;color:var(--navy)}.brand span{color:var(--blue)}nav a{margin-inline-start:14px;text-decoration:none;font-weight:700}
main{max-width:1180px;margin:auto;padding:32px 18px 60px}.hero{background:linear-gradient(135deg,#f8fbff,#eef5ff);border:1px solid var(--line);border-radius:18px;padding:38px}
.eyebrow{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--blue)}h1{font-size:42px;line-height:1.08;margin:10px 0 16px}h2{font-size:28px;margin-top:0}
.hero p{font-size:17px;max-width:920px}.actions{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap}.actions a{padding:12px 18px;border-radius:9px;text-decoration:none;font-weight:900}
.primary{background:var(--blue);color:#fff}.secondary{background:var(--gold);color:var(--navy)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.card{display:block;padding:20px;border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:12px;background:#fff;text-decoration:none}
.card strong{display:block;color:var(--navy);font-size:17px}.card span{display:block;margin-top:5px;color:#526985;font-size:13px}
.guide{padding:28px 0}.guide p{max-width:920px}.topiclinks{padding:18px;border:1px solid var(--line);background:var(--light);border-radius:10px}
.english-source{padding:18px;border-left:5px solid var(--gold);background:#fff8df;border-radius:10px}
footer{background:var(--navy);color:#dce8f8;padding:34px max(18px,calc((100% - 1180px)/2));font-size:13px}footer a{color:#fff}footer p{margin-bottom:0}
@media(max-width:800px){h1{font-size:32px}.hero{padding:24px}.cards{grid-template-columns:1fr 1fr}.top{align-items:flex-start;gap:12px}.top nav{text-align:right}}
@media(max-width:520px){.cards{grid-template-columns:1fr}.top{position:static}}