.art{padding-top:8px;padding-bottom:8px}.art section{margin:22px 0;scroll-margin-top:12px}.art section:first-of-type{margin-top:14px}.art-ph{position:relative;height:140px;border-radius:var(--r-md);overflow:hidden;display:grid;place-items:center;background:radial-gradient(120% 100% at 82% -14%,color-mix(in srgb,var(--c) 56%,#fff 8%),transparent 56%),linear-gradient(155deg,color-mix(in srgb,var(--c) 92%,#000 5%),color-mix(in srgb,var(--c) 52%,var(--brand-plum) 60%))}.art-ph__ic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#fff3}.art-ph__tag{position:absolute;bottom:10px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:#fff;background:#0000003d;padding:4px 11px;border-radius:var(--r-pill)}.art-progress{position:sticky;top:0;z-index:30;height:3px;background:var(--border);margin:0 calc(-1 * var(--gutter))}.art-progress__bar{display:block;height:100%;transform-origin:0 50%;background:linear-gradient(90deg,var(--primary),var(--rose));transition:transform .1s linear}.art-hero__crumbs{margin-bottom:12px}.art-eyebrow{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;font-weight:var(--fw-bold);color:var(--c)}.art-eyebrow svg{width:13px;height:13px}.art-hero__title{margin:10px 0 0}.art-hero__dek{margin:10px 0 0;font-size:var(--fs-body);line-height:1.55;color:var(--fg-2)}.art-hero__meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:16px 0}.art-hero__by{display:flex;flex-direction:column;line-height:1.2}.art-hero__by b{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--fg)}.art-hero__by span{font-size:var(--fs-xs);color:var(--fg-3)}.art-hero__dot{width:3px;height:3px;border-radius:50%;background:var(--border-2)}.art-meta-i{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);color:var(--fg-2)}.art-meta-i svg{width:14px;height:14px;color:var(--fg-3)}.art-ava{width:38px;height:38px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:var(--fs-body);font-weight:var(--fw-extra);color:#fff;background:linear-gradient(150deg,var(--primary),var(--rose))}.art-ava--lg{width:54px;height:54px;font-size:var(--fs-h3)}.art-toc{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px 16px}.art-toc__head{display:flex;align-items:center;gap:8px;font-size:var(--fs-sm);font-weight:var(--fw-extra);color:var(--fg);margin-bottom:8px}.art-toc__head svg{width:17px;height:17px;color:var(--primary)}.art-toc__list{list-style:none;margin:0;padding:0}.art-toc__list li+li{border-top:1px solid var(--border)}.art-toc__list button{width:100%;display:flex;align-items:center;gap:10px;padding:11px 0;background:none;border:none;font-family:inherit;font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--fg-2);text-align:left;cursor:pointer}.art-toc__list button:hover{color:var(--primary)}.art-toc__list button>svg:last-child{width:15px;height:15px;margin-left:auto;color:var(--fg-3);flex:none}.art-toc__n{font-size:var(--fs-xs);font-weight:var(--fw-extra);color:var(--primary);min-width:18px}.art-takeaways{border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:var(--r-md);background:var(--primary-soft);padding:16px 18px}.art-takeaways__head{display:flex;align-items:center;gap:8px;font-size:var(--fs-sm);font-weight:var(--fw-extra);color:var(--primary-on-soft);margin-bottom:10px}.art-takeaways__head svg{width:16px;height:16px}.art-takeaways ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.art-takeaways li{display:flex;align-items:flex-start;gap:9px;font-size:var(--fs-sm);line-height:1.5;color:var(--fg)}.art-takeaways li svg{width:15px;height:15px;flex:none;margin-top:2px;color:var(--primary)}.art-h2{margin:0 0 10px;scroll-margin-top:12px}.art-h3{margin:0 0 8px}.art-lead{margin:0;font-size:18px;line-height:1.55;font-weight:var(--fw-medium);color:var(--fg)}.art-p{margin:0 0 12px;font-size:var(--fs-body);line-height:1.62;color:var(--fg-2)}.art-p:last-child{margin-bottom:0}.art-p strong{color:var(--fg);font-weight:var(--fw-bold)}.art-pull{position:relative;margin:0;padding:4px 0 4px 18px;border-left:3px solid var(--rose);font-size:20px;line-height:1.35;font-weight:var(--fw-bold);letter-spacing:-.01em;color:var(--fg)}.art-pull svg{width:20px;height:20px;color:var(--rose);margin-bottom:4px;display:block}.art-quote{margin:0;padding:16px 18px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.art-quote p{margin:0 0 12px;font-size:var(--fs-body);line-height:1.55;color:var(--fg);font-style:italic}.art-quote footer{display:flex;align-items:center;gap:10px}.art-quote footer .who{display:flex;flex-direction:column;line-height:1.25}.art-quote footer b{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--fg)}.art-quote footer i{font-size:var(--fs-xs);font-style:normal;color:var(--fg-3)}.art-ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.art-ul li{position:relative;display:flex;align-items:flex-start;gap:11px;font-size:var(--fs-body);line-height:1.5;color:var(--fg-2)}.art-ul__dot{flex:none;width:7px;height:7px;margin-top:8px;border-radius:50%;background:var(--primary)}.art-ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}.art-ol li{display:flex;align-items:flex-start;gap:12px;font-size:var(--fs-body);line-height:1.5;color:var(--fg-2)}.art-ol__n{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:var(--fs-sm);font-weight:var(--fw-extra);color:var(--primary-on-soft);background:var(--primary-soft)}.art-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.art-step{position:relative;display:flex;gap:14px;padding-bottom:16px}.art-step:not(:last-child):before{content:"";position:absolute;left:17px;top:36px;bottom:0;width:2px;background:var(--border-2)}.art-step__n{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;z-index:1;font-size:var(--fs-body);font-weight:var(--fw-extra);color:#fff;background:linear-gradient(150deg,var(--primary),var(--rose));box-shadow:var(--shadow-sm)}.art-step__body{display:flex;flex-direction:column;gap:3px;padding-top:5px}.art-step__body b{font-size:var(--fs-body);font-weight:var(--fw-bold);color:var(--fg)}.art-step__body span{font-size:var(--fs-sm);line-height:1.5;color:var(--fg-2)}.art-check{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.art-check li{display:flex;align-items:center;gap:11px;font-size:var(--fs-body);color:var(--fg)}.art-check__box{flex:none;width:24px;height:24px;border-radius:7px;border:2px solid var(--border-2);background:var(--surface);display:grid;place-items:center;cursor:pointer;transition:all var(--dur-fast);color:transparent}.art-check__box svg{width:14px;height:14px}.art-check__box.is-on{background:var(--success);border-color:var(--success);color:#fff}.art-check li span.is-done{color:var(--fg-3);text-decoration:line-through}.art-callout{display:flex;gap:12px;padding:14px 16px;border-radius:var(--r-md);border:1px solid var(--border)}.art-callout__ic{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center}.art-callout__ic svg{width:17px;height:17px}.art-callout b{display:block;font-size:var(--fs-sm);font-weight:var(--fw-extra);margin-bottom:3px;color:var(--fg)}.art-callout p{margin:0;font-size:var(--fs-sm);line-height:1.55;color:var(--fg-2)}.art-callout--info{background:var(--primary-soft);border-color:transparent}.art-callout--info .art-callout__ic{background:var(--primary);color:#fff}.art-callout--tip{background:var(--success-soft);border-color:transparent}.art-callout--tip .art-callout__ic{background:var(--success);color:#fff}.art-callout--warn{background:var(--warning-soft);border-color:transparent}.art-callout--warn .art-callout__ic{background:var(--warning);color:#fff}.art-def{border-radius:var(--r-md);border:1px dashed var(--border-2);background:var(--surface-2);padding:14px 16px}.art-def__label{font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.04em;color:var(--fg-3)}.art-def__term{display:block;margin:4px 0 6px;font-size:var(--fs-h3);font-weight:var(--fw-extra);color:var(--fg)}.art-def p{margin:0;font-size:var(--fs-sm);line-height:1.55;color:var(--fg-2)}.art-figure{margin:0}.art-figure figcaption{margin-top:8px;font-size:var(--fs-xs);line-height:1.45;color:var(--fg-3);text-align:center}.art-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.art-grid .art-ph{height:100px;border-radius:var(--r-sm)}.art-grid .art-ph__tag{font-size:10px;padding:2px 7px;bottom:6px}.art-grid .art-ph:first-child{grid-column:span 2}.art-tabs__bar{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.art-tabs__bar::-webkit-scrollbar{display:none}.art-tabs__tab{flex:none;height:38px;padding:0 16px;border-radius:var(--r-pill);border:1px solid var(--border-2);background:var(--surface);color:var(--fg-2);font-family:inherit;font-size:var(--fs-sm);font-weight:var(--fw-semibold);cursor:pointer;transition:all var(--dur-fast)}.art-tabs__tab.is-on{background:var(--accent-navy);color:#fff;border-color:transparent}[data-theme=dark] .art-tabs__tab.is-on{background:var(--primary)}.art-tabs__panel{margin-top:14px;padding:16px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border)}.art-table-wrap{overflow-x:auto;border-radius:var(--r-md);border:1px solid var(--border);scrollbar-width:none}.art-table-wrap::-webkit-scrollbar{display:none}.art-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm);min-width:360px}.art-table th{text-align:left;padding:11px 14px;background:var(--surface-2);color:var(--fg-2);font-weight:var(--fw-bold);white-space:nowrap}.art-table td{padding:11px 14px;border-top:1px solid var(--border);color:var(--fg-2)}.art-table__lead{font-weight:var(--fw-bold);color:var(--fg)}.art-table tbody tr:hover{background:var(--surface-hover)}.art-pc{display:grid;grid-template-columns:1fr 1fr;gap:10px}.art-pc__col{border-radius:var(--r-md);padding:14px;border:1px solid var(--border)}.art-pc__col--pro{background:var(--success-soft);border-color:transparent}.art-pc__col--con{background:var(--danger-soft);border-color:transparent}.art-pc__head{display:flex;align-items:center;gap:6px;font-size:var(--fs-sm);font-weight:var(--fw-extra);margin-bottom:10px}.art-pc__head svg{width:15px;height:15px}.art-pc__col--pro .art-pc__head{color:var(--success)}.art-pc__col--con .art-pc__head{color:var(--danger)}.art-pc__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.art-pc__col li{display:flex;align-items:flex-start;gap:7px;font-size:var(--fs-sm);line-height:1.4;color:var(--fg)}.art-pc__col li svg{width:14px;height:14px;flex:none;margin-top:2px}.art-pc__col--pro li svg{color:var(--success)}.art-pc__col--con li svg{color:var(--danger)}.art-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.art-stat{text-align:center;padding:16px 8px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.art-stat__v{display:block;font-size:26px;font-weight:var(--fw-extra);letter-spacing:-.02em;line-height:1;background:linear-gradient(150deg,var(--primary),var(--rose));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.art-stat__l{display:block;margin-top:6px;font-size:var(--fs-xs);line-height:1.35;color:var(--fg-2)}.art-cta{position:relative;overflow:hidden;isolation:isolate;border-radius:var(--r-lg);padding:28px 22px 26px;text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:var(--shadow-lg);background:radial-gradient(120% 90% at 85% -12%,color-mix(in srgb,var(--brand-coral) 62%,transparent),transparent 56%),radial-gradient(110% 90% at 8% 6%,color-mix(in srgb,var(--brand-violet) 52%,transparent),transparent 54%),linear-gradient(155deg,color-mix(in srgb,var(--accent-navy) 92%,var(--brand-rose) 18%),color-mix(in srgb,var(--brand-rose) 76%,var(--accent-navy) 32%))}.art-cta__spark{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;margin-bottom:2px;background:#ffffff2e;border:1px solid rgba(255,255,255,.24)}.art-cta__title{margin:0;font-size:var(--fs-h2);font-weight:var(--fw-extra);line-height:1.2;max-width:22ch}.art-cta__sub{margin:0;font-size:var(--fs-sm);line-height:1.5;color:#ffffffe0;max-width:34ch}.art-cta__btn{margin-top:10px;display:inline-flex;align-items:center;gap:8px;min-height:var(--tap-min);padding:0 24px;border:none;border-radius:var(--r-pill);cursor:pointer;font-family:inherit;font-size:var(--fs-body);font-weight:var(--fw-bold);background:#fff;color:var(--accent-navy);box-shadow:var(--shadow-md);transition:transform var(--dur-fast) var(--ease-out)}.art-cta__btn svg{width:18px;height:18px}.art-cta__btn:active{transform:scale(.97)}.art-author{display:flex;gap:14px;padding:16px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border)}.art-author__body{display:flex;flex-direction:column}.art-author__label{font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.04em;color:var(--fg-3)}.art-author__body>b{font-size:var(--fs-body);font-weight:var(--fw-extra);color:var(--fg);margin-top:2px}.art-author__role{font-size:var(--fs-xs);color:var(--primary);font-weight:var(--fw-semibold)}.art-author p{margin:8px 0 0;font-size:var(--fs-sm);line-height:1.5;color:var(--fg-2)}.art-related{display:flex;flex-direction:column;gap:10px}.art-related__card{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform var(--dur-fast),box-shadow var(--dur-fast)}.art-related__card:active{transform:scale(.99)}.art-related__card:hover{box-shadow:var(--shadow-md)}.art-related__card .art-ph{width:84px;height:64px;flex:none;border-radius:var(--r-sm)}.art-related__card .art-ph__ic{width:32px;height:32px;border-radius:9px}.art-related__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.art-related__body b{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--fg);line-height:1.3}.art-related__meta{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);color:var(--fg-3)}.art-related__meta svg{width:12px;height:12px}.art-related__card>svg{width:18px;height:18px;color:var(--fg-3);flex:none}.art-foot{display:flex;flex-direction:column;gap:16px;padding-top:16px;border-top:1px solid var(--border)}.art-helpful{display:flex;align-items:center;justify-content:space-between;gap:12px}.art-helpful>span{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--fg)}.art-helpful__btns{display:flex;gap:8px}.art-helpful__btns button{width:40px;height:40px;border-radius:var(--r-sm);border:1px solid var(--border-2);background:var(--surface);color:var(--fg-2);display:grid;place-items:center;cursor:pointer;transition:all var(--dur-fast)}.art-helpful__btns button svg{width:16px;height:16px}.art-helpful__btns button.is-on{background:var(--primary);border-color:transparent;color:#fff}.art-tags{display:flex;flex-wrap:wrap;gap:8px}.art-share{display:flex;gap:10px}@media(min-width:760px){.art-lead{font-size:20px}.art-hero__title{font-size:var(--fs-display)}}.art-sub-switch{display:inline-flex;gap:2px;padding:3px;border-radius:var(--r-pill);background:var(--surface-2);margin-bottom:16px}.art-sub-switch a{padding:6px 14px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--fg-2);text-decoration:none}.art-sub-switch a.is-active{background:var(--surface);color:var(--fg);box-shadow:var(--shadow-sm)}.art--mini{max-width:600px}.art-mini-points{display:flex;flex-direction:column;gap:10px;margin:18px 0}.art-mini-point{display:flex;gap:12px;align-items:flex-start;padding:13px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);font-size:var(--fs-sm);line-height:1.5;color:var(--fg)}.art-mini-point__n{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:var(--fg-on-brand);font-size:var(--fs-sm);font-weight:var(--fw-extra)}.art-related-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.art--story{max-width:640px}.art-story-hero{border-radius:var(--r-lg);padding:26px 22px;margin-bottom:22px;color:var(--fg-on-brand);background:linear-gradient(150deg,var(--c, var(--primary)),color-mix(in srgb,var(--c, var(--primary)) 50%,var(--brand-navy) 62%))}.art-story-hero h1{margin:10px 0 8px;font-family:var(--font-display);font-size:var(--fs-h1);font-weight:var(--fw-extra);line-height:1.12;letter-spacing:-.02em}.art-story-hero p{margin:0;font-size:var(--fs-body);line-height:1.5;opacity:.92}.art-chapter{position:relative;padding:0 0 26px}.art-chapter__mark{margin-bottom:12px}.art-chapter__ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:var(--fg-on-brand);background:linear-gradient(150deg,var(--c, var(--primary)),color-mix(in srgb,var(--c, var(--primary)) 55%,var(--brand-navy) 60%))}.art-chapter__ic svg{width:22px;height:22px}.art-quote{margin:16px 0 0;padding:14px 18px;border-left:4px solid var(--c, var(--primary));background:var(--surface-2);border-radius:0 var(--r-md) var(--r-md) 0;font-family:var(--font-display);font-size:var(--fs-body);font-weight:var(--fw-bold);font-style:italic;line-height:1.4;color:var(--fg)}