/* Styles for /straipsniai/ pages. Uses the site's tokens from styles.css. */
.article-page main{padding:120px 0 80px}
.article-head h1,.articles-index h1{font-family:Montserrat,sans-serif;font-weight:900;font-size:clamp(2rem,5vw,3.2rem);line-height:1.1;margin:.4em 0}
.article-back{color:var(--neon-blue)}
.article-meta{display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--text-muted)}
.article-cover{display:block;width:100%;max-width:900px;height:auto;margin:24px auto;border-radius:20px}
.article-body{max-width:70ch;margin:0 auto;font-size:1.08rem;line-height:1.75}
.article-body h2,.article-body h3{font-family:Montserrat,sans-serif;margin:1.8em 0 .5em;line-height:1.2}
.article-body img{max-width:100%;height:auto;border-radius:14px}
.article-body a{color:var(--neon-blue)}
.article-body blockquote{margin:1.5em 0;padding:.2em 1.2em;border-left:3px solid var(--neon-pink);color:var(--text-muted)}
.article-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;max-width:70ch;margin:32px auto}
.article-tags li{padding:4px 12px;border:1px solid var(--surface-solid);border-radius:99px;color:var(--text-muted);font-size:.9rem}
.article-faq{max-width:70ch;margin:40px auto 0}
.article-faq details{border-bottom:1px solid var(--surface-solid);padding:14px 0}
.article-faq summary{cursor:pointer;font-weight:600}
.articles-lead{color:var(--text-muted);max-width:60ch}
.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:32px}
.article-card{display:block;border-radius:20px;overflow:hidden;background:var(--surface);text-decoration:none;color:inherit}
.article-card img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover}
.article-card div{padding:18px 20px 22px}.article-card h2{font-size:1.2rem;margin:.3em 0}.article-card p{color:var(--text-muted);margin:0}
.article-card-cat{color:var(--neon-green);font-size:.85rem}
.article-card:focus-visible,.article-faq summary:focus-visible{outline:3px solid var(--neon-blue);outline-offset:3px}
@media(max-width:640px){.article-page main{padding-top:96px}.article-head,.article-page .container{padding:0 20px}}