/* Phase 21B.9 — My Tackle Box shared public layout consistency
   Purpose: inherit the exact public header canvas and align all My Tackle Box
   sections/cards to the same page-width system used by Home/Catalogue. */

/* Do NOT size the outer shared nav on this page. The shared header's .navin
   already owns the canonical public width/gutters. This avoids double gutters. */
body .dvh-shared-public-nav{
  width:auto!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
body .dvh-shared-public-nav > .wrap.navin{
  width:min(var(--dvh-public-max-width,1560px),calc(100% - (var(--dvh-public-gutter,clamp(18px,2.25vw,42px)) * 2)))!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* My Tackle Box uses exactly the same canvas edges as the shared header. */
body .dvh21b-shell{
  box-sizing:border-box;
  width:min(var(--dvh-public-max-width,1560px),calc(100% - (var(--dvh-public-gutter,clamp(18px,2.25vw,42px)) * 2)))!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* All first-level sections/cards remain inside that one canonical canvas. */
body .dvh21b-shell > .dvh21b-hero,
body .dvh21b-shell > .dvh21b-stats,
body .dvh21b-shell > .dvh21b-grid,
body .dvh21b-shell > .dvh21b-edit{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box;
}

/* The active nav item must visually match Home/Catalogue exactly. */
body .dvh-shared-public-nav .dvh-public-nav-link.is-active{
  background:#df982b!important;
  color:#092f2a!important;
  border-radius:999px!important;
  box-shadow:inset 0 0 0 1px rgba(110,66,0,.14),0 5px 14px rgba(183,117,18,.16)!important;
}

@media (max-width:900px){
  body .dvh-shared-public-nav > .wrap.navin,
  body .dvh21b-shell{
    width:calc(100% - 32px)!important;
  }
}

@media (max-width:760px){
  /* Mobile active state follows the same gold treatment as Home, while using
     the established full-width menu-row shape. */
  body .dvh-shared-public-nav .dvh-public-nav-link.is-active{
    width:100%!important;
    border-radius:14px!important;
  }
}

@media (max-width:600px){
  body .dvh-shared-public-nav > .wrap.navin,
  body .dvh21b-shell{
    width:calc(100% - 24px)!important;
  }
}