:root{font-family:system-ui,sans-serif;color:#192a24;background:#f7f7ef}*{box-sizing:border-box}body{margin:0}header{background:#173d2e;color:white;padding:22px max(5vw,20px);display:flex;justify-content:space-between;gap:20px;align-items:center}.brand{color:white;text-decoration:none;font-size:21px}.brand strong{color:#f5cf53}header span{font-size:13px}main{max-width:1120px;margin:auto;padding:28px 24px}.intro{padding:30px 0}.eyebrow{font-size:12px;font-weight:750;letter-spacing:2px;color:#416348}h1{font-size:clamp(36px,6vw,66px);line-height:1.05;margin:16px 0;letter-spacing:-2px}.intro>p:last-child{color:#536358}.filters{display:grid;grid-template-columns:2fr 1fr;gap:18px;background:white;padding:22px;border:1px solid #dce1d6;border-radius:16px}label{font-size:13px;font-weight:650}input,select{display:block;width:100%;margin-top:9px;padding:14px;border:1px solid #a6b3a9;border-radius:8px;font:inherit;background:white;color:#192a24}input:focus,select:focus,a:focus-visible{outline:3px solid #c89f16;outline-offset:3px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}article{background:white;border:1px solid #dce1d6;border-radius:16px;padding:20px;display:flex;flex-direction:column}article img{width:100%;height:245px;object-fit:contain}h2{font-size:19px;line-height:1.4;margin:8px 0 24px}.code{font-size:12px;color:#536358}article a{margin-top:auto;background:#f4cf56;color:#182f23;border-radius:9px;padding:14px;text-align:center;text-decoration:none;font-weight:700;font-size:14px}footer{border-top:1px solid #dce1d6;margin-top:45px;padding:24px 0;font-size:13px;line-height:1.8;color:#536358}.notice{padding:15px;background:#ffedb4;border-radius:8px}@media(max-width:600px){header span{display:none}.filters{grid-template-columns:1fr}main{padding:20px}.intro{padding:15px 0}}