:root{--blog-bg:#f4f7fb;--blog-card:#fff;--blog-text:#132139;--blog-muted:#607089;--blog-line:#dce5ef;--blog-accent:#0f766e}
[data-theme="dark"]{--blog-bg:#091220;--blog-card:#111c2f;--blog-text:#edf4ff;--blog-muted:#a9b8cc;--blog-line:#2a3952;--blog-accent:#65d5c7}
body{background:var(--blog-bg);color:var(--blog-text)}.blog-main{padding-top:clamp(36px,6vw,80px);padding-bottom:80px}.blog-heading{max-width:780px;margin-bottom:36px}.blog-heading>span,.blog-category{color:var(--blog-accent);font-size:.76rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.blog-heading h1,.blog-article h1{margin:.35rem 0 .8rem;font-size:clamp(2.1rem,5vw,4rem);line-height:1.05;letter-spacing:-.04em}.blog-heading p,.blog-summary{color:var(--blog-muted);font-size:1.08rem}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.blog-card,.blog-empty,.blog-article{background:var(--blog-card);border:1px solid var(--blog-line);border-radius:18px;box-shadow:0 12px 32px rgba(20,39,70,.06)}.blog-card{padding:24px}.blog-card>span,.blog-card small{color:var(--blog-muted);font-size:.78rem}.blog-card h2{margin:.45rem 0}.blog-card a{color:var(--blog-text);text-decoration:none}.blog-card a:hover{color:var(--blog-accent)}.blog-card p{color:var(--blog-muted)}.blog-empty{grid-column:1/-1;padding:42px;text-align:center}.blog-article{max-width:900px;margin:auto;padding:clamp(24px,5vw,58px)}.blog-article h1{font-size:clamp(2rem,5vw,3.7rem)}.blog-back{display:inline-block;margin-bottom:28px;color:var(--blog-accent);font-weight:750;text-decoration:none}.blog-byline{margin-bottom:28px;color:var(--blog-muted)}.blog-hero-image{width:100%;max-height:520px;object-fit:cover;margin:10px 0 30px;border-radius:14px}.blog-content{font-size:1.04rem;line-height:1.78}.blog-content h2{margin-top:2rem}.blog-content ul{padding-left:1.4rem}.blog-disclaimer{margin-top:40px;padding:16px;border-radius:10px;color:var(--blog-muted);background:var(--blog-bg)}
@media(max-width:850px){.blog-grid{grid-template-columns:1fr 1fr}}@media(max-width:580px){.blog-grid{grid-template-columns:1fr}.blog-main{padding-top:28px}.blog-article{border-radius:14px}}