@charset "UTF-8";
.blog-breadcrumb{width:min(calc(100% - 40px),820px);margin:0 auto 28px;color:#eee7fa;font-size:13px}.blog-breadcrumb ol{display:flex;min-width:0;align-items:center;gap:9px;margin:0;padding:0;list-style:none;overflow-x:auto}.blog-breadcrumb li{display:flex;align-items:center;gap:9px;white-space:nowrap}.blog-breadcrumb li+li::before{content:"";width:6px;height:6px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);opacity:.7}.article-hero .container{max-width:820px;text-align:left}.article-hero .eyebrow{margin-left:0}.article-meta{display:flex;min-width:0;gap:8px;flex-wrap:wrap;margin-top:24px}.article-meta span{display:inline-flex;width:max-content;max-width:100%;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.15);color:#fff;font-size:12px;font-weight:800}.article-section{padding-top:88px}.article-layout{display:grid;grid-template-columns:minmax(0,820px) minmax(190px,250px);align-items:start;justify-content:center;gap:54px}.article-prose{min-width:0;font-size:17px;line-height:1.78}.article-prose .article-lead{font-size:20px;line-height:1.65;color:#3e3548}.article-prose h2{margin:56px 0 16px;font-size:clamp(1.5rem,3vw,1.85rem);line-height:1.2;letter-spacing:-.025em;scroll-margin-top:96px}.article-prose h3{margin:30px 0 10px;font-size:1.18rem}.article-prose p+p{margin-top:16px}.article-prose ul,.article-prose ol{margin:14px 0 0;padding-left:1.35em}.article-prose li{margin:0 0 7px}.article-prose a:not(.button){color:var(--violet);font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.note-card,.decision-card{margin-top:24px;padding:24px;border-radius:16px;background:var(--lavender)}.note-card strong,.decision-card strong{display:block;margin-bottom:8px}.decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.decision-card{margin-top:0}.article-toc{position:sticky;z-index:3;top:92px;min-width:0;padding:22px;border-radius:16px;background:#f7f4fb;box-shadow:var(--shadow-soft)}.article-toc strong{display:block;margin-bottom:12px;font-size:13px}.article-toc ol{display:grid;gap:9px;margin:0;padding:0;counter-reset:toc;list-style:none}.article-toc li{margin:0}.article-toc a{display:grid;grid-template-columns:20px minmax(0,1fr);gap:7px;color:#51485d;font-size:13px;line-height:1.4}.article-toc a::before{counter-increment:toc;content:counter(toc);color:var(--violet);font-weight:850}.article-end-cta{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;margin-top:64px;padding:28px;border-radius:16px;background:linear-gradient(135deg,#5318eb,#280f62);color:#fff;box-shadow:var(--shadow)}.cta-icon{display:grid;width:54px;height:54px;place-items:center;border-radius:14px;background:rgba(255,255,255,.14)}.cta-icon svg{width:29px;height:29px;stroke-width:2.4}.article-end-cta h2{margin:0;font-size:1.5rem;letter-spacing:-.02em}.article-end-cta p{margin-top:8px;color:#eee7fa;font-size:14px}.article-end-cta .button{background:var(--lime);color:#24103f;white-space:nowrap}.violet-band .eyebrow{background:#fff;color:#3c127f}.recommend-float{z-index:45}.recommend-float .cta-icon{width:42px;height:42px;flex:none}.recommend-float .cta-icon svg{width:23px;height:23px}.recommend-float [data-float-close]{position:absolute;top:8px;right:8px;width:30px;height:30px;flex:none;border-radius:50%;background:#eee7fa;font-size:0}.recommend-float [data-float-close]::before,.recommend-float [data-float-close]::after{content:"";position:absolute;left:9px;top:14px;width:12px;height:1px;background:var(--ink);transform:rotate(45deg)}.recommend-float [data-float-close]::after{transform:rotate(-45deg)}
@media(max-width:820px){.article-hero .container{max-width:none}.article-layout{grid-template-columns:minmax(0,1fr)}.article-toc{position:static;order:-1}.decision-grid{grid-template-columns:minmax(0,1fr)}.article-end-cta{grid-template-columns:auto minmax(0,1fr)}.article-end-cta .button{grid-column:1/-1;width:max-content}.blog-breadcrumb{width:min(100% - 28px,820px)}}
@media(max-width:520px){.article-prose{font-size:16px}.article-prose .article-lead{font-size:18px}.article-end-cta{grid-template-columns:minmax(0,1fr);padding:24px}.article-end-cta .button{grid-column:auto}.recommend-float{left:16px;right:16px;width:auto}}