*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-text:#0f172a;--color-muted:#64748b;--color-bg:#fff;--color-surface:#f1f5f9;--color-border:#e2e8f0;--color-warning-bg:#fff8e1;--color-warning-border:#f5c518;--color-warning-text:#7a5900;--font:system-ui,-apple-system,"Segoe UI",sans-serif;--radius:8px}body{font-family:var(--font);color:var(--color-text);background:var(--color-bg);line-height:1.6}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.site-header{border-bottom:1px solid var(--color-border);padding:1rem 0;background:var(--color-bg);position:-webkit-sticky;position:sticky;top:0;z-index:10}.site-header .container{display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.25rem;font-weight:700;color:var(--color-primary);letter-spacing:-.02em}.site-header nav{display:flex;gap:1.5rem}.site-header nav a{color:var(--color-muted);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .15s}.site-header nav a:hover{color:var(--color-primary)}.site-footer{border-top:1px solid var(--color-border);padding:1.5rem 0;color:var(--color-muted);font-size:.875rem;text-align:center;margin-top:4rem}.footer-disclaimer{margin-top:.6rem;font-size:.8rem;color:var(--color-warning-text);opacity:.85}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}.blog-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.75rem 1.5rem;text-decoration:none;color:inherit;display:block;transition:box-shadow .15s,border-color .15s}.blog-card:hover{border-color:var(--color-primary);box-shadow:0 2px 12px rgba(37,99,235,.12)}.blog-card h2{font-size:1.15rem;font-weight:700;color:var(--color-primary);margin-bottom:.5rem}.blog-card p{font-size:.92rem;color:var(--color-muted);line-height:1.6}.article-page{padding:3rem 0 4rem;max-width:720px;margin:0 auto}.article-page h1{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;color:var(--color-primary);letter-spacing:-.02em;line-height:1.2;margin-bottom:2rem}.article-page h2{font-size:1.25rem;font-weight:700;color:var(--color-text);margin:2rem 0 .75rem}.article-page p{font-size:1rem;color:var(--color-text);line-height:1.75;margin-bottom:1.25rem}.back-link{display:inline-block;margin-bottom:2rem;color:var(--color-primary);text-decoration:none;font-size:.9rem;font-weight:500}.back-link:hover{text-decoration:underline}