:root{--bg:#f6f7f9;--surface:#fff;--ink:#0f1520;--muted:#5a6372;--line:#e3e7ed;--accent:#4f46e5;--cyan:#06b6d4;--max:1160px;--serif:Georgia,'Times New Roman',serif;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.65}a{color:inherit}.blog-wrap{max-width:var(--max);margin:0 auto;padding-inline:22px}.blog-header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.blog-header-inner{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}.blog-brand img{width:178px;height:auto;display:block}.blog-header nav{display:flex;align-items:center;gap:22px;font-size:.95rem;font-weight:600}.blog-header nav a:first-child{color:var(--muted)}.blog-cta{padding:.7rem 1.05rem;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--cyan));color:#fff;text-decoration:none}.blog-theme-toggle{width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);cursor:pointer;font-size:1rem;line-height:1}.blog-theme-toggle:hover{border-color:var(--accent)}.blog-hero{padding:clamp(3.5rem,8vw,6.5rem) 0 3rem;background:radial-gradient(55% 80% at 75% 0,rgba(79,70,229,.15),transparent 70%)}.blog-hero h1{max-width:760px;margin:0 0 16px;font-size:clamp(2.4rem,6vw,4.5rem);line-height:1.02;letter-spacing:-.05em}.blog-hero p{max-width:660px;margin:0;color:var(--muted);font-size:1.12rem}.eyebrow{margin:0 0 12px;color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:3rem 0 6rem}.post-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .18s,box-shadow .2s}.post-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px -22px rgba(15,21,32,.35)}.post-card-media{aspect-ratio:3/2;overflow:hidden;background:#e9edf3}.post-card-media img{display:block;width:100%;height:100%;object-fit:cover}.post-card-body{display:flex;flex:1;flex-direction:column;padding:22px}.post-card-meta,.post-meta{color:var(--muted);font-size:.82rem}.post-card h2{margin:9px 0 10px;font-size:1.25rem;line-height:1.15;letter-spacing:-.025em}.post-card p{margin:0 0 18px;color:var(--muted);font-size:.94rem}.read-more{margin-top:auto;color:var(--accent);font-weight:700;text-decoration:none}.article-shell{max-width:780px;margin:0 auto;padding:clamp(3rem,8vw,6rem) 22px 6rem}.article-header{margin-bottom:2.6rem}.article-header h1{margin:10px 0 18px;font-size:clamp(2.25rem,5vw,4rem);line-height:1.04;letter-spacing:-.05em}.article-dek{margin:0;color:var(--muted);font-size:1.15rem;line-height:1.6}.article-meta{display:flex;flex-wrap:wrap;gap:10px 18px;color:var(--muted);font-size:.88rem}.article-content{font-family:var(--serif);font-size:1.1rem;line-height:1.8}.article-content h2,.article-content h3{font-family:Inter,system-ui,sans-serif;line-height:1.15;letter-spacing:-.03em}.article-content h2{margin:2.7em 0 .65em;font-size:1.9rem}.article-content h3{margin:2em 0 .55em;font-size:1.35rem}.article-content p{margin:0 0 1.25em}.article-content ul,.article-content ol{padding-left:1.35em}.article-content li{margin:.35em 0}.article-content a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.article-content blockquote{margin:2em 0;padding:1em 1.3em;border-left:4px solid var(--accent);background:#eef0ff;color:#34405b}.article-image{margin:2.4rem 0}.article-image img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:16px}.article-image figcaption{margin-top:8px;color:var(--muted);font: .78rem/1.4 Inter,system-ui,sans-serif}.article-sources{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--line);font: .9rem/1.6 Inter,system-ui,sans-serif;color:var(--muted)}.article-sources h2{font-size:1.1rem;margin:0 0 .5rem}.article-sources ol{padding-left:1.25rem}.blog-footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:.85rem}.blog-footer-inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.blog-footer a{color:var(--accent)}html[data-theme="dark"]{--bg:#0b0e14;--surface:#141a25;--ink:#e9edf3;--muted:#9aa4b2;--line:rgba(233,237,243,.12);color-scheme:dark}html[data-theme="dark"] .article-content blockquote{background:#1b2340;color:#dce2ff}@media(prefers-color-scheme:dark){html:not([data-theme="light"]){--bg:#0b0e14;--surface:#141a25;--ink:#e9edf3;--muted:#9aa4b2;--line:rgba(233,237,243,.12);color-scheme:dark}html:not([data-theme="light"]) .article-content blockquote{background:#1b2340;color:#dce2ff}}@media(max-width:800px){.blog-header-inner{flex-wrap:wrap;padding-block:12px}.blog-header nav{flex:1 1 100%;justify-content:center;flex-wrap:wrap;gap:10px 16px}.post-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.blog-header-inner{min-height:62px}.blog-brand img{width:158px}.blog-header nav{gap:10px}.blog-cta{padding:.6rem .75rem;font-size:.82rem}.post-grid{grid-template-columns:1fr;padding-top:2rem}.article-content{font-size:1.04rem}.article-shell{padding-inline:18px}.article-header h1{font-size:2.45rem}}