.reading-progress{position:fixed;top:0;left:0;width:0%;height:var(--content-article-progress-height);background:var(--content-article-progress-gradient);z-index:var(--content-article-progress-z);transition:var(--content-article-progress-transition);pointer-events:none}.article-hero-v2{position:relative;contain:paint;background:var(--content-article-hero-bg);padding:var(--content-article-hero-padding);text-align:center;overflow:hidden;border-bottom:var(--content-article-hero-border)}.article-hero-v2__grid{position:absolute;inset:0;background-image:var(--content-article-grid-pattern);background-size:var(--content-article-grid-size);pointer-events:none;z-index:1;mask-image:var(--content-article-grid-mask);-webkit-mask-image:var(--content-article-grid-mask)}.article-hero-v2__glow{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:var(--content-article-glow-width);height:var(--content-article-glow-height);background:var(--content-article-glow-bg);pointer-events:none;z-index:1}.article-hero-v2:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:var(--space-12);background:var(--content-article-bottom-gradient);pointer-events:none}.article-hero-v2__inner{position:relative;z-index:2;max-width:var(--content-article-hero-inner-width);margin:0 auto}.article-hero-v2__breadcrumbs{margin-bottom:var(--content-article-breadcrumb-margin-bottom)}.article-hero-v2__breadcrumbs ol{display:flex;align-items:center;justify-content:center;gap:0;list-style:none;padding:0;margin:0}.article-hero-v2__breadcrumbs li{display:flex;align-items:center;font-size:var(--content-meta-size);color:var(--text-tertiary)}.article-hero-v2__breadcrumbs li+li:before{content:"\203a";margin:var(--content-article-breadcrumb-separator-margin);color:var(--border-primary)}.article-hero-v2__breadcrumbs a{color:var(--text-secondary);text-decoration:none;transition:color var(--motion-base)}.article-hero-v2__breadcrumbs a:hover{color:var(--accent)}.article-hero-v2__breadcrumbs li:last-child{color:var(--text-secondary);font-weight:var(--type-meta-weight)}.article-hero-v2__badge{display:inline-block;padding:var(--content-pill-padding-y) var(--content-pill-padding-x);border-radius:var(--radius-full);border:var(--pill-border);background:var(--pill-bg);color:var(--accent);font-size:var(--type-kicker-size);font-weight:var(--type-kicker-weight);letter-spacing:var(--type-kicker-letter-spacing);margin-bottom:var(--content-article-badge-margin-bottom)}.article-hero-v2__title{font-family:var(--font-sans);font-size:var(--content-hero-title-size);font-weight:var(--type-heading-weight);letter-spacing:var(--type-heading-letter-spacing);line-height:var(--leading-tight);margin-bottom:var(--content-article-title-margin-bottom);color:var(--text-primary);background:var(--content-article-title-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.article-hero-v2__description{font-size:var(--content-hero-description-size);line-height:var(--type-lead-line-height);color:var(--text-secondary);max-width:var(--content-article-description-width);margin:0 auto var(--content-article-description-margin-bottom)}.article-hero-v2__meta{display:flex;align-items:center;justify-content:center;gap:var(--content-article-meta-gap);font-size:var(--content-meta-size);color:var(--text-tertiary);flex-wrap:wrap}.article-hero-v2__meta-author{display:inline-flex;align-items:center;gap:var(--pill-gap);color:var(--text-secondary);font-weight:var(--type-meta-weight)}.article-hero-v2__meta-sep{color:var(--border-primary)}.article-body-v2{display:grid;grid-template-columns:var(--content-article-body-grid);gap:var(--content-article-body-gap);max-width:var(--content-article-shell-width);margin:0 auto;padding:var(--content-article-body-padding)}.article-toc-v2{position:sticky;top:var(--content-article-toc-top);max-height:var(--content-article-toc-max-height);overflow-y:auto;opacity:0;transform:translateY(8px);transition:opacity var(--motion-exit),transform var(--motion-exit)}.article-toc-v2.visible{opacity:1;transform:translateY(0)}.article-toc-v2__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--content-article-toc-header-space);margin-bottom:var(--content-article-toc-header-space);border-bottom:1px solid var(--border-primary)}.article-toc-v2__label{font-size:var(--content-caption-size);font-weight:var(--type-kicker-weight);color:var(--text-primary);text-transform:uppercase;letter-spacing:var(--type-kicker-letter-spacing)}.article-toc-v2__progress{display:flex;align-items:center;gap:var(--space-2)}.article-toc-v2__progress .toc-progress-ring{width:var(--content-article-toc-progress-size);height:var(--content-article-toc-progress-size);flex-shrink:0}.article-toc-v2__progress .toc-progress-ring circle:first-child{stroke:var(--border-primary)}.article-toc-v2__progress .toc-progress-ring circle{transition:stroke-dashoffset var(--motion-slow)}.article-toc-v2__percent{font-family:var(--font-mono);font-size:var(--content-micro-size);font-weight:var(--fw-bold);color:var(--accent);letter-spacing:var(--status-chip-inline-letter-spacing)}.article-toc-v2__nav{display:flex;flex-direction:column;gap:var(--content-article-toc-nav-gap)}.toc-link-v2{position:relative;display:block;padding:var(--content-article-toc-item-padding);font-size:var(--content-caption-size);font-weight:var(--fw-medium);color:var(--text-tertiary);text-decoration:none;line-height:var(--type-caption-line-height);transition:color var(--motion-base),border-color var(--motion-base);border-left:var(--content-article-toc-item-border)}.toc-link-v2:hover{color:var(--text-secondary)}.toc-link-v2.active{color:var(--text-primary);font-weight:var(--type-meta-weight);border-left-color:var(--accent)}.toc-link-v2.read{color:var(--text-secondary);border-left-color:rgba(var(--accent-rgb),.15)}.toc-link-v2--sub{padding:var(--content-article-toc-item-padding-sub);font-size:var(--content-micro-size)}.article-content-v2{max-width:var(--content-article-content-width);width:100%;font-size:var(--content-body-size);line-height:var(--content-article-content-line-height);color:var(--text-primary)}.article-content-v2 h2{font-family:var(--font-sans);font-size:var(--content-heading-size);font-weight:var(--type-heading-weight);letter-spacing:var(--type-heading-letter-spacing);line-height:var(--content-article-heading-text-line-height);margin-top:var(--content-article-heading-margin-top);margin-bottom:var(--content-article-heading-margin-bottom);color:var(--text-primary);position:relative}.article-content-v2 h2:before{content:"";position:absolute;top:var(--content-article-heading-line-offset);left:0;width:var(--content-article-heading-line-width);height:var(--content-article-heading-line-height);background:linear-gradient(90deg,var(--accent),transparent);border-radius:var(--radius-xs)}.article-content-v2 h3{font-family:var(--font-sans);font-size:var(--content-subheading-size);font-weight:var(--type-title-weight);letter-spacing:var(--type-title-letter-spacing);margin-top:var(--content-article-subheading-margin-top);margin-bottom:var(--content-article-subheading-margin-bottom);color:var(--text-primary)}.article-content-v2 p{margin-bottom:var(--content-article-paragraph-margin-bottom);color:var(--text-primary)}.article-content-v2 strong{font-weight:var(--type-title-weight);color:var(--text-primary)}.article-content-v2 a{color:var(--accent);text-decoration:underline;text-underline-offset:var(--content-article-heading-line-height);text-decoration-color:rgba(var(--accent-rgb),.3);transition:text-decoration-color var(--motion-base)}.article-content-v2 a:hover{text-decoration-color:var(--accent)}.article-content-v2 ul,.article-content-v2 ol{margin-bottom:var(--content-article-paragraph-margin-bottom);padding-left:var(--content-article-list-padding-left)}.article-content-v2 li{font-size:var(--content-list-size);line-height:var(--content-article-list-line-height);margin-bottom:var(--content-article-list-margin-bottom);color:var(--text-primary)}.article-content-v2 li strong{color:var(--text-primary)}.article-content-v2 ul li::marker{color:var(--accent)}.callout-v2{display:flex;gap:var(--content-article-callout-gap);border-left:var(--content-article-callout-border-width) solid var(--accent);border-radius:var(--content-article-callout-radius);padding:var(--content-article-callout-padding);margin:var(--content-article-callout-margin);background:var(--content-article-callout-bg)}.callout-v2--warning{border-left-color:var(--warning);background:var(--content-article-callout-warning-bg)}.callout-v2--tip{border-left-color:var(--success);background:var(--content-article-callout-success-bg)}.callout-v2--danger{border-left-color:var(--danger);background:var(--content-article-callout-danger-bg)}.callout-v2__icon{flex-shrink:0;width:var(--content-article-callout-icon-size);height:var(--content-article-callout-icon-size);margin-top:var(--help-code-padding-y)}.callout-v2--warning .callout-v2__icon{color:var(--warning)}.callout-v2--tip .callout-v2__icon{color:var(--success)}.callout-v2--danger .callout-v2__icon{color:var(--danger)}.callout-v2__body strong{display:block;font-size:var(--content-meta-size);font-weight:var(--type-title-weight);margin-bottom:var(--space-2);color:var(--text-primary)}.callout-v2__body p{font-size:var(--content-meta-size);line-height:var(--legal-body-line-height);margin-bottom:0;color:var(--text-secondary)}.table-wrap-v2{margin:var(--content-article-table-margin);border-radius:var(--content-article-table-radius);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border:1px solid var(--border-primary)}.table-wrap-v2 table{width:100%;min-width:var(--content-article-table-min-width);border-collapse:collapse;font-size:var(--content-meta-size)}.table-wrap-v2 thead{background:var(--bg-tertiary)}.table-wrap-v2 th{padding:var(--content-article-table-cell-padding);text-align:left;font-weight:var(--type-meta-weight);font-size:var(--content-caption-size);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--content-article-table-heading-letter-spacing);border-bottom:1px solid var(--border-primary)}.table-wrap-v2 td{padding:var(--content-article-table-cell-padding);border-bottom:1px solid var(--border-secondary);color:var(--text-primary)}.table-wrap-v2 tbody tr:last-child td{border-bottom:none}.table-wrap-v2 tbody tr:hover{background:rgba(var(--accent-rgb),.02)}.article-cta-v2{position:relative;text-align:center;margin:var(--content-article-cta-margin);padding:var(--content-article-cta-padding);border-radius:var(--surface-card-radius);background:var(--surface-card-bg-soft);border:var(--surface-card-border);overflow:hidden}.article-cta-v2:before{content:"";position:absolute;top:-40%;left:50%;transform:translate(-50%);width:var(--content-article-cta-glow-width);height:var(--content-article-cta-glow-height);background:radial-gradient(circle,rgba(var(--accent-rgb),.06) 0%,transparent 60%);pointer-events:none}.article-cta-v2__icon{display:flex;align-items:center;justify-content:center;gap:var(--lead-form-list-item-gap-mobile);margin-bottom:var(--space-5);position:relative}.article-cta-v2__icon span{font-size:var(--content-subheading-mobile-size);font-weight:var(--fw-black);letter-spacing:var(--content-article-cta-title-mark-spacing);color:var(--text-primary)}.article-cta-v2 h3{position:relative;font-size:var(--content-heading-size);font-weight:var(--type-heading-weight);color:var(--text-primary);letter-spacing:var(--type-title-letter-spacing);margin-bottom:var(--space-3);margin-top:0}.article-cta-v2 h3:before{display:none}.article-cta-v2 p{position:relative;font-size:var(--content-body-size);color:var(--text-secondary);line-height:var(--type-description-line-height);max-width:var(--content-article-cta-copy-width);margin:0 auto var(--content-article-cta-copy-margin-bottom)}.article-cta-v2 .btn,.article-cta .btn{text-decoration:none!important;color:var(--text-inverse)!important;position:relative;z-index:2}.related-v2{background:var(--bg-secondary);padding:var(--content-article-related-padding);border-top:1px solid var(--border-secondary)}.related-v2__inner{max-width:var(--content-article-shell-width);margin:0 auto}.related-v2__title{font-size:var(--content-subheading-size);font-weight:var(--type-heading-weight);letter-spacing:var(--type-title-letter-spacing);margin-bottom:var(--content-article-related-title-margin-bottom);color:var(--text-primary)}.related-v2__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--content-article-related-grid-gap)}.related-v2__card{display:flex;flex-direction:column;background:var(--surface-card-bg);border:var(--surface-card-border);min-height:var(--content-article-related-card-min-height);border-radius:var(--surface-card-radius-compact);padding:var(--content-article-related-card-padding);text-decoration:none;box-shadow:var(--surface-card-shadow);transition:transform var(--motion-base),box-shadow var(--motion-base),border-color var(--motion-base)}.related-v2__card:hover{transform:var(--surface-card-hover-transform);box-shadow:var(--surface-card-hover-shadow);border-color:var(--surface-card-hover-border-color)}.related-v2__tag{display:inline-block;padding:var(--status-chip-padding-y) var(--status-chip-padding-x);background:var(--accent-subtle);border:1px solid rgba(var(--accent-rgb),.12);border-radius:var(--status-chip-radius);font-size:var(--status-chip-font-size);font-weight:var(--status-chip-font-weight);color:var(--accent);text-transform:uppercase;letter-spacing:var(--status-chip-letter-spacing);margin-bottom:var(--content-article-related-tag-margin-bottom);align-self:flex-start}.related-v2__card-title{font-size:var(--content-card-title-size);font-weight:var(--type-title-weight);color:var(--text-primary);line-height:var(--leading-snug);margin-bottom:var(--content-article-related-card-title-margin-bottom);letter-spacing:var(--type-title-letter-spacing)}.related-v2__card:hover .related-v2__card-title{color:var(--accent)}.related-v2__card-desc{font-size:var(--content-card-desc-size);color:var(--text-secondary);line-height:var(--type-description-line-height);margin-bottom:var(--content-article-related-card-desc-margin-bottom);flex:1}.related-v2__link{font-size:var(--content-card-desc-size);font-weight:var(--type-title-weight);color:var(--accent)}.reading-progress-bar{position:fixed;top:0;left:0;right:0;height:var(--content-article-progress-mobile-height);z-index:var(--content-article-progress-z);background:transparent;opacity:0;transition:var(--content-article-progress-opacity-transition);pointer-events:none}.reading-progress-bar.visible{opacity:1}.reading-progress-bar__fill{height:100%;width:0%;background:var(--content-article-progress-gradient);border-radius:var(--content-article-progress-radius);transition:var(--content-article-progress-fill-transition);box-shadow:var(--content-article-progress-shadow)}@media(min-width:1025px){.reading-progress-bar{display:none}}@media(max-width:1024px){.article-hero-v2{padding:var(--content-article-hero-padding-tablet)}.article-hero-v2__title{font-size:var(--content-hero-title-tablet-size)}.article-body-v2{grid-template-columns:1fr;gap:0;padding:var(--content-article-body-padding-tablet)}.article-toc-v2{display:none}.related-v2__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.article-hero-v2{padding:var(--content-article-hero-padding-mobile)}.article-hero-v2__glow{width:var(--content-article-glow-width-mobile)}.article-hero-v2__breadcrumbs{margin-bottom:var(--content-article-breadcrumb-margin-bottom-mobile)}.article-hero-v2__badge{margin-bottom:var(--content-article-badge-margin-bottom-mobile)}.article-hero-v2__title{font-size:var(--content-hero-title-mobile-size)}.article-hero-v2__description{font-size:var(--content-body-size);margin-bottom:var(--content-article-description-margin-bottom-mobile)}.article-body-v2{padding:var(--content-article-body-padding-mobile)}.article-content-v2{font-size:var(--content-body-size)}.article-content-v2 h2{font-size:var(--content-heading-mobile-size);margin-top:var(--content-article-heading-margin-top-mobile)}.article-content-v2 h3{font-size:var(--content-subheading-mobile-size);margin-top:var(--content-article-subheading-margin-top-mobile)}.callout-v2{padding:var(--content-article-callout-padding-mobile);flex-direction:column;gap:var(--content-article-callout-gap-mobile)}.table-wrap-v2{border-radius:var(--content-article-table-radius-mobile);margin-left:calc(-1 * var(--space-1));margin-right:calc(-1 * var(--space-1))}.table-wrap-v2 th,.table-wrap-v2 td{padding:var(--content-article-table-cell-padding-mobile);font-size:var(--content-caption-size)}.article-cta-v2{padding:var(--content-article-cta-padding-mobile);border-radius:var(--surface-card-radius-compact)}.related-v2__grid{grid-template-columns:1fr}}