/* J skin for remaining inner pages: keeps each page's content + features, applies the J homepage look. */
:root{--jb:#0078C0;--jn:#0B2F5B;--jsky:#38B0E8;--jg:#2E9A48;--jmint:#EAF6EE;--jice:#EEF6FC;--jink:#0B2340;--jmut:#4A6178;
  --blue:#0078C0;--brand-blue:#0078C0;--brand-light:#38B0E8;--brand-text:#0B2F5B;--ink:#0B2340;--muted:#4A6178;--paper:#F4F8FB;--pale:#EEF6FC;--line:#D6E5F0;--acid:#2E9A48}
body.jskin{font-family:"Plus Jakarta Sans",system-ui,sans-serif;color:var(--jink);background:#fff;cursor:auto!important}
body.jskin .trout-cursor{display:none!important}
body.jskin h1,body.jskin h2,body.jskin h3,body.jskin .page-hero h1,body.jskin .section h2,body.jskin .closing h2{font-family:"Plus Jakarta Sans",sans-serif!important;font-weight:800!important;letter-spacing:-.035em!important}
body.jskin h1 em,body.jskin h2 em{font-family:inherit!important;font-style:normal;font-weight:800;color:var(--jg)}
body.jskin main{padding-top:0}
/* hero */
body.jskin .page-hero{background:linear-gradient(180deg,var(--jice),#fff)!important;color:var(--jn)!important;padding:150px 5vw 80px!important;position:relative}
body.jskin .page-hero h1{font-size:clamp(46px,6vw,96px)!important;line-height:1.02!important;margin:16px 0 18px!important;color:var(--jn)}
body.jskin .page-hero .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px!important;font-weight:700;letter-spacing:.02em;padding:8px 14px;border-radius:999px;background:var(--jmint);color:var(--jg);margin:0}
body.jskin .page-hero .eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--jg)}
body.jskin .page-hero-bottom{border-top:4px solid var(--jb);padding-top:22px;max-width:1100px}
body.jskin .page-hero-bottom>p{font-size:19px!important;line-height:1.55;color:var(--jmut);max-width:560px}
body.jskin .page-hero:after{content:"";position:absolute;right:-6vw;top:90px;width:38vw;height:38vw;max-width:520px;max-height:520px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(46,154,72,.18),rgba(0,120,192,.12) 60%,transparent 70%);pointer-events:none}
body.jskin .tone-ink.page-hero .button-dark{background:var(--jg);color:#fff}
/* eyebrows elsewhere */
body.jskin .section .eyebrow,body.jskin .stories-kicker{display:inline-flex;font-size:12px!important;font-weight:800;letter-spacing:.16em;color:var(--jb);margin-bottom:18px}
/* sections */
body.jskin .section h2{color:var(--jn);font-size:clamp(36px,4.6vw,70px)!important;line-height:1.04!important}
body.jskin .pale-section{background:var(--jice)!important}
body.jskin .lede{color:var(--jn);font-weight:600}
body.jskin .prose p,body.jskin .story-prose p{color:var(--jmut);line-height:1.65}
/* buttons */
body.jskin .button{border-radius:999px!important;font-weight:800!important;font-size:15px!important;padding:14px 16px 14px 24px!important;gap:14px!important;text-transform:none}
body.jskin .button-dark{background:var(--jg)!important;color:#fff!important}
body.jskin .button-dark:hover{background:#25813b!important}
body.jskin .button-light{background:#fff!important;color:var(--jn)!important}
body.jskin .button-outline{border:2px solid var(--jb)!important;color:var(--jb)!important;background:transparent!important}
body.jskin .button-acid{background:var(--jg)!important;color:#fff!important}
body.jskin .action-arrow-circle{background:rgba(255,255,255,.22);border-radius:50%}
body.jskin .text-link{color:var(--jb);font-weight:800}
/* cards */
body.jskin .story-card,body.jskin .resource,body.jskin .faq-item,body.jskin .hierarchy-stage,body.jskin .step{border-radius:22px!important}
body.jskin .story-card{background:#fff;box-shadow:0 14px 40px rgba(11,47,91,.08);overflow:hidden}
body.jskin .story-card-image img{border-radius:0!important}
body.jskin .story-meta,body.jskin .resource-card-meta{color:var(--jg)!important;font-weight:800}
body.jskin .hierarchy-stage{background:#fff;box-shadow:0 10px 30px rgba(11,47,91,.07)}
body.jskin .hierarchy-number,body.jskin .card-number,body.jskin .count{color:var(--jb)!important;font-weight:800}
body.jskin .hierarchy-stage:nth-child(even) .hierarchy-number{color:var(--jg)!important}
body.jskin .faq-item{border-color:var(--line)!important}
body.jskin .editorial-split img,body.jskin .wide-photo img,body.jskin .story-wide-photo img,body.jskin .split-content img{border-radius:28px}
body.jskin .tabs [aria-selected=true],body.jskin .tabs .active{background:var(--jb)!important;color:#fff!important}
body.jskin input,body.jskin select,body.jskin textarea{border-radius:14px!important;border:1.5px solid var(--line)!important;font-family:inherit}
body.jskin input:focus,body.jskin textarea:focus{outline:2px solid var(--jb);border-color:var(--jb)!important}
body.jskin .contact-grid button[type=submit],body.jskin form button[type=submit]{background:var(--jg)!important;color:#fff!important;border-radius:999px!important;font-weight:800}
body.jskin .quiz-section button{border-radius:16px}
/* closing -> J gradient band */
body.jskin .closing{background:linear-gradient(100deg,var(--jn),var(--jb) 60%,var(--jg))!important;color:#fff!important;padding:100px 5vw 90px!important;text-align:left}
body.jskin .closing .eyebrow{color:#BFF0B0!important}
body.jskin .closing h2{font-size:clamp(46px,7vw,110px)!important;color:#fff!important;line-height:1!important}
body.jskin .closing h2 em{color:#8EE07A!important}
body.jskin .closing-bottom p{color:#D9E8F5;font-size:19px}
body.jskin .closing .button-light{background:#fff!important;color:var(--jn)!important}
body.jskin .jwave{display:block;width:100%;height:70px;margin-top:-1px;background:#fff}
/* story reading pages */
body.jskin .story-reading-header,body.jskin .story-article{padding-top:120px}
body.jskin .story-back{color:var(--jb);font-weight:800}
body.jskin .story-note{background:var(--jmint);border-radius:18px;border:0}
/* hide old header/footer leftovers */
body.jskin .trout-header,body.jskin .trout-footer,body.jskin .zw-menu,body.jskin .trout-menu{display:none!important}
@media (max-width:900px){
 body.jskin .page-hero{padding:110px 6vw 56px!important}
 body.jskin .page-hero h1{font-size:clamp(40px,11vw,62px)!important}
 body.jskin .page-hero:after{display:none}
 body.jskin .section h2{font-size:clamp(32px,9vw,48px)!important}
 body.jskin .closing h2{font-size:clamp(40px,12vw,64px)!important}
}
body.jskin .button-outline .action-arrow-circle{background:var(--jice)!important;color:var(--jb)!important}
body.jskin .button-outline .action-arrow-glyph{stroke:var(--jb)}
/* old floating menu button reappears on scroll and covers the J burger */
body.jskin .trout-floating-menu{display:none!important;visibility:hidden!important;pointer-events:none!important}