/* Shared Adenwalla-inspired layout across ALL Growth Stories, v115 */
body.single-growth_story #adenV96Intro,body.single-growth_story #csHazIntro,body.single-growth_story #csApexIntro,body.single-growth_story #csUrbanGloIntro{display:none!important;visibility:hidden!important;pointer-events:none!important}
.cs-v115-loader{position:fixed;inset:0;z-index:2147483000;background:radial-gradient(ellipse at 55% 34%,#342044 0%,#170f22 56%,#0e0b16 100%);display:grid;place-items:center;text-align:center;padding:24px;color:#fff;transition:opacity .6s ease,visibility .6s ease}
.cs-v115-loader.is-finished{opacity:0;visibility:hidden;pointer-events:none}
.cs-v115-loader-inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:19px;max-width:min(90vw,620px)}
.cs-v115-loader-orbit{position:absolute;inset:-48px -60px;pointer-events:none}
.cs-v115-loader-orbit span{position:absolute;inset:0;border:1px solid #a856ba33;border-radius:50%;transform:rotate(-17deg) scaleX(.83);animation:csV115Orbit 5s linear infinite}
.cs-v115-loader-orbit span+span{inset:16px 35px;border-color:#ed8b7433;animation-direction:reverse;animation-duration:7s}
.cs-v115-loader-logo{max-width:180px;max-height:78px;width:auto;height:auto;object-fit:contain;position:relative;z-index:1}
.cs-v115-loader-eyebrow{font-size:.78rem;letter-spacing:.24em;color:#ebacd8;font-weight:700;position:relative}
.cs-v115-loader-name{font-size:clamp(1.85rem,4vw,3.1rem);font-weight:700;letter-spacing:-.045em;line-height:1.1;position:relative}
.cs-v115-loader-slogan{font-size:clamp(.92rem,1.5vw,1.15rem);color:#dacedd;position:relative}
.cs-v115-loader-line{width:180px;max-width:70%;height:3px;background:#4d3753;border-radius:9px;overflow:hidden;position:relative}
.cs-v115-loader-line:after{content:"";display:block;height:100%;width:45%;background:linear-gradient(90deg,#bd3aaf,#f58b55);animation:csV115Progress 1.6s ease-in-out infinite}
@keyframes csV115Orbit{to{transform:rotate(343deg) scaleX(.83)}}@keyframes csV115Progress{from{transform:translateX(-110%)}to{transform:translateX(340%)}}
/* One visible Adenwalla-style labeled navigation, including mobile. */
body.single-growth_story .aden-v94-nav,body.single-growth_story .chapter-nav,body.single-growth_story .cs-feedback20-section-rail{display:none!important}
.cs-v115-chapters{position:fixed;z-index:100;right:clamp(8px,1.7vw,26px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:5px;padding:11px 8px;border:1px solid #eaddec;border-radius:18px;background:#fffefaf2;box-shadow:0 12px 36px #29153723;max-width:180px;backdrop-filter:blur(12px)}
.cs-v115-chapters a{display:block;color:#422846;text-decoration:none;font-size:clamp(14px,1.03vw,16px);font-weight:650;line-height:1.22;border-radius:10px;padding:9px 12px;transition:background .2s,color .2s;overflow-wrap:anywhere}
.cs-v115-chapters a:hover,.cs-v115-chapters a:focus-visible,.cs-v115-chapters a.is-active{background:linear-gradient(100deg,#8c288e,#cb486f);color:#fff;outline-offset:2px}
body.single-growth_story main section[id]{scroll-margin-top:100px}
/* Final CTA buttons: centered, consistently larger, with existing story colors preserved. */
body.single-growth_story .cs-v115-final-cta{text-align:center!important;align-items:center!important;justify-content:center!important}
body.single-growth_story .cs-v115-final-cta a.cs-v115-final-button{display:inline-flex!important;align-items:center;justify-content:center;gap:10px;font-size:clamp(17px,1.5vw,21px)!important;line-height:1.3!important;font-weight:700!important;text-align:center!important;min-height:54px;padding:15px 26px!important;margin:18px auto 0!important;float:none!important;max-width:100%;white-space:normal}
body.single-growth_story .aden-v94-final-side.cs-v115-final-cta{display:flex!important;flex-direction:column;align-items:center!important;text-align:center!important;width:100%}
@media(max-width:900px){.cs-v115-chapters{position:sticky;top:68px;right:auto;transform:none;z-index:100;flex-direction:row;overflow-x:auto;gap:4px;max-width:100%;width:calc(100% - 24px);margin:12px auto;padding:6px;border-radius:13px;scrollbar-width:thin}.cs-v115-chapters a{flex:0 0 auto;font-size:14px;padding:8px 10px;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.cs-v115-loader-orbit span,.cs-v115-loader-line:after{animation:none}.cs-v115-loader{transition:none}}
body.single-growth_story .feedback-outcome .outcome-bottom:has(.cs-v115-final-button){display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:14px!important}
body.single-growth_story .apex-outcome-card.cs-v115-final-cta{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}
body.single-growth_story .cs-feedback20-generic-cta.cs-v115-final-cta{display:flex!important;flex-direction:column!important;align-items:center!important}

/* v141 — same four-tab style for all Growth Stories, slightly lighter text. */
body.single-growth_story .cs-v115-chapters a{font-weight:500!important;font-size:14px!important;line-height:1.35!important;letter-spacing:0!important}
@media(max-width:900px){body.single-growth_story .cs-v115-chapters a{font-weight:500!important;font-size:13px!important}}

/* v163: On phones keep the Growth Story chapter tabs clear of the sticky header.
   Dock them near the bottom of the viewport rather than underneath the menu. */
@media (max-width: 767px) {
  body.single-growth_story .cs-v115-chapters {
    position: fixed !important;
    inset: auto 12px 76px 12px !important;
    top: auto !important;
    right: 12px !important;
    bottom: 76px !important;
    left: 12px !important;
    transform: none !important;
    z-index: 9990 !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 6px !important;
    gap: 3px !important;
    border-radius: 16px !important;
    overflow: visible !important;
    box-shadow: 0 10px 28px rgba(45, 20, 45, .15) !important;
  }
  body.single-growth_story .cs-v115-chapters a {
    min-width: 0 !important;
    padding: 10px 3px !important;
    font-size: clamp(11px, 3vw, 13px) !important;
    line-height: 1.2 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
  }
  body.single-growth_story main section[id] { scroll-margin-top: 118px; }
}
@media (max-width: 350px) {
  body.single-growth_story .cs-v115-chapters { left: 6px !important; right: 6px !important; }
  body.single-growth_story .cs-v115-chapters a { font-size: 10.5px !important; }
}
