*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#172f4c;font:17px/1.6 system-ui,sans-serif}header{background:#142d49;color:white;padding:28px max(5vw,24px)}header a{color:white;text-decoration:none}header img{width:48px;vertical-align:middle;margin-right:12px}main{max-width:1000px;margin:auto;padding:30px 24px}h1{line-height:1.2}a{color:#145b9e}input{width:100%;padding:15px;border:1px solid #a8b8cc;border-radius:10px;font:inherit}article,.card{background:white;border:1px solid #dbe4ee;border-radius:14px;padding:24px;margin:15px 0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.card{margin:0}.card a{text-decoration:none;font-weight:700}.tag{color:#67798c;font-size:.85em}.notice{background:#fff8e8;border-left:4px solid #dc9a20;padding:14px}figure{margin:24px 0}figure img{max-width:100%;height:auto;border:1px solid #dbe4ee;border-radius:10px}li{margin:.65em 0}footer{padding:25px;text-align:center;color:#52677e}