
:root{--bg:#fff;--text:#111318;--muted:#4b5563;--border:#e6e8ee;--panel:#f6f7f9;--max:1080px;--radius:14px}
*{box-sizing:border-box} body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;line-height:1.6;color:var(--text);background:var(--bg)}
a{color:#0b5bd3;text-decoration:none} a:hover{text-decoration:underline}
.container{max-width:var(--max);margin:0 auto;padding:16px}
.header{position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--border);z-index:10}
.header .bar{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  padding:12px 16px
}
.brand{display:flex;align-items:center;gap:5px} .brand img{height:225px;width:auto;display:block}
.nav{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end} .nav a{font-weight:600;color:#111318}
.hero{padding:22px 0}
.card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:0 10px 30px rgba(17,19,24,.06)}
.pad{padding:16px}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.col-8{grid-column:span 8} .col-4{grid-column:span 4}
@media(max-width:900px){.col-8,.col-4{grid-column:span 12}}
.kicker{color:var(--muted);font-size:.95rem}
.h1{font-size:1.65rem;margin:.2rem 0 0} .h2{font-size:1.2rem;margin:0 0 8px}
.list{margin:0;padding-left:18px}
.footer{border-top:1px solid var(--border);margin-top:28px}
.footer .small{color:var(--muted);font-size:.9rem;padding:14px 16px}
.search{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.search input{flex:1;min-width:240px;border:1px solid var(--border);border-radius:10px;padding:10px 12px}
.search button{border:1px solid var(--border);border-radius:10px;padding:10px 14px;font-weight:700;background:var(--panel)}
.badge{display:inline-block;border:1px solid var(--border);background:var(--panel);border-radius:999px;padding:3px 10px;font-size:.85rem;color:var(--muted)}
.btn{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;padding:8px 12px;background:#fff;font-weight:600}
.share{margin-top:18px}
