/*
 * BMD — digital magazine / design system v2, 28 Oct 2026
 * Refined sans-serif editorial identity inspired by minimal product publishing.
 * Colors: near-black, whites, neutral grays and intentional restrained red.
 * Consistent alignment: header, page title and main content use 1180px rail.
 * Plain text logo, native OceanWP navigation, no layout JS.
 */
:root{
  --bmd-ink:#17181b;
  --bmd-muted:#656870;
  --bmd-line:#e9e9eb;
  --bmd-brand:#cf303b;
  --bmd-surface:#f9f9fa;
  --bmd-editorial-width:1180px;
  --bmd-editorial-gutter:40px;
}
body.bmd-premium-layout{
  --bmd-ink:#17181b;
  --bmd-muted:#656870;
  --bmd-line:#e9e9eb;
  --bmd-brand:#cf303b;
  --bmd-surface:#f9f9fa;
  color:#191a1c!important;
  background:#fff!important;
  font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.bmd-premium-layout #site-header{
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  height:auto!important;
  background:#fff!important;
  border:0!important;
  border-bottom:1px solid #ededee!important;
  box-shadow:none!important;
}
/* OceanWP .clr pseudo-elements were being treated as extra grid items.
   Suppress them only on the header's direct clearfix containers. */
body.bmd-premium-layout #site-header #site-header-inner::before,
body.bmd-premium-layout #site-header #site-header-inner::after,
body.bmd-premium-layout #site-header #site-logo::before,
body.bmd-premium-layout #site-header #site-logo::after,
body.bmd-premium-layout #site-header #site-logo-inner::before,
body.bmd-premium-layout #site-header #site-logo-inner::after{
  content:none!important;
  display:none!important;
}
/* One rail, same left/right edges as main H1 and main content. */
body.bmd-premium-layout #site-header #site-header-inner{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  align-content:center!important;
  justify-content:space-between!important;
  flex-wrap:nowrap!important;
  width:min(var(--bmd-editorial-width),calc(100% - var(--bmd-editorial-gutter)))!important;
  max-width:var(--bmd-editorial-width)!important;
  min-width:0!important;
  min-height:76px!important;
  height:auto!important;
  gap:clamp(16px,2.4vw,34px)!important;
  padding:10px 0!important;
  margin:0 auto!important;
  position:relative!important;
}
body.bmd-premium-layout #site-header #site-logo,
body.bmd-premium-layout #site-header #site-logo-inner{
  display:flex!important;
  align-items:center!important;
  align-self:center!important;
  justify-content:flex-start!important;
  float:none!important;
  position:relative!important;
  flex:0 0 auto!important;
  grid-column:auto!important;
  grid-row:auto!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  line-height:1!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  inset:auto!important;
}
/* Wordmark: custom letterspacing and a red typographic point, not an icon. */
body.bmd-premium-layout #site-header #site-logo .site-title{
  display:inline-block!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#17181b!important;
  font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:clamp(22px,1.85vw,26px)!important;
  font-weight:800!important;
  font-style:normal!important;
  letter-spacing:-.072em!important;
  line-height:1.11!important;
  white-space:nowrap!important;
  text-wrap:nowrap!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  text-decoration:none!important;
  text-shadow:none!important;
  transition:color .16s ease;
}
body.bmd-premium-layout #site-header #site-logo .site-title::after{
  display:inline;
  content:".";
  color:#cf303b;
  font-family:inherit;
  font-weight:800;
  letter-spacing:-.08em;
}
body.bmd-premium-layout #site-header #site-logo .site-title:hover{
  color:#45474c!important;
}
body.bmd-premium-layout #site-header #site-logo-inner::after{
  display:none!important;
  content:none!important;
}
body.bmd-premium-layout #site-header #site-logo .site-title:focus-visible{
  outline:2px solid #cf303b!important;
  outline-offset:5px!important;
}
body.bmd-premium-layout #site-header #site-navigation-wrap{
  display:flex!important;
  align-items:center!important;
  align-self:center!important;
  justify-content:flex-end!important;
  flex:1 1 auto!important;
  grid-column:auto!important;
  grid-row:auto!important;
  float:none!important;
  position:static!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}
