*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1d2733;background:#f6f8fa;line-height:1.55}
a{color:#0b5cad}header{background:#0f3d63;color:#fff;padding:14px 18px}header a{color:#fff;text-decoration:none;font-weight:700;font-size:1.2rem}
nav{margin-top:6px;font-size:.9rem}nav a{font-weight:400;font-size:.9rem;margin-right:12px;opacity:.9}
main{max-width:900px;margin:0 auto;padding:18px}h1{font-size:1.7rem;line-height:1.25}
.cta{background:#fff4e5;border:2px solid #f08c00;border-radius:12px;padding:16px;margin:18px 0}
.cta a.btn{display:inline-block;background:#e8590c;color:#fff;padding:12px 20px;border-radius:8px;font-weight:700;text-decoration:none;font-size:1.1rem}
.badge{display:inline-block;background:#495057;color:#fff;font-size:.75rem;padding:2px 8px;border-radius:10px;vertical-align:middle;margin-left:6px}
.shop{background:#fff;border:1px solid #dde3ea;border-radius:10px;padding:12px 14px;margin:10px 0}.shop h3{margin:0 0 4px}.muted{color:#5c6b7a;font-size:.88rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.grid a{background:#fff;border:1px solid #dde3ea;border-radius:8px;padding:10px;text-decoration:none}
footer{max-width:900px;margin:30px auto;padding:18px;font-size:.85rem;color:#5c6b7a;border-top:1px solid #dde3ea}
form.s{display:flex;gap:8px;flex-wrap:wrap}form.s select,form.s button{padding:10px;font-size:1rem;border-radius:6px;border:1px solid #aab}
details{background:#fff;border:1px solid #dde3ea;border-radius:8px;padding:10px;margin:8px 0}