.articles-hero{padding-bottom:0}.articles-title{margin-bottom:16px;font-size:clamp(2.4rem,5.5vw,4rem);line-height:1.1}.articles-subtitle{font-size:var(--text-lg);color:var(--muted-foreground);max-width:560px}.articles-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:32px;display:grid}.articles-empty{color:var(--muted-foreground);font-size:var(--text-lg);text-align:center;padding:64px 0}.article-card{background:var(--card);border:var(--border-width) solid var(--foreground);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);color:var(--foreground);flex-direction:column;justify-content:space-between;gap:20px;padding:28px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.article-card:hover{box-shadow:6px 6px 0 var(--foreground);transform:translate(-2px,-2px)}.article-card-title{font-size:var(--text-xl);margin-bottom:12px;line-height:1.3}.article-card-excerpt{font-size:var(--text-base);color:var(--muted-foreground);margin:0;line-height:1.7}.article-card-meta{border-top:1px solid var(--border);flex-wrap:wrap;gap:16px;padding-top:16px;display:flex}.article-meta-item{font-size:var(--text-sm);color:var(--muted-foreground);align-items:center;gap:6px;display:flex}.article-page{max-width:720px;margin:0 auto}.article-back{font-size:var(--text-sm);color:var(--muted-foreground);align-items:center;gap:6px;margin-bottom:32px;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.article-back:hover{color:var(--foreground)}.article-heading{margin-bottom:16px;font-size:clamp(2rem,5vw,3.2rem);line-height:1.15}.article-meta{border-bottom:var(--border-width) solid var(--foreground);flex-wrap:wrap;gap:20px;margin-bottom:40px;padding-bottom:24px;display:flex}.article-cover{object-fit:cover;border-radius:var(--radius-md);border:var(--border-width) solid var(--border);width:100%;max-height:420px;margin-bottom:32px}.article-body{font-size:var(--text-lg);white-space:pre-wrap;color:var(--foreground);line-height:1.85}.article-body--html{white-space:normal}.article-body--html>*+*{margin-top:1em}.article-body--html h1{margin-top:1.4em;font-size:clamp(1.7rem,4vw,2.4rem);font-weight:800;line-height:1.2}.article-body--html h2{margin-top:1.2em;font-size:clamp(1.3rem,3vw,1.8rem);font-weight:700;line-height:1.3}.article-body--html h3{margin-top:1em;font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:700;line-height:1.4}.article-body--html p{margin:0}.article-body--html strong{font-weight:700}.article-body--html em{font-style:italic}.article-body--html u{text-decoration:underline}.article-body--html s{text-decoration:line-through}.article-body--html a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.article-body--html a:hover{opacity:.8}.article-body--html ul{padding-left:1.5em;list-style:outside}.article-body--html ol{padding-left:1.5em;list-style:decimal}.article-body--html li{margin:.3em 0}.article-body--html blockquote{border-left:4px solid var(--accent);color:var(--muted-foreground);background:color-mix(in srgb, var(--accent) 7%, transparent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:0;padding:14px 20px 14px 24px;font-size:1.05em;font-style:italic;line-height:1.75}.article-body--html blockquote p{margin:0}.article-body--html hr{border:none;border-top:var(--border-width) solid var(--border);margin:1.6em 0}.article-body--html img{border-radius:var(--radius-sm);max-width:100%;height:auto;margin:.5em 0;display:block}.article-body--html code{background:var(--muted);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.88em}.article-body--html pre{background:var(--foreground);color:#fff;border-radius:var(--radius-sm);padding:14px 18px;font-size:.85em;overflow-x:auto}@media (max-width:768px){.articles-grid{grid-template-columns:1fr}}