/* thrive at work v2 — restyle layer for content pages.
   Loads after the scoped legacy CSS. Content (.lg) keeps every word; this file gives it the new look. */

/* ---------- hero built from the page's own masthead ---------- */
.lg-hero .h-hero.lg-h1{font-size:clamp(38px,4.6vw,72px);line-height:1.02;max-width:20ch}
.lg-hero .h-hero.lg-h1 .ln>span{display:inline}
.lg-hero .hero-sub{max-width:46ch;font-size:clamp(18px,1.6vw,22px);color:rgba(255,255,255,.86)}
.lg-hero .lg-kick{margin:0 0 14px;color:#F0C969}
.lg-hero .crumb{flex-wrap:wrap}
.lg-hero .crumb a{color:inherit;text-decoration:none}.lg-hero .crumb a:hover{color:#fff}
.lg-hero.page-hero{min-height:min(640px,86svh)}
.lg-hero-plain{min-height:auto!important}
.lg-hero-plain .hero-inner{padding-top:clamp(150px,20vh,200px)!important;padding-bottom:72px!important}
.lg-grid{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(80% 80% at 80% 20%,#000,transparent)}
.lg-hx{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;color:rgba(255,255,255,.75);font-size:13px}
.lg-hx .sh-updated,.lg-hx .de-stamp{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:7px 14px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.lg-hx .sh-updated b{width:6px;height:6px;border-radius:50%;background:#F0C969}
.lg-hx .rs-byline,.lg-hx .art-byline{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;font-size:13px}
.lg-hx .rs-byline a,.lg-hx .art-byline a{color:#fff}
.lg-hx .pill{border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:6px 12px}
.lg-hx .legal-card{width:min(100%,420px);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:20px 22px;backdrop-filter:blur(8px)}
.lg-hx .legal-card .ct{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#F0C969;margin-bottom:10px}
.lg-hx .legal-card .row{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-top:1px solid rgba(255,255,255,.12);font-size:14px}
.lg-hx .legal-card .rk{color:rgba(255,255,255,.6)}.lg-hx .legal-card .rv{color:#fff;text-align:right}
.lg-hx .legal-card .dl{display:inline-flex;margin-top:14px;padding:10px 16px;border-radius:999px;background:#fff;color:var(--navy);font-weight:600;font-size:13px;text-decoration:none}
.lg-hx .art-tldr{flex-basis:100%;max-width:62ch;background:rgba(255,255,255,.07);border-radius:18px;padding:16px 18px;font-size:15px;line-height:1.55;color:rgba(255,255,255,.88)}

/* ---------- content area ---------- */
.lgp .lg{position:relative;background:#fff;padding:clamp(40px,6vw,80px) 0 clamp(56px,7vw,96px);font-family:var(--body);color:var(--navy)}
.lgp .lg :is(h2){font-family:var(--display);font-weight:500;letter-spacing:-.025em;line-height:1.08;color:var(--navy);text-wrap:balance}
.lgp .lg :is(h2) em,.lgp .lg :is(h3) em{font-style:normal;font-variation-settings:"ital" 11;color:var(--bayoux)}
.lgp .lg :is(h3,h4){font-family:var(--display);font-weight:500;letter-spacing:-.015em;color:var(--navy)}
.lgp .lg :is(p,li,dd,td){color:#4A5C6E}
.lgp .lg a:not([class]){color:var(--navy);text-decoration-color:rgba(38,55,77,.35);text-underline-offset:3px}
.lgp .lg a:not([class]):hover{text-decoration-color:var(--navy)}
.lgp .lg ::selection{background:#F0C969;color:var(--navy)}

/* stat-hub family */
.lgp .lg .stat-hub{max-width:1240px}
.lgp .lg .sh-toc{padding-top:0;gap:8px}
.lgp .lg .sh-toc a,.lgp .lg .sh-cluster a{border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--navy);font-family:var(--body);font-size:13px;letter-spacing:0;text-transform:none;padding:9px 16px;transition:background .3s,color .3s,border-color .3s,transform .3s var(--ease)}
.lgp .lg .sh-toc a:hover,.lgp .lg .sh-cluster a:hover{background:var(--navy);color:#fff;border-color:var(--navy);transform:translateY(-2px)}
.lgp .lg .sh-cluster .shc-k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--bayoux)}
.lgp .lg .sh-band{border:0;border-radius:28px;background:var(--navy);gap:0;overflow:hidden;box-shadow:0 40px 80px -50px rgba(27,40,54,.6)}
.lgp .lg .sh-band .b{border-color:rgba(255,255,255,.12);padding:32px 28px}
.lgp .lg .sh-band .v{font-family:var(--display);color:#fff;font-size:clamp(34px,3.8vw,50px)}
.lgp .lg .sh-band .l{color:rgba(255,255,255,.85);font-size:14px}
.lgp .lg .sh-band .s{color:#F0C969;opacity:.9}
.lgp .lg .sh-sec{border-color:var(--line)}
.lgp .lg .sh-sec h2{font-size:clamp(30px,3.4vw,46px)}
.lgp .lg .sh-sec p.intro,.lgp .lg .sh-sec>p{font-size:17px;line-height:1.7}
.lgp .lg .sh-callout{border:0;border-radius:22px;background:#EEF3F6;padding:24px 28px}
.lgp .lg .sh-callout .h,.lgp .lg .sh-callout .k{color:var(--bayoux)}
.lgp .lg .ecd,.lgp .lg .rs-card,.lgp .lg .ecd-c{border-radius:22px;border:1px solid var(--line);background:#fff;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .3s}
.lgp .lg .ecd:hover,.lgp .lg .rs-card:hover,.lgp .lg .ecd-c:hover{transform:translateY(-4px);box-shadow:0 26px 50px -34px rgba(38,55,77,.5);border-color:rgba(38,55,77,.3)}
.lgp .lg .sh-note,.lgp .lg .rs-note{border-radius:22px;background:#F6F8FA;padding:28px}
.lgp .lg .sh-cite,.lgp .lg .rs-cite{font-size:13px}

/* FAQ in the house style */
.lgp .lg details{border-top:1px solid var(--line);padding:0}
.lgp .lg details:last-of-type{border-bottom:1px solid var(--line)}
.lgp .lg details>summary{font-family:var(--display);font-weight:500;font-size:clamp(18px,1.6vw,21px);color:var(--navy);padding:20px 44px 20px 0;cursor:pointer;list-style:none;position:relative}
.lgp .lg details>summary::-webkit-details-marker{display:none}
.lgp .lg details>summary::after{content:"";position:absolute;right:6px;top:50%;width:14px;height:14px;margin-top:-7px;background:linear-gradient(var(--navy),var(--navy)) center/14px 2px no-repeat,linear-gradient(var(--navy),var(--navy)) center/2px 14px no-repeat;transition:transform .35s var(--ease)}
.lgp .lg details[open]>summary::after{transform:rotate(45deg)}
.lgp .lg details>:not(summary){padding-bottom:20px;font-size:16px;line-height:1.65;color:#4A5C6E}

/* tables */
.lgp .lg table{border-collapse:collapse}
.lgp .lg th{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--bayoux);font-weight:600}
.lgp .lg td,.lgp .lg th{border-color:var(--line)}

/* comparison pages */
.lgp .lg .cmp,.lgp .lg .cmp-row{border-color:var(--line)}
.lgp .lg .only,.lgp .lg .cmp-fair{border-radius:22px}

/* articles */
.lgp .lg .rs-body{font-size:18px}
.lgp .lg .rs-body h2{font-size:clamp(26px,2.6vw,36px)}
.lgp .lg .rs-pull,.lgp .lg blockquote{border-left:3px solid #F0C969;font-family:var(--display);color:var(--navy)}
.lgp .lg .rs-related,.lgp .lg .rs-callout{border:0;border-radius:22px;background:#EEF3F6}

/* legal */
.lgp .lg .legal-body{padding-top:0}
.lgp .lg .legal-toc a{border-radius:10px}

/* reveal for content blocks (site.js adds .rv then .in) */
.js-lgr .lgp .lg .lgr{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform 1s var(--ease)}
.js-lgr .lgp .lg .lgr.lgr-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js-lgr .lgp .lg .lgr{opacity:1;transform:none;transition:none}}

/* CTA band built from the page's own CTA */
.lg-cta h2{max-width:22ch}
.lg-cta .lead{max-width:52ch}

@media (max-width:760px){
  .lgp .lg .sh-band{grid-template-columns:1fr 1fr}
  .lgp .lg .sh-band .b:nth-child(2){border-right:0}
  .lg-hero .h-hero.lg-h1{font-size:clamp(34px,9vw,46px)}
}

/* sticky page index on wide screens */
.lg-cols{display:block}
.lg-rail{display:none}
@media (min-width:1200px){
  .lgp .lg .lg-cols{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:56px;align-items:start}
  .lgp .lg .lg-toc-top{display:none}
  .lgp .lg .lg-rail{display:flex;flex-direction:column;gap:2px;position:sticky;top:110px;margin-top:40px;padding:18px 0 18px 20px;border-left:1px solid var(--line)}
  .lgp .lg .lg-rail-k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--bayoux);margin:0 0 10px;font-weight:600}
  .lgp .lg .lg-rail a{font-size:14px;color:#4A5C6E;text-decoration:none;padding:6px 0;transition:color .25s,transform .25s var(--ease)}
  .lgp .lg .lg-rail a:hover,.lgp .lg .lg-rail a.on{color:var(--navy);transform:translateX(3px)}
  .lgp .lg .lg-rail a.on{font-weight:600}
}
.lgp .lg .sh-cluster{margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}
.lg-cta .lg-cta-note{margin-top:14px;font-size:14px;color:rgba(255,255,255,.7);max-width:60ch}