:root{--bg:#0f1115;--card:#151821;--muted:#8892a6;--text:#e6e9f2;--accent:#7aa2f7;--border:#282d3a;--chip:#1f2330;--chip-active:#2b3040}
*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.65;margin:0}
a{color:var(--accent);text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:24px}
.flex{display:flex}.between{justify-content:space-between}.center{align-items:center}
.site-header{border-bottom:1px solid var(--border);background:#0d0f14;position:sticky;top:0;z-index:50}
.brand{font-weight:700;font-size:1.1rem;color:var(--text)}
.nav ul{display:flex;gap:16px;list-style:none;margin:0;padding:0}
.site-footer{border-top:1px solid var(--border);margin-top:40px}
.site-main{padding-bottom:48px}.page-title{font-size:1.6rem;margin:16px 0 12px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.card__thumb{display:block;position:relative;aspect-ratio:4/3;background:#0c0e13}.card__img{width:100%;height:100%;object-fit:cover;display:block}
.card__placeholder{display:flex;height:100%;align-items:center;justify-content:center;color:var(--muted);font-size:0.9rem}
.card__body{padding:14px}.card__title{margin:0 0 6px;font-size:1.05rem;line-height:1.35}
.card__excerpt{margin:0 0 12px;color:var(--muted);font-size:0.95rem}.card__actions{margin-top:auto}
.btn{display:inline-block;padding:10px 14px;border-radius:12px;border:1px solid var(--accent);color:var(--text);background:transparent;transition:transform .06s ease, background .2s ease}
.btn:hover{transform:translateY(-1px);background:rgba(122,162,247,.08)}.btn--muted{border-color:#3a3f52;color:var(--muted)}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 14px}.chip{padding:8px 12px;border:1px solid var(--border);border-radius:999px;background:var(--chip);color:var(--text);cursor:pointer}
.chip--active,.chip:focus{background:var(--chip-active)}.breadcrumb{font-size:.85rem;color:var(--muted);margin:6px 0 10px}.breadcrumb a{color:var(--muted)}
.single__title{margin:8px 0 12px}.single__thumb{border-radius:16px;border:1px solid var(--border);margin:6px 0 12px}
.ad-slot{display:block;margin:16px 0;padding:10px;border:1px dashed var(--border);border-radius:12px;opacity:.9}.ad-slot:empty{display:none}
@media (max-width:600px){.container{padding:16px}}