/* Scoped blog archive and article mobile header. Reuses site.js first-party
   nav-toggle state; no new JS or external navigation dependencies. */
.blog-public-page .blog-mobile-plan-link{display:none!important}
@media(max-width:900px){
  .blog-public-page .site-header.blog-site-header{
    display:grid!important;grid-template-columns:minmax(0,1fr) 48px 48px!important;
    grid-template-rows:auto!important;gap:9px!important;align-items:center!important;
    width:100%!important;max-width:100%!important;
    padding:10px 14px!important;
    border-bottom:1px solid rgba(201,169,116,.22)!important;
    position:sticky!important;top:0!important;z-index:90!important;
  }
  .blog-public-page .blog-site-header>.brand{
    grid-column:1!important;grid-row:1!important;
    min-width:0!important;max-width:100%!important;
    display:flex!important;align-items:center!important;gap:9px!important;
    margin:0!important;
  }
  .blog-public-page .blog-site-header>.brand img,
  .blog-public-page .blog-site-header>.brand svg{
    max-width:43px!important;width:43px!important;height:43px!important;
    flex:0 0 43px!important;object-fit:contain!important;
  }
  .blog-public-page .blog-site-header>.brand span{
    min-width:0!important;max-width:100%!important;display:flex;
    flex-direction:column!important;
  }
  .blog-public-page .blog-site-header>.brand strong{
    font-size:clamp(13px,3.5vw,17px)!important;
    max-width:100%!important;white-space:normal!important;line-height:1.17!important;
  }
  .blog-public-page .blog-site-header>.brand small{
    letter-spacing:.16em!important;font-size:9px!important;line-height:1.5!important;
  }
  .blog-public-page .blog-site-header>.theme-toggle{
    grid-column:2!important;grid-row:1!important;justify-self:center!important;
    display:flex!important;margin:0!important;
    width:44px!important;height:44px!important;min-width:44px!important;
  }
  .blog-public-page .blog-site-header>.blog-nav-toggle{
    grid-column:3!important;grid-row:1!important;justify-self:center!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:44px!important;height:44px!important;min-width:44px!important;
    padding:10px!important;margin:0!important;
    background:var(--sand,#eee8db)!important;
    border-radius:13px!important;
    border:1px solid var(--line,#d9cfbf)!important;
    cursor:pointer!important;
  }
  .blog-public-page .blog-site-header>.blog-nav-toggle span{
    display:block!important;width:22px!important;height:2px!important;
    background:var(--ink,#17140f)!important;border-radius:2px;
  }
  .blog-public-page .blog-site-header>.blog-nav-toggle:focus-visible{
    outline:3px solid #9b7a3e!important;outline-offset:2px;
  }
  .blog-public-page .blog-site-header>.header-cta{display:none!important}
  .blog-public-page .blog-site-header>nav#blog-primary-navigation{
    display:none!important;grid-column:1/-1!important;grid-row:2!important;
    flex-direction:column!important;align-items:stretch!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    gap:2px!important;margin:0!important;padding:9px 0 7px!important;
    border-top:1px solid rgba(150,133,110,.25)!important;
    max-height:min(70vh,520px)!important;overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
  }
  .blog-public-page .blog-site-header.nav-open>nav#blog-primary-navigation{
    display:flex!important;
  }
  .blog-public-page .blog-site-header>nav#blog-primary-navigation a{
    display:flex!important;align-items:center!important;
    min-height:48px!important;width:100%!important;
    max-width:100%!important;box-sizing:border-box!important;
    padding:12px 15px!important;margin:0!important;
    font-size:13px!important;line-height:1.35!important;
    white-space:normal!important;letter-spacing:.045em!important;
    border-radius:10px!important;
  }
  .blog-public-page .blog-site-header>nav#blog-primary-navigation a[aria-current="page"]{
    background:rgba(201,162,82,.14)!important;
    font-weight:750!important;
  }
  .blog-public-page .blog-site-header>nav#blog-primary-navigation .blog-mobile-plan-link{
    display:flex!important;color:#17140f!important;
    background:#e7c47e!important;margin-top:7px!important;
    justify-content:center!important;text-align:center!important;
    border:1px solid rgba(70,49,16,.25)!important;
  }
}
@media(max-width:365px){
  .blog-public-page .site-header.blog-site-header{
    grid-template-columns:minmax(0,1fr) 44px 44px!important;
    gap:6px!important;padding:9px 10px!important;
  }
  .blog-public-page .blog-site-header>.brand strong{font-size:12px!important}
}
@media(min-width:901px){
  .blog-public-page .blog-site-header>.blog-nav-toggle{display:none!important}
}