.article-page-container{width:80%;max-width:1440px;margin-left:auto;margin-right:auto;padding:90px 0 80px}@media (width<=1200px){.article-page-container{width:86%}}@media (width<=900px){.article-page-container{width:92%}}@media (width<=768px){.article-page-container{width:100%;padding:76px 1rem 40px}}@media (width<=480px){.article-page-container{padding-top:72px;padding-left:.85rem;padding-right:.85rem}}.article-header-clean{margin-bottom:2rem}.article-page-title{color:var(--md-sys-color-on-surface);margin-bottom:.5rem;font-size:2.2rem;font-weight:800;line-height:1.3}.article-page-desc{color:var(--md-sys-color-on-surface-variant);font-size:1.05rem;line-height:1.6}@media (width<=768px){.article-header-clean{margin-bottom:1.25rem}.article-page-title{margin-bottom:.35rem;font-size:1.5rem}.article-page-desc{font-size:.875rem;line-height:1.5}}.article-container-layout{grid-template-columns:1fr 310px;align-items:start;gap:2.5rem;display:grid}@media (width<=1024px){.article-container-layout{grid-template-columns:1fr;gap:1.5rem}}.article-body-wrapper{background:var(--md-sys-color-surface-glass);backdrop-filter:var(--md-sys-glass-backdrop);border:1px solid var(--md-sys-color-surface-glass-border);border-radius:var(--md-sys-shape-corner-xl);box-shadow:var(--md-sys-shadow-1);padding:2.5rem}@media (width<=768px){.article-body-wrapper{-webkit-backdrop-filter:none;box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}}.article-summary-box{border-left:4px solid var(--md-sys-color-primary);border-radius:var(--md-sys-shape-corner-medium);color:var(--md-sys-color-on-surface);background:#70b8fa14;margin-bottom:2rem;padding:1.25rem 1.5rem;font-size:1.05rem;line-height:1.7}@media (width<=768px){.article-summary-box{margin-bottom:1.25rem;padding:.85rem 1rem;font-size:.9rem;line-height:1.6}}.article-summary-title{text-transform:uppercase;letter-spacing:.05em;color:var(--md-sys-color-primary);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;font-weight:700;display:flex}.article-body section{margin-bottom:2.5rem}@media (width<=768px){.article-body section{margin-bottom:1.75rem}}.article-body>:first-child{margin-top:0!important}.article-body h2,.article-body h3,.article-body h4{color:var(--md-sys-color-on-surface);margin-top:2rem;margin-bottom:1rem;scroll-margin-top:90px;font-weight:700;line-height:1.4;position:relative}.article-body h2{border-bottom:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface);padding-bottom:.5rem;font-size:1.6rem}.article-body h3{color:var(--md-sys-color-primary);font-size:1.25rem}.article-body p{color:var(--md-sys-color-on-surface-variant);word-wrap:break-word;margin-bottom:1.25rem;font-size:1.05rem;line-height:1.8}.article-body ul,.article-body ol{margin-top:.5rem;margin-bottom:1.25rem;padding-left:1.25rem}.article-body li{color:var(--md-sys-color-on-surface-variant);margin-bottom:.4rem;font-size:1.05rem;line-height:1.75}.article-body li::marker{color:var(--md-sys-color-primary)}.article-body a{color:var(--md-sys-color-primary);font-weight:500;text-decoration:none;transition:opacity .2s}.article-body a:hover{opacity:.85;text-decoration:underline}@media (width<=768px){.article-body h2,.article-body h3,.article-body h4{scroll-margin-top:76px}.article-body h2{margin-top:1.25rem;margin-bottom:.75rem;padding-bottom:.35rem;font-size:1.25rem}.article-body h3{margin-top:1rem;margin-bottom:.5rem;font-size:1.05rem}.article-body p{margin-bottom:.85rem;font-size:.925rem;line-height:1.65}}.article-callout{background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-surface-glass-border);border-radius:var(--md-sys-shape-corner-medium);margin:1.5rem 0;padding:1.25rem}.article-callout.note{border-left:4px solid var(--md-sys-color-primary)}.callout-header{color:var(--md-sys-color-primary);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.95rem;font-weight:700;display:flex}.article-callout p{margin-bottom:0;font-size:.95rem}@media (width<=768px){.article-callout{margin:1rem 0;padding:.85rem 1rem}.callout-header{font-size:.875rem}.article-callout p{font-size:.85rem}}.toc-sidebar-sticky{z-index:20;flex-direction:column;max-height:calc(100vh - 220px);display:flex;position:sticky;top:90px}.toc-card{background:var(--md-sys-color-surface-glass);backdrop-filter:var(--md-sys-glass-backdrop);border:1px solid var(--md-sys-color-surface-glass-border);border-radius:var(--md-sys-shape-corner-large);box-shadow:var(--md-sys-shadow-1);flex-direction:column;max-height:100%;padding:1.25rem;display:flex;overflow:hidden}.toc-header{border-bottom:1px solid var(--md-sys-color-outline-variant);flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:.85rem;padding-bottom:.75rem;display:flex}.toc-title-group{color:var(--md-sys-color-on-surface);align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:flex}.toc-title-icon{color:var(--md-sys-color-primary);font-size:.9rem}.toc-count-badge{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);border-radius:var(--md-sys-shape-corner-full);padding:.15rem .5rem;font-size:.725rem}.toc-nav-list{scrollbar-width:thin;scrollbar-color:var(--md-sys-color-scrollbar-thumb) transparent;margin:0;padding:0 .35rem 0 0;list-style:none;position:relative;overflow:hidden auto}.toc-nav-list::-webkit-scrollbar{width:6px;height:6px;display:block}.toc-nav-list::-webkit-scrollbar-track{background:0 0}.toc-nav-list::-webkit-scrollbar-thumb{background:var(--md-sys-color-scrollbar-thumb);border-radius:var(--md-sys-shape-corner-full)}.toc-nav-list::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-scrollbar-thumb-hover)}.toc-item{margin-bottom:.2rem;position:relative}.toc-link{color:var(--md-sys-color-on-surface-variant);word-break:break-word;border:none;border-radius:6px;padding:.45rem .75rem;font-size:.825rem;line-height:1.45;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:block}.toc-item.level-2 .toc-link{color:var(--md-sys-color-on-surface);margin-top:.35rem;font-size:.85rem;font-weight:700}.toc-item.level-3 .toc-link{color:var(--md-sys-color-on-surface-variant);padding-left:1.5rem;font-size:.8rem}.toc-link:hover{color:var(--md-sys-color-primary);background:#70b8fa14}.toc-item.active .toc-link{color:var(--md-sys-color-primary)!important;box-shadow:none!important;background:0 0!important;border:none!important;font-weight:700!important}.mobile-toc-fab{z-index:90;background:var(--md-sys-color-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;transition:transform .2s;display:none;position:fixed;bottom:85px;right:20px;box-shadow:0 4px 20px #70b8fa80}.mobile-toc-fab:active{transform:scale(.92)}@media (width<=1024px){.toc-sidebar-sticky{display:none}.mobile-toc-fab{display:flex}}.toc-modal-backdrop{backdrop-filter:blur(6px);z-index:999;opacity:0;pointer-events:none;touch-action:none;background:#000000b3;align-items:flex-end;transition:opacity .3s;display:flex;position:fixed;inset:0}.toc-modal-backdrop.open{opacity:1;pointer-events:auto}.toc-modal-content{background:var(--md-sys-color-surface);border-top-left-radius:var(--md-sys-shape-corner-xl);border-top-right-radius:var(--md-sys-shape-corner-xl);border:1px solid var(--md-sys-color-surface-glass-border);touch-action:auto;flex-direction:column;width:100%;max-height:75vh;padding:1.5rem;transition:transform .3s cubic-bezier(.1,.9,.2,1);display:flex;transform:translateY(100%)}.toc-modal-content nav{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.toc-modal-backdrop.open .toc-modal-content{transform:translateY(0)}.toc-modal-header{border-bottom:1px solid var(--md-sys-color-outline-variant);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.toc-modal-close{color:var(--md-sys-color-on-surface-variant);cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:1.2rem}