*{box-sizing:border-box}
:root{--bg:#fff;--text:#222;--muted:#666;--line:#e6e6e6;--brand:#5b6cff;--brand-soft:#f3f4ff}
body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:#fff}
.site-header{background:var(--brand-soft);border-bottom:1px solid var(--line)}
.header-wrap{max-width:1120px;margin:0 auto;padding:10px 16px;display:flex;gap:16px;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand .logo-text{display:inline-block;padding:4px 8px;border:1px solid var(--line);border-radius:8px;background:#fff}
.topnav{display:flex;gap:0;flex-wrap:wrap;align-items:center}.topnav a{padding:0 6px;text-decoration:none;color:var(--text)}.topnav a + a{border-left:1px solid #d8d8d8;margin-left:6px;padding-left:12px}
.container{max-width:1120px;margin:0 auto;padding:24px 16px}.hero{text-align:center;padding:32px 0}
#search-box{display:flex;gap:8px;justify-content:center;margin:12px 0}#search-box input{width:min(640px,90vw);padding:12px;border:1px solid var(--line);border-radius:12px}#search-box button{padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.card{border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff}
.site-footer{margin-top:40px;border-top:1px solid var(--line);text-align:center;background:#f7f7f7}.site-footer .container{padding:16px}
.small{color:var(--muted);font-size:.95rem}.bullets{margin-left:18px}
.btn{display:inline-block;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;text-decoration:none}.btn:hover{box-shadow:0 2px 10px rgba(0,0,0,.06)}
.ad-slot{border:1px dashed #bbb;border-radius:8px;padding:10px;margin:16px 0;text-align:center;color:#777}.ad-slot::before{content:"Ad slot";display:block;margin-bottom:6px;font-size:.9rem;color:#999}
.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:10px 0}
select,button{padding:10px;border:1px solid #e6e6e6;border-radius:10px;background:#fff}
