.back-link{color:var(--color-ink-muted);margin-bottom:24px;font-size:.95rem;text-decoration:none;transition:color .2s;display:inline-block}.back-link:visited{color:var(--color-ink-muted)}.back-link:hover{color:var(--color-accent)}.article-detail{max-width:800px;margin:0 auto}.article-detail-header{border-bottom:1px solid var(--color-border);margin-bottom:20px;padding-bottom:16px}.article-detail-title{color:var(--color-ink);font-size:2.5rem;font-weight:700;font-family:var(--font-heading);margin-bottom:16px;line-height:1.2}.article-detail-meta{flex-wrap:wrap;gap:24px;margin-bottom:16px;font-size:.9rem;display:flex}.meta-item{gap:8px;display:flex}.meta-label{color:var(--color-ink-muted)}.meta-value{color:var(--color-ink);font-weight:500}.article-detail-tags{flex-wrap:wrap;gap:8px;display:flex}.article-detail-tag{background:var(--color-accent-surface);color:var(--color-accent);text-transform:capitalize;border:1px solid #2d4a8f33;border-radius:16px;padding:6px 14px;font-size:.8rem;font-weight:500}.article-detail-content{color:var(--color-ink-muted);margin-bottom:32px;font-size:1.1rem;line-height:1.8;overflow:hidden}.article-detail-content h2{color:var(--color-ink);font-size:1.75rem;font-weight:700;font-family:var(--font-heading);margin-top:32px;margin-bottom:16px}.article-detail-content h3{color:var(--color-ink);font-size:1.5rem;font-weight:600;font-family:var(--font-heading);margin-top:24px;margin-bottom:12px}.article-detail-content h4{color:var(--color-ink);margin-top:20px;margin-bottom:10px;font-size:1.25rem;font-weight:600}.article-detail-content p{margin-bottom:16px}.article-detail-content strong{color:var(--color-ink);font-weight:600}.article-detail-content ul{margin-bottom:16px;margin-left:24px;padding-left:0}.article-detail-content li{margin-bottom:8px;padding-left:8px;list-style-type:disc}.article-detail-content a{color:var(--color-accent);font-weight:500;text-decoration:none;transition:color .2s}.article-detail-content a:hover{color:var(--color-accent-hover);text-decoration:underline}.article-detail-content img{border-radius:var(--radius-md);float:right;max-width:160px;height:auto;margin:4px 0 12px 24px;display:block}.article-detail-content a>img{cursor:pointer;transition:opacity .2s,transform .15s}.article-detail-content a>img:hover{opacity:.82;transform:scale(1.04)}.article-detail-content hr{clear:both;border:none;border-top:1px solid var(--color-border);margin:28px 0}.article-navigation{border-top:1px solid var(--color-border);justify-content:space-between;gap:24px;margin-top:32px;padding-top:24px;display:flex}.nav-link{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:inherit;box-shadow:var(--shadow-sm);flex-direction:column;flex:1;padding:16px;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.nav-direction{color:var(--color-ink-muted);margin-bottom:4px;font-size:.875rem}.nav-title{color:var(--color-ink);font-size:.95rem;font-weight:500}.nav-next{text-align:right;align-items:flex-end}@media (max-width:768px){.article-detail-title{font-size:2rem}.article-detail-meta{flex-direction:column;gap:12px}.article-detail-content{font-size:1rem}.article-detail-content img{float:none;max-width:140px;margin:0 auto 16px}.article-navigation{flex-direction:column}.nav-next{text-align:left;align-items:flex-start}}