:root{--a-primary:#5b5bd6;--a-primary-hover:#4747c2;--a-primary-light:#e8e8ff;--a-surface:#f8f7ff;--a-text:#1e1b4b;--a-body:#374151;--a-muted:#6b7280;--a-border:#e5e7eb;--a-card-shadow:0 1px 3px rgba(0,0,0,0.06),0 4px 12px rgba(91,91,214,0.08)}.article-hero{position:relative;overflow:hidden;background:#fff;padding:72px 0 48px}.article-hero__inner{position:relative;max-width:820px;margin:0 auto;padding:0 1rem;text-align:center}@media (min-width:640px){.article-hero__inner{padding:0 1.5rem}}.article-crumbs ol{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin:0 0 1.75rem;padding:0;list-style:none;font-size:14px;color:var(--a-muted)}.article-crumbs li+li:before{content:"/";margin-right:.4rem;color:#c4c7d0}.article-crumbs a{color:var(--a-muted);text-decoration:none}.article-chip,.article-crumbs a:hover{color:var(--a-primary)}.article-chip{display:inline-flex;align-items:center;margin-bottom:1.5rem;padding:.375rem 1rem;border-radius:999px;background:var(--a-primary-light);font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.article-hero h1{margin:0 auto 1.5rem;font-family:var(--font-plus-jakarta-sans),sans-serif;font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.12;color:var(--a-text)}.article-byline{display:inline-flex;align-items:center;gap:.75rem;text-align:left}.article-byline img{flex:none;width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:1px solid var(--a-border)}.article-byline p{margin:0;font-size:14px;line-height:1.5;color:var(--a-muted)}.article-byline a{color:var(--a-text);font-weight:600;text-decoration:none}.article-byline a:hover{color:var(--a-primary)}.article-wrap{max-width:820px;margin:0 auto;padding:1rem 1rem 4rem}@media (min-width:640px){.article-wrap{padding-left:1.5rem;padding-right:1.5rem}}.article{font-family:var(--font-inter),sans-serif;font-size:17px;line-height:1.75;color:var(--a-body)}.article section[id]{scroll-margin-top:88px}.article h2{margin:3rem 0 1rem;font-size:clamp(24px,3.2vw,32px);font-weight:700;line-height:1.2}.article h2,.article h3{font-family:var(--font-plus-jakarta-sans),sans-serif;color:var(--a-text)}.article h3{margin:2rem 0 .6rem;font-size:20px;font-weight:600;line-height:1.3}.article p{margin:0 0 1.1rem}.article strong{font-weight:600;color:var(--a-text)}.article a{color:var(--a-primary);text-underline-offset:3px}.article a:hover{color:var(--a-primary-hover)}.article .small{font-size:14.5px;color:var(--a-muted)}.article code{padding:.1rem .4rem;border-radius:6px;background:var(--a-primary-light);color:var(--a-text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em}.article ol,.article ul{margin:0 0 1.5rem;padding-inline-start:1.6rem}.article ul{list-style:disc}.article ol{list-style:decimal}.article li{margin-bottom:.55rem}.article li:last-child{margin-bottom:0}.article li::marker{color:var(--a-primary)}.article figure{margin:1.75rem 0}.article figure img{display:block;max-width:100%;height:auto;border:1px solid var(--a-border);border-radius:12px;box-shadow:var(--a-card-shadow)}.article figcaption{margin-top:.6rem;font-size:14px;line-height:1.5;color:var(--a-muted)}.article .toc{margin:0 0 2.5rem;padding:1.5rem;border:1px solid var(--a-border);border-radius:12px;background:var(--a-surface)}.article .toc strong{display:block;margin-bottom:.75rem;font-family:var(--font-plus-jakarta-sans),sans-serif;font-size:18px}.article .toc ol{margin:0;padding-inline-start:1.4rem;-moz-columns:1;column-count:1}@media (min-width:700px){.article .toc ol{-moz-columns:2;column-count:2;-moz-column-gap:2rem;column-gap:2rem}}.article .toc li{margin-bottom:.4rem;-moz-column-break-inside:avoid;break-inside:avoid;font-size:16px;line-height:1.5}.article .toc li::marker{font-weight:600}.article .toc a{text-decoration:none}.article .toc a:hover{text-decoration:underline}.article .takeaways{margin:0 0 2.25rem;border:1px solid #d9d9f7;border-radius:12px;background:linear-gradient(180deg,var(--a-primary-light),#fff 70%);box-shadow:var(--a-card-shadow)}.article .takeaways>summary{display:flex;align-items:center;gap:.65rem;padding:1rem 1.25rem;cursor:pointer;list-style:none;font-family:var(--font-plus-jakarta-sans),sans-serif;font-size:18px;font-weight:700;color:var(--a-text)}.article .takeaways>summary::-webkit-details-marker{display:none}.article .takeaways__icon{flex:none;width:20px;height:20px;color:var(--a-primary)}.article .takeaways__label{flex:1 1 auto}.article .takeaways__chevron{flex:none;width:18px;height:18px;color:var(--a-muted);transition:transform .2s}.article .takeaways[open] .takeaways__chevron{transform:rotate(180deg)}.article .takeaways>ul{margin:0;padding:0 1.25rem 1.25rem 2.75rem}.article .takeaways li{margin-bottom:.9rem}.article .takeaways li:last-child{margin-bottom:0}.article .takeaways li strong{display:block;margin-bottom:.15rem}@media (max-width:520px){.article .takeaways>ul{padding-left:2.25rem}.article .takeaways>summary{padding:.9rem 1rem}}.article .note,.article .tip,.article .warn{margin:1.5rem 0;padding:1rem 1.25rem;border:1px solid var(--a-border);border-left:4px solid;border-radius:12px;font-size:16px;line-height:1.65}.article .note{border-color:#d9d9f7;border-left-color:var(--a-primary);background:var(--a-surface)}.article .warn{border-color:#fbd5d5 #fbd5d5 #fbd5d5 #dc2626;background:#fff8f8}.article .tip{border-color:#cfe9d6 #cfe9d6 #cfe9d6 #16a34a;background:#f6fcf8}.article .note>:last-child,.article .tip>:last-child,.article .warn>:last-child{margin-bottom:0}.article table{width:100%;margin:1.5rem 0;border-collapse:separate;border-spacing:0;border:1px solid var(--a-border);border-radius:12px;overflow:hidden;font-size:15px;line-height:1.5;box-shadow:var(--a-card-shadow)}.article td,.article th{padding:.8rem .9rem;border-bottom:1px solid var(--a-border);text-align:left;vertical-align:top}.article tbody tr:last-child td{border-bottom:0}.article th{background:var(--a-surface);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--a-text)}.article tbody tr:nth-child(2n) td{background:#fcfcff}.article td:first-child{font-weight:600;color:var(--a-text)}@media (max-width:760px){.article table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:640px){.article table{display:block;overflow:visible;border:0;border-radius:0;box-shadow:none}.article table thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.article table tbody,.article table td,.article table tr{display:block;width:auto}.article table tr{margin:0 0 1rem;padding:.35rem 0;border:1px solid var(--a-border);border-radius:12px;background:#fff;box-shadow:var(--a-card-shadow)}.article table tr:last-child{margin-bottom:0}.article table td,.article tbody tr:nth-child(2n) td{padding:.5rem 1rem;border:0;background:transparent}.article table td[data-label]:before{content:attr(data-label);display:block;margin-bottom:.1rem;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--a-muted)}}.article .steps{counter-reset:step}.article .steps .step>h2{display:flex;align-items:center;gap:.75rem;font-size:clamp(21px,2.8vw,26px)}.article .steps .step>h2:before{counter-increment:step;content:"Step " counter(step);flex:none;padding:.25rem .7rem;border-radius:999px;background:var(--a-primary-light);color:var(--a-primary);font-family:var(--font-inter),sans-serif;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}@media (max-width:520px){.article .steps .step>h2{display:block}.article .steps .step>h2:before{display:block;width:-moz-max-content;width:max-content;margin-bottom:.5rem}}.article .example{margin:1.5rem 0;padding:1.1rem 1.25rem;border:1px solid #ecdfc3;border-left:4px solid #d99e2b;border-radius:12px;background:#fffdf7}.article .example>h3{margin:0 0 .5rem;font-family:var(--font-inter),sans-serif;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8a6a1d}.article .example>:last-child{margin-bottom:0}.article .readalso{margin:1.75rem 0;padding:1.1rem 1.25rem;border:1px solid var(--a-border);border-radius:12px;background:#fff;box-shadow:var(--a-card-shadow)}.article .readalso p{margin:0}.article .readalso__label{margin-bottom:.3rem!important;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--a-primary)}.article .readalso__title{margin-bottom:.25rem!important;font-family:var(--font-plus-jakarta-sans),sans-serif;font-weight:600;font-size:18px}.article .readalso__title a{color:var(--a-text);text-decoration:none}.article .readalso__title a:hover{color:var(--a-primary)}.article .readalso__text{font-size:15px;line-height:1.6;color:var(--a-muted)}.article .copy{margin:1.25rem 0;border:1px solid var(--a-border);border-radius:12px;overflow:hidden;background:#fff}.article .copy__bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .6rem .5rem 1rem;border-bottom:1px solid var(--a-border);background:var(--a-surface)}.article .copy__label{margin:0!important;font-size:13.5px;font-weight:600;color:var(--a-text)}.article .copy__btn{min-height:36px;padding:.35rem .9rem;border:0;border-radius:8px;background:var(--a-primary);color:#fff;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .15s}.article .copy__btn:hover{background:var(--a-primary-hover)}.article .copy pre{margin:0;padding:1rem;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.6;color:var(--a-text)}.article .copy code{padding:0;background:transparent;font-size:inherit}.article-cta{background:var(--a-primary);padding:72px 0}.article-cta__inner{max-width:760px;margin:0 auto;padding:0 1rem;text-align:center}.article-cta h2{margin:0 0 1rem;font-family:var(--font-plus-jakarta-sans),sans-serif;font-size:clamp(24px,3.5vw,34px);font-weight:700;line-height:1.2;color:#fff}.article-cta p{margin:0 0 2rem;font-size:17px;line-height:1.7;color:rgba(255,255,255,.85)}.article-cta a.article-cta__btn{display:inline-flex;align-items:center;padding:1rem 2rem;border-radius:8px;background:#fff;color:var(--a-primary);font-weight:600;font-size:16px;text-decoration:none;transition:background-color .15s}.article-cta a.article-cta__btn:hover{background:var(--a-primary-light)}.article-share{margin:3rem 0 0;padding:1.25rem 1.5rem;border:1px solid var(--a-border);border-radius:12px;background:var(--a-surface)}.article-author>h2,.article-related>h2,.article-share h2{margin:0 0 1rem;font-family:var(--font-plus-jakarta-sans),sans-serif;font-size:20px;font-weight:700;color:var(--a-text)}.article-share__list{display:flex;flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none}.article-share__btn{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:.5rem 1rem;border:1px solid var(--a-border);border-radius:999px;background:#fff;color:var(--a-text);font:inherit;font-size:14.5px;font-weight:600;text-decoration:none;cursor:pointer;transition:border-color .15s,color .15s}.article-share__btn:hover{border-color:var(--a-primary);color:var(--a-primary)}.article-share__btn[hidden]{display:none}.article-share__btn svg{flex:none;width:18px;height:18px}.article-share__btn--copied{border-color:#16a34a;color:#16a34a}.article-author{margin:2rem 0 0}.article-author__card{display:flex;flex-wrap:wrap;gap:1.25rem;align-items:flex-start;padding:1.5rem;border:1px solid var(--a-border);border-radius:12px;background:#fff;box-shadow:var(--a-card-shadow)}.article-author__photo{flex:none;width:88px;height:88px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:1px solid var(--a-border)}.article-author__body{flex:1 1 18rem;min-width:0}.article-author__body p{margin:0}.article-author__name{font-family:var(--font-plus-jakarta-sans),sans-serif;font-size:19px;font-weight:700;color:var(--a-text)}.article-author__role{margin:.1rem 0 .75rem!important;font-size:14px;color:var(--a-muted)}.article-author__bio{margin-bottom:1rem!important;font-size:15.5px;line-height:1.65;color:var(--a-body)}.article-author__links{display:flex;flex-wrap:wrap;gap:.4rem 1.25rem;margin:0;padding:0;list-style:none;font-size:14.5px}.article-author__links a{color:var(--a-primary);font-weight:600;text-decoration:none}.article-author__links a:hover{text-decoration:underline}@media (max-width:520px){.article-author__card{gap:1rem;padding:1.1rem}.article-author__photo{width:64px;height:64px}}.article-related{margin:3rem 0 0}.article-related__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.25rem;margin:0;padding:0;list-style:none}.article-related__card{display:flex;flex-direction:column;height:100%;padding:1.5rem;border:1px solid var(--a-border);border-radius:12px;background:#fff;box-shadow:var(--a-card-shadow);transition:border-color .15s,transform .15s}.article-related__card:hover{border-color:var(--a-primary);transform:translateY(-2px)}.article-related__meta{align-self:flex-start;margin:0 0 .75rem;padding:.2rem .65rem;border-radius:999px;background:var(--a-primary-light);color:var(--a-primary);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.article-related__title{margin:0 0 .5rem;font-family:var(--font-plus-jakarta-sans),sans-serif;font-size:18px;font-weight:600;line-height:1.35}.article-related__title a{color:var(--a-text);text-decoration:none}.article-related__title a:hover{color:var(--a-primary)}.article-related__excerpt{margin:0;font-size:15px;line-height:1.6;color:var(--a-muted)}.article-to-top{position:fixed;z-index:40;right:max(1rem,env(safe-area-inset-right));bottom:calc(1rem + env(safe-area-inset-bottom));display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:var(--a-primary);color:#fff;box-shadow:0 4px 16px rgba(91,91,214,.35);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .22s ease,transform .22s ease,visibility .22s ease,background-color .15s}.article-to-top.is-visible{opacity:1;visibility:visible;transform:none}.article-to-top:hover{background:var(--a-primary-hover)}.article-to-top svg{width:22px;height:22px}@media print{.article-cta,.article-share,.article-to-top{display:none!important}}