/* Lab preview: one Shop-sized frame. Content styles and image treatments are
   deliberately retained. The Shop itself never receives this stylesheet. */
html:has(body.lab-shared-shell){
  --shell-gutters:64px;--shell-width:min(1380px,calc(100% - var(--shell-gutters)));
  background:#032633!important;scroll-padding-top:90px;
}
html body.lab-shared-shell{margin:0;background:transparent!important;overflow-x:clip}
html body.lab-shared-shell::after{display:none!important}
.lab-shared-shell>.lab-ocean{z-index:0}
.lab-shared-shell [data-reef-background]{display:none!important}
html body.lab-shared-shell>.page{
  width:var(--shell-width)!important;max-width:1380px!important;
  margin:0 auto!important;padding:0 0 32px!important;background:transparent!important;
}
html body.lab-shared-shell .header.masthead,
html body.lab-shared-shell .header.masthead + nav.main-nav.lab-nav,
html body.lab-shared-shell .shop-bar,
html body.lab-shared-shell main.page > section,
html body.lab-shared-shell main.page > .footer{
  width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;
  box-sizing:border-box;
}
html body.lab-shared-shell>.header.masthead,
html body.lab-shared-shell>.header.masthead + nav.main-nav.lab-nav,
html body.lab-shared-shell>.shop-bar,
html body.lab-shared-shell>.hero,
html body.lab-shared-shell>.hero-section,
html body.lab-shared-shell>.content,
html body.lab-shared-shell>.footer{
  width:var(--shell-width)!important;max-width:1380px!important;
  margin-left:auto!important;margin-right:auto!important;box-sizing:border-box;
}
html body.lab-shared-shell .header.masthead.lab-reef-banner{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto!important;
  gap:0!important;place-items:center;container-type:normal;height:156.2px!important;min-height:0!important;
  margin-top:14px!important;margin-bottom:0!important;padding:0!important;
  border:1px solid #28778c!important;border-bottom:0!important;border-radius:12px 12px 0 0!important;
  background:#01314d!important;box-shadow:none!important;
}
.lab-shared-shell .lab-reef-home{position:relative;text-decoration:none!important}
html body.lab-shared-shell .header.masthead + nav.main-nav.lab-nav{
  min-height:56px!important;margin-bottom:0!important;
}
html.has-compact-masthead body.lab-shared-shell .header.masthead + nav.main-nav.lab-nav{
  width:var(--shell-width)!important;max-width:1380px!important;margin-left:0!important;margin-right:0!important;
}
html body.lab-shared-shell .shop-bar{padding:25px 6px 2px;margin-top:0!important;margin-bottom:20px}
html body.lab-shared-shell>.content{padding-left:0;padding-right:0}
.lab-shared-shell .footer{border:1px solid #1c5364;border-radius:9px}
.lab-shared-shell .footer-top{max-width:none}
.lab-shared-shell .guide p,.lab-shared-shell .step-card p,
.lab-shared-shell .cause-card p,.lab-shared-shell .policy-card p{max-width:75ch}
@media(max-width:1200px){html:has(body.lab-shared-shell){--shell-gutters:32px}}
@media(max-width:900px){
  html:has(body.lab-shared-shell){--shell-gutters:28px}
  html body.lab-shared-shell .header.masthead.lab-reef-banner{height:123.2px!important;margin-top:10px!important}
  html body.lab-shared-shell .header.masthead + nav.main-nav.lab-nav{min-height:56px!important;padding:6px 12px!important}
}
@media(max-width:650px){
  html:has(body.lab-shared-shell){--shell-gutters:20px}
  html body.lab-shared-shell .header.masthead.lab-reef-banner{height:92.4px!important;margin-top:8px!important;border-radius:10px 10px 0 0!important}
  html body.lab-shared-shell .header.masthead + nav.main-nav.lab-nav{min-height:52px!important;padding:6px 10px!important}
  html body.lab-shared-shell .shop-bar{padding:23px 1px 0}
}