:root{--bg:#111018;--text:#f4f1ea;--accent:#d6a84f;--card:#1d1a27}body{margin:0;font-family:system-ui,sans-serif;background:var(--bg);color:var(--text)}body.light-mode{--bg:#f7f3ea;--text:#17131f;--accent:#8f5f16;--card:#fff}.theme-toggle{margin-top:1rem;padding:.65rem 1rem;border:0;border-radius:999px;background:var(--accent);color:#111;font-weight:700;cursor:pointer}.theme-toggle:hover{filter:brightness(1.08)}a{color:var(--accent);text-decoration:none}.site-header,.site-footer{padding:2rem;text-align:center}.site-title{font-size:clamp(2rem,5vw,4rem);margin:0}.site-description{opacity:.8}.post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;padding:2rem;max-width:1200px;margin:auto}.post-card{background:var(--card);border-radius:18px;overflow:hidden;box-shadow: 0 8px 30px rgb(0 0 0 / 0.25)}.post-card img{width:100%;aspect-ratio: 4/ 3;object-fit:cover;display:block;height:400px}.post-card-content{padding:1rem;height:400px;overflow:hidden}.post-card h2{margin-top:0}.pagination{text-align:center;padding:2rem}.pagination .page-numbers{display:inline-block;margin:.25rem;padding:.6rem .9rem;background:var(--card);border-radius:999px}.pagination .current{background:var(--accent);color:#111}.single-post-wrapper{max-width:850px;margin:0 auto;padding:2rem}.single-post{background:var(--card);border-radius:20px;padding:2rem}.single-featured-image img{width:100%;height:auto;border-radius:16px;margin-bottom:2rem}.single-post-header h1{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:.5rem}.post-meta{opacity:.7;margin-bottom:2rem}.single-post-content{line-height:1.75;font-size:1.1rem}.single-post-content img{max-width:100%;height:auto;border-radius:12px}.post-meta{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem;font-size:.95rem;opacity:.9}.meta-categories a{color:var(--accent)}.meta-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag-pill{display:inline-block;padding:.35rem .8rem;padding-top:1rem;background:var(--accent);color:#111;border-radius:999px;font-size:.85rem;font-weight:600;transition:transform .2s ease}.tag-pill:hover{transform:translateY(-2px)}