*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#233044;font:16px/1.75 Arial,sans-serif}header{background:#133a5e;color:white;padding:20px max(5%,calc((100% - 1100px)/2))}header a{color:white;text-decoration:none;margin-right:24px}main{max-width:1100px;margin:35px auto;padding:0 22px}.article{background:white;border-radius:12px;padding:35px;box-shadow:0 2px 14px #183a5612}.btn{display:inline-block;background:#ed7d22;color:white;padding:11px 22px;border-radius:9px;text-decoration:none;font-weight:bold}.notice{background:#fff6e9;border-left:4px solid #dd8732;padding:12px 18px;margin:18px 0}.listing{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px}.tile{background:white;padding:20px;border-radius:10px;box-shadow:0 2px 10px #17345110}.tile a{font-weight:bold;color:#145b94;text-decoration:none}footer{text-align:center;background:#133a5e;color:white;padding:25px;margin-top:40px}input{width:100%;padding:13px;border:1px solid #bbb;border-radius:8px;margin:14px 0 24px}h1{line-height:1.25}h2{margin-top:28px}@media(max-width:600px){.article{padding:20px}}