.blog-shell .article-cover { margin:28px 0 32px; }
.blog-shell .answer-lead { margin:28px 0; padding:18px 20px; border-left:3px solid #98e4b6; background:#18211d; color:#e0e8e2; }
.blog-shell .article-cover img,.blog-shell .editorial-card img { display:block;aspect-ratio:3/2;height:auto;object-fit:contain;background:#eff2f1; }
.blog-shell .reading-visual { margin:32px 0;padding:24px 0;border-block:1px solid #485051; }
.blog-shell .reading-visual figcaption { color:#fff;font-size:19px;font-weight:700;margin-bottom:24px; }
.blog-shell .visual-steps { padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px; }
.blog-shell .visual-steps li { min-width:0;display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.5; }
.blog-shell .step-index { color:#a8e9c1;font-size:30px;font-weight:700; }
.blog-shell .visual-steps li:nth-child(2) .step-index { color:#ffb1a1; }
.blog-shell .visual-steps li:nth-child(3) .step-index { color:#9dbcf2; }
.blog-shell .visual-steps li>span:last-child { color:#bfc7c9; }
.blog-shell .price-bars { display:grid;gap:22px; }
.blog-shell .price-bar>div:first-child { display:flex;justify-content:space-between;gap:16px; }
.blog-shell .bar-track { height:14px;background:#333d3a;margin:8px 0;border-radius:3px;overflow:hidden; }
.blog-shell .bar-track span { display:block;height:100%;background:#98e4b6; }
.blog-shell .price-bar:nth-child(2) .bar-track span { background:#ffb1a1; }
.blog-shell .price-bar:nth-child(3) .bar-track span { background:#9dbcf2; }
.blog-shell .price-bar small,.blog-shell .reading-visual p { color:#bfc7c9;font-size:14px; }
.blog-shell .editorial-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px; }
.blog-shell .editorial-card { min-width:0; }
.blog-shell .editorial-card h2 { font-size:23px;margin:8px 0 12px; }
.blog-shell .editorial-card h2 a { color:#f2f5f3;text-decoration:none; }
.blog-shell .editorial-card h2 a:hover { color:#99efb7;text-decoration:underline; }
.blog-shell .editorial-card>p { font-size:15px;color:#c5cccf;margin:12px 0; }
.blog-shell .editorial-card .meta { color:#a6dfbf;font-size:13px; }
@media(max-width:600px){.blog-shell .editorial-grid{grid-template-columns:1fr;gap:36px}.blog-shell .visual-steps{grid-template-columns:1fr;gap:20px}.blog-shell .visual-steps li{display:grid;grid-template-columns:42px 1fr;column-gap:14px;row-gap:4px}.blog-shell .step-index{grid-row:span 2}.blog-shell .article-cover{margin:24px 0}.blog-shell .editorial-card h2{font-size:22px}}
