/* OP. public editorial design. Functional purchase and member flows remain unchanged. */
:root{--op-forest:#143e32;--op-ivory:#f7f6f0;--op-lilac:#dccffa;--op-coral:#f48977;--op-lime:#d8ee7a;--op-sage:#d7e4d3;--op-line:#d5d8d1}
body.op-editorial-public{--forest:#143e32;--dark:#143e32;--paper:#f7f6f0;--lilac:#dccffa;--lime:#d8ee7a;--coral:#f48977;--line:#d5d8d1;background:var(--op-ivory)}
body.op-editorial-public .op-signature,body.op-editorial-public a.brand,body.op-editorial-public a.logo{display:inline-flex;gap:12px;align-items:center;text-decoration:none;white-space:nowrap;color:var(--op-forest);letter-spacing:0}
body.op-editorial-public .op-monogram,body.op-editorial-public .op-mark{font:850 30px/1 "Geist","Manrope",Inter,system-ui,sans-serif;letter-spacing:-.075em;color:var(--op-forest)}
body.op-editorial-public .op-wordmark,body.op-editorial-public .op-full{font:750 11px/1.3 "Geist","Manrope",Inter,system-ui,sans-serif;letter-spacing:.035em;color:var(--op-forest)}
body.op-editorial-public a:focus-visible,body.op-editorial-public summary:focus-visible{outline:3px solid var(--op-coral);outline-offset:4px}
body.op-home .top{background:var(--op-forest);color:var(--op-ivory);font-size:11px;letter-spacing:.13em}
body.op-home nav{background:var(--op-ivory);border:0}
body.op-home .nav{min-height:94px;border-bottom:1px solid var(--op-line)}
body.op-home .links{gap:23px}body.op-home .links>a{font-size:14px;font-weight:650}
body.op-home .links>.btn{border-radius:999px;background:var(--op-forest);border-color:var(--op-forest);color:#fff}
body.op-home .op-mobile-menu{display:none}
body.op-home .op-feature-hero{padding:83px 0 64px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,1fr);gap:50px;align-items:center;border-bottom:1px solid var(--op-line)}
body.op-home .op-pill{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;padding:8px 15px;border-radius:999px;background:#fff;color:var(--op-forest);font:750 11px/1.2 "Geist","DM Sans",system-ui,sans-serif;letter-spacing:.035em}
body.op-home .op-pill-lilac{background:var(--op-lilac)}body.op-home .op-pill-lime{background:var(--op-lime)}
body.op-home .op-feature-hero h1{font:650 clamp(50px,5.65vw,84px)/1.055 "Geist","DM Sans",system-ui,sans-serif;letter-spacing:-.065em;max-width:none;margin:32px 0 24px;color:var(--op-forest);text-wrap:balance}
body.op-home .op-feature-hero p{font-size:clamp(17px,1.55vw,20px);line-height:1.55;max-width:610px;color:#41534b;margin:0 0 26px}
body.op-home .op-feature-hero .actions{display:flex;align-items:center;gap:26px;margin:0 0 49px}
body.op-home .op-feature-hero .btn,body.op-home .op-promo-bridge .btn{border-radius:999px;font-size:15px;min-height:56px;padding:14px 24px}
body.op-home .op-feature-hero .btn span,body.op-home .op-promo-bridge .btn span{margin-left:12px}
body.op-home .op-text-link{font-size:15px;font-weight:700;color:var(--op-forest);text-decoration:none}
body.op-home .op-text-link:hover{text-decoration:underline;text-underline-offset:5px}
body.op-home .op-hero-micro,body.op-home .op-section-label{display:block;font:750 11px/1.4 "Geist","DM Sans",system-ui,sans-serif;letter-spacing:.115em;color:#5e7065}
body.op-home .op-collage{height:480px;position:relative;min-width:0;isolation:isolate}
body.op-home .op-paper-lilac,body.op-home .op-paper-coral{position:absolute;inset:11% 6% 5% 22%;border-radius:24px;transform:rotate(-10deg);background:var(--op-lilac)}
body.op-home .op-paper-coral{inset:14% 18% 6% 9%;background:var(--op-coral);transform:rotate(8deg)}
body.op-home .op-index-card{position:absolute;inset:12% 13% 8% 18%;background:#fff;border-radius:22px;padding:25px;display:flex;align-items:flex-start;flex-direction:column;text-decoration:none;color:var(--op-forest);transition:transform .2s}
body.op-home .op-index-card:hover{transform:translateY(-3px)}
body.op-home .op-index-card strong{font:650 clamp(27px,2.65vw,36px)/1.16 "Geist","DM Sans",system-ui,sans-serif;letter-spacing:-.045em;margin-top:34px}
body.op-home .op-index-foot{border-top:1px solid var(--op-line);width:100%;padding-top:17px;color:#52665b;font-size:13px;margin-top:auto;padding-right:45px}
body.op-home .op-index-arrow{position:absolute;right:23px;bottom:23px;width:44px;height:44px;border-radius:50%;background:var(--op-forest);color:#fff;display:grid;place-items:center;font-size:21px}
body.op-home .op-orbit{position:absolute;bottom:9%;left:1%;width:77px;height:77px;border:2px solid var(--op-forest);border-radius:50%;box-shadow:inset 0 0 0 16px var(--op-ivory),inset 0 0 0 18px var(--op-forest);pointer-events:none}
body.op-home .op-spark{position:absolute;right:0;top:0;font-size:44px;color:var(--op-forest);line-height:1}
body.op-home .op-stories{padding:66px 0 84px}
body.op-home .op-stories h2,body.op-home .op-translator h2{color:var(--op-forest);font-size:clamp(37px,4.3vw,59px);margin:18px 0 8px}
body.op-home .op-intro{font-size:18px;color:#5e7065;margin-bottom:31px}
body.op-home .op-scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
body.op-home .op-scenario{min-height:340px;border-radius:18px;padding:24px;display:flex;flex-direction:column;text-decoration:none;color:var(--op-forest);transition:transform .2s}
body.op-home .op-scenario:hover{transform:translateY(-3px)}
body.op-home .op-scenario-lilac{background:var(--op-lilac)}body.op-home .op-scenario-sage{background:var(--op-sage)}body.op-home .op-scenario-lime{background:var(--op-lime)}
body.op-home .op-scenario small{font-size:11px;font-weight:750;letter-spacing:.035em;margin:21px 0 10px}
body.op-home .op-scenario strong{font-size:clamp(21px,2.2vw,28px);line-height:1.27;font-weight:650;letter-spacing:-.04em}
body.op-home .op-scenario-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid rgba(20,62,50,.27);padding-top:16px;margin-top:auto;font-size:14px;font-weight:750}
body.op-home .op-scenario-foot b{font-size:21px;font-weight:500}
body.op-home .op-translator{padding:30px 0 82px}
body.op-home .op-translation-box{display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:19px;overflow:hidden;min-height:285px;padding:30px;margin-top:24px}
body.op-home .op-translation-box>div{padding:10px 24px 38px}
body.op-home .op-translation-box>div+div{border-left:1px solid var(--op-line)}
body.op-home .op-translation-box>div>span{display:block;font-size:11px;color:#6a776e;font-weight:700;letter-spacing:.1em;padding-bottom:19px;border-bottom:1px solid var(--op-line)}
body.op-home .op-translation-box blockquote{font-size:clamp(23px,2.25vw,32px);line-height:1.3;color:var(--op-forest);letter-spacing:-.04em;margin:42px 0 0;font-weight:600}
body.op-home .op-translation-box .op-pill{grid-column:1/-1;justify-self:start;margin-top:0}
body.op-home .op-promo-bridge{display:flex;justify-content:space-between;align-items:center;gap:36px;margin-bottom:84px;padding:34px 40px;background:var(--op-sage);border-radius:20px}
body.op-home .op-promo-bridge h2{font-size:clamp(26px,3vw,40px);max-width:600px;margin:11px 0}
body.op-home .op-promo-bridge p{font-size:16px;line-height:1.55;max-width:620px;margin:0}
body.op-home .op-promo-bridge .btn{flex-shrink:0;max-width:310px}
body.op-home .journeys{background:#eee9f7}body.op-home .journey:nth-child(2){background:#f6e1d7}body.op-home .journey:nth-child(3){background:#e2edbb}
body.op-home .social{background:#ede7f7}body.op-home .trust-strip{background:#f3e7de}
@media(max-width:1000px){body.op-home .op-feature-hero{grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:20px}body.op-home .op-collage{height:395px}body.op-home .links{gap:13px}}
@media(max-width:900px){body.op-home .links{display:none}body.op-home .op-mobile-menu{display:block;position:relative;z-index:4}body.op-home .op-mobile-menu summary{padding:9px 13px;border:1px solid var(--op-line);border-radius:14px;font-size:14px;cursor:pointer;list-style:none;font-weight:700}body.op-home .op-mobile-menu summary::-webkit-details-marker{display:none}body.op-home .op-mobile-menu[open]>div{position:absolute;right:0;top:45px;width:min(290px,80vw);padding:12px;background:#fff;border:1px solid var(--op-line);box-shadow:0 12px 32px #143e321a;border-radius:14px;display:flex;flex-direction:column}body.op-home .op-mobile-menu a{padding:9px 10px;font-size:15px;text-decoration:none}body.op-home .op-feature-hero{grid-template-columns:1fr;gap:4px;padding:52px 0 25px}body.op-home .op-feature-hero h1{font-size:clamp(45px,10vw,66px)}body.op-home .op-feature-hero .actions{margin-bottom:25px}body.op-home .op-collage{height:410px;max-width:520px;width:100%;margin:auto}body.op-home .op-scenario-grid{grid-template-columns:1fr;gap:14px}body.op-home .op-scenario{min-height:260px}body.op-home .op-promo-bridge{display:block;padding:25px}body.op-home .op-promo-bridge .btn{margin-top:22px}body.op-home .op-stories{padding:45px 0 60px}body.op-home .op-translation-box{grid-template-columns:1fr;padding:20px}body.op-home .op-translation-box>div{padding:14px 8px 24px}body.op-home .op-translation-box>div+div{border-left:0;border-top:1px solid var(--op-line)}body.op-home .op-translation-box blockquote{margin:25px 0 0}body.op-home .op-translation-box .op-pill{margin-top:10px}}
@media(max-width:430px){body.op-editorial-public .op-mark,body.op-editorial-public .op-monogram{font-size:27px}body.op-editorial-public .op-full,body.op-editorial-public .op-wordmark{font-size:9px}body.op-home .op-feature-hero h1{font-size:clamp(42px,11vw,52px);line-height:1.07}body.op-home .op-feature-hero .actions{align-items:stretch;flex-direction:column;gap:14px}body.op-home .op-feature-hero .btn{width:100%}body.op-home .op-collage{height:365px}body.op-home .op-index-card{padding:21px}body.op-home .op-index-card strong{font-size:27px}body.op-home .op-orbit{width:52px;height:52px}body.op-home .op-scenario{padding:22px}body.op-home .op-promo-bridge .btn{width:100%}}
@media(prefers-reduced-motion:reduce){body.op-home .op-index-card,body.op-home .op-scenario{transition:none!important}body.op-home .op-index-card:hover,body.op-home .op-scenario:hover{transform:none!important}}

/* The legal terms masthead is dark, unlike public white navigation. Keep OP. legible. */
body.op-editorial-public .top a.brand,body.op-editorial-public .top a.brand .op-mark,body.op-editorial-public .top a.brand .op-full{color:#f7f6f0}

/* Dark editorial footers require light OP. wordmarks for accessible contrast. */
body.op-editorial-public footer a.brand,body.op-editorial-public footer a.logo,body.op-editorial-public footer .op-mark,body.op-editorial-public footer .op-full,body.op-editorial-public footer .op-monogram,body.op-editorial-public footer .op-wordmark{color:#f7f6f0}

/* WCAG AA: editorial labels on lilac and sage must clear 4.5:1 at small text sizes. */
body.op-editorial-public .hero .aside .label,body.op-editorial-public .story-time .label,body.op-home .op-promo-bridge .op-section-label{color:#143e32}


/* -----------------------------------------------------------------------
   OP. visual QA pass 02: optical rhythm, breathing room and tablet usability.
   These are deliberately scoped to public HTML pages. No checkout,
   membership, form, API, payment or staff behaviour is modified.
   ----------------------------------------------------------------------- */

/* A single, quiet material palette across editorial, blog and programme pages. */
body.op-editorial-public{
  --green:#143e32;
  --ink:#1d342b;
  --muted:#455c50;
  --peach:#f3e5de;
  --blush:#f3e5de;
  background:#f7f6f0;
}
body.op-editorial-public :is(h1,h2,h3,p,blockquote,li){
  overflow-wrap:break-word;
}
body.op-editorial-public .wrap,
body.op-editorial-public .grid > *,
body.op-editorial-public .hero-grid > *,
body.op-editorial-public .two > *{min-width:0}
body.op-editorial-public .sectionhead,
body.op-editorial-public .page-intro .lead{max-width:790px}
body.op-editorial-public :is(.card,.tile,.journey,.storycard) p{line-height:1.63}
body.op-editorial-public .navlinks{column-gap:7px;row-gap:6px}
body.op-editorial-public .navlinks a{
  font-size:13.5px;
  line-height:1.35;
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:normal;
  text-align:center;
}
body.op-editorial-public .navlinks a.primary{
  min-height:44px;
  padding-inline:18px;
}
body.op-editorial-public :is(.btn,.button,.pill,button,summary){
  touch-action:manipulation;
}
body.op-editorial-public .hero-grid{gap:clamp(26px,3.7vw,54px)}
body.op-editorial-public .page-intro{padding:62px 0 41px}
body.op-editorial-public .section{padding-block:72px}
body.op-editorial-public .grid{gap:20px}
body.op-editorial-public .card{border-radius:20px}
body.op-editorial-public .footer{padding-block:40px}
body.op-editorial-public .footlinks{gap:12px 18px}

/* First impression: less arbitrary vertical emptiness; more decisive spacing. */
body.op-home .op-feature-hero{padding:76px 0 60px;gap:clamp(24px,4vw,56px)}
body.op-home .op-feature-hero p{max-width:55ch;line-height:1.6}
body.op-home .op-feature-hero .actions{gap:18px 24px}
body.op-home .op-stories{padding:65px 0 66px}
body.op-home .op-intro{line-height:1.55;max-width:66ch}
body.op-home .op-scenario-grid{gap:20px}
body.op-home .op-scenario{min-height:306px;padding:28px}
body.op-home .op-scenario small{margin-block:20px 12px}
body.op-home .op-scenario strong{max-width:23ch}
body.op-home .op-scenario-foot{padding-top:17px}
body.op-home .op-translator{padding:20px 0 60px}
body.op-home .op-translation-box{
  min-height:242px;
  padding:26px 30px;
}
body.op-home .op-translation-box blockquote{margin-top:30px}
body.op-home .op-promo-bridge{
  margin-bottom:58px;
  padding:36px 42px;
  border-radius:21px;
}
body.op-home .op-promo-bridge h2{line-height:1.15;max-width:23ch}

/* Make the long navigational ribbon read as a helpful footnote,
   not a fourth headline or a competing acquisition CTA. */
body.op-home .ribbon{
  background:#f0f2eb;
  border-top:1px solid #d5d8d1;
  border-bottom:1px solid #d5d8d1;
  padding-block:22px;
  color:#385347;
  font-size:15px;
  line-height:1.65;
}
body.op-home .ribbon .wrap{max-width:1140px}
body.op-home .ribbon a{text-underline-offset:3px}

/* Same design rhythm for the existing product/funnel sections. */
body.op-home section.block{padding-block:74px}
body.op-home .sectionhead{margin-bottom:30px}
body.op-home .sectionhead p{max-width:66ch;line-height:1.6}
body.op-home .journey-grid{gap:20px}
body.op-home .journey{padding:30px;border-radius:19px}
body.op-home .journey .eyebrow{margin-bottom:14px}
body.op-home .journey h3{line-height:1.22;margin-bottom:12px}
body.op-home .journey p{font-size:16.5px;line-height:1.63;margin-bottom:18px}
body.op-home .journey a{
  display:inline-block;
  font-size:15px;
  line-height:1.4;
  min-height:36px;
  padding-block:7px;
}
body.op-home .journey a + a{margin-top:3px}
body.op-home .journey-grid + .small-note,
body.op-home #human-support-roadmap .journey-grid + p{
  max-width:85ch;
  margin-top:25px!important;
  padding-top:16px;
  border-top:1px solid #cfd9cf;
  font-size:14px;
  line-height:1.65;
}
body.op-home #human-support-roadmap .journey-grid{align-items:stretch}
body.op-home #workplace-game-plan{padding-block:61px}
body.op-home #workplace-game-plan h2{font-size:clamp(31px,3.5vw,47px);line-height:1.12}
body.op-home #workplace-game-plan .eyebrow{margin-bottom:13px}
body.op-home #workplace-game-plan .actions{margin-bottom:0}
body.op-home .trust-grid{gap:26px}

/* Editorial library: balance shorter cards with relaxed text measure. */
body.op-editorial-public .blog-intro,
body.op-editorial-public .article-hero .lede{max-width:68ch}
body.op-editorial-public .article .summary{line-height:1.63}
body.op-editorial-public .article .script{border-radius:18px}
body.op-editorial-public .article .toc{border-radius:18px}

/* Tablet is its own layout: do not force six tiny desktop links to fit. */
@media(max-width:1000px){
  body.op-editorial-public .navlinks a{font-size:13px}
}
@media(max-width:900px){
  body.op-home .op-feature-hero{padding:54px 0 27px;gap:10px}
  body.op-home .op-stories{padding:50px 0 56px}
  body.op-home .op-scenario-grid{gap:15px}
  body.op-home .op-scenario{min-height:235px;padding:24px}
  body.op-home .op-translator{padding:13px 0 51px}
  body.op-home .op-translation-box{min-height:0;padding:23px 24px}
  body.op-home .op-promo-bridge{margin-bottom:49px;padding:30px}
  body.op-home .op-promo-bridge h2{max-width:27ch}
  body.op-home section.block{padding-block:60px}
  body.op-home .sectionhead{margin-bottom:28px}
  body.op-home .journey-grid{gap:16px}
  body.op-home .journey{padding:26px}
  body.op-editorial-public .page-intro{padding:49px 0 32px}
  body.op-editorial-public .hero{padding-block:56px}
  body.op-editorial-public .section{padding-block:56px}
  body.op-editorial-public .grid{gap:16px}
}
@media(max-width:770px){
  body.op-editorial-public .nav .wrap{
    gap:11px;
    padding-block:16px;
  }
  body.op-editorial-public .navlinks{
    width:100%;
    justify-content:flex-start;
    column-gap:8px;
    row-gap:4px;
  }
  body.op-editorial-public .navlinks a{
    font-size:14px;
    min-height:42px;
    padding:10px 9px;
  }
  body.op-editorial-public .navlinks a.primary{
    padding-inline:15px;
  }
  body.op-editorial-public .footlinks{gap:10px 18px}
}
@media(max-width:530px){
  body.op-home .top{font-size:10px;letter-spacing:.09em;line-height:1.35;padding-block:9px}
  body.op-home .nav{min-height:78px}
  body.op-home .op-feature-hero{padding-top:46px}
  body.op-home .op-feature-hero .actions{gap:13px;margin-bottom:23px}
  body.op-home .op-collage{height:356px}
  body.op-home .op-stories{padding:46px 0 52px}
  body.op-home .op-scenario{min-height:230px;padding:24px}
  body.op-home .op-translator{padding-bottom:44px}
  body.op-home .op-translation-box{padding:21px}
  body.op-home .op-translation-box blockquote{margin-top:20px}
  body.op-home .op-promo-bridge{padding:25px;margin-bottom:41px}
  body.op-home .op-promo-bridge .btn{max-width:none}
  body.op-home .ribbon{padding-block:17px;font-size:14px}
  body.op-home section.block{padding-block:55px}
  body.op-home .journey{padding:23px}
  body.op-home .journey p{font-size:16px}
  body.op-home .journey a{font-size:15px;min-height:41px;padding-block:10px}
  body.op-home #workplace-game-plan{padding-block:49px}
  body.op-home #workplace-game-plan aside{padding:23px!important}
  body.op-editorial-public .hero{padding-block:48px}
  body.op-editorial-public .page-intro{padding:43px 0 28px}
  body.op-editorial-public .section{padding-block:48px}
  body.op-editorial-public .card{padding:22px}
}
@media(prefers-reduced-motion:reduce){
 body.op-editorial-public *{scroll-behavior:auto}
}


/* At 320–450px, the blog/Casebook masthead has an OP. wordmark plus
   two navigation actions. Keep them in two comfortable rows instead
   of widening the whole document by 62px. Homepage uses its own menu. */
@media(max-width:450px){
 body.op-editorial-public .nav:has(> .navlinks){
   display:flex;
   flex-wrap:wrap;
   align-items:center;
   gap:8px 14px;
   padding-block:13px;
 }
 body.op-editorial-public .nav:has(> .navlinks) > .navlinks{
   width:100%;
   min-width:0;
   flex-basis:100%;
   display:flex;
   flex-wrap:wrap;
   justify-content:flex-start;
   gap:8px 13px;
 }
 body.op-editorial-public .nav:has(> .navlinks) > .navlinks a{
   min-height:42px;
   font-size:13px;
   padding:9px 10px;
 }
}


/* Give the free kit and quiz the same OP. masthead as the rest of the site.
   This stays outside the form, email capture and results logic. */
body.op-editorial-public .op-utility-header{
 display:flex;align-items:center;justify-content:center;flex-wrap:wrap;
 gap:9px 17px;min-height:68px;padding:11px 18px;
 background:#143e32;color:#f7f6f0;
 text-align:left;
}
body.op-editorial-public .op-utility-brand{
 display:inline-flex;align-items:center;gap:9px;
 text-decoration:none;white-space:nowrap;color:#f7f6f0;
}
body.op-editorial-public .op-utility-brand .op-mark{
 color:#f7f6f0;font-size:28px;
}
body.op-editorial-public .op-utility-brand .op-full{
 color:#f7f6f0;font-size:11px;
}
body.op-editorial-public .op-utility-label{
 font:750 11px/1.5 "Geist","DM Sans",system-ui,sans-serif;
 letter-spacing:.12em;color:#dce8de;
}
@media(max-width:530px){
 body.op-editorial-public .op-utility-header{
  justify-content:flex-start;min-height:66px;padding:11px 17px;
 }
 body.op-editorial-public .op-utility-brand .op-mark{font-size:26px}
 body.op-editorial-public .op-utility-brand .op-full{font-size:10px}
}
@media print{
 body.op-editorial-public{background:#fff!important;color:#111!important}
 body.op-editorial-public .op-utility-header{display:none!important}
}


/* Only unified pages without an existing responsive menu receive this
   accessible no-JavaScript navigation. The PIP checklist retains its
   independently implemented funnel-mobile-nav control. */
body.op-editorial-public .op-page-menu{display:none}
@media(max-width:770px){
 body.op-editorial-public header.op-nav-responsive .wrap{
   position:relative;display:flex;flex-direction:row;align-items:center;
   justify-content:space-between;gap:12px;min-height:78px;padding-block:14px;
 }
 body.op-editorial-public header.op-nav-responsive .wrap > .navlinks{display:none!important}
 body.op-editorial-public header.op-nav-responsive .op-page-menu{
   display:block;position:relative;flex:0 0 auto;z-index:12;
 }
 body.op-editorial-public header.op-nav-responsive .op-page-menu summary{
   display:flex;align-items:center;justify-content:center;gap:10px;
   list-style:none;min-height:44px;padding:9px 14px;
   border:1px solid #d5d8d1;border-radius:14px;
   background:#f7f6f0;color:#143e32;cursor:pointer;
   font:750 14px/1.3 "Geist","Manrope",system-ui,sans-serif;
 }
 body.op-editorial-public header.op-nav-responsive .op-page-menu summary::-webkit-details-marker{display:none}
 body.op-editorial-public header.op-nav-responsive .op-page-menu[open] summary{background:#d7e4d3}
 body.op-editorial-public header.op-nav-responsive .op-page-menu-links{
   position:absolute;top:calc(100% + 9px);right:0;
   display:flex;flex-direction:column;align-items:stretch;gap:3px;
   width:min(300px,calc(100vw - 32px));max-height:calc(100dvh - 126px);
   overflow-y:auto;overscroll-behavior:contain;
   border:1px solid #d5d8d1;border-radius:17px;
   background:#fff;box-shadow:0 14px 38px rgba(20,62,50,.13);
   padding:10px;
 }
 body.op-editorial-public header.op-nav-responsive .op-page-menu-links a{
   display:flex;align-items:center;min-height:44px;padding:10px 13px;
   border-radius:10px;color:#143e32;
   font:700 14px/1.4 "Geist","Manrope",system-ui,sans-serif;
   text-decoration:none;
 }
 body.op-editorial-public header.op-nav-responsive .op-page-menu-links a:hover,
 body.op-editorial-public header.op-nav-responsive .op-page-menu-links a[aria-current="page"]{background:#edf2e8}
 body.op-editorial-public header.op-nav-responsive .op-page-menu-links a.primary{
   background:#143e32;color:#fff;border-radius:999px;
   justify-content:center;margin-top:5px;
 }
}


/* Optical screenshot correction: short scenario copy needs air between
   its final line and the divider. Bring all mobile tap targets to 44px. */
@media(max-width:900px){
 body.op-home .op-scenario{min-height:268px}
 body.op-home .op-mobile-menu summary{
   display:flex;align-items:center;justify-content:center;min-height:44px;
 }
 body.op-home .op-text-link{
   display:inline-flex;align-items:center;min-height:44px;
 }
}
@media(max-width:530px){
 body.op-home .op-scenario{min-height:270px}
 body.op-home .journey a{min-height:44px}
}


/* Respect the blog's original mobile information hierarchy: Blog and
   Playbook stay visible; the quiz and free-kit remain available in content.
   The shared OP brand stylesheet must not override optional-link hiding. */
@media(max-width:800px){
 body.op-editorial-public nav[aria-label="Main navigation"]
 .nav:has(> .navlinks) .navlinks a.optional{display:none!important}
}