.article-hero{width:min(calc(100% - 96px), var(--container));margin:0 auto;padding:72px 0 84px;position:relative}.article-hero-inner{max-width:1100px;position:relative}.article-back-link{font-family:var(--font-mono);color:var(--text-muted);transition:color .2s ease, transform .24s var(--ease-out);align-items:center;gap:9px;margin-bottom:42px;font-size:11px;display:inline-flex}.article-back-link:hover{color:var(--accent);transform:translate(-3px)}.article-meta-row{justify-content:space-between;align-items:center;gap:24px;display:flex}.article-meta-row .subpage-kicker{margin-bottom:0}.language-switch{-webkit-backdrop-filter:blur(14px);background:#091522bd;border:1px solid #96a5b929;border-radius:999px;align-items:center;gap:4px;padding:4px;display:inline-flex}.language-btn{min-width:42px;color:var(--text-muted);font-family:var(--font-mono);cursor:pointer;background:0 0;border-radius:999px;padding:8px 10px;font-size:10px;transition:color .2s,background .2s,box-shadow .2s}.language-btn:hover{color:var(--text-primary)}.language-btn.active{color:#fff;background:var(--accent);box-shadow:0 0 18px #ff304f33}.article-title{letter-spacing:-.06em;max-width:1000px;margin:27px 0 20px;font-size:clamp(56px,6.7vw,104px);font-weight:700;line-height:.94}.article-subtitle{letter-spacing:-.025em;max-width:800px;color:var(--text-primary);margin-bottom:32px;font-size:clamp(20px,2vw,28px);line-height:1.35}.article-lead{max-width:820px}.article-lead p{color:var(--text-secondary);margin:0 0 17px;font-size:17px;line-height:1.75}.article-system-preview{flex-wrap:wrap;align-items:center;gap:7px;max-width:1050px;margin-top:38px;display:flex}.article-system-preview span,.article-flow span{font-family:var(--font-mono);color:var(--text-secondary);background:#091522b8;border:1px solid #96a5b926;border-radius:999px;padding:8px 11px;font-size:10.5px}.article-system-preview i,.article-flow i{color:#ff304f99;font-size:9px}.article-shell{width:min(calc(100% - 96px), var(--container));border-top:1px solid #96a5b924;grid-template-columns:245px minmax(0,820px);justify-content:center;gap:76px;margin:0 auto;padding:74px 0 112px;display:grid;position:relative}.article-toc{border-right:1px solid #96a5b91f;align-self:start;padding-right:24px;position:sticky;top:112px}.article-toc-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 20px;font-size:10px}.article-toc-nav{flex-direction:column;gap:2px;display:flex}.article-toc-nav a{color:var(--text-muted);transition:color .18s ease, transform .2s var(--ease-out);grid-template-columns:27px 1fr;gap:9px;padding:8px 0;font-size:11px;line-height:1.4;display:grid}.article-toc-nav a>span:first-child{font-family:var(--font-mono);color:#ff304fad}.article-toc-nav a:hover{color:var(--text-primary);transform:translate(3px)}.article-content{min-width:0}.article-section{border-bottom:1px solid #96a5b921;margin-bottom:78px;padding:0 0 78px;scroll-margin-top:110px;position:relative}.article-section:last-child{margin-bottom:0}.article-section-number{font-family:var(--font-mono);color:var(--accent);margin-bottom:16px;font-size:11px}.article-section h2{letter-spacing:-.045em;margin:0 0 28px;font-size:clamp(31px,3.4vw,46px);line-height:1.08}.article-section p{color:var(--text-secondary);margin:0 0 21px;font-size:16px;line-height:1.78}.article-bullets{gap:10px;margin:7px 0 28px;padding:0;list-style:none;display:grid}.article-bullets.two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px}.article-bullets li{color:var(--text-secondary);padding-left:20px;font-size:15px;line-height:1.58;position:relative}.article-bullets li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:.68em;left:0;box-shadow:0 0 10px #ff304f4d}.article-flow{flex-wrap:wrap;align-items:center;gap:7px;margin:25px 0 29px;display:flex}.compact-flow{margin-bottom:28px}.related-placeholder{font-family:var(--font-mono);color:var(--text-muted);background:#09152275;border:1px dashed #96a5b92e;border-radius:10px;align-items:center;gap:10px;margin-top:27px;padding:11px 13px;font-size:10px;display:inline-flex}.related-placeholder i{color:var(--accent)}.platform-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:24px 0 18px;display:grid}.platform-grid>div{border:1px solid var(--border);background:#09152294;border-radius:12px;flex-direction:column;justify-content:space-between;gap:10px;min-height:78px;padding:15px;display:flex}.platform-grid i{color:var(--accent);font-size:18px}.platform-grid span{font-size:13px;font-weight:600}.article-sublist{flex-wrap:wrap;gap:7px;margin:0 0 28px;display:flex}.article-sublist span,.article-chip-grid span{font-family:var(--font-mono);color:var(--text-secondary);background:#0915229e;border:1px solid #96a5b924;border-radius:999px;padding:8px 10px;font-size:10px}.article-chip-grid{flex-wrap:wrap;gap:8px;margin:20px 0 29px;display:flex}.decision-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0 30px;display:grid}.decision-card{border:1px solid var(--border);background:linear-gradient(145deg,#0e1c2ccc,#081421a3);border-radius:13px;padding:20px 20px 18px}.decision-card:last-child{grid-column:1/-1}.decision-card strong{color:var(--accent-bright);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;margin-bottom:9px;font-size:11px;display:block}.decision-card p{margin:0;font-size:13.5px;line-height:1.62}.question-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0 31px;display:grid}.question-grid>div{border:1px solid var(--border);background:#09152294;border-radius:13px;min-height:128px;padding:18px}.question-grid span{font-family:var(--font-mono);color:var(--accent);margin-bottom:26px;font-size:10px;display:block}.question-grid strong{font-size:14px;line-height:1.45}.article-summary{border-radius:var(--radius-lg);background:linear-gradient(135deg,#ff304f0d,#08131ff0 40%);border:1px solid #ff304f70;padding:42px}.summary-steps{flex-direction:column;align-items:stretch;gap:10px;width:min(100%,560px);margin:30px auto 34px;display:flex}.summary-steps span{font-family:var(--font-mono);text-align:center;color:var(--text-primary);background:#091522c7;border:1px solid #96a5b926;border-radius:10px;padding:13px 16px;font-size:11px}.summary-steps i{color:var(--accent);align-self:center;font-size:10px}.article-closing{border-top:1px solid #96a5b91f;padding-top:25px;margin-bottom:0!important}[hidden]{display:none!important}@media (width<=1180px){.article-hero,.article-shell{width:min(calc(100% - 56px), var(--container))}.article-shell{grid-template-columns:210px minmax(0,760px);gap:50px}}@media (width<=900px){.article-shell{grid-template-columns:1fr;gap:40px}.article-toc{border-bottom:1px solid #96a5b91f;border-right:0;padding:0 0 22px;position:relative;top:auto}.article-toc-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 18px;display:grid}.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.article-hero,.article-shell{width:calc(100% - 36px)}.article-hero{padding:58px 0 70px}.article-title{font-size:clamp(48px,12vw,72px)}}@media (width<=620px){.article-hero,.article-shell{width:calc(100% - 28px)}.article-back-link{margin-bottom:32px}.article-meta-row{align-items:flex-start}.article-meta-row .subpage-kicker{max-width:62%}.article-title{font-size:clamp(42px,11vw,56px)}.article-subtitle{font-size:19px}.article-lead p,.article-section p{font-size:15px}.article-toc-nav,.article-bullets.two-column,.decision-grid,.question-grid{grid-template-columns:1fr}.decision-card:last-child{grid-column:auto}.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-summary{padding:28px 22px}.article-system-preview,.article-flow{gap:6px}}.article-controls{align-items:center;gap:9px;display:flex}.theme-switch{-webkit-backdrop-filter:blur(14px);background:#091522bd;border:1px solid #96a5b929;border-radius:999px;align-items:center;gap:4px;padding:4px;display:inline-flex}.theme-btn{min-height:32px;color:var(--text-muted);font-family:var(--font-mono);cursor:pointer;transition:color .2s ease, background .2s ease, box-shadow .2s ease, transform .2s var(--ease-out);background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:9.5px;display:inline-flex}.theme-btn:hover{color:var(--text-primary);transform:translateY(-1px)}.theme-btn.active{color:#fff;background:var(--accent);box-shadow:0 0 18px #ff304f33}html[data-article-theme=light] body[data-page=framework-article]{--bg-primary:#f6f7f9;--bg-deep:#eef1f5;--bg-secondary:#fff;--text-primary:#17202c;--text-secondary:#4f5c6c;--text-muted:#7a8797;--border:#17202c1c;--border-hover:#ff304f61;color-scheme:light;background:linear-gradient(#fafbfc 0%,#f3f5f8 48%,#eef1f5 100%)}html[data-article-theme=light] body[data-page=framework-article] .site-header{background:#fafbfc;border-bottom-color:#17202c17}html[data-article-theme=light] body[data-page=framework-article] .grid-layer{background-image:linear-gradient(#17202c0b 1px,#0000 1px),linear-gradient(90deg,#17202c0b 1px,#0000 1px)}html[data-article-theme=light] body[data-page=framework-article] .cursor-grid-light{background-image:linear-gradient(#ff304f24 1px,#0000 1px),linear-gradient(90deg,#ff304f24 1px,#0000 1px)}html[data-article-theme=light] body[data-page=framework-article] .grain-layer{opacity:.018;mix-blend-mode:multiply}html[data-article-theme=light] body[data-page=framework-article] .aurora-one{background:radial-gradient(circle,#ff304f16,#ff304f05 46%,#0000 70%)}html[data-article-theme=light] body[data-page=framework-article] .aurora-two{background:radial-gradient(circle,#ff304f0e,#0000 68%)}html[data-article-theme=light] body[data-page=framework-article] .aurora-three{background:radial-gradient(circle,#5073c309,#0000 68%)}html[data-article-theme=light] body[data-page=framework-article] .brand-logo,html[data-article-theme=light] body[data-page=framework-article] .nav-link.active,html[data-article-theme=light] body[data-page=framework-article] .nav-link:hover{color:#17202c}html[data-article-theme=light] body[data-page=framework-article] .hero-title-gradient{background:linear-gradient(96deg,#111923 10%,#253244 48%,#667589 96%);color:#0000;-webkit-background-clip:text;background-clip:text}html[data-article-theme=light] body[data-page=framework-article] .article-back-link:hover{color:var(--accent)}html[data-article-theme=light] body[data-page=framework-article] .language-switch,html[data-article-theme=light] body[data-page=framework-article] .theme-switch{background:#ffffffc2;border-color:#17202c1c;box-shadow:0 8px 22px #232d3a0b,inset 0 1px #ffffffe6}html[data-article-theme=light] body[data-page=framework-article] .language-btn,html[data-article-theme=light] body[data-page=framework-article] .theme-btn{color:#738091}html[data-article-theme=light] body[data-page=framework-article] .language-btn:hover,html[data-article-theme=light] body[data-page=framework-article] .theme-btn:hover{color:#17202c}html[data-article-theme=light] body[data-page=framework-article] .language-btn.active,html[data-article-theme=light] body[data-page=framework-article] .theme-btn.active{color:#fff;background:var(--accent)}html[data-article-theme=light] body[data-page=framework-article] .article-system-preview span,html[data-article-theme=light] body[data-page=framework-article] .article-flow span,html[data-article-theme=light] body[data-page=framework-article] .article-sublist span,html[data-article-theme=light] body[data-page=framework-article] .article-chip-grid span{color:#566477;background:#ffffffc2;border-color:#17202c1a;box-shadow:0 6px 16px #232d3a06}html[data-article-theme=light] body[data-page=framework-article] .article-shell{border-top-color:#17202c17}html[data-article-theme=light] body[data-page=framework-article] .article-toc{border-right-color:#17202c1a}html[data-article-theme=light] body[data-page=framework-article] .article-toc-nav a:hover{color:#17202c}html[data-article-theme=light] body[data-page=framework-article] .article-section{border-bottom-color:#17202c1a}html[data-article-theme=light] body[data-page=framework-article] .related-placeholder{color:#7b8794;background:#fff9;border-color:#17202c21}html[data-article-theme=light] body[data-page=framework-article] .platform-grid>div,html[data-article-theme=light] body[data-page=framework-article] .question-grid>div{background:#ffffffbd;border-color:#17202c1a;box-shadow:0 10px 24px #232d3a07}html[data-article-theme=light] body[data-page=framework-article] .decision-card{background:linear-gradient(145deg,#ffffffe6,#f6f8fad6);border-color:#17202c1a;box-shadow:0 10px 24px #232d3a07}html[data-article-theme=light] body[data-page=framework-article] .summary-steps span{color:#263344;background:#ffffffd1;border-color:#17202c1a;box-shadow:0 8px 20px #232d3a06}html[data-article-theme=dark] body[data-page=framework-article]{color-scheme:dark}@media (width<=720px){.article-meta-row{align-items:flex-start}.article-controls{flex-direction:column;align-items:flex-end;gap:6px}.theme-btn span{display:none}.theme-btn{min-width:34px;padding-inline:9px}}@media (width<=430px){.article-meta-row{gap:12px}.article-meta-row .subpage-kicker{max-width:54%}.language-btn{min-width:36px;padding-inline:8px}}body[data-page=framework-article] .article-content{flex-direction:column;gap:32px;display:flex}body[data-page=framework-article] .article-section{-webkit-backdrop-filter:blur(10px);background:linear-gradient(145deg,#0b1623e6,#08121dd1);border:1px solid #96a5b929;border-radius:28px;margin-bottom:0;padding:34px 42px 46px;box-shadow:0 18px 48px #00000038,inset 0 1px #ffffff05}body[data-page=framework-article] .article-section:last-child{margin-bottom:0}body[data-page=framework-article] .article-section h2{max-width:14ch}body[data-page=framework-article] .article-section p:last-child,body[data-page=framework-article] .article-bullets:last-child,body[data-page=framework-article] .article-sublist:last-child,body[data-page=framework-article] .article-chip-grid:last-child,body[data-page=framework-article] .platform-grid:last-child,body[data-page=framework-article] .question-grid:last-child,body[data-page=framework-article] .decision-grid:last-child,body[data-page=framework-article] .article-flow:last-child,body[data-page=framework-article] .related-placeholder:last-child{margin-bottom:0}body[data-page=framework-article] .article-summary{background:linear-gradient(135deg,#ff304f0d,#0a1522f5 38%);border-color:#ff304f42;box-shadow:0 22px 54px #0000003d}body[data-page=framework-article] .article-closing{margin-bottom:0!important}html[data-article-theme=light] body[data-page=framework-article] .article-content{gap:34px}html[data-article-theme=light] body[data-page=framework-article] .article-section{background:linear-gradient(135deg,#fff4f7b8,#ffffffeb 26%,#fbfcfdfa);border-color:#ff304f29;box-shadow:0 22px 54px #232d3a0e,inset 0 1px #ffffffeb}html[data-article-theme=light] body[data-page=framework-article] .article-summary{background:linear-gradient(135deg,#fff1f5d1,#fffffff0 28%,#f9fafcfa);border-color:#ff304f38;box-shadow:0 24px 58px #232d3a0f}html[data-article-theme=light] body[data-page=framework-article] .article-section p,html[data-article-theme=light] body[data-page=framework-article] .article-bullets li{color:#506071}html[data-article-theme=light] body[data-page=framework-article] .article-closing{border-top-color:#17202c1a}@media (width<=820px){body[data-page=framework-article] .article-content{gap:24px}body[data-page=framework-article] .article-section{border-radius:24px;padding:28px 24px 34px}}@media (width<=620px){body[data-page=framework-article] .article-section{border-radius:22px;padding:24px 18px 30px}body[data-page=framework-article] .article-section h2{max-width:none}}@media (width>=901px){body[data-page=framework-article] .article-hero{padding-top:42px;padding-bottom:42px}body[data-page=framework-article] .article-back-link{margin-bottom:26px}body[data-page=framework-article] .article-title{margin-top:20px;margin-bottom:14px;font-size:clamp(48px,5.15vw,78px);line-height:.95}body[data-page=framework-article] .article-subtitle{margin-bottom:20px;font-size:clamp(18px,1.55vw,24px)}body[data-page=framework-article] .article-lead{max-width:790px}body[data-page=framework-article] .article-lead p{margin-bottom:11px;font-size:15px;line-height:1.62}body[data-page=framework-article] .article-system-preview{margin-top:22px}body[data-page=framework-article] .article-system-preview span{padding:7px 10px;font-size:9.5px}body[data-page=framework-article] .article-shell{padding-top:42px}}@media (width>=1200px) and (height>=820px){body[data-page=framework-article] .article-hero{padding-top:38px;padding-bottom:34px}body[data-page=framework-article] .article-title{font-size:clamp(50px,4.7vw,74px)}body[data-page=framework-article] .article-shell{padding-top:34px}}body[data-page=framework-article] .article-shell.section-reveal{opacity:1!important;transition:none!important;transform:none!important}