:root{--bg:#fff;--fg:#16181d;--muted:#626873;--line:#e8eaed;--accent:#2f6bff;--card-bg:#fff;--radius:14px;--wrap:1120px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.hidden{display:none}.site-header{display:flex;align-items:center;justify-content:space-between;max-width:var(--wrap);margin:0 auto;padding:22px 24px}.brand{font-weight:700;font-size:1.05rem;letter-spacing:-.01em}.nav-cta{display:inline-block;font-size:.9rem;font-weight:600;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));padding:8px 16px;border-radius:999px;transition:background .15s,color .15s}.nav-cta:hover{background:var(--accent);color:#fff}.site-footer{max-width:var(--wrap);margin:80px auto 40px;padding:24px;border-top:1px solid var(--line);color:var(--muted);font-size:.875rem}.site-footer a{color:var(--accent)}.archive{max-width:var(--wrap);margin:0 auto;padding:0 24px}.hero{padding:48px 0 40px;border-bottom:1px solid var(--line);margin-bottom:40px;text-align:center}.hero h1{font-size:clamp(2.2rem,5vw,3.2rem);line-height:1.05;letter-spacing:-.03em;margin:0 0 14px}.hero-sub{font-size:1.12rem;color:var(--muted);max-width:620px;margin:0 auto 28px}.subscribe{display:flex;gap:10px;max-width:440px;margin:0 auto}.subscribe input[type=email]{flex:1 1;padding:12px 15px;font-size:1rem;border:1px solid var(--line);border-radius:10px;outline:none}.subscribe input[type=email]:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.subscribe button{padding:12px 22px;font-size:1rem;font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:10px;cursor:pointer;transition:filter .15s}.subscribe button:hover{filter:brightness(1.08)}.subscribe button:disabled{opacity:.6;cursor:default}.sub-err{flex-basis:100%;text-align:center;font-size:.88rem;color:#c0392b;margin-top:4px}.subscribed{font-size:1.05rem;font-weight:600;color:var(--accent);margin:6px 0 0}.post-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:26px;gap:26px}.card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--card-bg);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 35%,var(--line));box-shadow:0 12px 28px -14px rgba(20,24,34,.28)}.card-img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#f2f4f7}.card-img--placeholder{background:linear-gradient(135deg,#eef2ff,#f6f8ff)}.card-body{padding:18px 20px 22px}.card-body time{display:block;font-size:.78rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.card-body h2{font-size:1.16rem;line-height:1.3;letter-spacing:-.01em;margin:0 0 8px}.card-body p{margin:0;color:var(--muted);font-size:.94rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post{max-width:720px;margin:0 auto;padding:0 24px}.post .back{display:inline-block;padding:28px 0 20px;font-weight:600;color:var(--accent)}.post-header{border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:30px}.post-title{font-size:clamp(1.9rem,4.5vw,2.6rem);line-height:1.12;letter-spacing:-.025em;margin:0 0 12px}.post-subtitle{font-size:1.16rem;line-height:1.45;color:var(--muted);margin:0 0 20px}.post-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}.byline{font-size:.92rem;font-weight:600;color:var(--fg)}.share{display:flex;gap:8px}.share-btn{font-size:.82rem;font-weight:600;color:var(--muted);background:none;border:1px solid var(--line);border-radius:999px;padding:6px 14px;cursor:pointer;font-family:inherit;transition:border-color .15s,color .15s}.share-btn:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.toolbar{display:flex;align-items:baseline;gap:16px;margin-bottom:18px}.search{flex:1 1;min-width:0;padding:12px 16px;font-size:1rem;border:1px solid var(--line);border-radius:10px;outline:none}.search:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.count{font-size:.88rem;white-space:nowrap}.count,.empty{color:var(--muted)}.empty{padding:30px 0}.cats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.chip{font-size:.84rem;font-weight:600;color:var(--muted);background:none;border:1px solid var(--line);border-radius:999px;padding:6px 14px;cursor:pointer;font-family:inherit;transition:all .15s}.chip:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));color:var(--accent)}.chip--on{background:var(--accent);border-color:var(--accent)}.chip--on,.chip--on:hover{color:#fff}.card-tags,.post-tags{display:flex;flex-wrap:wrap;gap:6px}.card-tags{margin-top:12px}.post-tags{margin-top:16px}.tag{font-size:.72rem;font-weight:600;letter-spacing:.01em;color:var(--muted);background:#f2f4f7;border-radius:6px;padding:3px 9px}.post-body{margin:0 auto}.post-foot{margin:48px 0 8px;padding-top:28px;border-top:1px solid var(--line);text-align:center}@media (max-width:640px){.post-grid{grid-template-columns:1fr}.subscribe{flex-direction:column}}