.article-hero{margin-bottom:var(--space-xl);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,0.08)}.article-hero img{width:100%;display:block;transition:transform var(--duration-normal) var(--ease-out)}.article-meta{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);font-size:var(--text-sm);color:var(--color-text-muted)}.article-meta time{font-family:var(--font-display);font-weight:500;letter-spacing:0.02em}.article-meta .article-category{padding:3px 12px;background:var(--color-primary);color:white;border-radius:20px;font-size:0.75rem;font-weight:500;letter-spacing:0.03em}.article-title{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:700;line-height:1.4;margin-bottom:var(--space-xl);color:var(--color-text);letter-spacing:-0.01em}.article-body{font-size:var(--text-base);line-height:2;color:var(--color-text)}.article-body p{margin-bottom:1.8em}.article-body h2{font-size:clamp(1.25rem,3vw,1.6rem);font-weight:700;margin-top:3em;margin-bottom:1em;padding-bottom:0.5em;border-bottom:3px solid var(--color-primary);color:var(--color-text);line-height:1.4}.article-body h3{font-size:clamp(1.1rem,2.5vw,1.3rem);font-weight:700;margin-top:2em;margin-bottom:0.8em;padding-left:12px;border-left:4px solid var(--color-primary);color:var(--color-text);line-height:1.5}.article-body h4{font-size:1.1rem;font-weight:600;margin-top:1.5em;margin-bottom:0.5em;color:var(--color-text)}.article-body strong{font-weight:700;color:var(--color-text)}.article-body a{color:var(--color-primary);text-decoration:underline;text-decoration-color:rgba(46,125,50,0.3);text-underline-offset:3px;transition:all var(--duration-fast) var(--ease-out)}.article-body a:hover{text-decoration-color:var(--color-primary)}.article-body figure{margin:2em 0;border-radius:var(--radius-md);overflow:hidden}.article-body figure img{width:100%;display:block;border-radius:var(--radius-md);box-shadow:0 2px 12px rgba(0,0,0,0.06);transition:transform var(--duration-normal) var(--ease-out)}.article-body figure img:hover{transform:scale(1.01)}.article-body figure figcaption{text-align:center;font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-sm);font-style:italic}.article-body img:not(figure img){max-width:100%;border-radius:var(--radius-md);margin:1.5em 0;box-shadow:0 2px 12px rgba(0,0,0,0.06)}.article-body table{width:100%;border-collapse:collapse;margin:2em 0;font-size:0.95rem;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 1px 8px rgba(0,0,0,0.04)}.article-body table th,.article-body table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--color-border)}.article-body table th{background:var(--color-primary);color:white;font-weight:500;font-size:0.9rem}.article-body table tr:nth-child(even) td{background:var(--color-bg-alt)}.article-body table tr:hover td{background:rgba(46,125,50,0.04)}.article-body hr{border:none;height:1px;background:linear-gradient(to right,transparent,var(--color-border),transparent);margin:3em 0}.article-body blockquote{border-left:4px solid var(--color-primary);padding:var(--space-md) var(--space-lg);margin:2em 0;background:var(--color-bg-alt);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic;color:var(--color-text-light)}.article-body ul,.article-body ol{margin:1.5em 0;padding-left:1.5em}.article-body li{margin-bottom:0.5em;line-height:1.8}.article-body ul li::marker{color:var(--color-primary)}.article-author{margin-top:var(--space-3xl);padding:var(--space-lg) var(--space-xl);background:linear-gradient(135deg,var(--color-bg-alt) 0%,rgba(46,125,50,0.03) 100%);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.article-author__label{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-xs);font-weight:400}.article-author__name{font-weight:600;font-size:var(--text-lg);color:var(--color-text)}.article-back{text-align:center;margin-top:var(--space-3xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}@media (max-width:768px){.article-body{font-size:0.95rem;line-height:1.9}.article-body h2{font-size:1.3rem;margin-top:2em}.article-body h3{font-size:1.15rem}.article-body figure{margin:1.5em -1rem;border-radius:0}.article-body figure img{border-radius:0}.article-body table{font-size:0.85rem}.article-body table th,.article-body table td{padding:8px 12px}}