body.epi-shell-page .nav{display:flex!important;justify-content:space-between!important;align-items:center!important;padding-right:max(32px,calc((100vw - 1280px)/2 + 32px))!important}
body.epi-shell-page .nav:not(.scrolled),body.epi-shell-page .nav{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:none!important}
body.epi-shell-page .nav.scrolled{background:rgba(5,8,15,.92)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;border-bottom:1px solid rgba(212,168,76,.08)!important;box-shadow:none!important}
body.epi-shell-page .nav-cluster{display:inline-flex!important;align-items:stretch!important;gap:0!important;margin-left:auto!important;height:48px!important;border:1px solid rgba(212,168,76,.45)!important;border-radius:24px!important;background:rgba(8,15,30,.85)!important;box-shadow:0 0 0 1px rgba(212,168,76,.1) inset,0 4px 16px rgba(0,0,0,.28)!important;overflow:hidden!important;position:relative!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}
body.epi-shell-page .nav-cluster::before{content:""!important;display:block!important;position:absolute!important;top:-1px!important;left:50%!important;width:38%!important;height:2px!important;transform:translateX(-50%)!important;background:linear-gradient(90deg,transparent,rgba(212,168,76,.9) 35%,#fff9e0 50%,rgba(212,168,76,.9) 65%,transparent)!important;border-radius:1px!important;filter:blur(.5px)!important;pointer-events:none!important;z-index:5!important}
body.epi-shell-page .nav-cluster::after{display:none!important;content:none!important}
body.epi-shell-page .nav-cluster .nav-pill{display:inline-flex!important;align-items:center!important;height:100%!important;margin:0!important;padding:0 6px 0 12px!important;background:transparent!important;border:none!important;border-radius:0!important;position:relative!important;box-shadow:none!important;overflow:visible!important}
body.epi-shell-page .nav-cluster .nav-pill::before,body.epi-shell-page .nav-cluster .nav-pill::after{display:none!important;content:none!important}
body.epi-shell-page .nav-cluster .nav-pill a{color:rgba(255,255,255,.72)!important;font-size:13.5px!important;font-weight:500!important;padding:7px 18px!important;height:100%!important;display:inline-flex!important;align-items:center!important;white-space:nowrap!important;text-decoration:none!important;position:relative!important;z-index:2!important;background:transparent!important;border-radius:30px!important;transition:color .25s ease,background .25s ease!important}
body.epi-shell-page .nav-cluster .nav-pill a:hover{color:#fff!important;background:rgba(212,168,76,.08)!important;box-shadow:none!important}
body.epi-shell-page .nav-cluster .nav-pill a[href="/#aligned"]::before,body.epi-shell-page .nav-cluster .nav-pill a[href*="aligned"]::before,body.epi-shell-page .nav-cluster .nav-pill a[href="/#aligned"]::after,body.epi-shell-page .nav-cluster .nav-pill a[href*="aligned"]::after{display:none!important;content:none!important}
body.epi-shell-page .nav-cluster .nav-pill a[href="/#aligned"],body.epi-shell-page .nav-cluster .nav-pill a[href*="aligned"]{color:#d4a84c!important;font-weight:600!important;text-shadow:0 0 10px rgba(212,168,76,.4)!important}
body.epi-shell-page .nav-cluster .nav-pill a.nav-teams,body.epi-shell-page .nav-cluster .nav-pill a[href="/#teams"]{display:inline-flex!important}
body.epi-shell-page .nav-cluster a.nav-teams.nav-teams-joined{display:none!important}
body.epi-shell-page .nav-cluster a.nav-cta.epi-btn-premium{clip-path:polygon(14px 0,100% 0,100% 100%,0 100%)!important;-webkit-clip-path:polygon(14px 0,100% 0,100% 100%,0 100%)!important;height:100%!important;border-radius:0!important;margin:0!important;padding:0 20px 0 26px!important;min-width:158px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;background:linear-gradient(135deg,#f2d472 0%,#e8c96a 15%,#d4a94d 48%,#c49538 100%)!important;border:none!important;border-left:1px solid rgba(212,168,76,.22)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)!important;position:relative!important;z-index:2!important}
body.epi-shell-page .nav-cluster a.nav-cta.epi-btn-premium::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;background:radial-gradient(ellipse at 78% 12%,rgba(255,255,255,.4) 0,transparent 52%)!important;pointer-events:none!important}
body.epi-shell-page .nav-cluster a.nav-cta .epi-btn-label{color:#111!important;font-weight:700!important;font-size:14px!important;letter-spacing:.03em!important}
body.epi-shell-page .nav-cluster a.nav-cta.epi-btn-premium .epi-btn-icon{width:auto!important;height:auto!important;min-width:0!important;padding:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#0b1122!important}
body.epi-shell-page .nav-cluster a.nav-cta.epi-btn-premium .epi-btn-icon svg{width:14px!important;height:14px!important;stroke:none!important;fill:#0b1122!important;transform:none!important}
body.epi-shell-page .nav-cluster a.nav-cta.epi-btn-premium:hover{transform:none!important;filter:brightness(1.06)!important;background:linear-gradient(135deg,#f2d472 0%,#e8c96a 15%,#d4a94d 48%,#c49538 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 6px 28px rgba(212,168,76,.5)!important}
body.epi-shell-page .nav-cluster a.nav-cta.epi-btn-premium:hover .epi-btn-icon svg{transform:none!important}

/* ── Hide WordPress theme page title on shell pages ─────── */
body.epi-shell-page .entry-title,
body.epi-shell-page h1.page-title,
body.epi-shell-page .page-header,
body.epi-shell-page .ast-page-title,
body.epi-shell-page .entry-header { display: none !important; }

/* ── Hamburger — unscoped so it works on home page (no epi-shell-page class) ── */
.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;background:rgba(8,15,30,.9);border:1.5px solid rgba(212,168,76,.55);border-radius:8px;cursor:pointer;z-index:202;flex-shrink:0}
.nav-hamburger span{display:block;width:100%;height:2px;background:#ffffff;border-radius:1px;transition:transform .25s ease,opacity .2s ease}
.nav-hamburger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-hamburger[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-hamburger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ── Dropdown trigger (inside nav-pill) ─────────────────── */
body.epi-shell-page .nav-dropdown-wrap{display:inline-flex;align-items:center;height:100%;position:relative}
body.epi-shell-page .nav-dropdown-trigger{background:transparent;border:none;cursor:pointer;color:rgba(255,255,255,.72);font-size:13.5px;font-weight:500;font-family:var(--font-body,'Inter',sans-serif);padding:7px 18px;height:100%;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border-radius:30px;transition:color .25s ease,background .25s ease;line-height:1}
body.epi-shell-page .nav-dropdown-trigger:hover{color:#fff;background:rgba(212,168,76,.08)}
body.epi-shell-page .nav-dropdown-trigger.is-active{color:#d4a84c;font-weight:600}
body.epi-shell-page .nav-chevron{transition:transform .22s ease;flex-shrink:0}
body.epi-shell-page .nav-dropdown-trigger[aria-expanded="true"] .nav-chevron{transform:rotate(180deg)}

/* ── Dropdown menu (fixed-positioned, escapes overflow:hidden) ── */
body.epi-shell-page .nav-dropdown-menu{position:fixed;top:0;left:0;z-index:9999;background:rgba(10,16,32,.97);border:1px solid rgba(212,168,76,.22);border-radius:14px;padding:8px;min-width:220px;box-shadow:0 16px 48px rgba(0,0,0,.55),0 0 0 1px rgba(212,168,76,.06) inset;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease;display:block!important}
body.epi-shell-page .nav-dropdown-menu.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}
body.epi-shell-page .nav-dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;text-decoration:none;transition:background .18s ease;color:rgba(255,255,255,.82)}
body.epi-shell-page .nav-dropdown-item:hover{background:rgba(212,168,76,.09);color:#fff}
body.epi-shell-page .nav-dropdown-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(212,168,76,.1);border-radius:8px;flex-shrink:0;color:#c8a24e}
body.epi-shell-page .nav-dropdown-text{display:flex;flex-direction:column;gap:2px}
body.epi-shell-page .nav-dropdown-label{font-size:13.5px;font-weight:600;color:#f0ece4;line-height:1.2}
body.epi-shell-page .nav-dropdown-desc{font-size:11.5px;color:rgba(255,255,255,.45);line-height:1.3}

/* ── Mobile drawer ──────────────────────────────────────── */
.nav-mobile-drawer{position:fixed;inset:0;z-index:200;background:rgba(5,8,15,.97);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;flex-direction:column;opacity:0;pointer-events:none;transform:translateX(100%);transition:opacity .3s ease,transform .3s ease}
.nav-mobile-drawer.is-open{opacity:1;pointer-events:auto;transform:translateX(0)}
.nav-mobile-inner{display:flex;flex-direction:column;padding:96px 32px 40px;gap:4px;overflow-y:auto}
.nav-mobile-link{display:block;font-size:1.125rem;font-weight:500;color:rgba(255,255,255,.78);padding:14px 0;border-bottom:1px solid rgba(212,168,76,.08);text-decoration:none;transition:color .18s ease}
.nav-mobile-link:hover{color:#d4a84c}
.nav-mobile-link--sub{font-size:1rem;padding:10px 0 10px 16px;color:rgba(255,255,255,.55);border-bottom:none}
.nav-mobile-link--sub:hover{color:#d4a84c}
.nav-mobile-group{display:flex;flex-direction:column;border-bottom:1px solid rgba(212,168,76,.08)}
.nav-mobile-group-label{font-size:0.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#c8a24e;padding:16px 0 4px}
.nav-mobile-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:28px;padding:14px 28px;background:linear-gradient(135deg,#f2d472 0%,#d4a94d 48%,#c49538 100%);border-radius:12px;font-size:1rem;font-weight:700;color:#111;text-decoration:none;letter-spacing:.02em}

body.epi-shell-page .nav img.logo{max-height:52px!important;width:auto!important;height:auto!important;object-fit:contain!important;transform:scale(1.48)!important;transform-origin:left center!important;margin-right:8px!important}

/* ── Responsive ─────────────────────────────────────────── */
/* Laptop / smaller desktop: tighten padding */
@media(max-width:1100px){
  body.epi-shell-page .nav-cluster .nav-pill a{padding:7px 12px!important;font-size:13px!important}
  body.epi-shell-page .nav-dropdown-trigger{padding:7px 12px;font-size:13px}
  body.epi-shell-page .nav-cluster a.nav-cta.epi-btn-premium{min-width:130px!important;padding:0 16px 0 20px!important}
}
/* Tablet: hide nav-pill, show hamburger — unqualified so home page (no epi-shell-page class) also gets this */
@media(max-width:860px){
  .nav-cluster{display:none!important}
  /* Shell pages: (0,2,1) beats desktop rule of same specificity because media query comes later */
  body.epi-shell-page .nav-cluster{display:none!important}
  /* Home page: Elementor injects body.page-id-11688 .nav-cluster{inline-flex} at (0,2,1) — beat it with (0,2,2) */
  html body.page-id-11688 .nav-cluster{display:none!important}
  .nav-hamburger{display:flex!important}
  body.epi-shell-page .nav{padding-right:max(16px,calc((100vw - 1280px)/2 + 16px))!important}
  /* Home page: fix 2-col grids — html+body.page-id-11688 gives (0,2,2) specificity,
     beating the inline body.page-id-11688 rule (0,2,1) that forces 0px column */
  html body.page-id-11688 .about-content,
  html body.page-id-11688 .b2b-contact-wrap{grid-template-columns:1fr!important}
  html body.page-id-11688 .b2b-cards-grid,
  html body.page-id-11688 .pain-cards{grid-template-columns:1fr!important}
  /* Home page hero: collapse 2-col layout to single column at tablet/mobile */
  html body.page-id-11688 .hero-left{width:100%!important;max-width:100%!important;position:relative!important;z-index:2!important}
  html body.page-id-11688 .hero-right{display:none!important}
  /* Hero height + hero-left: remove forced min-heights and reduce oversized padding */
  html body.page-id-11688 .hero{height:auto!important;min-height:0!important}
  html body.page-id-11688 .hero-left{min-height:0!important;padding-top:80px!important;padding-bottom:56px!important}
  /* Go Deeper resource cards: make image fill full card width */
  body.page-id-11688 .r-image{width:100%!important}
  body.page-id-11688 .r-image img{width:100%!important;height:220px!important;object-fit:cover!important;object-position:center top!important;border-radius:inherit}
}
/* Home page: reduce Elementor's 96px section padding at tablet/mobile.
   body.page-id-11688 .section-* specificity (0,2,0) beats inline .section-* (0,1,0) */
@media(max-width:768px){
  body.page-id-11688 .section-pain,
  body.page-id-11688 .section-about,
  body.page-id-11688 .section-aligned,
  body.page-id-11688 .section-resources,
  body.page-id-11688 .section-testimonials,
  body.page-id-11688 .section-b2b,
  body.page-id-11688 .section-diagnosis,
  body.page-id-11688 .section-cta,
  body.page-id-11688 .section-detail{
    padding-top:56px!important;
    padding-bottom:56px!important;
  }
}
@media(max-width:480px){
  body.page-id-11688 .section-pain,
  body.page-id-11688 .section-about,
  body.page-id-11688 .section-aligned,
  body.page-id-11688 .section-resources,
  body.page-id-11688 .section-testimonials,
  body.page-id-11688 .section-b2b,
  body.page-id-11688 .section-diagnosis,
  body.page-id-11688 .section-cta,
  body.page-id-11688 .section-detail{
    padding-top:44px!important;
    padding-bottom:44px!important;
  }
}
/* The two padding-reduction blocks above re-inflate COLLAPSED .section-detail
   (collapsible-section sets padding 0 + max-height 0, specificity 0,1,0 — the
   44/56px rules win at 0,2,1) leaving ~90-110px dead black bands between
   Resources and Testimonials on mobile. Collapsed must stay zero. */
@media(max-width:768px){
  body.page-id-11688 .collapsible-section:not(.revealed){padding-top:0!important;padding-bottom:0!important}
}
/* Home hero CTAs: center and full-width on small phones */
@media(max-width:480px){
  body.page-id-11688 .hero-actions{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important;gap:12px!important}
  body.page-id-11688 .hero-actions .epi-btn-premium,
  body.page-id-11688 .hero-actions .btn-secondary{width:100%!important;max-width:320px!important;justify-content:center!important;text-align:center!important;
    /* inline page CSS sets margin-left:16px (desktop row spacing) + margin-top:4px —
       in the stacked column layout they shift the buttons out of alignment */
    margin:0!important}
}
/* Home A.L.I.G.N.E.D. cards: 7 cards in a 2-col grid leave the last "D" card
   stranded left — span it across both columns and center it at its normal width */
@media(max-width:640px){
  body.page-id-11688 .aligned-cards .aligned-card:nth-child(7){grid-column:1/-1!important;justify-self:center!important;width:calc(50% - 7px)!important}
}
/* Go-Deeper detail images: inline page CSS pins the wrap to max-width:min(340px,38vw)
   + min-height with object-fit:cover (ID specificity 1,2,1) — on phones that crams the
   landscape book photo (800x533) into a ~137x420 portrait crop showing only the middle
   third. ID+class selectors (1,3,1 / 1,4,1) let the image keep its natural aspect. */
@media(max-width:640px){
  body.page-id-11688 #book-detail.section-detail .detail-image-wrap,
  body.page-id-11688 #course-detail.section-detail .detail-image-wrap{display:block!important;max-width:340px!important;width:100%!important;min-height:0!important;height:auto!important;margin:0 auto!important;overflow:visible!important}
  body.page-id-11688 #book-detail.section-detail .detail-image-wrap .detail-image,
  body.page-id-11688 #course-detail.section-detail .detail-image-wrap .detail-image{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;object-fit:contain!important}
}
/* B2B "Let's Build a High-Performance Team" block: desktop rules keep a
   minmax(280px,520px)+52px-gap grid and 48px side padding at phone widths,
   squeezing the text column to ~224px. Single 1fr column + no side padding
   = same 320px text width as every other section. */
@media(max-width:640px){
  body.page-id-11688 .b2b-contact-info{padding-left:0!important;padding-right:0!important}
  body.page-id-11688 #teams .b2b-contact-wrap.b2b-contact-wrap--stacked{grid-template-columns:1fr!important;column-gap:0!important}
  body.page-id-11688 #teams .b2b-contact-info{width:100%!important;max-width:none!important}
}
/* Diagnosis "Begin the Assessment": white-space:nowrap + 56px side padding force a
   357px intrinsic width inside a 320px container — clips at the right viewport edge */
@media(max-width:480px){
  body.page-id-11688 #diagStartBtn,
  body.page-id-11688 .section-diagnosis .diag-start-btn{max-width:100%!important;padding-left:24px!important;padding-right:10px!important}
}
/* Home B2B section: tighten internal margins and left-align body copy on mobile */
@media(max-width:768px){
  body.page-id-11688 .b2b-header{margin-bottom:40px!important}
  body.page-id-11688 .b2b-roi-banner{margin-bottom:36px!important}
  body.page-id-11688 .b2b-cards-grid{margin-bottom:44px!important}
  body.page-id-11688 .b2b-contact-info{padding-bottom:32px!important}
  /* Center-aligned multi-line paragraphs are hard to read on narrow screens */
  body.page-id-11688 .b2b-header--centered p,
  body.page-id-11688 .b2b-pitch,
  body.page-id-11688 .b2b-pitch p{text-align:left!important}
}
/* Mobile: tighten logo and nav bar */
@media(max-width:480px){
  .nav{overflow:hidden!important}
  body.epi-shell-page .nav{padding-left:16px!important;padding-right:16px!important}
  body.epi-shell-page .nav img.logo{transform:scale(1.2)!important}
}
body.epi-shell-page img.footer-logo,body.epi-shell-page footer.footer .footer-brand img.footer-logo,body.epi-shell-page footer.footer .footer-brand>img{max-height:56px!important;width:auto!important;object-fit:contain!important;filter:none!important;mix-blend-mode:normal!important;background:transparent!important}
body.epi-shell-page footer.footer .footer-brand img.footer-logo,body.epi-shell-page footer.footer .footer-brand>img{max-height:58px!important;transform:scale(1.12)!important;transform-origin:left center!important}
body.epi-shell-page,body.epi-shell-page .site,body.epi-shell-page .entry-content{background-color:rgb(5,8,15)!important}
/* "Flair": a thin luminous gold bar above the nav item. Shown on the CURRENT page
   (.nav-active) and revealed with a slow grow on hover. */
body.epi-shell-page .nav-cluster .nav-pill a::before{content:""!important;display:block!important;position:absolute!important;top:2px!important;left:50%!important;transform:translateX(-50%)!important;width:0!important;height:1px!important;background:linear-gradient(90deg,transparent,rgba(255,248,230,.4) 42%,rgba(212,168,76,.85) 50%,rgba(255,248,230,.4) 58%,transparent)!important;pointer-events:none!important;z-index:3!important;opacity:0!important;transition:width .5s cubic-bezier(.4,0,.2,1),opacity .5s ease!important}
body.epi-shell-page .nav-cluster .nav-pill a:hover::before{width:66%!important;opacity:1!important}
body.epi-shell-page .nav-cluster .nav-pill a.nav-active::before{width:66%!important;opacity:1!important;animation:epiNavFlair 3.4s ease-in-out infinite!important}
@keyframes epiNavFlair{0%,100%{opacity:.62!important}50%{opacity:1!important}}
body.epi-shell-page footer.footer{position:relative!important;z-index:8!important;clear:both!important;margin-top:0!important}
body.epi-shell-page,body.epi-shell-page .site{background:rgb(5,8,15)!important}
body.epi-shell-page .entry-content{margin:0!important;padding:0!important;max-width:100%!important}
/* Shell main wrapper — full viewport width, no theme constraints */
body.epi-shell-page .ipg-booking-page.epi-shell-main,
body.epi-shell-page .epi-shell-main{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;box-sizing:border-box!important}
body.epi-shell-page .epi-shell{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
/* ── Shared A.L.I.G.N.E.D. levers block ─────────────────── */
.aligned-levers{display:grid;grid-template-columns:1fr;gap:2px;max-width:680px;margin:0 auto}
.aligned-lever{display:flex;align-items:center;gap:20px;padding:18px 24px;background:var(--bg-card,#131d33);border-radius:6px;transition:background .2s;position:relative;overflow:hidden;border:1px solid rgba(200,162,78,0.08)}
.aligned-lever::before{content:'';position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(212,168,76,.35) 40%,rgba(255,249,224,.55) 50%,rgba(212,168,76,.35) 60%,transparent);pointer-events:none}
.aligned-lever:hover{background:var(--bg-card-hover,#172240)}
.aligned-lever__letter{font-family:'DM Serif Display',Georgia,serif;font-size:2.25rem;font-weight:400;color:#c8a24e;width:48px;flex-shrink:0;line-height:1}
.aligned-lever__name{font-size:1rem;font-weight:600;color:#c8a24e;margin-bottom:2px}
.aligned-lever__desc{font-size:.875rem;color:#9ca3af}
/* Fix Astra's #primary top margin and container override */
body.epi-shell-page #primary,body.epi-shell-page .ast-article-single,body.epi-shell-page .ast-article-post{margin-top:0!important;padding-top:0!important}
/* Enforce standard content width — override Astra's global .container rule */
body.epi-shell-page .ipg-booking-page .container{width:100%!important;max-width:1120px!important;margin-left:auto!important;margin-right:auto!important;padding-left:clamp(1rem,4vw,2rem)!important;padding-right:clamp(1rem,4vw,2rem)!important;padding-top:0!important;padding-bottom:0!important;box-sizing:border-box!important}
body.epi-shell-page .nav-cluster .nav-pill a.nav-active{color:#d4a84c!important;font-weight:600!important}
body.epi-shell-page .site-header,body.epi-shell-page #ast-desktop-header,body.epi-shell-page footer.site-footer,body.epi-shell-page footer[role="contentinfo"]{display:none!important}
/* ── Film-grain texture overlay — 2.5% opacity, fixed so it doesn't scroll ── */
body.epi-shell-page::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='256' height='256' filter='url(%23g)'/%3E%3C/svg%3E");background-size:256px 256px;mix-blend-mode:overlay}

/* ── Paragraph rhythm: Astra's dynamic CSS sets p{margin-bottom:1.75em} only in
   some environments (theme setting). Replicate it at identical specificity
   (0,0,1 via :where) so the cascade resolves exactly like local, shell pages only. ── */
:where(body.epi-shell-page) p { margin-bottom: 1.75em; }