/* SteppeNews homepage only. SmartMag header/footer typography stays authoritative. */
.steppe-home-shell{width:min(100% - 64px,1360px);margin:0 auto 54px;color:#17191d}
.steppe-home-shell *{box-sizing:border-box}
.steppe-home-shell a{color:inherit;text-decoration:none}
.steppe-home-shell img{display:block;width:100%;height:100%;object-fit:cover}
.steppe-ph{display:block;width:100%;height:100%;background:#eef0f3}

/* Geography: compact, Kazakhstan first, no aggregate regions. */
.steppe-geo{position:relative;display:flex;align-items:center;gap:10px;margin:18px 0 20px;padding:0 28px}
.steppe-geo-track{display:flex;gap:11px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 0 5px;width:100%}.steppe-geo-track::-webkit-scrollbar{display:none}
.steppe-geo-item{flex:0 0 84px;min-width:84px;scroll-snap-align:center;text-align:center;font-size:10px;font-weight:650;line-height:1.15;color:#34373c}
.steppe-geo-img{display:block;width:66px;height:44px;margin:0 auto 5px;border:1px solid #e3e5e8;border-radius:6px;overflow:hidden;background:#fff}
.steppe-geo-img img{object-fit:contain;background:#fff}
.steppe-geo-item.is-globe .steppe-geo-img{width:44px;height:44px;border:0;border-radius:50%;overflow:visible;background:transparent}
.steppe-geo-item.is-globe img{border-radius:50%;background:transparent}
.steppe-geo-arrow{position:absolute;z-index:2;top:16px;width:25px;height:25px;border:1px solid #e0e2e5;border-radius:50%;background:#fff;color:#222;line-height:21px;font-size:18px;cursor:pointer}.steppe-geo-arrow.prev{left:0}.steppe-geo-arrow.next{right:0}

/* Main editorial composition: v7-like proportions, not full-bleed. */
.steppe-hero{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(240px,.76fr) minmax(300px,.92fr);gap:16px;align-items:stretch;margin:0 0 18px}
.steppe-hero-main{position:relative;min-height:430px;border-radius:8px;overflow:hidden;background:#111}
.steppe-hero-media{position:absolute;inset:0}.steppe-hero-media img{width:100%;height:100%;object-fit:cover}
.steppe-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03) 25%,rgba(0,0,0,.78) 100%)}
.steppe-hero-copy{position:absolute;left:26px;right:26px;bottom:24px;color:#fff;z-index:2}.steppe-chip{display:inline-flex;background:rgba(255,255,255,.93);color:#161719;border-radius:3px;padding:5px 8px;font-size:10px;font-weight:700;margin-bottom:10px}
.steppe-hero-copy h1{font-family:"IBM Plex Serif",Georgia,serif;font-size:32px;line-height:1.13;letter-spacing:-.5px;font-weight:600;margin:0 0 10px;color:#fff}.steppe-hero-copy h1 a{color:#fff}
.steppe-meta{display:flex;gap:11px;align-items:center;font-size:10px;line-height:1.2;color:#7f858d}.steppe-hero-copy .steppe-meta{color:rgba(255,255,255,.78)}
.steppe-hero-side{display:grid;grid-template-rows:1fr 1fr;gap:14px}.steppe-side-story{min-width:0}.steppe-side-media{display:block;height:142px;border-radius:7px;overflow:hidden;background:#eef0f3;margin-bottom:9px}
.steppe-side-story h2{font-family:"IBM Plex Serif",Georgia,serif;font-size:16px;line-height:1.22;font-weight:600;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* LIVE / Popular is operational; no duplicate news tape below. */
.steppe-live{border:1px solid #e3e5e8;border-radius:8px;background:#fff;overflow:hidden;min-height:430px}
.steppe-live-tabs{display:flex;border-bottom:1px solid #e8eaed;padding:0 16px;gap:24px}.steppe-live-tabs button{appearance:none;background:none;border:0;padding:15px 0 12px;font:700 12px/1 inherit;color:#8b8f95;cursor:pointer;border-bottom:2px solid transparent}.steppe-live-tabs button.is-active{color:#161719;border-color:#161719}
.steppe-live-panel{padding:4px 16px 8px}.steppe-live-row{display:block;padding:10px 0;border-bottom:1px solid #eceef1}.steppe-live-row:last-child{border:0}.steppe-live-row strong{display:block;font-family:"IBM Plex Serif",Georgia,serif;font-size:13px;line-height:1.23;font-weight:600;margin-bottom:5px}.steppe-live-row small{font-size:9px;color:#92969d}

.steppe-feature-grid,.steppe-rubric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}.steppe-rubric-grid:last-of-type{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
.steppe-section{min-width:0;border:1px solid #e6e8eb;border-radius:8px;background:#fff;overflow:hidden}.steppe-section.tint-soft{background:#f7f9fb}.steppe-section.tint-warm{background:#fbfaf6}
.steppe-section-head{display:flex;align-items:center;gap:9px;padding:14px 15px 12px;border-bottom:1px solid rgba(25,28,33,.08)}.steppe-section-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:#454a52;flex:0 0 20px}.steppe-section-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.steppe-section-head h2{font-size:14px;line-height:1.15;font-weight:750;margin:0;flex:1;color:#1b1d21}.steppe-section-arrow{font-size:16px;color:#8f949b}
.steppe-section-lead{display:grid;grid-template-columns:43% minmax(0,1fr);gap:12px;padding:12px 13px 10px}.steppe-section-media{height:122px;border-radius:6px;overflow:hidden;background:#eef0f3}.steppe-section-body h3{font-family:"IBM Plex Serif",Georgia,serif;font-size:15px;line-height:1.25;font-weight:600;margin:1px 0 9px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.steppe-section-list{padding:0 13px 6px}.steppe-section-mini{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;padding:9px 0;border-top:1px solid rgba(25,28,33,.08)}.steppe-section-mini__img{height:50px;border-radius:5px;overflow:hidden;background:#eef0f3}.steppe-section-mini__body{min-width:0}.steppe-section-mini strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:"IBM Plex Serif",Georgia,serif;font-size:12.5px;line-height:1.22;font-weight:600}.steppe-section-mini small{display:block;margin-top:5px;font-size:8.5px;color:#94989f}
.steppe-section--wide .steppe-section-lead{grid-template-columns:44% minmax(0,1fr)}.steppe-section--wide .steppe-section-media{height:174px}.steppe-section--wide .steppe-section-body h3{font-size:20px}.steppe-section--wide .steppe-section-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.steppe-section--wide .steppe-section-mini{grid-template-columns:1fr;padding:10px 0}.steppe-section--wide .steppe-section-mini__img{height:86px}

.steppe-ad{position:relative;margin:18px auto;text-align:center;max-width:100%;min-height:1px}.steppe-ad>a,.steppe-ad>picture{display:block}.steppe-ad picture,.steppe-ad img{display:block;width:100%;height:auto;max-height:220px;object-fit:contain}.steppe-ad-label{position:absolute;top:5px;right:7px;z-index:2;background:rgba(255,255,255,.86);border-radius:3px;padding:2px 5px;font-size:8px;color:#777}.steppe-ad--empty{border:1px dashed #b7bcc3;background:#fafbfc;padding:28px;color:#8b9097;font-size:11px}

@media(max-width:1100px){.steppe-home-shell{width:min(100% - 44px,1120px)}.steppe-hero{grid-template-columns:minmax(0,1.4fr) minmax(230px,.8fr)}.steppe-live{grid-column:1/-1;min-height:0}.steppe-live-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.steppe-feature-grid,.steppe-rubric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steppe-feature-grid .steppe-section:last-child{grid-column:1/-1}.steppe-rubric-grid:last-of-type{grid-template-columns:1fr 1fr}}
@media(max-width:767px){.steppe-home-shell{width:calc(100% - 28px);margin-bottom:34px}.steppe-geo{margin:10px 0 14px;padding:0}.steppe-geo-arrow{display:none}.steppe-geo-track{gap:9px;padding:0 2px 4px}.steppe-geo-item{flex-basis:74px;min-width:74px;font-size:9px}.steppe-geo-img{width:56px;height:39px}.steppe-geo-item.is-globe .steppe-geo-img{width:39px;height:39px}.steppe-hero{display:block}.steppe-hero-main{min-height:330px;margin-bottom:13px}.steppe-hero-copy{left:18px;right:18px;bottom:17px}.steppe-hero-copy h1{font-size:25px}.steppe-hero-side{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:none;gap:11px;margin-bottom:13px}.steppe-side-media{height:104px}.steppe-side-story h2{font-size:14px}.steppe-live{min-height:0}.steppe-live-panel{display:block}.steppe-feature-grid,.steppe-rubric-grid,.steppe-rubric-grid:last-of-type{display:grid;grid-template-columns:1fr;gap:11px;margin-top:11px}.steppe-feature-grid .steppe-section:last-child{grid-column:auto}.steppe-section-lead,.steppe-section--wide .steppe-section-lead{grid-template-columns:38% minmax(0,1fr);gap:10px}.steppe-section-media,.steppe-section--wide .steppe-section-media{height:100px}.steppe-section-body h3,.steppe-section--wide .steppe-section-body h3{font-size:15px}.steppe-section--wide .steppe-section-list{display:block}.steppe-section--wide .steppe-section-mini{grid-template-columns:72px minmax(0,1fr)}.steppe-section--wide .steppe-section-mini__img{height:50px}.steppe-ad{margin:12px auto}}

/* ======================================================================
   SteppeNews SmartMag 1.1 — v7 visual restore + stable card geometry
   ====================================================================== */
:root{--steppe-border:#e5e7eb;--steppe-soft:#f2f3f5;--steppe-shadow:0 12px 30px rgba(17,24,39,.08)}
.steppe-home-shell{width:min(calc(100% - 96px),1480px);padding:22px 34px 46px;margin:22px auto 56px;background:#fff;border:1px solid var(--steppe-border);border-radius:14px;color:#17191d}

/* Countries: desktop is a clean full row; arrows are mobile-only. */
.steppe-geo{margin:0 0 20px;padding:0;gap:0}
.steppe-geo-title{display:none}
.steppe-geo-track{overflow:visible;scroll-snap-type:none;justify-content:space-between;gap:10px;padding:0;width:100%}
.steppe-geo-item{flex:0 1 84px;min-width:0;font-size:10px}
.steppe-geo-img{width:62px;height:42px}
.steppe-geo-arrow{display:none}

/* Thin-line cards + soft hover, same language-neutral interaction everywhere. */
.steppe-live,.steppe-section,.steppe-mobile-filter-post,.steppe-side-story{transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}
.steppe-section:hover,.steppe-live:hover{box-shadow:var(--steppe-shadow);border-color:#dfe2e7;transform:translateY(-1px)}
.steppe-section{display:flex;flex-direction:column;height:100%}
.steppe-section-head{min-height:50px;padding:14px 16px}
.steppe-section-head h2{font-size:16px;line-height:1.18;font-weight:800}
.steppe-section-icon{width:22px;height:22px;flex-basis:22px}
.steppe-section-icon svg{width:19px;height:19px;stroke-width:1.7}
.steppe-section[data-steppe-block="opinion"] .steppe-section-icon{color:#7c3aed}
.steppe-section[data-steppe-block="business"] .steppe-section-icon{color:#0f766e}
.steppe-section[data-steppe-block="society"] .steppe-section-icon{color:#2563eb}
.steppe-section[data-steppe-block="culture"] .steppe-section-icon{color:#d97706}
.steppe-section[data-steppe-block="travel"] .steppe-section-icon{color:#0891b2}
.steppe-section[data-steppe-block="special"] .steppe-section-icon{color:#e11d48}
.steppe-section[data-steppe-block="gift"] .steppe-section-icon{color:#ca8a04}
.steppe-section[data-steppe-block="editor_choice"] .steppe-section-icon{color:#4f46e5}

/* Equal visual rhythm independent of headline length. */
.steppe-section-lead{min-height:158px;align-items:stretch}
.steppe-section-media{height:auto;min-height:122px}
.steppe-section-body{display:flex;flex-direction:column;min-width:0}
.steppe-section-body h3{font-size:16px;line-height:1.25;-webkit-line-clamp:3;min-height:60px;margin-bottom:auto}
.steppe-section-body .steppe-meta{padding-top:8px}
.steppe-section-list{margin-top:auto}
.steppe-section-mini{min-height:69px;align-items:center}
.steppe-section-mini strong{font-size:13.5px;line-height:1.24;-webkit-line-clamp:2}
.steppe-section--wide .steppe-section-lead{min-height:200px}
.steppe-section--wide .steppe-section-body h3{font-size:21px;min-height:80px}
.steppe-feature-grid,.steppe-rubric-grid{align-items:stretch}

/* LIVE / Popular — pill selector, internal scroll and progressive 20-post feed. */
.steppe-live{min-height:430px;display:flex;flex-direction:column;border-radius:10px}
.steppe-live-tabs{margin:12px 12px 8px;padding:4px;background:#eceef1;border:0;border-radius:22px;gap:4px}
.steppe-live-tabs button{flex:1;padding:10px 12px;border:0!important;border-radius:18px;color:#34373d;font-size:11px;font-weight:800;transition:background .16s ease,box-shadow .16s ease}
.steppe-live-tabs button.is-active{background:#fff;color:#15171a;box-shadow:0 3px 10px rgba(15,23,42,.10)}
.steppe-live-panels{min-height:0;flex:1}
.steppe-live-panel{height:356px;overflow-y:auto;padding:0 14px 10px;scrollbar-width:thin;overscroll-behavior:contain}
.steppe-live-row{padding:11px 1px;min-height:62px}
.steppe-live-row strong{font-size:13.5px;line-height:1.27;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.steppe-live-row small{font-size:9.5px}
.steppe-feed-sentinel,.steppe-filter-sentinel{height:28px;display:grid;place-items:center}
.steppe-feed-sentinel.is-loading:after,.steppe-filter-sentinel.is-loading:after{content:"";width:16px;height:16px;border:2px solid #d9dde3;border-top-color:#111;border-radius:50%;animation:steppe-spin .7s linear infinite}
@keyframes steppe-spin{to{transform:rotate(360deg)}}

/* Recommendation exists for the v7 mobile layout only. */
.steppe-mobile-recommend{display:none}

@media(max-width:1100px){
  .steppe-home-shell{width:min(calc(100% - 54px),1180px);padding:20px 24px 38px}
}

@media(max-width:767px){
  .steppe-home-shell{width:100%;margin:0;padding:12px 14px 78px;border:0;border-radius:0;background:#fff}

  /* v7 mobile country rail — app-like square flags; arrows exist only here. */
  .steppe-geo{display:block;margin:0 -2px 22px;padding:0 0 2px}
  .steppe-geo-title{display:block;margin:4px 0 12px;font:800 20px/1.15 Inter,Arial,sans-serif;color:#131519}
  .steppe-geo-track{display:flex;justify-content:flex-start;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 10px 7px 0;scroll-padding-left:0}
  .steppe-geo-item{flex:0 0 82px;min-width:82px;font-size:10.5px;font-weight:750;scroll-snap-align:start}
  .steppe-geo-img{width:68px;height:68px;border-radius:12px;margin-bottom:7px;box-shadow:0 1px 0 rgba(0,0,0,.03)}
  .steppe-geo-item.is-globe .steppe-geo-img{width:58px;height:58px;margin-top:5px;margin-bottom:12px}
  .steppe-geo-arrow{display:block;top:47px;width:27px;height:27px;background:rgba(255,255,255,.94);box-shadow:0 3px 12px rgba(0,0,0,.10)}
  .steppe-geo-arrow.prev{left:-8px}.steppe-geo-arrow.next{right:-8px}

  /* v7 lead story: one strong Breaking-News-like card. */
  .steppe-hero{display:block;margin-bottom:18px}
  .steppe-hero-main{min-height:330px;border-radius:10px;margin-bottom:12px}
  .steppe-hero-copy{left:18px;right:18px;bottom:18px}
  .steppe-hero-copy h1{font-size:27px;line-height:1.16;letter-spacing:-.45px;-webkit-line-clamp:4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
  .steppe-chip{font-size:9px;border-radius:4px}
  .steppe-hero-side{display:none}

  /* LIVE card stays functional but compact beneath the hero. */
  .steppe-live{min-height:0;margin:0 0 22px;border-radius:10px}
  .steppe-live-tabs{margin:8px}
  .steppe-live-panel{height:300px;padding-inline:13px}
  .steppe-live-row{min-height:58px}
  .steppe-live-row strong{font-size:13px}

  /* Recommendation from Steppe Modern 0.8.1 visual logic. */
  .steppe-mobile-recommend{display:block;margin:5px 0 24px}
  .steppe-mobile-recommend>h2{font:800 21px/1.15 Inter,Arial,sans-serif;margin:0 0 12px;color:#15171a}
  .steppe-mobile-filter-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:0 0 10px}.steppe-mobile-filter-tabs::-webkit-scrollbar{display:none}
  .steppe-mobile-filter-tabs button{flex:0 0 auto;min-height:42px;padding:0 16px;border:1px solid #e1e4e8;border-radius:9px;background:#fff;color:#15171a;font:750 11px/1 Inter,Arial,sans-serif;white-space:nowrap}
  .steppe-mobile-filter-tabs button.is-active{background:#111;color:#fff;border-color:#111}
  .steppe-mobile-filter-list{display:block}
  .steppe-mobile-filter-post{display:grid;grid-template-columns:108px minmax(0,1fr);gap:13px;align-items:start;padding:13px 0;border-bottom:1px solid #eceef1}
  .steppe-mobile-filter-post:hover{box-shadow:none;transform:none}
  .steppe-mobile-filter-img{height:82px;border-radius:8px;overflow:hidden;background:#eef0f3}
  .steppe-mobile-filter-img img{width:100%;height:100%;object-fit:cover}
  .steppe-mobile-filter-post h3{font-family:"IBM Plex Serif",Georgia,serif;font-size:17px;line-height:1.18;font-weight:650;margin:1px 0 10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
  .steppe-mobile-filter-post .steppe-meta{font-size:9px}

  /* Desktop-style rubric cards remain below, but with larger readable type. */
  .steppe-feature-grid,.steppe-rubric-grid,.steppe-rubric-grid:last-of-type{gap:12px;margin-top:12px}
  .steppe-section-head{min-height:48px;padding:13px 14px}.steppe-section-head h2{font-size:15px}
  .steppe-section-lead,.steppe-section--wide .steppe-section-lead{min-height:122px;grid-template-columns:116px minmax(0,1fr);gap:11px;padding:11px}
  .steppe-section-media,.steppe-section--wide .steppe-section-media{height:88px;min-height:88px}
  .steppe-section-body h3,.steppe-section--wide .steppe-section-body h3{font-size:15.5px;min-height:56px;-webkit-line-clamp:3}
  .steppe-section-list{padding-inline:11px}.steppe-section-mini{grid-template-columns:58px minmax(0,1fr);min-height:60px}.steppe-section-mini__img{height:44px}.steppe-section-mini strong{font-size:12px}
}

/* ======================================================================
   SteppeNews SmartMag 1.2 — approved Steppe Modern v7 mobile app layout
   ====================================================================== */
.steppe-mobile-v7{display:none}

@media(max-width:767px){
  /* Only the approved app-like mobile homepage is shown. Desktop composition is untouched. */
  .steppe-desktop-home{display:none!important}
  .steppe-mobile-v7{display:block;padding:2px 0 18px;color:#111}

  .steppe-mobile-v7 h2{margin:0;font-family:Inter,Arial,sans-serif;color:#121316;font-weight:850;letter-spacing:-.45px}
  .steppe-mobile-v7-channels>h2{font-size:22px;line-height:1.15;margin:3px 0 14px}
  .steppe-mobile-v7-rail-wrap{position:relative;margin:0 -2px 28px}
  .steppe-mobile-v7-rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 12px 7px 0;overscroll-behavior-x:contain}
  .steppe-mobile-v7-rail::-webkit-scrollbar{display:none}
  .steppe-mobile-v7-channel{flex:0 0 82px;min-width:82px;text-align:center;scroll-snap-align:start;text-decoration:none;color:#111}
  .steppe-mobile-v7-channel__img{display:block;width:70px;height:70px;margin:0 auto 8px;border:1px solid #e2e4e8;border-radius:12px;overflow:hidden;background:#fff}
  .steppe-mobile-v7-channel__img img{display:block;width:100%;height:100%;object-fit:cover;background:#fff}
  .steppe-mobile-v7-channel.is-globe .steppe-mobile-v7-channel__img{width:60px;height:60px;margin-top:5px;margin-bottom:13px;border:0;border-radius:50%;overflow:visible;background:transparent}
  .steppe-mobile-v7-channel.is-globe img{object-fit:contain;border-radius:50%;background:transparent}
  .steppe-mobile-v7-channel__label{display:block;font:750 11px/1.12 Inter,Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .steppe-mobile-v7-arrow{position:absolute;z-index:4;top:22px;width:28px;height:28px;padding:0;border:1px solid #e2e4e8;border-radius:50%;background:rgba(255,255,255,.95);box-shadow:0 4px 14px rgba(15,23,42,.09);font-size:20px;line-height:24px;color:#222;cursor:pointer}
  .steppe-mobile-v7-arrow.prev{left:-9px}.steppe-mobile-v7-arrow.next{right:-9px}

  .steppe-mobile-v7-breaking>h2{font-size:23px;line-height:1.15;margin:0 0 14px}
  .steppe-mobile-v7-breaking-card{margin:0 0 30px;border:1px solid #e3e5e8;border-radius:10px;overflow:hidden;background:#eef0f3;box-shadow:none;transition:box-shadow .18s ease}
  .steppe-mobile-v7-breaking-card:active{box-shadow:0 10px 28px rgba(15,23,42,.09)}
  .steppe-mobile-v7-breaking-media{position:relative;display:block;height:315px;color:#fff;text-decoration:none;overflow:hidden}
  .steppe-mobile-v7-breaking-media>img{display:block;width:100%;height:100%;object-fit:cover}
  .steppe-mobile-v7-breaking-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03) 24%,rgba(0,0,0,.79) 100%)}
  .steppe-mobile-v7-breaking-copy{position:absolute;left:18px;right:18px;bottom:18px;color:#fff}
  .steppe-mobile-v7-breaking-copy strong{display:block;font-family:"IBM Plex Serif",Georgia,serif;font-size:28px;line-height:1.12;font-weight:650;letter-spacing:-.45px;text-shadow:0 1px 3px rgba(0,0,0,.18);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
  .steppe-mobile-v7-breaking-copy small{display:block;margin-top:10px;font:500 11px/1.2 Inter,Arial,sans-serif;color:rgba(255,255,255,.86)}

  .steppe-mobile-v7-recommend>h2{font-size:23px;line-height:1.15;margin:0 0 14px}
  .steppe-mobile-v7-tabs{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;margin:0 0 13px;padding:0 0 2px}
  .steppe-mobile-v7-tabs::-webkit-scrollbar{display:none}
  .steppe-mobile-v7-tabs button{flex:0 0 auto;min-height:46px;padding:0 17px;border:1px solid #dfe3e8;border-radius:9px;background:#fff;color:#15171a;font:800 12px/1 Inter,Arial,sans-serif;white-space:nowrap;cursor:pointer;transition:box-shadow .18s ease,background .18s ease,border-color .18s ease}
  .steppe-mobile-v7-tabs button.is-active{background:#111;color:#fff;border-color:#111}
  .steppe-mobile-v7-tabs button:not(.is-active):active{box-shadow:0 8px 22px rgba(15,23,42,.08)}
  .steppe-mobile-v7-list{display:block}
  .steppe-mobile-v7-post{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;align-items:start;padding:14px 0;border-bottom:1px solid #e9ebee;min-height:116px}
  .steppe-mobile-v7-post__img{display:block;height:88px;border-radius:8px;overflow:hidden;background:#eef0f3}
  .steppe-mobile-v7-post__img img{display:block;width:100%;height:100%;object-fit:cover}
  .steppe-mobile-v7-post__body{min-width:0}
  .steppe-mobile-v7-post h3{margin:2px 0 11px;font-family:"IBM Plex Serif",Georgia,serif;font-size:18px;line-height:1.16;font-weight:650;letter-spacing:-.2px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
  .steppe-mobile-v7-post h3 a{color:#111;text-decoration:none}
  .steppe-mobile-v7-post .steppe-meta{font-size:9.5px;gap:10px;color:#94989f}
  .steppe-mobile-v7-recommend .steppe-filter-sentinel{height:34px}

  /* Keep the full visual editor usable in mobile preview without duplicate desktop DOM. */
  body.sm-editor-mobile-preview .steppe-desktop-home{display:none!important}
  body.sm-editor-mobile-preview .steppe-mobile-v7{display:block!important}
}


/* ======================================================================
   SteppeNews SmartMag 1.3 — stable desktop rail, mobile rubrics, ad/widget
   ====================================================================== */
:root{
  --steppe-shadow-deep:0 18px 48px rgba(15,23,42,.15),0 4px 14px rgba(15,23,42,.06);
}

/* Desktop homepage: editorial stream + useful right rail instead of dead space. */
@media(min-width:1101px){
  .steppe-home-body-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) 320px;
    gap:20px;
    align-items:start;
    margin-top:16px;
  }
  .steppe-home-main{min-width:0}
  .steppe-home-main .steppe-feature-grid,
  .steppe-home-main .steppe-rubric-grid,
  .steppe-home-main .steppe-rubric-grid:last-of-type{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .steppe-home-sidebar{position:sticky;top:24px;display:grid;gap:16px;min-width:0}
}
@media(min-width:768px) and (max-width:1100px){
  .steppe-home-body-grid{display:block}
  .steppe-home-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
}

/* Cached weather + NBK currency widget. */
.steppe-utility{
  border:1px solid #e2e5e9;
  border-radius:10px;
  background:#fff;
  overflow:hidden;
  color:#17191d;
  transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease;
}
.steppe-utility:hover{box-shadow:var(--steppe-shadow-deep);border-color:#d9dde3;transform:translateY(-1px)}
.steppe-utility__weather{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:16px;border-bottom:1px solid #eceef1}
.steppe-utility__icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#f7f8fa;color:#f59e0b}
.steppe-utility__icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.steppe-utility__weather strong{display:block;font:800 14px/1.15 Inter,Arial,sans-serif}
.steppe-utility__weather small{display:block;margin-top:4px;font:500 10px/1.2 Inter,Arial,sans-serif;color:#8d929a}
.steppe-utility__weather>b{font:800 23px/1 Inter,Arial,sans-serif}
.steppe-utility__rates{padding:14px 16px 16px}
.steppe-utility__rates-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}
.steppe-utility__rates-head strong{font:800 13px/1.1 Inter,Arial,sans-serif}
.steppe-utility__rates-head small{font:700 11px/1 Inter,Arial,sans-serif;color:#9aa0a8}
.steppe-utility__rates-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.steppe-utility__rates-grid span{display:flex;justify-content:space-between;gap:8px;padding:9px 10px;border:1px solid #edf0f2;border-radius:7px;background:#fafbfc}
.steppe-utility__rates-grid b{font:800 10px/1 Inter,Arial,sans-serif;color:#5f6670}
.steppe-utility__rates-grid em{font:750 11px/1 Inter,Arial,sans-serif;font-style:normal;color:#17191d}

/* Sidebar ads fill their slot; no asset = no empty visitor hole. */
.steppe-home-sidebar .steppe-ad{margin:0}
.steppe-home-sidebar .steppe-ad picture,
.steppe-home-sidebar .steppe-ad img{width:100%;max-height:none;object-fit:cover;border-radius:9px}

/* LIVE/Popular: fixed tabs + explicit More button while scroll loading remains. */
.steppe-live-tabs{position:relative;z-index:2}
.steppe-live-panel{position:relative}
.steppe-feed-more{
  display:block;
  width:100%;
  min-height:36px;
  margin:8px 0 2px;
  border:1px solid #e1e4e8;
  border-radius:8px;
  background:#fff;
  color:#17191d;
  font:800 10.5px/1 Inter,Arial,sans-serif;
  cursor:pointer;
  transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease;
}
.steppe-feed-more:hover{box-shadow:0 9px 24px rgba(15,23,42,.10);border-color:#d3d8df;transform:translateY(-1px)}
.steppe-live-panel[data-done="1"] .steppe-feed-more{display:none}

/* Rubrics: stronger hover depth and readable headings. */
.steppe-section:hover{box-shadow:var(--steppe-shadow-deep)!important;border-color:#d5dae1!important;transform:translateY(-2px)!important}
.steppe-section-head h2{font-size:15.5px;font-weight:800}
.steppe-section-body h3{font-size:16px}
.steppe-section-mini strong{font-size:13px}
[data-steppe-block="opinion"] .steppe-section-icon{color:#7c3aed}
[data-steppe-block="business"] .steppe-section-icon{color:#00897b}
[data-steppe-block="society"] .steppe-section-icon{color:#2563eb}
[data-steppe-block="culture"] .steppe-section-icon{color:#f59e0b}
[data-steppe-block="travel"] .steppe-section-icon{color:#0891b2}
[data-steppe-block="special"] .steppe-section-icon{color:#e11d48}
[data-steppe-block="sport"] .steppe-section-icon{color:#16a34a}
[data-steppe-block="gift"] .steppe-section-icon{color:#d97706}
[data-steppe-block="editor_choice"] .steppe-section-icon{color:#ef4444}

/* Mobile recommendation is intentionally capped at five posts. */
@media(max-width:767px){
  .steppe-mobile-v7-recommend{margin-bottom:12px}
  .steppe-mobile-v7-recommend .steppe-filter-sentinel{display:none}
  .steppe-mobile-v7-post:nth-of-type(n+6){display:none!important}

  /* Horizontal banner directly after Recommendation:
     hero = 315px, banner = 268px (about 15% shorter). */
  .steppe-mobile-v7-banner{margin:8px 0 24px}
  .steppe-mobile-v7-banner .steppe-ad{margin:0}
  .steppe-mobile-v7-banner .steppe-ad picture,
  .steppe-mobile-v7-banner .steppe-ad img{
    display:block;
    width:100%;
    height:268px;
    max-height:268px;
    object-fit:cover;
    border-radius:10px;
  }

  /* Every desktop rubric also exists on mobile in the same editorial order.
     Lead: square image left, headline right; next 3-4 headlines text-only. */
  .steppe-mobile-v7-rubrics{display:grid;gap:13px;margin-top:0}
  .steppe-mobile-v7-rubrics .steppe-section{
    border-radius:10px;
    background:#fff;
  }
  .steppe-mobile-v7-rubrics .steppe-section-head{min-height:52px;padding:14px 14px 12px}
  .steppe-mobile-v7-rubrics .steppe-section-head h2{font-size:16px}
  .steppe-mobile-v7-rubrics .steppe-section-lead,
  .steppe-mobile-v7-rubrics .steppe-section--wide .steppe-section-lead{
    display:grid;
    grid-template-columns:104px minmax(0,1fr);
    gap:12px;
    min-height:116px;
    padding:12px 13px;
  }
  .steppe-mobile-v7-rubrics .steppe-section-media,
  .steppe-mobile-v7-rubrics .steppe-section--wide .steppe-section-media{
    width:104px;
    height:104px;
    min-height:104px;
    border-radius:8px;
  }
  .steppe-mobile-v7-rubrics .steppe-section-body h3,
  .steppe-mobile-v7-rubrics .steppe-section--wide .steppe-section-body h3{
    min-height:0;
    margin:1px 0 8px;
    font-size:16.5px;
    line-height:1.18;
    -webkit-line-clamp:4;
  }
  .steppe-mobile-v7-rubrics .steppe-section-list,
  .steppe-mobile-v7-rubrics .steppe-section--wide .steppe-section-list{
    display:block;
    padding:0 13px 7px;
  }
  .steppe-mobile-v7-rubrics .steppe-section-mini,
  .steppe-mobile-v7-rubrics .steppe-section--wide .steppe-section-mini{
    display:block;
    min-height:0;
    padding:11px 0;
    border-top:1px solid #eceef1;
  }
  .steppe-mobile-v7-rubrics .steppe-section-mini__img{display:none!important}
  .steppe-mobile-v7-rubrics .steppe-section-mini strong{
    font-family:"IBM Plex Serif",Georgia,serif;
    font-size:14px;
    line-height:1.22;
    -webkit-line-clamp:2;
  }
  .steppe-mobile-v7-rubrics .steppe-section-mini small{font-size:9px;margin-top:5px}

  /* Mobile utility appears inside post sidebar only, not homepage app rail. */
  .steppe-home-sidebar{display:none}
}