.blog-page{padding-block-end:var(--sl-space-20)}.blog-hero{background:radial-gradient(circle at 10% 15%, #7ca5ff40, transparent 30%), linear-gradient(135deg, #101724, var(--sl-color-graphite));color:var(--sl-color-paper);border-radius:clamp(1.25rem,3vw,2.25rem);grid-template-columns:minmax(0,1.45fr) minmax(16rem,.55fr);align-items:end;gap:clamp(2rem,5vw,5rem);padding:clamp(1.5rem,5vw,4.5rem);display:grid;position:relative;overflow:hidden}.blog-hero:after{content:"";border:1px solid #ffffff1f;border-radius:50%;block-size:13rem;inline-size:13rem;position:absolute;inset-block-start:-5rem;inset-inline-end:-3rem}.blog-hero-copy{z-index:1;position:relative}.blog-kicker,.blog-category-badge{align-items:center;gap:var(--sl-space-2);font-size:.76rem;font-weight:700;display:inline-flex}.blog-kicker{color:#a9c2ff}.blog-hero h1{max-inline-size:50rem;margin:var(--sl-space-4) 0 var(--sl-space-3);letter-spacing:-.04em;font-size:clamp(2rem,5vw,4.2rem);line-height:1.22}.blog-hero-copy>p{color:#ffffffb8;max-inline-size:45rem;margin:0;font-size:clamp(.9rem,1.5vw,1.05rem);line-height:2}.blog-hero-stats{z-index:1;gap:var(--sl-space-3);margin:0;display:grid;position:relative}.blog-hero-stats>div{justify-content:space-between;align-items:center;gap:var(--sl-space-4);border-radius:var(--sl-radius-md);min-block-size:5rem;padding:var(--sl-space-4);background:#ffffff12;border:1px solid #ffffff21;display:flex}.blog-hero-stats dt{align-items:center;gap:var(--sl-space-2);color:#ffffffb3;font-size:.76rem;display:inline-flex}.blog-hero-stats dd{margin:0;font-size:1.55rem;font-weight:700}.blog-category-list{gap:var(--sl-space-2);margin-block:var(--sl-space-8) var(--sl-space-12);padding:.15rem .15rem var(--sl-space-2);scrollbar-width:thin;display:flex;overflow-x:auto}.blog-category-list a{border:1px solid var(--sl-color-wire);background:var(--sl-color-paper);min-block-size:2.75rem;padding-inline:var(--sl-space-4);transition:border-color var(--sl-motion-fast) var(--sl-ease-calibrated), background var(--sl-motion-fast) var(--sl-ease-calibrated), color var(--sl-motion-fast) var(--sl-ease-calibrated);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:inline-flex}.blog-category-list a:first-child,.blog-category-list a:hover{border-color:var(--sl-color-graphite);background:var(--sl-color-graphite);color:var(--sl-color-paper)}.blog-list-section,.blog-related{scroll-margin-block-start:8rem}.blog-section-head{align-items:end;gap:var(--sl-space-6);grid-template-columns:minmax(0,1fr) minmax(16rem,.55fr);margin-block-end:var(--sl-space-8);display:grid}.blog-section-head>div>span{color:var(--sl-color-calibration);font-size:.74rem;font-weight:700}.blog-section-head h2{margin:var(--sl-space-1) 0 0;letter-spacing:-.025em;font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.35}.blog-section-head>p{color:var(--sl-color-text-muted);margin:0;font-size:.82rem;line-height:1.9}.blog-list-grid,.blog-related-grid{gap:var(--sl-space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.blog-list-grid>div{min-inline-size:0;scroll-margin-block-start:8rem}.blog-empty{align-content:center;place-items:center;gap:var(--sl-space-2);border:1px dashed var(--sl-color-wire);border-radius:var(--sl-radius-lg);background:var(--sl-color-paper);min-block-size:22rem;padding:var(--sl-space-8);color:var(--sl-color-text-muted);text-align:center;display:grid}.blog-empty h2,.blog-empty p{margin:0}.blog-empty h2{color:var(--sl-color-graphite);font-size:1.2rem}.blog-article{width:100%;margin-inline:auto}.blog-article-hero{width:100%;margin:clamp(1rem, 4vw, 3rem) auto var(--sl-space-10);position:relative}.blog-article-header{border:var(--sl-border-subtle);background:radial-gradient(circle at 8% 12%, #2667ff1f, transparent 30%), linear-gradient(135deg, var(--sl-color-paper), color-mix(in srgb, var(--sl-color-calibration) 4%, var(--sl-color-lab)));text-align:center;border-radius:clamp(1.25rem,3vw,2rem);width:100%;margin:0;padding:clamp(1.5rem,4vw,3rem);position:relative;overflow:hidden}.blog-article-hero.has-image .blog-article-header{z-index:2;border-radius:var(--sl-radius-lg);width:auto;color:var(--sl-color-paper);-webkit-backdrop-filter:blur(18px)saturate(125%);background:#0a111e94;border-color:#ffffff3d;padding:clamp(1rem,2.5vw,2rem);position:absolute;inset-block-end:clamp(1rem,4vw,2.5rem);inset-inline:clamp(1rem,7vw,6rem);box-shadow:0 1.5rem 4rem #00000038}.blog-category-badge{min-block-size:2.5rem;padding-inline:var(--sl-space-4);color:var(--sl-color-calibration);background:#2667ff17;border-radius:999px}.blog-category-badge:hover{background:var(--sl-color-calibration);color:var(--sl-color-paper)}.blog-article-hero.has-image .blog-category-badge{color:var(--sl-color-paper);background:#ffffff29}.blog-article-hero.has-image .blog-category-badge:hover{background:var(--sl-color-paper);color:var(--sl-color-graphite)}.blog-article-header h1{max-inline-size:60rem;margin:var(--sl-space-4) auto 0;letter-spacing:-.03em;font-size:clamp(1.65rem,3vw,2.75rem);line-height:1.38}.blog-article-hero.has-image .blog-article-header h1{text-shadow:0 2px 18px #00000047;max-inline-size:52rem;font-size:clamp(1.45rem,2.55vw,2.5rem)}.blog-article-meta{justify-content:center;gap:var(--sl-space-2) var(--sl-space-6);color:var(--sl-color-text-muted);flex-wrap:wrap;margin-block-start:var(--sl-space-6);font-size:.78rem;display:flex}.blog-article-meta>span,.blog-article-meta>time{align-items:center;gap:var(--sl-space-2);min-block-size:2.75rem;display:inline-flex}.blog-article-hero.has-image .blog-article-meta{color:#ffffffc7;margin-block-start:var(--sl-space-4)}.blog-article-image{aspect-ratio:16/8.5;background:var(--sl-color-wire);border-radius:clamp(1.25rem,3vw,2rem);width:100%;margin:0;position:relative;overflow:hidden}.blog-article-image img,.blog-content-image img{object-fit:cover}.blog-reading-layout{grid-template-columns:minmax(0,1fr) minmax(17rem,20rem);align-items:start;gap:clamp(1.25rem,4vw,3rem);width:100%;margin-inline:auto;display:grid}.blog-article-content{border-radius:var(--sl-radius-lg);background:var(--sl-color-paper);min-inline-size:0;padding:clamp(1.25rem,4vw,3rem);font-size:clamp(1rem,1.2vw,1.08rem);line-height:2.25}.blog-article-content[data-text-size=small]{font-size:.96rem}.blog-article-content[data-text-size=large]{font-size:1.2rem;line-height:2.2}.blog-article-content>:first-child{margin-block-start:0}.blog-article-content>:last-child{margin-block-end:0}.blog-article-content p{margin:0 0 1.35rem}.blog-article-content h2{margin:2.5rem 0 .9rem;font-size:clamp(1.4rem,2vw,1.7rem);line-height:1.65}.blog-article-content h3{margin:2rem 0 .75rem;font-size:clamp(1.15rem,1.6vw,1.35rem);line-height:1.7}.blog-article-content ul,.blog-article-content ol{margin:1rem 0 1.5rem;padding-inline-start:1.5rem}.blog-article-content li{margin-block-end:var(--sl-space-2);padding-inline-start:var(--sl-space-1)}.blog-article-content blockquote{border-radius:var(--sl-radius-sm);padding:var(--sl-space-6);color:#193b7a;background:#f4f7ff;border:1px solid #c9d8ff;margin:1.75rem 0;font-size:1.08rem;font-style:normal}.blog-article-content pre{margin-block:var(--sl-space-6);border-radius:var(--sl-radius-md);padding:var(--sl-space-6);color:#e2e8f0;text-align:left;background:#0f172a;font-size:.86rem;line-height:1.9;overflow-x:auto}.blog-rich-content{min-inline-size:0}.blog-rich-content img{border-radius:var(--sl-radius-sm);block-size:auto;max-inline-size:100%;margin:1.5rem auto;display:block}.blog-rich-content figure{max-inline-size:100%;margin:1.5rem 0}.blog-rich-content figcaption{color:var(--sl-color-text-muted);text-align:center;font-size:.76rem}.blog-rich-content a{color:#1d4ed8;text-underline-offset:.18em;overflow-wrap:anywhere;text-decoration:underline}.blog-rich-content h4,.blog-rich-content h5,.blog-rich-content h6{margin:1.65rem 0 .65rem;line-height:1.75}.blog-rich-content table{border-collapse:collapse;width:100%;min-width:38rem;font-size:.82rem;line-height:1.75;display:table}.blog-rich-content table th,.blog-rich-content table td{border:1px solid var(--sl-color-wire);text-align:right;vertical-align:top;padding:.65rem}.blog-rich-content table th{background:var(--sl-color-lab);font-weight:800}.blog-rich-content:has(>table){overflow-x:auto}.blog-rich-content>div:has(>table){overflow-x:auto}.blog-content-image{margin:var(--sl-space-8) 0}.blog-content-image>div{aspect-ratio:16/9;border-radius:var(--sl-radius-md);background:var(--sl-color-wire);position:relative;overflow:hidden}.blog-content-image figcaption{color:var(--sl-color-text-muted);text-align:center;margin-block-start:var(--sl-space-2);font-size:.75rem}.blog-callout{margin:var(--sl-space-6) 0;border-radius:var(--sl-radius-sm);padding:var(--sl-space-4) var(--sl-space-6);color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe}.blog-callout-warning{color:#9a3412;background:#fff7ed;border-color:#fed7aa}.blog-callout-success{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.blog-faq{border:1px solid var(--sl-color-wire);border-radius:var(--sl-radius-sm);padding:var(--sl-space-4);margin-block-end:var(--sl-space-3)}.blog-faq summary{cursor:pointer;min-block-size:2.75rem;font-weight:700}.blog-faq p{margin:var(--sl-space-3) 0 0;color:var(--sl-color-text-muted)}.blog-article-content hr{width:4rem;height:.25rem;margin:var(--sl-space-10) auto;background:var(--sl-color-wire);border:0;border-radius:999px}.blog-article-aside{border:1px solid var(--sl-color-wire);border-radius:var(--sl-radius-md);background:var(--sl-color-paper);padding:var(--sl-space-6);position:sticky;inset-block-start:7rem}.blog-reading-tools{gap:var(--sl-space-3);margin-block-end:var(--sl-space-5);display:grid}.blog-reading-tools-title{align-items:center;gap:var(--sl-space-2);color:var(--sl-color-graphite);font-size:.85rem;display:flex}.blog-reading-tools-title svg{color:var(--sl-color-calibration)}.blog-text-size-control{align-items:center;gap:var(--sl-space-2);border:var(--sl-border-subtle);border-radius:var(--sl-radius-sm);background:var(--sl-color-lab);grid-template-columns:2.75rem minmax(0,1fr) 2.75rem;min-block-size:3rem;padding:.2rem;display:grid}.blog-text-size-control span{color:var(--sl-color-text-muted);text-align:center;font-size:.75rem}.blog-text-size-control button,.blog-like-button{border-radius:var(--sl-radius-xs);cursor:pointer;border:0;min-block-size:2.75rem;min-inline-size:2.75rem}.blog-text-size-control button{background:var(--sl-color-paper);color:var(--sl-color-graphite);place-items:center;display:grid}.blog-text-size-control button:disabled{opacity:.4;cursor:not-allowed}.blog-like-button{justify-content:center;align-items:center;gap:var(--sl-space-2);background:color-mix(in srgb, #e11d48 8%, var(--sl-color-paper));color:#9f1239;inline-size:100%;font:inherit;font-size:.78rem;font-weight:700;display:flex}.blog-like-button[data-liked=true]{color:#fff;background:#e11d48}.blog-article-aside>span{color:var(--sl-color-calibration);font-size:.74rem;font-weight:700}.blog-article-aside>p{margin:var(--sl-space-2) 0 var(--sl-space-4);color:var(--sl-color-text-muted);font-size:.78rem;line-height:1.9}.blog-article-aside>a{align-items:center;gap:var(--sl-space-2);min-block-size:2.75rem;color:var(--sl-color-graphite);font-size:.78rem;font-weight:700;display:inline-flex}.blog-tag-list{gap:var(--sl-space-2);flex-wrap:wrap;margin-block-end:var(--sl-space-4);display:flex}.blog-aside-related{gap:var(--sl-space-3);margin-block:var(--sl-space-5);display:grid}.blog-aside-related>span{color:var(--sl-color-calibration);font-size:.74rem;font-weight:700}.blog-aside-related>div{gap:var(--sl-space-2);display:grid}.blog-aside-related a{border:var(--sl-border-subtle);border-radius:var(--sl-radius-sm);background:var(--sl-color-lab);padding:var(--sl-space-3);transition:border-color var(--sl-motion-fast) var(--sl-ease-calibrated), background-color var(--sl-motion-fast) var(--sl-ease-calibrated);gap:.2rem;display:grid}.blog-aside-related a:hover,.blog-aside-related a:focus-visible{border-color:color-mix(in srgb, var(--sl-color-calibration) 35%, var(--sl-color-wire));background:color-mix(in srgb, var(--sl-color-calibration) 6%, var(--sl-color-paper))}.blog-aside-related strong{font-size:.76rem;line-height:1.75}.blog-aside-related small{color:var(--sl-color-text-muted);font-size:.66rem}.blog-tag-list span{background:var(--sl-color-lab);color:var(--sl-color-text-muted);border-radius:999px;padding:.3rem .65rem;font-size:.66rem}.blog-related{width:100%;margin:var(--sl-space-20) auto 0;box-shadow:inset 0 1px var(--sl-color-wire);padding-block-start:var(--sl-space-12)}.blog-comments{width:100%;margin:var(--sl-space-16) auto 0;border:var(--sl-border-subtle);background:linear-gradient(#fff,#fbfdff);border-radius:clamp(1.25rem,3vw,2rem);padding:clamp(1.25rem,4vw,3rem)}.blog-comments-header{justify-content:space-between;align-items:center;gap:var(--sl-space-5);margin-block-end:var(--sl-space-8);display:flex}.blog-comments-header>div{align-items:center;gap:var(--sl-space-3);display:flex}.blog-comments-header>div>span{border-radius:var(--sl-radius-sm);background:color-mix(in srgb, var(--sl-color-calibration) 10%, var(--sl-color-paper));block-size:3rem;inline-size:3rem;color:var(--sl-color-calibration);flex:none;place-items:center;display:grid}.blog-comments-header h2,.blog-comments-header p{margin:0}.blog-comments-header h2{font-size:clamp(1.35rem,2.5vw,1.8rem)}.blog-comments-header p,.blog-comments-header>strong{color:var(--sl-color-text-muted);font-size:.78rem}.blog-comments-summary{border:1px solid var(--sl-color-wire);color:var(--sl-color-graphite);background:#f8fafc;border-radius:.75rem;flex:none;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.82rem;display:inline-flex}.blog-comments-summary svg{color:#1056a3}.blog-comments-layout{grid-template-columns:minmax(0,1.15fr) minmax(20rem,.85fr);align-items:start;gap:clamp(1.25rem,4vw,3rem);display:grid}.blog-comment-list{gap:var(--sl-space-3);display:grid}.blog-comment-card{border:1px solid var(--sl-color-wire);background:#fff;border-radius:1rem;padding:1rem}.blog-comment-card header{align-items:center;gap:var(--sl-space-3);display:flex}.blog-comment-card header>span{color:#1056a3;background:#e8f2ff;border-radius:50%;flex:none;place-items:center;block-size:2.5rem;inline-size:2.5rem;font-weight:700;display:grid}.blog-comment-card header strong,.blog-comment-card header time{display:block}.blog-comment-card header time{color:var(--sl-color-text-muted);margin-block-start:.15rem;font-size:.7rem}.blog-comment-card>p{margin:var(--sl-space-4) 0 0;color:color-mix(in srgb, var(--sl-color-graphite) 84%, transparent);white-space:pre-wrap;overflow-wrap:anywhere;font-size:.82rem;line-height:1.9}.blog-comment-reply{background:#f3f8ff;border:1px solid #bfdbfe;border-radius:.625rem;margin-top:1rem;padding:.75rem 1rem}.blog-comment-reply strong{color:#1056a3;font-size:.78rem}.blog-comment-reply p{color:#334155;white-space:pre-wrap;overflow-wrap:anywhere;margin:.35rem 0 0;font-size:.8rem;line-height:1.9}.blog-comments-empty{align-content:center;place-items:center;gap:var(--sl-space-2);border:1px dashed var(--sl-color-wire);border-radius:var(--sl-radius-md);min-block-size:15rem;color:var(--sl-color-text-muted);text-align:center;display:grid}.blog-comments-empty svg{color:var(--sl-color-calibration)}.blog-comments-empty p{margin:0;font-size:.82rem}.blog-comment-form{gap:var(--sl-space-5);border:var(--sl-border-subtle);color:var(--sl-color-graphite);background:#fff;border-radius:1rem;padding:clamp(1rem,2vw,1.5rem);display:grid;box-shadow:0 12px 30px #0f3a6912}.blog-comment-form-heading>span{color:var(--sl-color-calibration);font-size:.72rem;font-weight:700}.blog-comment-form-heading h3{margin:var(--sl-space-2) 0;font-size:1.2rem}.blog-comment-form-heading p{color:var(--sl-color-text-muted);margin:0;font-size:.78rem;line-height:1.8}.blog-comment-fields{gap:var(--sl-space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.blog-comment-fields label{gap:var(--sl-space-2);color:var(--sl-color-graphite);font-size:.75rem;font-weight:700;display:grid}.blog-comment-fields input,.blog-comment-fields textarea{border:1px solid var(--sl-color-wire);border-radius:var(--sl-radius-sm);background:var(--sl-color-paper);min-block-size:3rem;inline-size:100%;padding-inline:var(--sl-space-3);color:var(--sl-color-graphite);font:inherit;outline:0}.blog-comment-fields textarea{min-block-size:9rem;padding-block:var(--sl-space-3);resize:vertical;line-height:1.8}.blog-comment-fields input:focus,.blog-comment-fields textarea:focus{border-color:var(--sl-color-calibration);box-shadow:0 0 0 3px #2667ff1f}.blog-comment-fields label>small{color:var(--sl-color-text-muted);font-size:.66rem;font-weight:400;line-height:1.7}.blog-comment-fields label>small[role=alert]{color:#b42318}.blog-comment-body-field{grid-column:1/-1}.blog-comment-honeypot{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.blog-comment-state{align-items:center;gap:var(--sl-space-2);border-radius:var(--sl-radius-sm);padding:var(--sl-space-3);font-size:.75rem;line-height:1.8;display:flex}.blog-comment-state.is-success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.blog-comment-state.is-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.blog-comment-submit{justify-self:start}.blog-comment-spinner{animation:.8s linear infinite blog-comment-spin}@keyframes blog-comment-spin{to{transform:rotate(360deg)}}@media (max-width:64rem){.blog-list-grid,.blog-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-reading-layout,.blog-comments-layout{grid-template-columns:1fr}.blog-article-aside{order:-1;position:static}.blog-aside-related>div{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:48rem){.blog-hero{grid-template-columns:1fr}.blog-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-hero-stats>div{flex-direction:column;align-items:flex-start}.blog-section-head{grid-template-columns:1fr}}@media (max-width:40rem){.blog-list-grid,.blog-related-grid{gap:var(--sl-space-4);grid-template-columns:1fr}.blog-hero{border-radius:var(--sl-radius-lg)}.blog-hero h1{letter-spacing:-.025em}.blog-hero-stats{grid-template-columns:1fr}.blog-hero-stats>div{flex-direction:row;align-items:center;min-block-size:4rem}.blog-article-header{padding:var(--sl-space-6) var(--sl-space-5)}.blog-article-meta{justify-content:center}.blog-article-image{aspect-ratio:4/3;border-radius:var(--sl-radius-md)}.blog-article-hero.has-image .blog-article-header{inset-inline:var(--sl-space-3);border-radius:var(--sl-radius-md);padding:var(--sl-space-4);inset-block-end:var(--sl-space-3)}.blog-article-hero.has-image .blog-article-header h1{margin-block-start:var(--sl-space-3);font-size:clamp(1.15rem,6vw,1.55rem);line-height:1.45}.blog-article-hero.has-image .blog-article-meta{gap:0 var(--sl-space-3);margin-block-start:var(--sl-space-2);font-size:.68rem}.blog-article-hero.has-image .blog-article-meta>span,.blog-article-hero.has-image .blog-article-meta>time{min-block-size:2rem}.blog-article-content{border-radius:var(--sl-radius-md)}.blog-aside-related>div,.blog-comment-fields{grid-template-columns:1fr}.blog-comments-header{flex-direction:column;align-items:flex-start}.blog-comment-submit{inline-size:100%}}@media (prefers-reduced-motion:reduce){.blog-category-list a{transition:none}.blog-comment-spinner{animation:none}}
