@media(max-width:1280px){
  .blog-hero-grid{grid-template-columns:minmax(0,1fr) 540px;gap:40px}
  .blog-hero-copy h1{font-size:62px}
  .article-hero-copy h1{font-size:50px}
  .article-layout{grid-template-columns:60px minmax(0,780px) 270px;gap:24px}
  .blog-subscribe{grid-template-columns:1fr 520px}
}
@media(max-width:1100px){
  .blog-hero-grid{grid-template-columns:1fr}
  .featured-story{max-width:760px}
  .blog-post-grid{grid-template-columns:repeat(2,1fr)}
  .blog-post-card-large{grid-column:span 2}
  .article-hero-card{grid-template-columns:1fr}
  .article-hero-image{min-height:440px}
  .article-layout{grid-template-columns:56px minmax(0,1fr)}
  .article-toc{display:none}
  .blog-subscribe{grid-template-columns:1fr;gap:25px}
}
@media(max-width:900px){
  .blog-landing-hero{padding-top:36px}
  .blog-hero-copy h1{font-size:54px}
  .blog-hero-copy>p:not(.section-kicker){font-size:18px}
  .blog-hero-stats{gap:24px;flex-wrap:wrap}
  .featured-story-image{height:300px}
  .blog-post-card-large{display:block}
  .blog-post-card-large .post-image{height:300px;min-height:0}
  .article-hero-copy{padding:42px 36px}
  .article-hero-copy h1{font-size:44px}
  .article-body{padding:38px 34px}
  .article-body h2{font-size:34px}
  .blog-subscribe h2{font-size:36px}
}
@media(max-width:720px){
  .blog-header-shell .site-header{height:74px}
  .blog-landing-hero{padding:28px 0 52px}
  .blog-breadcrumbs,.article-breadcrumbs{margin-bottom:24px}
  .blog-hero-grid{gap:32px}
  .blog-hero-copy h1{font-size:42px}
  .blog-hero-copy>p:not(.section-kicker){font-size:16px}
  .blog-category-row{flex-wrap:nowrap;overflow:auto;padding-bottom:4px;scrollbar-width:none}
  .blog-category-row::-webkit-scrollbar{display:none}
  .blog-category-row button{flex:0 0 auto}
  .blog-hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px}
  .featured-story{border-radius:22px}
  .featured-story-image{height:230px}
  .featured-story-body{padding:22px}
  .featured-story h2{font-size:24px}
  .blog-post-grid{grid-template-columns:1fr}
  .blog-post-card-large{grid-column:auto}
  .blog-post-card-large .post-image,.post-image{height:225px}
  .blog-post-card-large h3{font-size:24px}
  .blog-post-card h3{font-size:20px}
  .editorial-panel{padding:32px 20px}
  .editorial-head{align-items:flex-start}
  .editorial-head h2{font-size:34px}
  .editorial-card{flex-basis:300px}
  .blog-subscribe{padding:30px 22px;border-radius:22px}
  .blog-subscribe h2{font-size:32px}
  .subscribe-form{grid-template-columns:1fr}
  .article-hero-section{padding:28px 0 42px}
  .article-hero-card{border-radius:24px}
  .article-hero-copy{padding:30px 22px}
  .article-hero-copy h1{font-size:38px}
  .article-hero-copy>p{font-size:16px}
  .article-meta-row{gap:13px}
  .article-hero-image{min-height:280px}
  .article-content-section{padding-top:36px}
  .article-layout{display:block}
  .article-share-rail{position:static;display:flex;flex-direction:row;margin-bottom:16px}
  .article-share-rail>span{writing-mode:initial;transform:none;margin:0 6px 0 0}
  .article-body{padding:28px 20px;border-radius:22px}
  .article-lead{font-size:19px}
  .article-body h2{font-size:30px;margin-top:42px}
  .article-body>p{font-size:16px}
  .article-summary-card{padding:22px}
  .article-summary-card ul{grid-template-columns:1fr}
  .article-checklist{padding:22px 18px}
  .article-quote{padding:28px 22px}
  .article-quote p{font-size:21px}
  .article-step-grid{grid-template-columns:1fr}
  .article-visual-break{grid-template-columns:1fr}
  .article-visual-break img{width:100%;height:210px}
  .article-income-example{display:block}
  .article-income-example .button{margin-top:18px}
  .article-author-card{grid-template-columns:62px 1fr}
  .article-author-card>a{grid-column:1/-1}
  .author-avatar.large{width:62px;height:62px}
  .delivery-rating-scale{gap:7px}
  .delivery-rating-scale button>span{width:48px;height:48px;border-radius:15px}
  .delivery-rating-scale svg{width:23px;height:23px}
  .rating-result{flex-wrap:wrap}
  .rating-result em{width:100%;margin-left:0}
  .related-card{flex-basis:330px;grid-template-columns:120px 1fr}
  .related-card img{width:120px;height:160px}
}
@media(max-width:440px){
  .blog-hero-copy h1{font-size:36px}
  .blog-hero-stats{grid-template-columns:1fr}
  .featured-story-image{height:200px}
  .article-hero-copy h1{font-size:34px}
  .article-meta-row{display:grid;gap:10px}
  .delivery-rating-scale button>span{width:43px;height:43px}
  .delivery-rating-scale{gap:4px}
  .article-rating{padding:24px 16px}
}