body.bmd-premium-layout #site-header #site-navigation{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
}
body.bmd-premium-layout #site-header #site-navigation .main-menu{
  display:flex!important;
  align-items:center!important;
  align-content:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  float:none!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  gap:clamp(0px,.35vw,6px)!important;
  margin:0!important;
  padding:0!important;
}
body.bmd-premium-layout #site-header #site-navigation .main-menu>li{
  display:flex!important;
  align-items:center!important;
  align-self:center!important;
  position:relative!important;
  float:none!important;
  margin:0!important;
  padding:0!important;
  min-height:0!important;
  height:auto!important;
}
body.bmd-premium-layout #site-header #site-navigation .main-menu>li>a.menu-link,
body.bmd-premium-layout #site-header #site-navigation .main-menu>li>a.site-search-toggle{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  min-height:41px!important;
  height:auto!important;
  margin:0!important;
  padding:11px clamp(5px,.65vw,10px)!important;
  color:#303237!important;
  font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:clamp(11.5px,.94vw,13px)!important;
  font-weight:640!important;
  letter-spacing:-.02em!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  border-radius:7px!important;
  background:transparent!important;
  transition:background-color .16s ease,color .16s ease;
}
body.bmd-premium-layout #site-header #site-navigation .main-menu>li>a.menu-link:hover,
body.bmd-premium-layout #site-header #site-navigation .main-menu>li.current-menu-item>a.menu-link:not(.bmd-ignore){
  color:#cf303b!important;
  background:#fff5f6!important;
}
body.bmd-premium-layout #site-header #site-navigation .main-menu>li.bmd-nav-tools>a.menu-link,
body.bmd-premium-layout #site-header #site-navigation .main-menu>li.bmd-nav-tools.current-menu-item>a.menu-link{
  color:#fff!important;
  background:#191a1d!important;
  border-radius:8px!important;
  padding:12px clamp(8px,.8vw,12px)!important;
  font-weight:750!important;
}
body.bmd-premium-layout #site-header #site-navigation .main-menu>li.bmd-nav-tools>a.menu-link:hover{
  color:#fff!important;
  background:#303137!important;
}
body.bmd-premium-layout #site-header #site-navigation .main-menu>li.search-toggle-li>a{
  min-width:34px!important;
}
@media(min-width:960px){
  body.bmd-premium-layout #site-header #mobile-dropdown{
    display:none!important;
  }
  body.bmd-premium-layout #site-header .oceanwp-mobile-menu-icon{
    display:none!important;
  }
}
@media(min-width:960px) and (max-width:1190px){
  body.bmd-premium-layout #site-header #site-header-inner{
    gap:12px!important;
  }
  body.bmd-premium-layout #site-header #site-logo .site-title{
    font-size:clamp(19px,1.85vw,23px)!important;
  }
  body.bmd-premium-layout #site-header #site-navigation .main-menu{gap:0!important}
  body.bmd-premium-layout #site-header #site-navigation .main-menu>li>a.menu-link,
  body.bmd-premium-layout #site-header #site-navigation .main-menu>li>a.site-search-toggle{
    font-size:11.5px!important;
    padding:10px 5px!important;
  }
  body.bmd-premium-layout #site-header #site-navigation .main-menu>li.bmd-nav-tools>a.menu-link{
    padding:10px 7px!important;
  }
}
/* Shared content rail: first visible element on each horizontal section
   begins at exactly the same x coordinate, including blog lists and sidebars. */
body.bmd-premium-layout #main > .page-header > .page-header-inner,
body.bmd-premium-layout #main #content-wrap{
  box-sizing:border-box!important;
  width:min(var(--bmd-editorial-width),calc(100% - var(--bmd-editorial-gutter)))!important;
  max-width:var(--bmd-editorial-width)!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
