.article-container{max-width:720px;padding:var(--space-2xl) 0 var(--space-3xl);margin-inline:auto}.breadcrumbs{align-items:center;gap:var(--space-sm);font-size:var(--text-label-size);margin-block-end:var(--space-lg);display:flex}.breadcrumbs a{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{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)}@media (width<=768px){.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)}}