.article-page{background:var(--bg);color:var(--ink)}.article-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.article-hero{position:relative;overflow:hidden;padding:calc(var(--nav-h) + 56px) 0 72px;border-bottom:1px solid var(--border)}.article-hero-glow,.article-final-glow{position:absolute;inset:auto -12% -35% auto;width:min(560px,62vw);height:min(560px,62vw);border-radius:50%;background:radial-gradient(circle,rgba(114,89,224,.22),transparent 68%);filter:blur(22px);pointer-events:none}[data-theme=dark] .article-hero-glow,[data-theme=dark] .article-final-glow{background:radial-gradient(circle,rgba(139,117,240,.48),transparent 68%)}.article-hero-inner{position:relative;z-index:1}.article-breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:36px;color:var(--ink-4);font-size:14px}.article-breadcrumbs a{color:var(--ink-3);text-decoration:none}.article-breadcrumbs a:hover{color:var(--p500)}.article-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,44%);gap:clamp(32px,6vw,80px);align-items:center}.article-eyebrow,.article-meta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.article-eyebrow{margin-bottom:18px;color:var(--ink-3);font-size:14px;font-weight:600}.article-tag{display:inline-flex;align-items:center;border-radius:999px;padding:7px 12px;color:#fff;background:linear-gradient(135deg,var(--p500),var(--p700));box-shadow:0 10px 26px #7259e047}.article-hero h1{max-width:860px;margin:0 0 18px;font-size:clamp(38px,6vw,72px);line-height:.96;letter-spacing:-.055em}.article-lead{max-width:760px;margin:0 0 26px;color:var(--ink-2);font-size:clamp(18px,2.2vw,22px);line-height:1.55}.article-meta{color:var(--ink-4);font-size:14px}.article-meta-dot{width:5px;height:5px;border-radius:50%;background:var(--p400)}.article-browser-card{overflow:hidden;border:1px solid var(--border-2);border-radius:28px;background:var(--bg-card);box-shadow:var(--sh-lg),var(--glow-sm)}.article-browser-card img{display:block;width:100%;height:auto}.article-browser-card-cover{position:relative;aspect-ratio:1200/630}.article-browser-card-cover img{position:absolute;inset:0;height:100%;object-fit:cover;transform:scale(1.13)}.article-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:start;padding-top:56px;padding-bottom:84px}.article-toc{position:sticky;top:calc(var(--nav-h) + 24px)}.article-toc-card{border:0;border-left:1px solid var(--border-2);border-radius:0;background:transparent;box-shadow:none;padding:4px 0 4px 16px}.article-toc-title{margin:0 0 14px;color:var(--ink-2);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.article-toc-toggle{display:none}.article-toc-nav{display:grid;gap:6px}.article-toc-nav a{display:block;border-radius:10px;padding:8px 10px;color:var(--ink-3);text-decoration:none;font-size:14px;transition:color var(--t),background var(--t)}.article-toc-nav a:hover,.article-toc-nav a.active{color:var(--p500);background:#7259e01a}.article-section{scroll-margin-top:calc(var(--nav-h) + 28px);margin-bottom:68px}.article-wide-section{margin-left:-20px;margin-right:-20px}.article-content{min-width:0;max-width:900px}.article-content .faq-list{max-width:none;margin-inline:0}.article-content h2{margin:0 0 18px;font-size:clamp(30px,4vw,48px);line-height:1.05;letter-spacing:-.04em}.article-content h3{margin:0 0 10px;font-size:22px;line-height:1.2}.article-content p,.article-content li{color:var(--ink-2);font-size:18px;line-height:1.72}.article-content p{margin:0 0 18px}.article-content :where(p,li)>a:not(.btn){color:var(--p500);text-decoration:underline;text-decoration-color:#7259e061;text-decoration-thickness:1px;text-underline-offset:.18em;transition:color var(--t),text-decoration-color var(--t)}.article-content :where(p,li)>a:not(.btn):hover{color:var(--p700);text-decoration-color:currentColor}.article-content :where(p,li)>a:not(.btn):focus-visible{border-radius:3px;outline:2px solid rgba(114,89,224,.45);outline-offset:3px}[data-theme=dark] .article-content :where(p,li)>a:not(.btn){color:var(--p300);text-decoration-color:#a99bf77a}[data-theme=dark] .article-content :where(p,li)>a:not(.btn):hover{color:var(--p200);text-decoration-color:currentColor}.article-section>p+h3,.article-section>ul+h3,.article-section>ol+h3,.article-section>.article-table-region+h3{margin-top:32px}.article-intro{font-size:21px!important;color:var(--ink)!important}.article-kicker{margin-bottom:12px;color:var(--p500);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.article-kicker.light{color:#ffffffc2}.article-summary-card,.article-criterion,.article-type-card,.article-mistake-card{border:1px solid var(--border);border-radius:28px;background:var(--bg-card);box-shadow:var(--sh-sm)}.article-summary-card{margin-top:30px;padding:28px}.article-summary-card+p{margin-top:28px}.article-summary-body{display:grid;grid-template-columns:54px minmax(0,1fr);gap:18px;align-items:start}.article-summary-icon{display:grid;width:54px;height:54px;place-items:center;border-radius:18px;color:var(--p500);background:#7259e01f}.article-summary-body p{margin:0}.article-type-grid,.article-mistake-grid,.article-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.article-type-card,.article-mistake-card{padding:24px}.article-type-card span,.article-mistake-card span{display:inline-grid;width:34px;height:34px;place-items:center;margin-bottom:16px;border-radius:12px;color:#fff;background:var(--p500);font-weight:800}.article-criteria-list{display:grid;gap:16px}.article-criterion{display:grid;grid-template-columns:54px minmax(0,1fr);gap:20px;padding:24px}.article-criterion>span{display:grid;width:54px;height:54px;place-items:center;border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--p400),var(--p700));font-weight:800;font-size:18px}.article-criteria-list{gap:0}.article-criterion{border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;box-shadow:none;padding:24px 0}.article-criterion:last-child{border-bottom:0}.article-bullet-list{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none}.article-bullet-list li{display:grid;grid-template-columns:8px minmax(0,1fr);gap:12px;align-items:start}.article-bullet-list li:before{width:8px;height:8px;margin-top:.65em;border-radius:50%;background:linear-gradient(135deg,var(--p400),var(--p700));content:""}.article-bullet-list+p{margin-top:24px}.article-bullet-list-rich>li{align-items:start}.article-bullet-list-rich p{margin-bottom:10px}.article-bullet-list-rich p:last-child{margin-bottom:0}.article-antipattern-list,.article-numbered-detail-list{display:grid;gap:0;margin:24px 0 0;padding:0;list-style:none;counter-reset:antipattern}.article-antipattern-list>li,.article-numbered-detail-list>li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;padding:22px 0;border-bottom:1px solid var(--border);counter-increment:antipattern}.article-antipattern-list>li:first-child,.article-numbered-detail-list>li:first-child{padding-top:0}.article-antipattern-list>li:last-child,.article-numbered-detail-list>li:last-child{padding-bottom:0;border-bottom:0}.article-antipattern-list>li:before,.article-numbered-detail-list>li:before{color:var(--p400);content:counter(antipattern) ".";font-size:18px;font-weight:800;line-height:1.72}.article-antipattern-list h3,.article-numbered-detail-list h3{margin:0 0 8px;font-size:21px}.article-antipattern-list p:last-child,.article-numbered-detail-list p:last-child{margin-bottom:0}.article-numbered-detail-list-compact>li{padding:16px 0}.article-criteria-list+p,.article-numbered-detail-list+p,.article-antipattern-list+p,.article-table-region+p{margin-top:32px}.article-scenario-hierarchy .article-scenario-stack{margin-top:40px}.article-scenario-hierarchy .article-scenario{padding-top:36px;border-top:1px solid var(--border)}.article-scenario-hierarchy .article-scenario+.article-scenario{margin-top:52px}.article-scenario-hierarchy .article-scenario-heading{margin-bottom:18px}.article-scenario-hierarchy .article-scenario-heading h3{margin:8px 0 0;font-size:28px;line-height:1.25}.article-scenario-hierarchy .article-criteria-list{margin-top:26px}.article-table-note{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.article-table-region{overflow-x:auto;border:1px solid var(--border);border-radius:28px;background:var(--bg-card);box-shadow:none}.article-table-region:focus{outline:3px solid rgba(114,89,224,.22);outline-offset:3px}.article-table-region table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0}.article-table-region th,.article-table-region td{border-bottom:1px solid var(--border);border-right:1px solid var(--border);padding:16px;vertical-align:top;color:var(--ink-2);font-size:15px;line-height:1.55;text-align:left;overflow-wrap:normal;word-break:normal}.article-table-region thead th{position:sticky;top:0;z-index:2;color:var(--ink);border-bottom:2px solid rgba(114,89,224,.32);background:#7259e017;font-weight:800}.article-table-region tbody th{position:sticky;left:0;z-index:1;color:var(--ink);background:var(--bg-card);font-weight:700}.article-table-region tr:last-child th,.article-table-region tr:last-child td{border-bottom:0}.article-table-region th:last-child,.article-table-region td:last-child{border-right:0}.article-table-region th:first-child{left:0;z-index:3}.article-brand-col{color:var(--ink)!important;background:linear-gradient(180deg,#7259e024,#7259e00f)!important}.article-yes{font-weight:700}.article-meleto-block{border-radius:34px;padding:36px;color:#fff;background:radial-gradient(circle at top right,rgba(255,255,255,.22),transparent 34%),linear-gradient(135deg,var(--p700),var(--p500));box-shadow:var(--sh-lg),var(--glow-sm)}.article-meleto-intro{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:36px;align-items:center}.article-meleto-block h2,.article-meleto-block p,.article-meleto-block li{color:#fff}.article-meleto-copy>p:last-child{margin-bottom:0}.article-meleto-mark{display:grid;place-items:center;align-self:stretch}.article-meleto-mark img{display:block;width:132px;height:132px;border-radius:30px;box-shadow:0 24px 60px #140c463d}.article-feature-list{display:grid;gap:12px;margin:20px 0 0;padding:0;list-style:none}.article-feature-list li{position:relative;padding-left:28px}.article-feature-list span{position:absolute;top:0;left:0;display:block;width:auto;height:auto;margin:0;color:#fff;background:transparent;font-weight:800;font-size:18px;line-height:1.72}.article-meleto-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.article-related-section{padding:72px 0;border-top:1px solid var(--border);background:var(--bg-soft)}.article-related-head{display:flex;gap:18px;justify-content:space-between;align-items:end;margin-bottom:24px}.article-related-head h2{margin:0;font-size:clamp(28px,4vw,44px)}.article-related-head a{color:var(--p500);text-decoration:none;font-weight:700}.article-related-card{overflow:hidden;border:1px solid var(--border);border-radius:28px;background:var(--bg-card);color:inherit;text-decoration:none;box-shadow:var(--sh-sm)}.article-related-art{overflow:hidden;height:172px;color:#fff;background:linear-gradient(135deg,var(--p500),var(--p700))}.article-related-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--t2)}.article-related-image-safe{transform:scale(1.13)}.article-related-card:hover .article-related-image{transform:scale(1.025)}.article-related-card:hover .article-related-image-safe{transform:scale(1.16)}.article-related-body{padding:22px}.article-related-tag{margin-bottom:8px;color:var(--p500);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.article-related-body h3{margin:0 0 8px;font-size:20px}.article-related-body p{margin:0;color:var(--ink-3);font-size:15px;line-height:1.55}.article-final-cta{position:relative;overflow:hidden;padding:84px 0;text-align:center}.article-final-cta-inner{position:relative;z-index:1;max-width:760px}.article-final-cta h2{margin:16px 0;font-size:clamp(34px,5vw,56px);letter-spacing:-.05em}.article-final-cta p{margin:0 auto 28px;color:var(--ink-2);font-size:19px;line-height:1.65}@media(max-width:1023px){.article-hero-grid,.article-layout{grid-template-columns:1fr}.article-toc{position:static;order:-1}.article-toc-card{border-left:0;border-bottom:1px solid var(--border-2);padding:0 0 14px}.article-toc-title{display:none}.article-toc-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;border:0;background:transparent;color:var(--ink);font:inherit;font-weight:800;cursor:pointer}.article-toc-nav{display:none;padding-top:14px}.article-toc.open .article-toc-nav{display:grid}.article-wide-section{margin-left:0;margin-right:0}}@media(min-width:1024px){.article-table-region table{min-width:100%;table-layout:auto}}@media(max-width:760px){.article-hero{padding-top:calc(var(--nav-h) + 36px)}.article-type-grid,.article-mistake-grid,.article-related-grid,.article-summary-body,.article-criterion{grid-template-columns:1fr}.article-meleto-block{padding:26px;border-radius:28px}.article-meleto-intro{grid-template-columns:1fr}.article-meleto-mark{display:none}.article-related-head{display:block}.article-summary-card+p{margin-top:24px}.article-scenario-hierarchy .article-scenario-stack{margin-top:32px}.article-scenario-hierarchy .article-scenario{padding-top:28px}.article-scenario-hierarchy .article-scenario+.article-scenario{margin-top:40px}.article-scenario-hierarchy .article-scenario-heading h3{font-size:24px}}