.article--with-hero{max-width:none;margin:0;padding:0;background:0 0;border:none;box-shadow:none;border-radius:0}.article-surface{max-width:var(--content-max);margin-inline:auto;padding-inline:var(--gap);background:var(--bg-article);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(1.1rem,1.35rem,1.5rem);box-shadow:var(--shadow-sm),0 10px 28px rgba(0,0,0,8%)}.article-surface--with-hero{margin-top:0;padding:0;background:0 0;border:none;box-shadow:none;border-radius:0}.content-area>.article-surface--with-hero{padding-inline:clamp(1.1rem,1.35rem,1.5rem);padding-bottom:var(--space-7);box-sizing:border-box}.article-header{--article-header-bleed:clamp(1.1rem, 1.35rem, 1.5rem);display:flex;flex-direction:column;gap:.55rem;margin:0 0 var(--space-6);margin-inline:calc(var(--article-header-bleed) * -1);padding-inline:var(--article-header-bleed);padding-top:clamp(.6rem,.85rem,1rem);padding-bottom:clamp(.65rem,.9rem,1.05rem);background:color-mix(in srgb,var(--brand-50) 35%,var(--surface-1));border-bottom:1px solid var(--border)}html[data-theme=dark] .article-header{background:color-mix(in srgb,var(--brand-900) 22%,var(--surface-1))}.article-header .breadcrumbs{margin:0;font-size:.72rem}.article-header h1{margin:.3em 0 .45em;font-size:clamp(1.45rem,1.15rem + 1.4vw,2rem);line-height:1.25;letter-spacing:-.02em;font-weight:800;color:var(--text-strong)}.article-header-meta{display:flex;flex-flow:row wrap;align-items:center;gap:.5rem .6rem;font-size:.75rem;line-height:1.45;color:var(--text-muted);overflow-x:clip;overflow-y:visible}.article-header-meta-item{position:relative;display:inline-flex;flex:none;align-items:center;gap:.3rem;min-width:0}.article-header-meta-item::before{content:"/";position:absolute;right:100%;top:0;margin-right:.2rem;color:var(--border-strong)}.article-header-meta-icon{flex-shrink:0;width:13px;height:13px}@media(max-width:576px){.article-header-meta{gap:.42rem .5rem;font-size:.72rem}}.article-toc{background:var(--bg-article);border:1px solid var(--border);border-left:4px solid var(--accent-violet);border-radius:12px;padding:1rem 1.25rem;margin:0 0 var(--space-6);box-shadow:var(--shadow-sm)}.article-surface:has(>.article-toc:first-child){padding-top:0}.article-surface>.article-toc:first-child{margin-top:0}.article-toc-summary{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;color:var(--text-strong);cursor:pointer;list-style:none}@media(max-width:576px){.article-toc-summary{font-size:.85rem}}.article-toc-summary::-webkit-details-marker{display:none}.article-toc-summary::before{content:"";display:inline-block;flex-shrink:0;width:1.15em;height:1.15em;background-color:var(--heading-accent);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='8' y1='6' x2='21' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='12' x2='21' y2='12'%3E%3C/line%3E%3Cline x1='8' y1='18' x2='21' y2='18'%3E%3C/line%3E%3Cline x1='3' y1='6' x2='3.01' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='12' x2='3.01' y2='12'%3E%3C/line%3E%3Cline x1='3' y1='18' x2='3.01' y2='18'%3E%3C/line%3E%3C/svg%3E")no-repeat center;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='8' y1='6' x2='21' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='12' x2='21' y2='12'%3E%3C/line%3E%3Cline x1='8' y1='18' x2='21' y2='18'%3E%3C/line%3E%3Cline x1='3' y1='6' x2='3.01' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='12' x2='3.01' y2='12'%3E%3C/line%3E%3Cline x1='3' y1='18' x2='3.01' y2='18'%3E%3C/line%3E%3C/svg%3E")no-repeat center}.article-toc-summary::after{content:"";display:inline-block;flex-shrink:0;margin-left:auto;width:1em;height:1em;background-color:var(--text-muted);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")no-repeat center;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")no-repeat center;transition:transform .2s ease}.article-toc-panel[open]>.article-toc-summary::after{transform:rotate(180deg)}.article-toc ul{list-style:none;padding-left:0;margin:0}.article-toc a{text-decoration:none;color:var(--text-soft);font-size:var(--font-paragraph);font-weight:400}.article-reviewed{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:.3rem 0 var(--space-5);padding:.55rem .9rem;font-size:.82rem;color:var(--slate-500);background:color-mix(in srgb,var(--accent-green) 6%,transparent);border-left:3px solid var(--accent-green);border-radius:6px;line-height:1.5;align-self:flex-start;width:fit-content;max-width:100%}.article-reviewed .reviewed-icon{color:var(--accent-green);flex-shrink:0}.article-reviewed .reviewed-label{font-weight:600;color:var(--text-strong)}.article-reviewed time{color:var(--text-strong);font-variant-numeric:tabular-nums}.article-reviewed a{color:var(--accent-green);font-weight:600;text-decoration:none}.related-posts{margin-top:var(--space-7);margin-bottom:var(--space-6);overflow:hidden}.related-posts h2{margin:0 0 1.25rem;font-size:1.2rem;font-weight:800;color:var(--text-strong)}.related-scroll{display:flex;gap:14px;overflow-x:auto;padding-bottom:10px}.related-card{flex:0 0 272px;width:272px;min-height:148px;display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.1rem;text-decoration:none;color:inherit;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-1);box-sizing:border-box}@media(max-width:768px){.shell>.article--with-hero,.shell>.course-hub--with-hero{margin-inline:0;padding:0}.shell .article-surface{margin-inline:0}}.article-body .article-table-wrap{width:100%;max-width:100%;margin-top:var(--space-5);margin-bottom:var(--space-5);box-sizing:border-box;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-article)}.article-body .article-table-wrap table,.article-body>table{width:100%;border-collapse:collapse;margin:0;font-size:var(--font-paragraph);line-height:1.55}.article-body>table{border:1px solid var(--border);border-radius:var(--radius-md)}.article-body .article-table-wrap thead th,.article-body .article-table-wrap tbody td,.article-body>table thead th,.article-body>table tbody td{padding:.65rem .85rem;border:1px solid var(--border);text-align:center;vertical-align:middle;min-width:clamp(6.5rem,8.5rem,10.5rem)}.article-body .article-table-wrap thead th,.article-body>table thead th{background:linear-gradient( to bottom,color-mix(in srgb,var(--brand-100) 70%,var(--color-white)),color-mix(in srgb,var(--brand-100) 42%,var(--slate-100)) );color:var(--brand-800);font-weight:600;border-bottom:2px solid color-mix(in srgb,var(--brand-700) 22%,var(--border-strong))}.article-body .article-table-wrap tbody td,.article-body>table tbody td{color:var(--text-soft)}html[data-theme=dark] .article-body .article-table-wrap thead th,html[data-theme=dark] .article-body>table thead th{background:linear-gradient( to bottom,color-mix(in srgb,var(--brand-700) 28%,var(--slate-800)),color-mix(in srgb,var(--brand-700) 14%,var(--slate-900)) );color:var(--brand-100)}