.article-container{max-width:720px;padding:var(--space-2xl) 0 var(--space-3xl);margin-inline:auto}.breadcrumbs{align-items:center;gap:var(--space-xs) var(--space-sm);font-size:var(--text-label-size);flex-wrap:wrap;margin-block-end:var(--space-lg);display:flex}.breadcrumbs a{white-space:nowrap;color:var(--ink-muted);transition:color var(--duration-fast) var(--ease);text-decoration:none}.breadcrumbs a:hover{color:var(--ink-secondary)}.breadcrumbs-separator{color:var(--ink-muted)}.breadcrumbs-current{color:var(--ink-secondary)}.article-header{border-block-end:1px solid var(--line-subtle);text-align:left;margin-block-end:var(--space-2xl);padding-block-end:var(--space-2xl)}.article-title{letter-spacing:-.02em;margin-block-end:var(--space-md);font-size:2.5rem;font-weight:700;line-height:1.2}.article-subtitle{color:var(--ink-secondary);font-size:1.25rem}.article-content{line-height:1.7}.article-content p{color:var(--ink-secondary);margin-block-end:var(--space-lg)}.article-content strong{color:var(--ink-primary);font-weight:600}.article-content a:not(.btn){color:var(--ink-primary);text-underline-offset:2px;text-decoration:underline #fff6}.article-content a:not(.btn):hover{text-decoration-color:#ffffffb3}.article-intro{color:var(--ink-secondary);font-size:1.125rem;line-height:1.7}.article-section{margin-block-end:var(--space-3xl)}.article-section h2{font-size:var(--text-headline-size);margin-block-end:var(--space-lg);padding-block-start:var(--space-lg);font-weight:700}.article-section h3{margin-block:var(--space-xl) var(--space-sm);font-size:1.125rem;font-weight:600}.article-list{margin-block-end:var(--space-lg);padding-inline-start:0;list-style:none}.article-list li{color:var(--ink-secondary);margin-block-end:var(--space-sm);padding-inline-start:var(--space-xl);position:relative}.article-list li:before{content:"";background-color:var(--signal-green);border-radius:50%;width:6px;height:6px;position:absolute;inset-block-start:.6em;inset-inline-start:0}.article-list.numbered{counter-reset:list-counter}.article-list.numbered li{counter-increment:list-counter}.article-list.numbered li:before{content:counter(list-counter);background-color:var(--signal-green);width:24px;height:24px;color:var(--chassis-black);font-size:var(--text-label-size);justify-content:center;align-items:center;font-weight:700;display:flex;inset-block-start:0}.article-list.highlight-list li{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);background-color:var(--panel-03);margin-block-end:var(--space-xs);padding-inline-start:var(--space-2xl)}.article-list.highlight-list li:before{inset-block-start:50%;inset-inline-start:var(--space-md);transform:translateY(-50%)}.article-table-wrapper{margin-block:var(--space-xl);overflow-x:auto}.article-table{border:1px solid var(--line);border-radius:var(--radius-lg);border-collapse:collapse;width:100%;overflow:hidden}.article-table th,.article-table td{padding:var(--space-md) var(--space-lg);border-block-end:1px solid var(--line-subtle);text-align:left}.article-table th{background-color:var(--panel-03);font-size:var(--text-label-size);letter-spacing:.05em;text-transform:uppercase;font-weight:600}.article-table td{color:var(--ink-secondary)}.article-table tbody tr:last-child td{border-block-end:none}.article-table tbody tr:hover{background-color:var(--panel-hover)}.status-optimal{color:var(--rank-pro);font-weight:500}.status-slight{color:var(--rank-advanced);font-weight:500}.status-moderate{color:var(--rank-intermediate);font-weight:500}.status-severe{color:var(--hold-red);font-weight:500}.status-critical{color:var(--hold-red);font-weight:600}.callout-box{margin-block:var(--space-xl);padding:var(--space-lg) var(--space-xl);border-inline-start:4px solid var(--signal-green);border-radius:0 var(--radius-md) var(--radius-md) 0;background-color:var(--panel-03)}.callout-text{color:var(--ink-primary);font-size:1.125rem;font-style:italic;font-weight:500}.tips-list{gap:var(--space-md);margin-block:var(--space-xl);flex-direction:column;display:flex}.tip-item{gap:var(--space-md);padding:var(--space-lg);border:1px solid var(--line-subtle);border-radius:var(--radius-lg);background-color:var(--panel-03);transition:border-color var(--duration-fast) var(--ease);display:flex}.tip-item:hover{border-color:var(--line)}.tip-check{border-radius:var(--radius-sm);background-color:var(--signal-green);width:28px;height:28px;color:var(--chassis-black);font-size:var(--text-label-size);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.tip-content strong{font-size:var(--text-body-size);color:var(--ink-primary);margin-block-end:var(--space-xs);display:block}.tip-content p{font-size:var(--text-label-size);color:var(--ink-muted);margin-block-end:0}.rank-progression{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);background-color:var(--panel-03);margin-block-end:var(--space-sm);margin-inline-end:var(--space-md);display:inline-flex}.rank-from{color:var(--rank-intermediate);font-weight:600}.rank-arrow{color:var(--ink-muted)}.rank-to{color:var(--rank-advanced);font-weight:600}.rank-progression:nth-child(2) .rank-from{color:var(--rank-advanced)}.rank-progression:nth-child(2) .rank-to{color:var(--rank-pro)}.article-cta{padding:var(--space-3xl) var(--space-xl);border:1px solid var(--line);border-radius:var(--radius-xl);background-color:var(--panel-03);text-align:center;margin-block-start:var(--space-3xl)}.article-cta h2{font-size:var(--text-headline-size);margin-block-end:var(--space-md)}.article-cta p{color:var(--ink-secondary);margin-block-end:var(--space-xl)}.article-cta .btn{min-width:200px}.btn{min-height:44px;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--text-label-size);transition:all var(--duration-fast) var(--ease);border:1px solid #0000;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--signal-green);border-color:var(--signal-green);color:var(--chassis-black)}.btn-primary:hover{background-color:var(--signal-green-deep);border-color:var(--signal-green-deep);transform:translateY(-1px);box-shadow:0 0 20px #22c55e33,0 0 40px #22c55e33}.btn-primary:active{transform:translateY(0)}.article-content>h2{margin-block:var(--space-2xl) var(--space-lg);font-size:var(--text-headline-size);color:var(--ink-primary);font-weight:700}.article-content>h3{margin-block:var(--space-xl) var(--space-sm);color:var(--ink-primary);font-size:1.125rem;font-weight:600}.article-content h2,.article-content h3{scroll-margin-block-start:calc(var(--topbar-height) + var(--space-lg))}.article-content ul:not([class]){margin-block-end:var(--space-lg);padding-inline-start:0;list-style:none}.article-content ul:not([class]) li{color:var(--ink-secondary);margin-block-end:var(--space-sm);padding-inline-start:var(--space-xl);position:relative}.article-content ul:not([class]) li:before{content:"";background-color:var(--signal-green);border-radius:50%;width:6px;height:6px;position:absolute;inset-block-start:.6em;inset-inline-start:0}.article-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-secondary);margin-block-end:var(--space-md);font-size:.75rem;font-weight:600}.article-eyebrow span{letter-spacing:normal;margin-inline-end:var(--space-xs);font-size:.9375rem}.article-meta{font-size:var(--text-label-size);color:var(--ink-muted);margin-block-start:var(--space-md)}.article-meta-sep{width:1px;height:1em;margin-inline:var(--space-sm);vertical-align:-.15em;background-color:var(--line);display:inline-block}.article-meta-num{font-family:var(--font-mono);color:var(--ink-secondary);font-weight:600}.article-intro-callout{padding:var(--space-lg) var(--space-xl);border-inline-start:4px solid var(--signal-green);border-radius:0 var(--radius-md) var(--radius-md) 0;background-color:var(--panel-03);margin-block-end:var(--space-xl)}.article-intro-callout p{margin-block-end:0}sup.cite{font-size:.75em;line-height:0}.article-content sup.cite a{color:var(--ink-muted);padding-inline:1px;text-decoration:none}.article-content sup.cite a:hover{color:var(--signal-green)}.article-content ol.sources-list{font-size:var(--text-label-size);color:var(--ink-muted);margin-block-end:var(--space-lg);padding-inline-start:1.25rem;line-height:1.6}.article-content ol.sources-list li{margin-block-end:var(--space-sm);scroll-margin-block-start:calc(var(--topbar-height) + var(--space-lg))}.article-content ol.sources-list a{color:var(--ink-secondary)}.article-content ol.sources-list li p{color:inherit;margin-block-end:0}.guide-figure{margin-block:var(--space-xl);padding:var(--space-lg);border:1px solid var(--line);border-radius:var(--radius-xl);background-color:var(--panel-02)}.guide-figure-head{flex-direction:column;gap:2px;display:flex}.guide-figure .guide-figure-title{font-size:var(--text-title-size);color:var(--ink-primary);font-weight:600}.guide-figure .guide-figure-emoji{margin-inline-end:var(--space-sm)}.guide-figure .guide-figure-sub{font-size:var(--text-label-size);color:var(--ink-muted)}.guide-figure .guide-figure-source{margin-block:var(--space-md) 0;color:var(--ink-muted);font-size:.75rem}@media (width<=768px){.article-container{padding-block-start:var(--space-lg)}.article-intro-callout{padding:var(--space-md) var(--space-lg)}.article-title{font-size:2rem}.article-subtitle{font-size:1.125rem}.article-section h2{font-size:1.25rem}.article-table th,.article-table td{padding:var(--space-sm) var(--space-md);font-size:var(--text-label-size)}.tip-item{padding:var(--space-md)}.rank-progression{margin-inline-end:0;display:flex}.article-cta{padding:var(--space-2xl) var(--space-lg)}}