body.bmd-premium-layout.bmd-bomdia-page #main #content-wrap{
  width:min(var(--bmd-editorial-width),calc(100% - var(--bmd-editorial-gutter)))!important;
  max-width:var(--bmd-editorial-width)!important;
}
/* Editorial masthead: clean, quiet and proportional to the content. */
body.bmd-premium-layout #main > .page-header{
  background:#fafafa!important;
  border-bottom:1px solid #ececef!important;
  padding:31px 0 34px!important;
}
body.bmd-premium-layout #main .page-header .page-header-title{
  color:#17181b!important;
  font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:clamp(28px,3vw,42px)!important;
  font-weight:800!important;
  line-height:1.13!important;
  letter-spacing:-.055em!important;
  text-wrap:balance!important;
}
body.bmd-premium-layout #main .page-header .site-breadcrumbs{
  color:#85858c!important;
  font-size:11px!important;
  font-weight:500!important;
}
body.bmd-premium-layout #main a:focus-visible{
  outline:2px solid #cf303b!important;
  outline-offset:3px!important;
}
/* Editorial typography and simple image/card language throughout the blog. */
body.bmd-premium-layout #main :is(h1,h2,h3,h4),
body.bmd-premium-layout #right-sidebar :is(h2,h3,h4){
  font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  color:#1b1c1f!important;
}
body.bmd-premium-layout #main .entry-content > :is(h2,h3){
  letter-spacing:-.04em!important;
}
body.bmd-premium-layout #main .bmd-eyebrow,
body.bmd-premium-layout #main .bmd-tool-tile-mark{
  color:#cf303b!important;
}
body.bmd-premium-layout #main .bmd-tool-tile-mark{
  background:#fff1f2!important;
}
body.bmd-premium-layout #main .bmd-tool-open,
body.bmd-premium-layout #main .bmd-tool-back>a{
  color:#b52530!important;
}
body.bmd-premium-layout #main .bmd-tool-tile{
  border:1px solid #e9e9eb!important;
  background:#fff!important;
  box-shadow:0 5px 20px rgba(0,0,0,.025)!important;
}
body.bmd-premium-layout #main .bmd-tool-tile:hover{
  border-color:#d3d3d5!important;
  box-shadow:0 14px 28px rgba(0,0,0,.045)!important;
}
/* Sidebar: remove all accidental botanical green; leave layout intact. */
body.bmd-premium-layout #right-sidebar{
  --bmd-mag-ink:#17181b!important;
  --bmd-mag-muted:#6b6e75!important;
  --bmd-mag-line:#e9e9eb!important;
  --bmd-mag-green:#cf303b!important;
  color:#1c1d20!important;
}
body.bmd-premium-layout #right-sidebar .sidebar-box{
  border-color:#e9e9eb!important;
  box-shadow:0 5px 24px rgba(0,0,0,.025)!important;
}
body.bmd-premium-layout #right-sidebar #search-5{
  background:#f7f7f8!important;
  border-color:#ededee!important;
}
body.bmd-premium-layout #right-sidebar #search-5::before{
  color:#ad2834!important;
}
body.bmd-premium-layout #right-sidebar #search-5 input[type=search]{
  color:#202124!important;
  border-color:#e2e3e5!important;
}
body.bmd-premium-layout #right-sidebar #block-3 h3,
body.bmd-premium-layout #right-sidebar .sidebar-box .widget-title{
  color:#17181b!important;
}
body.bmd-premium-layout #right-sidebar #block-3 .cat-item>a{
  color:#46484e!important;
  border-color:#eeeeef!important;
}
body.bmd-premium-layout #right-sidebar #block-3 .cat-item>a:hover{
  color:#bb2a35!important;
}
body.bmd-premium-layout #right-sidebar #block-3 .cat-item>a::after{
  border-color:#999ba1!important;
}
body.bmd-premium-layout #right-sidebar #block-3 .cat-item>a:hover::after{
  border-color:#cf303b!important;
}
/* Feature-specific green overrides, without altering its working tool logic. */
body.bmd-premium-layout.bmd-bomdia-page #post-4977 .entry-content>h2,
body.bmd-premium-layout.bmd-bomdia-page #post-4977 .entry-content>h3,
body.bmd-premium-layout.bmd-bomdia-page #post-4977 .single-post-title{
  color:#17181b!important;
}
body.bmd-premium-layout.bmd-bomdia-page #post-4977 .entry-content>nav:first-of-type{
  background:#fafafa!important;
  border-color:#e9e9eb!important;
}
body.bmd-premium-layout.bmd-bomdia-page #post-4977 .entry-content>nav:first-of-type strong,
body.bmd-premium-layout.bmd-bomdia-page #post-4977 .entry-content>nav:first-of-type a{
  color:#333439!important;
}
body.bmd-premium-layout.bmd-bomdia-page #post-4977 .entry-content>nav:first-of-type a:hover{
  color:#bb2834!important;
}
body.bmd-premium-layout.bmd-bomdia-page #bmd-bomdia-studio .gm-filter[aria-pressed="true"],
body.bmd-premium-layout.bmd-bomdia-page #bmd-bomdia-studio .gm-action-primary{
  background:#191a1d!important;
  border-color:#191a1d!important;
  color:#fff!important;
}
body.bmd-premium-layout.bmd-bomdia-page #bmd-bomdia-studio .gm-privacy::before{
  color:#cf303b!important;
}
body.bmd-premium-layout.bmd-bomdia-page #post-4977 .bmd-photo-download{
  background:#191a1d!important;
  border-color:#191a1d!important;
  color:#fff!important;
}
body.bmd-premium-layout.bmd-bomdia-page #post-4977 .bmd-photo-download:hover{
  background:#393b41!important;
}
body.bmd-premium-layout.bmd-bomdia-page #post-4977 .bmd-photo-edit{
  color:#333439!important;
  background:#f6f6f7!important;
  border-color:#e5e5e7!important;
}
/* Keep small screens predictable regardless of earlier OceanWP fixes. */
@media(max-width:959px){
  :root{--bmd-editorial-gutter:32px}
  body.bmd-premium-layout #site-header #site-header-inner{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:calc(100% - 32px)!important;
    max-width:calc(100% - 32px)!important;
    min-height:66px!important;
    gap:10px!important;
    padding:10px 0!important;
  }
  body.bmd-premium-layout #site-header #site-logo{
    flex:0 1 auto!important;
    max-width:calc(100% - 55px)!important;
  }
  body.bmd-premium-layout #site-header #site-logo .site-title{
    font-size:clamp(16.5px,4.4vw,23px)!important;
    font-weight:790!important;
    letter-spacing:-.064em!important;
    line-height:1.15!important;
    white-space:nowrap!important;
  }
  body.bmd-premium-layout #site-header #site-navigation-wrap{
    display:none!important;
  }
  body.bmd-premium-layout #site-header .oceanwp-mobile-menu-icon{
    display:flex!important;
    flex:0 0 auto!important;
    align-self:center!important;
    align-items:center!important;
    justify-content:flex-end!important;
    float:none!important;
    min-width:44px!important;
    min-height:44px!important;
    margin:0 0 0 auto!important;
    position:relative!important;
    inset:auto!important;
  }
  body.bmd-premium-layout #site-header .oceanwp-mobile-menu-icon>a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:44px!important;
  }
  body.bmd-premium-layout #main > .page-header > .page-header-inner,
  body.bmd-premium-layout #main #content-wrap{
    width:calc(100% - 32px)!important;
    max-width:calc(100% - 32px)!important;
  }
  body.bmd-premium-layout.bmd-bomdia-page #main #content-wrap{
    width:calc(100% - 32px)!important;
    max-width:calc(100% - 32px)!important;
  }
  body.bmd-premium-layout #main > .page-header{
    padding:25px 0 28px!important;
  }
}
@media(max-width:380px){
  body.bmd-premium-layout #site-header #site-logo .site-title{
    font-size:clamp(15px,4.5vw,17.5px)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body.bmd-premium-layout #site-header #site-logo .site-title,
  body.bmd-premium-layout #site-header #site-navigation .main-menu>li>a{
    transition:none!important;
  }
}