:root{--white:#FFFFFF;--mist:#F2F4FB;--indigo:#2A3BB7;--navy:#0F1535;--saffron:#F5A623;--slate:#4B5275;--line:#D5DAEE}
*{box-sizing:border-box}
body{margin:0;background:var(--white);color:var(--navy);font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:17px;line-height:1.65}
a{color:var(--indigo)}
:focus-visible{outline:3px solid var(--indigo);outline-offset:3px;border-radius:8px}
.wrap{max-width:760px;margin:0 auto;padding-inline:clamp(16px,4vw,48px)}
.top{border-bottom:1px solid var(--line)}
.top .wrap{max-width:1200px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;padding-block:12px}
.brand{font-weight:800;font-size:22px;letter-spacing:-.03em;color:var(--indigo);text-decoration:none;padding:8px 0}
.top nav{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:15px;font-weight:500}
.top nav a{color:var(--navy);text-decoration:none;padding:8px 0}
.top nav a:hover{color:var(--indigo)}
main{padding-block:56px 80px}
h1{font-size:clamp(32px,5vw,44px);line-height:1.1;font-weight:800;letter-spacing:-.02em;margin:0 0 8px}
h2{font-size:22px;line-height:1.3;font-weight:700;margin:36px 0 8px}
p,ul{margin:0 0 14px}
ul{padding-left:22px}
.date{color:var(--slate);font-size:15px;margin-bottom:28px}
.card{background:var(--mist);border:1px solid var(--line);border-radius:16px;padding:24px;margin-top:20px}
.card p:last-child{margin-bottom:0}
footer{background:var(--navy);color:var(--white);font-size:14px;padding-block:28px}
footer .wrap{max-width:1200px}
footer a{color:var(--white)}