/* Blog layout; colors come from /static/brand.css. */
*{box-sizing:border-box}body{margin:0;font-size:17px;line-height:1.7}
header,footer{padding:16px max(20px,calc((100% - 1120px)/2));background:rgba(12,16,32,.7);border-bottom:1px solid var(--qa-border);backdrop-filter:blur(24px)}
header{display:flex;align-items:center;gap:18px;flex-wrap:wrap}header>a:first-child{font-size:20px;font-weight:650;color:var(--qa-ink);margin-right:auto}header a,footer a{text-decoration:none}footer{border-top:1px solid var(--qa-border);border-bottom:0;margin-top:40px;color:var(--qa-muted)}
.wrap{max-width:900px;margin:auto;padding:48px 24px}h1{font-size:clamp(2rem,4vw,2.6rem);line-height:1.18;letter-spacing:-.025em;margin:0 0 24px;color:var(--qa-ink)}h2,h3{margin-top:1.6em;color:var(--qa-ink);line-height:1.3}.meta{color:var(--qa-muted);font-size:.9rem;margin-bottom:1.5em}p,li{overflow-wrap:anywhere}img{max-width:100%;height:auto}
.cta{margin:2.5em 0;padding:24px;background:var(--qa-panel);border:1px solid var(--qa-border);border-radius:16px;text-align:center;box-shadow:0 8px 32px #0004}.cta a.btn{display:inline-block;background:linear-gradient(135deg,#6382ff,#5468d4);color:white;padding:12px 22px;border-radius:10px;font-weight:600;margin:6px;text-decoration:none}.cta a.ghost{color:var(--qa-link)}.cta [style*="color:"]{color:var(--qa-muted)!important}
body.blog-index .wrap>ul{list-style:none;padding:0;display:grid;gap:14px}body.blog-index .wrap>ul>li{margin:0!important;padding:20px 24px;background:var(--qa-panel);border:1px solid var(--qa-border);border-radius:16px;box-shadow:0 8px 24px #0003}body.blog-index li a{font-weight:600;text-decoration:none}
@media(max-width:600px){.wrap{padding:30px 20px}header{gap:12px;font-size:14px}header>a:first-child{flex-basis:100%}}