.blog-page{padding-bottom:calc(2 * var(--leading))}.blog-breadcrumb{font-size:var(--text-md);flex-wrap:wrap;align-items:center;gap:8px;padding:16px 0 6px;display:flex}.blog-breadcrumb a{color:color-mix(in srgb, var(--color-text) 65%, transparent);font-weight:600;text-decoration:none}.blog-breadcrumb a:hover{color:var(--color-accent)}.blog-breadcrumb-sep{opacity:.4}.blog-breadcrumb-current{color:var(--color-accent-700);font-weight:700}.blog-article-header{padding:calc(.8 * var(--leading)) 0 calc(1.6 * var(--leading))}.blog-article-head-inner{max-width:900px}.blog-article-hero{gap:var(--leading) clamp(40px, 6vw, 90px);grid-template-columns:minmax(0,1fr) minmax(0,430px);align-items:center;display:grid}.blog-article-cover{aspect-ratio:3/2;border-radius:var(--radius-lg);background:var(--color-accent-2-100);width:100%;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.blog-article-cover img{object-fit:cover}@media (max-width:880px){.blog-article-hero{grid-template-columns:1fr}.blog-article-cover{max-width:540px}}.blog-tag{font-size:var(--text-xs);letter-spacing:.02em;padding:3px var(--space-2);border-radius:calc(var(--radius-md) * .75);white-space:nowrap;align-items:center;font-weight:700;display:inline-flex}.blog-tag-sage{background:var(--color-accent-2-100);color:var(--color-accent-2-800)}.blog-tag-accent{background:var(--color-accent-100);color:var(--color-accent-800)}.blog-article-h1{font-family:var(--font-heading);font-weight:var(--font-heading-weight);text-wrap:wrap;margin:var(--space-3) 0 calc(.55 * var(--leading));font-size:clamp(30px,4vw,44px);line-height:1.2}.blog-article-summary{font-size:var(--text-xl);opacity:.82;margin:0 0 calc(.85 * var(--leading));max-width:none;line-height:1.6}.blog-meta-row{font-size:var(--text-md);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.blog-meta-avatar{background:var(--color-accent-2-200);width:30px;height:30px;color:var(--color-accent-2-800);font-weight:700;font-size:var(--text-xs);border-radius:50%;flex:none;place-content:center;display:grid}.blog-meta-author{font-weight:700}.blog-meta-sep{opacity:.4}.blog-meta-item{opacity:.75;white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.blog-meta-dates{flex-direction:row;align-items:center;display:flex}.blog-meta-dates .blog-meta-item+.blog-meta-item:before{content:"·";opacity:.5;margin:0 8px}.blog-meta-item svg{width:14px;height:14px}@media (max-width:640px){.blog-meta-dates{flex-direction:column;flex-basis:100%;align-items:flex-start;gap:3px;width:100%;margin-top:2px}.blog-meta-dates .blog-meta-item+.blog-meta-item:before{content:none;margin:0}}.blog-article-layout{gap:calc(2 * var(--space-6));grid-template-columns:minmax(0,1fr);display:grid}.blog-article-body{max-width:840px;font-size:var(--text-lg);line-height:1.7}html[lang=en] .blog-article-body{font-size:18px}.blog-article-body>p{margin:0 0 calc(.85 * var(--leading))}.blog-article-body a:not(.btn){color:var(--color-accent-700);text-underline-offset:3px;font-weight:600}.blog-article-body strong{font-weight:700}@media (max-width:640px){.blog-br-grid{grid-template-columns:1fr}}.blog-article-toc{display:none}.blog-toc-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px;position:sticky;top:96px}.blog-toc-label{letter-spacing:.07em;text-transform:uppercase;color:var(--color-accent-2-700);margin-bottom:10px;font-size:11px;font-weight:700;display:block}.blog-toc-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.blog-toc-list a{color:var(--color-text);opacity:.78;border-radius:8px;padding:7px 10px;font-size:13.5px;line-height:1.4;text-decoration:none;display:block}.blog-toc-list a:hover{opacity:1;color:var(--color-accent)}.blog-toc-list a.is-active{background:var(--color-accent-100);color:var(--color-accent-800);opacity:1;font-weight:700}@media (min-width:960px){.blog-article-head-inner{max-width:calc(840px + (2 * var(--space-6)) + 240px)}.blog-article-layout{grid-template-columns:minmax(0,840px) 240px;justify-content:start}.blog-article-toc{display:block}}.blog-cta-banner{justify-content:space-between;align-items:center;gap:var(--space-6);background:var(--color-accent-700);border-radius:var(--radius-hero);margin:calc(1.5 * var(--leading)) 0 calc(1.5 * var(--leading));color:var(--color-bg);flex-wrap:wrap;padding:clamp(28px,5vw,52px);display:flex;position:relative;overflow:hidden}.blog-cta-banner:after{content:"";background:color-mix(in srgb, var(--color-accent-2-400) 45%, transparent);pointer-events:none;border-radius:50%;width:180px;height:180px;position:absolute;top:-60px;right:-60px}.blog-cta-copy{z-index:1;max-width:520px;position:relative}.blog-cta-copy h2{font-family:var(--font-heading);font-weight:var(--font-heading-weight);margin:0 0 var(--space-3);font-size:clamp(24px,3vw,32px);line-height:1.2}.blog-cta-copy p{opacity:.88;margin:0}.btn-on-dark{background:var(--color-bg);color:var(--color-accent-800)}.btn-on-dark:hover{background:color-mix(in srgb, var(--color-bg) 85%, var(--color-text))}.blog-cta-banner .btn-on-dark{z-index:1;flex:none;padding:16px 30px;font-size:16px;font-weight:700;position:relative}.blog-related{margin-bottom:calc(1.5 * var(--leading))}.blog-related h2{font-family:var(--font-heading);font-weight:var(--font-heading-weight);margin:0 0 calc(.8 * var(--leading));font-size:clamp(22px,2.6vw,28px)}.blog-related-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.blog-related-card{gap:var(--space-3);background:var(--color-surface);border-radius:var(--radius-lg);min-width:0;color:var(--color-text);flex-direction:column;padding:18px;text-decoration:none;display:flex}.blog-related-card:hover{background:color-mix(in srgb, var(--color-surface) 60%, var(--color-accent-2-100))}.blog-related-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.blog-related-body{text-align:center}.blog-related-body .blog-tag{margin-bottom:var(--space-3)}.blog-related-body h3{font-size:var(--text-lg);margin:var(--space-3) 0 0;line-height:1.4}@media (max-width:780px){.blog-related-grid{scroll-snap-type:x mandatory;gap:var(--space-4);padding-bottom:var(--space-3);-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.blog-related-card{flex:0 0 calc((100% - var(--space-4)) / 2);scroll-snap-align:start}}@media (max-width:640px){.blog-article-h1{font-size:28px;line-height:1.18}}.blog-disclaimer{font-size:var(--text-md);opacity:.75;max-width:680px;margin:0;line-height:1.6}.blog-related-card{overflow:hidden}.blog-related-cover{aspect-ratio:16/9;background:var(--color-accent-2-100);width:calc(100% + 36px);margin:-18px -18px 0;position:relative;overflow:hidden}.blog-related-cover img{object-fit:cover}