.article-page{padding-top:var(--space-4)}@media (min-width: 768px){.article-page{padding-top:var(--space-8)}}.article-header{margin-bottom:var(--space-6)}@media (min-width: 768px){.article-header{margin-bottom:var(--space-10)}}.article-header__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--space-4)}.article-header__category{color:var(--accent-fg);font-weight:600;text-decoration:none;letter-spacing:.02em}.article-header__category:hover{text-decoration:underline}.article-header__sep{color:var(--text-tertiary)}.article-header__time{color:var(--text-secondary);font-variant-numeric:tabular-nums}.article-header__badge{margin-left:var(--space-2);background:var(--accent);color:var(--text-on-accent);font-size:.6875rem;font-weight:700;letter-spacing:.06em;padding:2px 10px;border-radius:var(--radius-pill);text-transform:uppercase}.article-header__title{font-family:var(--font-serif);font-size:clamp(1.625rem,1.3rem + 1.6vw,2.5rem);line-height:1.35;letter-spacing:-.015em;color:var(--text-primary);margin-bottom:var(--space-3)}.article-header__original{display:flex;align-items:baseline;gap:var(--space-2);font-size:.875rem;color:var(--text-tertiary);margin-top:var(--space-3)}.article-header__original-label{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.article-header__original em{font-style:italic;color:var(--text-secondary)}.article-body{color:var(--text-primary)}.article-lead{font-family:var(--font-serif);font-size:clamp(1.125rem,1rem + .5vw,1.3125rem);line-height:1.75;font-weight:500;color:var(--text-primary);border-left:3px solid var(--accent);padding:var(--space-2) 0 var(--space-2) var(--space-5);margin-bottom:var(--space-8)}.article-content{font-size:1.0625rem;line-height:1.9;color:var(--text-primary)}@media (min-width: 768px){.article-content{font-size:1.125rem}}.article-content p{margin-bottom:var(--space-5)}.article-content h2{font-family:var(--font-serif);font-size:clamp(1.25rem,1.1rem + .6vw,1.5rem);margin-top:var(--space-10);margin-bottom:var(--space-4)}.article-content h3{font-family:var(--font-serif);font-size:clamp(1.125rem,1.05rem + .4vw,1.25rem);margin-top:var(--space-8);margin-bottom:var(--space-3)}.article-content a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.article-content a:hover{text-decoration-thickness:2px}.article-content ul,.article-content ol{margin:var(--space-4) 0 var(--space-6);padding-left:var(--space-6)}.article-content li{margin-bottom:var(--space-2)}.article-content hr{border:0;border-top:1px solid var(--border-subtle);margin:var(--space-10) 0 var(--space-6)}.article-content code{font-family:var(--font-mono);font-size:.9375em;background:var(--surface-3);padding:.125em .375em;border-radius:var(--radius-sm)}.article-content pre{background:var(--surface-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto;margin:var(--space-5) 0}.article-content pre code{background:transparent;padding:0}.article-content blockquote{border-left:3px solid var(--border-strong);padding-left:var(--space-5);margin:var(--space-6) 0;color:var(--text-secondary);font-style:italic}.article-content strong{color:var(--text-primary);font-weight:700}.article-content em{color:var(--text-primary)}.article-quote{background:var(--surface-2);border-left:4px solid var(--text-tertiary);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-5) var(--space-6);margin:var(--space-8) 0}.article-quote__label{display:block;font-size:.6875rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2)}.article-quote__text{font-family:var(--font-serif);font-style:italic;font-size:1.0625rem;line-height:1.7;color:var(--text-secondary)}.article-notice{background:var(--highlight-bg);color:var(--highlight-fg);border-left:4px solid var(--highlight-fg);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-4) var(--space-5);margin:var(--space-6) 0;font-size:.9375rem;line-height:1.6}.article-notice a{color:var(--highlight-fg);text-decoration:underline;text-underline-offset:3px}.article-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--border-subtle)}.article-tag{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);font-size:.8125rem;color:var(--text-secondary);text-decoration:none;transition:background-color var(--duration) var(--ease),border-color var(--duration) var(--ease),color var(--duration) var(--ease)}.article-tag:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-fg);text-decoration:none}