/* SteppeNews site-wide layer. SmartMag remains the engine. */
:root{--steppe-canvas:1480px;--steppe-line:#e5e7eb;--steppe-soft-shadow:0 12px 30px rgba(17,24,39,.08)}
.logo-link.ts-logo{position:relative;z-index:2}

/* Header art around the SmartMag logo; smaller and less collision-prone. */
@media(min-width:941px){
  .smart-head-main .ts-logo img{max-height:48px;width:auto}
  .logo-link.ts-logo:before,.logo-link.ts-logo:after{content:"";position:absolute;top:50%;transform:translateY(-50%);height:52px;max-width:168px;background-repeat:no-repeat;background-position:center;background-size:contain;pointer-events:none;opacity:.96}
  .logo-link.ts-logo:before{right:calc(100% + 18px);width:min(var(--steppe-art-left-w,160px),168px);background-image:var(--steppe-art-left)}
  .logo-link.ts-logo:after{left:calc(100% + 18px);width:min(var(--steppe-art-right-w,160px),168px);background-image:var(--steppe-art-right)}
}
.smart-head-mobile .ts-logo img{max-height:30px;width:auto}

/* Main/article/archive canvas has deliberate breathing room from viewport edges. */
@media(min-width:941px){
  body:not(.home) .main-wrap>.main,body.single .main-wrap>.main,body.archive .main-wrap>.main,body.category .main-wrap>.main,body.search .main-wrap>.main{width:min(calc(100% - 96px),var(--steppe-canvas));max-width:var(--steppe-canvas);margin-left:auto;margin-right:auto}
}

/* Hide the legacy Elementor/Sphere footer once native Steppe footer is active. */
[data-elementor-type="ts-footer"],.elementor-location-footer{display:none!important}
.steppe-native-footer{background:#1f2125;color:#d7d9dd;padding:42px 0 36px;margin-top:42px}
.steppe-native-footer__inner{width:min(calc(100% - 96px),var(--steppe-canvas));margin:auto;display:grid;grid-template-columns:1.6fr .8fr .9fr;gap:44px}
.steppe-native-footer h3,.steppe-native-footer h4{color:#fff;margin:0 0 13px}.steppe-native-footer h3{font-size:18px}.steppe-native-footer h4{font-size:14px}.steppe-native-footer p,.steppe-native-footer li{font-size:12px;line-height:1.55;color:#adb1b8}.steppe-native-footer ul{margin:0;padding:0;list-style:none}.steppe-native-footer li{margin:0 0 7px}.steppe-native-footer a{color:#e4e5e7;text-decoration:none}.steppe-native-footer a:hover{color:#fff}

/* Thin-line language-neutral interaction on regular SmartMag cards too. */
.loop-grid-base,.list-post,.block-wrap{transition:box-shadow .18s ease,border-color .18s ease}

.single .steppe-ad{margin:20px auto;max-width:100%;position:relative;text-align:center}.single .steppe-ad picture,.single .steppe-ad img{display:block;width:100%;height:auto;max-height:220px;object-fit:contain}.single .steppe-ad-label{position:absolute;right:6px;top:5px;z-index:2;font-size:8px;background:rgba(255,255,255,.88);padding:2px 5px;border-radius:3px;color:#777}

/* App navigation ported from Steppe Modern 0.8.1 and wired to SmartMag search/menu. */
.steppe-mobile-bottom{display:none}
@media(max-width:767px){
  body{padding-bottom:66px}
  .steppe-native-footer{padding:30px 0 82px;margin-top:28px}.steppe-native-footer__inner{width:calc(100% - 30px);grid-template-columns:1fr;gap:24px}
  .single .steppe-ad{margin:14px auto}
  .steppe-mobile-bottom{position:fixed;left:8px;right:8px;bottom:6px;z-index:999999;height:54px;padding:4px;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.97);border:1px solid var(--steppe-line);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12);backdrop-filter:blur(12px)}
  .steppe-mobile-bottom__item{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#555;font-family:Inter,Arial,sans-serif;font-size:8px;font-weight:650;text-decoration:none;border-radius:7px;cursor:pointer}
  .steppe-mobile-bottom__item svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .steppe-mobile-bottom__item:first-child svg{fill:currentColor;stroke:none}.steppe-mobile-bottom__item.is-active{background:#111;color:#fff}
}

/* ======================================================================
   SteppeNews SmartMag 1.2 — exact logo centering + quieter header art
   ====================================================================== */
@media(min-width:941px){
  .smart-head-main .smart-head-mid>.inner{position:relative}
  .smart-head-main .smart-head-mid .items-center{position:absolute!important;left:50%!important;right:auto!important;top:50%;transform:translate(-50%,-50%);z-index:4;width:auto!important;max-width:360px}
  .smart-head-main .smart-head-mid .items-left{margin-right:auto;z-index:2}
  .smart-head-main .smart-head-mid .items-right{margin-left:auto;z-index:2}
  .smart-head-main .smart-head-mid .ts-logo{display:flex;align-items:center;justify-content:center;position:relative;margin:0!important}
  .smart-head-main .smart-head-mid .ts-logo img{max-height:42px!important;max-width:220px!important;width:auto!important;object-fit:contain}
  .smart-head-main .smart-head-mid .ts-logo.text-logo{font-size:28px;line-height:1;font-weight:800;letter-spacing:-1.1px;white-space:nowrap}
  .logo-link.ts-logo:before,.logo-link.ts-logo:after{height:42px!important;max-width:128px!important;opacity:.94!important}
  .logo-link.ts-logo:before{right:calc(100% + 14px)!important;width:min(var(--steppe-art-left-w,120px),128px)!important}
  .logo-link.ts-logo:after{left:calc(100% + 14px)!important;width:min(var(--steppe-art-right-w,120px),128px)!important}
}
@media(max-width:767px){
  .smart-head-mobile .smart-head-mid{min-height:52px}
  .smart-head-mobile .smart-head-mid .items-center{position:absolute;left:50%;transform:translateX(-50%);max-width:58vw}
  .smart-head-mobile .ts-logo{margin:0!important;white-space:nowrap}
  .smart-head-mobile .ts-logo img{max-height:26px!important;max-width:150px!important;width:auto!important;object-fit:contain}
  .smart-head-mobile .ts-logo.text-logo{font-size:18px!important;line-height:1!important;font-weight:800;letter-spacing:-.6px}
  .smart-head-mobile .logo-link.ts-logo:before,.smart-head-mobile .logo-link.ts-logo:after{display:none!important}
  .steppe-mobile-bottom{height:58px!important;padding:5px!important;border-radius:10px!important}
  .steppe-mobile-bottom__item{font-size:9px!important;gap:2px!important;border-radius:7px!important}
  .steppe-mobile-bottom__item svg{width:19px!important;height:19px!important}
}

/* Desktop content breathing room close to the approved reference. */
@media(min-width:1200px){
  .steppe-home-shell{width:min(calc(100% - 112px),1480px)!important}
  body.single .main-wrap>.main{width:min(calc(100% - 112px),1480px)!important}
}

@media(max-width:767px){.smart-head-mobile .smart-head-mid>.inner{position:relative!important}}


/* ======================================================================
   SteppeNews SmartMag 1.3 — cleaner header, article rail, 3-icon mobile nav
   ====================================================================== */

/* Remove the old black TRENDING / contacts row completely. */
.smart-head-main .smart-head-top{display:none!important}

/* Header middle row is the only brand row; language/actions stay on the right. */
@media(min-width:941px){
  .smart-head-main .smart-head-mid{border-top:0!important}
  .smart-head-main .smart-head-mid .items-right{
    justify-content:flex-end!important;
    color:#111!important;
  }
  .smart-head-main .smart-head-mid .items-right a,
  .smart-head-main .smart-head-mid .items-right button{
    color:#111!important;
    border-color:#d9dde3!important;
  }
  .smart-head-main .smart-head-mid .items-right .is-active,
  .smart-head-main .smart-head-mid .items-right .current-lang>a{
    background:#111!important;
    color:#fff!important;
    border-color:#111!important;
  }

  /* Compact centered logo; configurable caravans flank it symmetrically. */
  .smart-head-main .smart-head-mid .ts-logo img{max-height:38px!important;max-width:205px!important}
  .logo-link.ts-logo:before,.logo-link.ts-logo:after{height:36px!important;max-width:116px!important}
  .logo-link.ts-logo:before{right:calc(100% + 11px)!important;width:min(var(--steppe-art-left-w,108px),116px)!important}
  .logo-link.ts-logo:after{left:calc(100% + 11px)!important;width:min(var(--steppe-art-right-w,108px),116px)!important}
}

/* If header art is configured, show a tiny balanced caravan on mobile too. */
@media(max-width:767px){
  .smart-head-mobile .smart-head-mid{min-height:50px!important}
  .smart-head-mobile .smart-head-mid .items-center{left:50%!important;transform:translateX(-50%)!important;max-width:54vw!important}
  .smart-head-mobile .ts-logo img{max-height:23px!important;max-width:124px!important}
  .smart-head-mobile .ts-logo.text-logo{font-size:17px!important}
  .smart-head-mobile .logo-link.ts-logo:before,
  .smart-head-mobile .logo-link.ts-logo:after{
    display:var(--steppe-art-mobile-display,none)!important;
    content:"";
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:44px!important;
    height:24px!important;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    opacity:.88;
    pointer-events:none;
  }
  .smart-head-mobile .logo-link.ts-logo:before{right:calc(100% + 7px);background-image:var(--steppe-art-left)}
  .smart-head-mobile .logo-link.ts-logo:after{left:calc(100% + 7px);background-image:var(--steppe-art-right)}
}

/* Article canvas and desktop feature image: about 40% smaller than prior full width. */
@media(min-width:941px){
  body.single .post-layout-classic .post-featured,
  body.single .post-layout-modern .post-featured,
  body.single .the-post>.post-featured{
    width:60%!important;
    max-width:900px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Utility + ad rail on the right of article content. */
  body.single .post-content-wrap{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 310px!important;
    gap:34px!important;
    align-items:start!important;
    max-width:1180px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.single .post-content-wrap>.post-content{
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
  }
  body.single .steppe-post-sidebar{
    display:grid;
    gap:16px;
    position:sticky;
    top:24px;
    min-width:0;
  }
  body.single .steppe-post-sidebar .steppe-ad{margin:0!important}
  body.single .steppe-post-sidebar .steppe-ad picture,
  body.single .steppe-post-sidebar .steppe-ad img{
    width:100%;
    max-height:none;
    object-fit:cover;
    border-radius:9px;
  }
}

/* Mobile article returns to one column; sidebar sits below content. */
@media(max-width:940px){
  body.single .post-content-wrap{display:block!important}
  body.single .steppe-post-sidebar{display:grid;gap:14px;margin:22px 0 0}
}

/* 3-icon app navigation: 10% taller, no text labels. */
@media(max-width:767px){
  body{padding-bottom:76px!important}
  .steppe-mobile-bottom{
    height:64px!important;
    padding:5px 7px!important;
    grid-template-columns:repeat(3,1fr)!important;
    border-radius:12px!important;
  }
  .steppe-mobile-bottom__item{
    flex-direction:row!important;
    gap:0!important;
    font-size:0!important;
    border-radius:9px!important;
  }
  .steppe-mobile-bottom__item span{display:none!important}
  .steppe-mobile-bottom__item svg{width:25px!important;height:25px!important;stroke-width:1.9!important}
  .steppe-mobile-bottom__item:first-child svg{width:24px!important;height:24px!important}
}

/* Deeper line-card hover on SmartMag lists too. */
@media(hover:hover){
  .loop-grid-base:hover,.list-post:hover,.block-wrap:hover{
    box-shadow:0 16px 42px rgba(15,23,42,.12),0 3px 10px rgba(15,23,42,.05);
  }
}


/* Utility widget is site-wide because it also appears on article pages. */
.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:0 18px 48px rgba(15,23,42,.15),0 4px 14px rgba(15,23,42,.06);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}


/* SteppeNews 1.3.0.1 header hotfix: logo image + desktop language controls. */
@media(min-width:941px){
  .smart-head-main .smart-head-mid .sm-lang-switch{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-left:12px;white-space:nowrap}
  .smart-head-main .smart-head-mid .sm-lang-switch__link{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:30px;padding:0 9px;border:1px solid #d9dde3;border-radius:5px;color:#111!important;background:#fff;font-size:12px;font-weight:700;line-height:1;text-decoration:none}
  .smart-head-main .smart-head-mid .sm-lang-switch__link.is-active{background:#111!important;color:#fff!important;border-color:#111!important}
  .smart-head-main .smart-head-mid .steppe-bundled-logo{display:block}
}

/* ======================================================================
   SteppeNews 1.3.0.2 — independent custom header (SmartMag Header Builder bypassed)
   ====================================================================== */
.steppe-custom-header,
.steppe-custom-header-mobile{background:#fff;color:#111;border-top:1px solid #171717;position:relative;z-index:50}
.steppe-header-inner{width:min(calc(100% - 76px),1480px);margin:0 auto}

/* Desktop brand row: socials | exact centered brand | languages. */
.steppe-header-brandrow{border-bottom:1px solid #e5e5e5}
.steppe-header-brandgrid{height:112px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
.steppe-header-brandrow__left{justify-self:start;min-width:0}
.steppe-header-brandrow__center{justify-self:center;min-width:0}
.steppe-header-brandrow__right{justify-self:end;min-width:0}

.steppe-header-socials .spc-social-block{display:flex;align-items:center;gap:10px}
.steppe-header-socials .service{display:grid!important;place-items:center;width:46px;height:46px;margin:0!important;border:1px solid #e3e5e8;border-radius:50%;background:#fff;color:#2c2d30!important;transition:background .18s ease,border-color .18s ease,color .18s ease}
.steppe-header-socials .service:hover{background:#f6f7f8;border-color:#d8dade;color:#111!important}
.steppe-header-socials .service svg{width:18px;height:18px}

.steppe-brand{position:relative;display:flex;align-items:center;justify-content:center;margin:0;text-decoration:none;line-height:0}
.steppe-brand img{display:block;width:auto!important;height:auto!important;max-width:190px!important;max-height:78px!important;object-fit:contain}
.steppe-brand:before,.steppe-brand:after{content:"";position:absolute;top:50%;transform:translateY(-50%);height:44px;width:min(var(--steppe-art-left-w,120px),140px);background-repeat:no-repeat;background-position:center;background-size:contain;pointer-events:none;opacity:.96}
.steppe-brand:before{right:calc(100% + 14px);background-image:var(--steppe-art-left)}
.steppe-brand:after{left:calc(100% + 14px);width:min(var(--steppe-art-right-w,120px),140px);background-image:var(--steppe-art-right)}

.steppe-header-languages{display:flex;align-items:center;justify-content:flex-end;gap:7px;white-space:nowrap}
.steppe-header-languages .sm-lang-switch__link{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:34px;padding:0 10px;border:1px solid #d9dde3;border-radius:6px;background:#fff;color:#111!important;font:750 12px/1 Inter,Arial,sans-serif;text-decoration:none}
.steppe-header-languages .sm-lang-switch__link.is-active{background:#111!important;border-color:#111!important;color:#fff!important}

/* Desktop navigation row. */
.steppe-header-navrow{border-bottom:1px solid #dadde1;background:#fff}
.steppe-header-navgrid{height:62px;display:grid;grid-template-columns:240px minmax(0,1fr) 92px;align-items:center;gap:20px}
.steppe-header-date{justify-self:start;white-space:nowrap;color:#17191c;font:500 15px/1.2 Inter,Arial,sans-serif;text-transform:none}
.steppe-header-nav{min-width:0;height:100%;display:flex;align-items:center;justify-content:center}
.steppe-header-nav .steppe-main-menu{display:flex;align-items:center;justify-content:center;gap:0;margin:0;padding:0;list-style:none;white-space:nowrap}
.steppe-header-nav .steppe-main-menu>li{position:relative;margin:0;padding:0;list-style:none}
.steppe-header-nav .steppe-main-menu>li>a{display:flex;align-items:center;height:62px;padding:0 20px;color:#090a0b;text-decoration:none;font:700 16px/1 Inter,Arial,sans-serif;transition:color .16s ease}
.steppe-header-nav .steppe-main-menu>li>a:hover,
.steppe-header-nav .steppe-main-menu>li.current-menu-item>a,
.steppe-header-nav .steppe-main-menu>li.current-menu-ancestor>a{color:#ed0016}
.steppe-header-nav .sub-menu{position:absolute;top:100%;left:0;z-index:100;display:none;min-width:210px;margin:0;padding:10px 0;background:#fff;border:1px solid #e5e7ea;box-shadow:0 12px 28px rgba(17,24,39,.10);list-style:none}
.steppe-header-nav li:hover>.sub-menu{display:block}
.steppe-header-nav .sub-menu a{display:block;padding:9px 16px;color:#111;text-decoration:none;font:600 13px/1.25 Inter,Arial,sans-serif}
.steppe-header-nav .sub-menu a:hover{background:#f6f7f8;color:#ed0016}

.steppe-header-actions{justify-self:end;display:flex;align-items:center;justify-content:flex-end;gap:14px}
.steppe-header-actions .search-icon,.steppe-header-actions .offcanvas-toggle{display:grid!important;place-items:center;width:30px;height:34px;padding:0!important;margin:0!important;border:0!important;background:transparent!important;color:#101214!important;text-decoration:none;box-shadow:none!important}
.steppe-header-actions .search-icon i{font-size:20px}
.steppe-header-actions .hamburger-icon{transform:none!important}

/* Mobile custom header is also independent from SmartMag header settings. */
.steppe-custom-header-mobile{display:none;border-bottom:1px solid #e0e2e5}
.steppe-mobile-menu-toggle,.steppe-mobile-search{display:grid!important;place-items:center;width:38px;height:38px;padding:0!important;margin:0!important;border:0!important;background:transparent!important;color:#111!important;box-shadow:none!important}
.steppe-mobile-brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;line-height:0}
.steppe-mobile-brand img{display:block;width:auto;height:auto;max-width:130px;max-height:44px;object-fit:contain}
.steppe-mobile-actions{margin-left:auto;display:flex;align-items:center;gap:2px}
.steppe-mobile-languages{display:flex;gap:3px;align-items:center}
.steppe-mobile-languages .sm-lang-switch__link{display:none;align-items:center;justify-content:center;min-width:34px;height:30px;padding:0 7px;border:1px solid #d9dde3;border-radius:5px;background:#fff;color:#111!important;font:750 11px/1 Inter,Arial,sans-serif;text-decoration:none}
.steppe-mobile-languages .sm-lang-switch__link.is-active{display:inline-flex;background:#111!important;border-color:#111!important;color:#fff!important}

/* Our off-canvas uses SmartMag's interaction hooks but our own brand/menu contents. */
.steppe-custom-offcanvas .steppe-offcanvas-logo{display:flex;align-items:center;justify-content:flex-start;max-width:155px;line-height:0}
.steppe-custom-offcanvas .steppe-offcanvas-logo img{display:block;width:auto;height:auto;max-width:150px;max-height:54px;object-fit:contain}

@media(max-width:1280px) and (min-width:941px){
  .steppe-header-inner{width:calc(100% - 44px)}
  .steppe-header-navgrid{grid-template-columns:190px minmax(0,1fr) 82px;gap:12px}
  .steppe-header-nav .steppe-main-menu>li>a{padding:0 13px;font-size:14px}
  .steppe-header-date{font-size:13px}
  .steppe-brand img{max-width:175px!important;max-height:72px!important}
  .steppe-brand:before,.steppe-brand:after{max-width:92px;height:38px}
  .steppe-header-socials .service{width:42px;height:42px}
}

@media(max-width:940px){
  .steppe-custom-header{display:none!important}
  .steppe-custom-header-mobile{height:60px;padding:0 12px;display:flex;align-items:center;position:relative}
  .steppe-brand:before,.steppe-brand:after{display:none!important}
}

@media(min-width:941px){
  .steppe-custom-header-mobile{display:none!important}
}

/* ======================================================================
   SteppeNews Custom 1.0 — standalone shell. The approved visual geometry
   above remains untouched; these rules only replace SmartMag interactions.
   ====================================================================== */
.steppe-header-actions svg,.steppe-mobile-search svg{width:21px;height:21px;display:block}
.steppe-header-menu .hamburger-icon,.steppe-mobile-menu-toggle .hamburger-icon{position:relative;display:block;width:22px;height:16px}
.steppe-header-menu .hamburger-icon:before,.steppe-header-menu .hamburger-icon:after,.steppe-header-menu .hamburger-icon .inner,
.steppe-mobile-menu-toggle .hamburger-icon:before,.steppe-mobile-menu-toggle .hamburger-icon:after,.steppe-mobile-menu-toggle .hamburger-icon .inner{content:"";position:absolute;left:0;width:22px;height:2px;background:currentColor;border-radius:2px}
.steppe-header-menu .hamburger-icon:before,.steppe-mobile-menu-toggle .hamburger-icon:before{top:0}
.steppe-header-menu .hamburger-icon .inner,.steppe-mobile-menu-toggle .hamburger-icon .inner{top:7px}
.steppe-header-menu .hamburger-icon:after,.steppe-mobile-menu-toggle .hamburger-icon:after{top:14px}

.steppe-custom-offcanvas{position:fixed!important;z-index:10002!important;top:0!important;left:0!important;bottom:0!important;width:min(390px,88vw)!important;padding:0!important;background:#fff!important;transform:translateX(-104%);transition:transform .24s ease;box-shadow:18px 0 45px rgba(15,23,42,.16);visibility:visible!important;overflow:auto}
.steppe-menu-open .steppe-custom-offcanvas{transform:translateX(0)}
.off-canvas-backdrop{display:block!important;position:fixed;z-index:10001;inset:0;background:rgba(0,0,0,.28);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}
.steppe-menu-open .off-canvas-backdrop{opacity:1;visibility:visible}
.steppe-menu-open{overflow:hidden}
.steppe-custom-offcanvas .off-canvas-head{display:flex;align-items:center;gap:18px;padding:20px 22px;border-bottom:1px solid #e6e8eb}
.steppe-custom-offcanvas .close{order:2;margin-left:auto;width:38px;height:38px;padding:0;background:#fff!important;color:#111!important;border:1px solid #e1e4e8!important;border-radius:50%!important;font-size:26px;line-height:34px;box-shadow:none!important}
.steppe-custom-offcanvas .off-canvas-content{padding:18px 22px 34px}
.steppe-custom-offcanvas .mobile-menu,.steppe-custom-offcanvas .mobile-menu ul{list-style:none;margin:0;padding:0}
.steppe-custom-offcanvas .mobile-menu>li{border-bottom:1px solid #eceef1}
.steppe-custom-offcanvas .mobile-menu a{display:block;padding:14px 2px;color:#111;font:700 15px/1.25 Inter,Arial,sans-serif;text-decoration:none}
.steppe-custom-offcanvas .sub-menu{padding:0 0 10px 14px!important}
.steppe-custom-offcanvas .sub-menu a{padding:8px 2px;font-size:13px;font-weight:600;color:#555}

.steppe-search-overlay[hidden]{display:none!important}
.steppe-search-overlay{position:fixed;z-index:10010;inset:0;background:rgba(255,255,255,.97);display:grid;place-items:center;padding:24px}
.steppe-search-overlay__inner{width:min(760px,100%)}
.steppe-search-overlay__close{position:absolute;right:28px;top:22px;width:46px;height:46px;padding:0!important;border:1px solid #dfe2e6!important;border-radius:50%!important;background:#fff!important;color:#111!important;box-shadow:none!important;font-size:32px;line-height:42px}
.steppe-search-form{display:flex;gap:10px;width:100%}
.steppe-search-form input{flex:1;width:auto;height:58px;border:1px solid #cfd4da;border-radius:8px;padding:0 18px;font:500 18px/1 Inter,Arial,sans-serif;color:#111;background:#fff}
.steppe-search-form button{height:58px!important;padding:0 24px!important;border-radius:8px!important;background:#111!important;font:800 12px/58px Inter,Arial,sans-serif!important;color:#fff!important;box-shadow:none!important}
.steppe-search-open{overflow:hidden}

/* Non-home templates: deliberately simple; homepage geometry stays authoritative. */
.steppe-content-main,.steppe-single-main{width:min(calc(100% - 96px),1480px);margin:34px auto 54px}
.steppe-archive-shell{max-width:1180px;margin:0 auto}
.steppe-archive-head{margin:0 0 28px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.steppe-archive-head h1{margin:0;font:750 32px/1.12 Inter,Arial,sans-serif;color:#17191d}
.steppe-archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 34px}
.steppe-archive-card{display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px;align-items:start;padding-bottom:22px;border-bottom:1px solid #e8eaed}
.steppe-archive-card__media{display:block;height:126px;border-radius:7px;overflow:hidden;background:#eef0f3}.steppe-archive-card__media img{width:100%;height:100%;object-fit:cover}
.steppe-archive-card h2{margin:2px 0 11px;font:600 20px/1.22 "IBM Plex Serif",Georgia,serif}.steppe-archive-card h2 a{color:#17191d;text-decoration:none}.steppe-archive-card small{color:#92969d;font-size:10px}
.steppe-page{max-width:900px;margin:auto}.steppe-page>h1{font:700 38px/1.12 "IBM Plex Serif",Georgia,serif;margin:0 0 24px}.steppe-page .entry-content,.steppe-single-main .entry-content{font:400 18px/1.75 "IBM Plex Serif",Georgia,serif;color:#292c31}.steppe-page .entry-content p,.steppe-single-main .entry-content p{margin:0 0 1.35em}
.steppe-single-main .the-post{max-width:1280px;margin:0 auto}.steppe-single-main .the-post-header{max-width:960px;margin:0 auto 25px}.steppe-single-main .post-title{margin:8px 0 14px;font:650 46px/1.08 "IBM Plex Serif",Georgia,serif;letter-spacing:-.7px;color:#16181b}.steppe-single-main .post-meta-single{display:flex;gap:10px;font:600 11px/1.2 Inter,Arial,sans-serif;color:#8b9097}.steppe-single-main .steppe-single-cats a{color:#d60019}.steppe-single-main .post-featured{margin:0 auto 28px;overflow:hidden;border-radius:10px}.steppe-single-main .post-featured img{display:block;width:100%;height:auto}.steppe-single-main .post-content-wrap{margin-top:0}
.steppe-404{text-align:center;padding:80px 0}.steppe-404 h1{font-size:72px;margin:0 0 8px}.steppe-404 .steppe-search-form{max-width:650px;margin:28px auto 0}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:940px){
 .steppe-content-main,.steppe-single-main{width:calc(100% - 36px);margin:24px auto 42px}
 .steppe-archive-grid{grid-template-columns:1fr}.steppe-archive-card{grid-template-columns:132px minmax(0,1fr)}.steppe-archive-card__media{height:94px}.steppe-archive-card h2{font-size:17px}
 .steppe-single-main .post-title{font-size:34px}.steppe-page>h1{font-size:32px}
}
@media(max-width:540px){
 .steppe-search-form{display:block}.steppe-search-form input,.steppe-search-form button{width:100%;box-sizing:border-box}.steppe-search-form button{margin-top:8px}
 .steppe-single-main .post-title{font-size:29px}.steppe-single-main .entry-content,.steppe-page .entry-content{font-size:17px}
}