body{margin:0;background:#f7f9fd;color:#17243b;font:16px system-ui,Arial,sans-serif}header,footer{background:#101b36;color:white;padding:24px max(20px,calc((100vw - 1080px)/2))}header a,footer a{color:white}main{max-width:1080px;margin:45px auto;padding:0 20px}h1{font-size:38px;letter-spacing:-1px}#articles{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.article{border:1px solid #e4eaf2;background:white;border-radius:14px;padding:22px}.article h2{font-size:20px;margin:5px 0 10px}.article p{color:#64748b;line-height:1.6}.article a{color:#315fda;font-weight:700}.muted{color:#64748b}label{display:block;margin:20px 0}select{padding:10px;border:1px solid #cbd5e1;border-radius:8px}#detail{background:white;padding:30px;border-radius:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}#detail[hidden],#listing[hidden]{display:none}