:root{--navy:#052451;--blue:#0b65ba;--red:#ed183c;--yellow:#ffd43c;--ink:#0a1f3e;--line:#c8d8e9}*{box-sizing:border-box}body{margin:0;background:#f5f9fe;color:var(--ink);font-family:Arial,system-ui,sans-serif}header{background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:15px max(18px,calc((100% - 1120px)/2))}header a{color:var(--ink);font-weight:900;text-decoration:none}header nav{display:flex;gap:15px}main{max-width:1120px;margin:auto;padding:28px 18px 60px}.hero{background:linear-gradient(120deg,#031d46,#0b6dca);color:#fff;border-radius:22px;border-bottom:4px solid var(--yellow);padding:48px}.hero span{color:var(--yellow);font-size:12px;font-weight:900}.hero h1{font-size:clamp(40px,7vw,72px);line-height:.95;margin:12px 0}.hero a,.feed a{display:inline-block;background:var(--red);color:#fff;padding:12px 16px;border-radius:8px;text-decoration:none;font-weight:900}.notice{background:#fff2bd;border:1px solid #d7ad21;border-radius:12px;padding:17px;margin:22px 0}.feed{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:15px}.feed article{min-width:280px;max-width:360px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;scroll-snap-align:start}.feed small{color:var(--blue);font-weight:800}.feed .empty{min-width:100%;max-width:none}.context>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.context article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}footer{background:var(--navy);color:#fff;border-top:4px solid var(--yellow);padding:32px max(18px,calc((100% - 1120px)/2))}footer a{color:#fff;margin-right:15px}@media(max-width:700px){header nav{max-width:65vw;overflow:auto}.hero{padding:30px 22px}.feed article{min-width:calc(50% - 8px)}.context>div{grid-template-columns:repeat(2,1fr)}}