.blog-intro{padding:3.5rem 0 1.75rem;border-bottom:1px solid var(--tg-line)}
.blog-intro h1{max-width:20ch;font-size:clamp(2.2rem,5vw,4rem)}
.blog-intro p{max-width:62ch;color:var(--tg-muted);font-size:1.08rem}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;padding:2rem 0 4rem}
.blog-card{background:var(--tg-panel);border:1px solid var(--tg-line);border-radius:var(--tg-radius);overflow:hidden;display:flex;flex-direction:column}
.blog-card img{width:100%;aspect-ratio:3/2;object-fit:cover}
.blog-card-body{padding:1.25rem;display:flex;flex-direction:column;flex:1}
.blog-card h2{font-size:1.32rem;line-height:1.22;margin:.45rem 0 .65rem}
.blog-card h2 a{color:var(--tg-ink);text-decoration:none}
.blog-card h2 a:hover{color:var(--tg-violet)}
.blog-card p{color:var(--tg-muted);margin:0 0 1.2rem}
.blog-card .read-more{margin-top:auto;font-weight:700;text-decoration:none}
.article-wrap{width:min(100% - 2rem,760px);margin-inline:auto}
.article-head{padding:3rem 0 1.65rem}
.article-head h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.08;margin:.6rem 0 1rem}
.article-deck{font-size:1.2rem;line-height:1.55;color:var(--tg-muted);margin:0}
.article-meta{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;color:var(--tg-muted);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
.article-meta .ad-label{color:var(--tg-violet);border:1px solid var(--tg-violet);border-radius:99px;padding:.18rem .55rem}
.article-hero{width:min(100% - 2rem,1100px);margin:0 auto 2.5rem}
.article-hero img{width:100%;aspect-ratio:3/2;max-height:620px;object-fit:cover;border-radius:var(--tg-radius)}
.article-hero figcaption{color:var(--tg-muted);font-size:.78rem;margin-top:.55rem}
.article-body{padding-bottom:3rem;font-size:1.06rem;line-height:1.8}
.article-body h2{font-size:clamp(1.45rem,3vw,1.9rem);margin:2.7rem 0 .8rem}
.article-body h3{font-size:1.16rem;margin:1.8rem 0 .5rem}
.article-body p{margin:.95rem 0;color:#d4d2de}
.article-body ul,.article-body ol{padding-left:1.45rem;color:#d4d2de}
.article-body li{margin:.45rem 0}
.article-body a:not(.btn){text-underline-offset:3px}
.article-callout{background:var(--tg-panel);border:1px solid var(--tg-line);border-left:3px solid var(--tg-violet);border-radius:var(--tg-radius);padding:1.25rem 1.4rem;margin:2rem 0}
.article-callout p:first-child{margin-top:0}
.article-callout p:last-child{margin-bottom:0}
.article-disclosure{font-size:.82rem;color:var(--tg-muted);border-top:1px solid var(--tg-line);padding-top:1rem;margin-top:2.5rem}
.article-related{border-top:1px solid var(--tg-line);padding:2rem 0 4rem}
.article-related h2{font-size:1.4rem}
.article-related ul{padding-left:1.2rem}
.article-related li{margin:.6rem 0}
.comparison{width:100%;border-collapse:collapse;font-size:.92rem;margin:1.5rem 0}
.comparison th,.comparison td{border-bottom:1px solid var(--tg-line);padding:.75rem;text-align:left;vertical-align:top}
.comparison th{color:var(--tg-violet)}
@media(max-width:850px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.blog-grid{grid-template-columns:1fr}.article-head{padding-top:2rem}.article-hero{margin-bottom:1.5rem}.article-body{font-size:1rem}.comparison{font-size:.82rem}}