.blog-page{background:#eff7f4;color:var(--ng-ink)}
.blog-main{flex:1;width:100%;max-width:1200px;margin-inline:auto;padding:52px 24px 72px}
.blog-index-heading{max-width:720px;padding:8px 0 48px}
.blog-eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--ng-accent);line-height:1.8;margin-bottom:20px}
.blog-index-heading h1{font:700 clamp(44px,6vw,72px)/1.04 'Space Grotesk',sans-serif;letter-spacing:-.055em;color:var(--ng-ink)}
.blog-index-heading h1 span{color:var(--ng-accent)}
.blog-index-lead{font-size:16px;line-height:1.9;color:var(--ng-muted);max-width:530px;margin-top:24px}
.blog-section-label{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.blog-section-label h2{font:700 21px/1.3 'Space Grotesk',sans-serif;letter-spacing:-.025em}
.blog-section-label>span{font-size:12px;color:var(--ng-muted)}
.blog-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.blog-card{min-width:0}
.blog-card-link{display:block;height:100%;overflow:hidden;border:1px solid var(--ng-line);border-radius:26px;background:var(--ng-surface);text-decoration:none;color:var(--ng-ink);transition:transform .18s,border-color .18s,box-shadow .18s}
.blog-card-link:hover{transform:translateY(-3px);border-color:var(--ng-accent);box-shadow:0 14px 36px #0f172a09}
.blog-visual{display:flex;align-items:center;justify-content:center;color:#065f46;background:#d1fae5;overflow:hidden}
.blog-visual-routine{background:#e2e8f0;color:#334155}
.blog-visual>svg{display:block;width:100%;height:auto;max-height:260px}
.blog-plate-rim{fill:#fff;stroke:#e2e8f0;stroke-width:2}
.blog-plate-center{fill:#f8fafc;stroke:#e2e8f0;stroke-width:2}
.blog-notebook{fill:#fff;stroke:#cbd5e1;stroke-width:2}
.blog-card-copy{padding:28px}
.blog-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;color:var(--ng-muted);font-size:11px}
.blog-category{display:inline-flex;align-items:center;border:1px solid #a7f3d0;border-radius:99px;padding:6px 10px;background:#ecfdf5;color:#047857;font-size:11px;font-weight:600;line-height:1.4}
.blog-card h2{font:700 26px/1.25 'Space Grotesk',sans-serif;letter-spacing:-.035em;color:var(--ng-ink)}
.blog-card p{font-size:13px;line-height:1.9;color:var(--ng-muted);margin-top:14px}
.blog-read-link{display:inline-flex;align-items:center;gap:12px;margin-top:24px;font-size:13px;font-weight:600;color:var(--ng-accent)}
.blog-index-note{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:32px;padding:24px 28px;border:1px solid var(--ng-line);border-radius:22px;background:var(--ng-surface)}
.blog-index-note>span{color:var(--ng-accent);font-size:28px}
.blog-index-note p{flex:1;min-width:180px;color:var(--ng-muted);font-size:14px;line-height:1.8}
.blog-breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:32px;font-size:12px;color:var(--ng-muted)}
.blog-breadcrumb a{display:inline-flex;align-items:center;min-height:44px}
.blog-breadcrumb a:hover{color:var(--ng-accent)}
.blog-breadcrumb [aria-current]{color:var(--ng-ink);font-weight:600}
.blog-article-header{max-width:870px;margin-bottom:36px}
.blog-article-header h1{font:700 clamp(34px,4.8vw,54px)/1.12 'Space Grotesk',sans-serif;letter-spacing:-.045em;color:var(--ng-ink);margin-top:20px}
.blog-article-lead{font-size:17px;line-height:1.9;color:var(--ng-muted);margin-top:22px;max-width:740px}
.blog-byline{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px;line-height:1.8;color:var(--ng-muted);margin-top:20px}
.blog-article-layout{display:grid;grid-template-columns:minmax(0,1fr)240px;gap:56px;align-items:start}
.blog-prose{min-width:0;color:var(--ng-ink)}
.blog-article-visual{border-radius:24px;border:1px solid var(--ng-line);margin-bottom:36px}
.blog-article-visual>svg{height:260px}
.blog-prose section+section{margin-top:34px}
.blog-prose h2{font:700 25px/1.35 'Space Grotesk',sans-serif;letter-spacing:-.025em;color:var(--ng-ink);scroll-margin-top:100px;margin-bottom:14px}
.blog-prose p,.blog-prose li{font-size:16px;line-height:1.95;color:var(--ng-muted)}
.blog-prose p+p{margin-top:16px}
.blog-prose ul{list-style:disc;padding-left:22px;margin:18px 0}
.blog-prose li+li{margin-top:14px}
.blog-prose strong{font-weight:600;color:var(--ng-ink)}
.blog-prose .blog-further-reading{margin-top:36px;padding-top:22px;border-top:1px solid var(--ng-line);font-size:12px;line-height:1.8}
.blog-further-reading a{color:var(--ng-accent);text-decoration:underline;text-underline-offset:3px}
.blog-article-cta{margin-top:32px;padding:28px;border:1px solid var(--ng-line);border-radius:24px;background:var(--ng-surface)}
.blog-article-cta h2{font-size:23px;margin-bottom:10px}
.blog-article-cta p{font-size:14px;margin-bottom:20px}
.blog-back-link{display:inline-flex;align-items:center;min-height:44px;margin-top:24px;font-size:13px;font-weight:600;color:var(--ng-accent)}
.blog-article-sidebar{position:sticky;top:100px;min-width:0}
.blog-toc{padding:20px;border:1px solid var(--ng-line);border-radius:20px;background:var(--ng-surface)}
.blog-toc summary{font-size:13px;font-weight:700;color:var(--ng-ink);cursor:pointer;min-height:44px;display:list-item;list-style-position:inside;line-height:1.5;padding-block:12px}
.blog-toc ol{list-style:none;padding:0;margin-top:8px}
.blog-toc a{display:flex;align-items:center;min-height:44px;padding:8px 0;font-size:12px;line-height:1.7;color:var(--ng-muted)}
.blog-toc a:hover{color:var(--ng-accent)}
.blog-next{display:block;margin-top:20px;padding:20px;border:1px solid var(--ng-line);border-radius:20px;background:var(--ng-surface)}
.blog-next>span{display:block;color:var(--ng-accent);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
.blog-next h2{font:700 19px/1.4 'Space Grotesk',sans-serif;letter-spacing:-.025em;color:var(--ng-ink)}
.blog-next p{color:var(--ng-muted);font-size:11px;margin-top:16px}
html.dark .blog-visual-plate{background:#12382e;color:#6ee7b7}
html.dark .blog-visual-routine{background:#1e293b;color:#94a3b8}
html.dark .blog-category{background:#12382e;color:#6ee7b7;border-color:#245b49}
@media(max-width:1050px){.blog-article-layout{grid-template-columns:minmax(0,1fr)220px;gap:32px}.blog-card-copy{padding:24px}.blog-card h2{font-size:23px}}
@media(max-width:900px){.blog-article-layout{grid-template-columns:minmax(0,1fr);gap:24px}.blog-article-sidebar{position:static;grid-row:1}.blog-article-sidebar .blog-next{display:none}.blog-toc{padding:10px 18px}.blog-toc a{padding-inline:6px}.blog-article-header{margin-bottom:26px}}
@media(max-width:767px){.blog-main{padding:32px 16px 48px}.blog-index-heading{padding:8px 0 32px}.blog-eyebrow{font-size:10px;margin-bottom:16px}.blog-index-heading h1{font-size:48px}.blog-index-lead{font-size:14px;margin-top:18px}.blog-card-grid{grid-template-columns:minmax(0,1fr);gap:24px}.blog-card-copy{padding:24px}.blog-card h2{font-size:25px}.blog-visual>svg{max-height:230px}.blog-index-note{padding:22px;gap:12px}.blog-index-note a{width:100%}.blog-breadcrumb{margin-bottom:22px;gap:8px;font-size:11px}.blog-article-header h1{font-size:36px}.blog-article-lead{font-size:15px;line-height:1.8}.blog-byline{font-size:11px;gap:8px}.blog-prose h2{font-size:23px}.blog-prose p,.blog-prose li{font-size:15px;line-height:1.9}.blog-article-visual>svg{height:210px}.blog-article-cta{padding:24px}}
@media(prefers-reduced-motion:reduce){.blog-card-link:hover{transform:none}}
@media print{html,html.dark,body.blog-page,html.dark body.blog-page{background:#fff!important;color:#000!important;color-scheme:light;--ng-ink:#000;--ng-muted:#333}body.blog-page{display:block}.blog-article-sidebar,.blog-article-cta,.blog-back-link,.blog-visual,.site-nav,.site-footer,.skip-link{display:none!important}.blog-main{padding:0;max-width:none}.blog-article-layout{display:block}.blog-prose p,.blog-prose li{font-size:11pt;color:#000}.blog-byline{color:#333}}

#blog-article-page{max-width:1120px}
.blog-arrow{flex-shrink:0}
.blog-further-reading .blog-arrow{display:inline-block;vertical-align:middle;margin-left:3px}
.blog-next p{display:flex;align-items:center;justify-content:space-between;gap:8px}