/* ══════════ HUBS, ABOUT AND TOOLS (design pass Lane 4, 2026-10-23, S112) ══════════
   Page layer on top of the DESIGN SYSTEM block in lsd-refresh.css. Loaded only on the
   Lane 4 pages, each scoped by its body class (hub + hub-<page>). Never edits shared rules. */

/* ── Shared across the Lane 4 pages ── */
/* Micro labels written in lowercase read as a typo once they're not in script: capitalize the first letter */
body.hub :is(.tagline,.r-tag,.chap,.ds-label)::first-letter{text-transform:uppercase}
body.hub .xcard .xhead .xtag{display:inline-block}
body.hub .xcard .xhead .xtag::first-letter{text-transform:uppercase}

/* "What's on this page": a compact contents card instead of a floating list in a big band */
body.hub section:has(> .container > .toc-list){padding:32px 0 36px !important;background:transparent}
body.hub section:has(> .container > .toc-list) > .container{max-width:720px !important;margin-left:auto !important;margin-right:auto !important;background:#fff;border:1px solid var(--ds-line,rgba(22,51,63,.10)) !important;border-radius:22px;box-shadow:0 26px 52px -34px rgba(22,51,63,.40);padding:24px 34px 18px !important}
body.hub section:has(> .container > .toc-list) .head{margin:0 0 12px;text-align:left;max-width:none}
body.hub section:has(> .container > .toc-list) .head h2{font-family:var(--font-body);font-size:13px !important;font-weight:600;letter-spacing:.02em;color:var(--sienna);line-height:1.4;text-transform:none}
body.hub section:has(> .container > .toc-list) .head h2 *{font:inherit !important;color:inherit !important;letter-spacing:inherit !important}
body.hub .toc-list{columns:2;column-gap:40px;margin:0 !important;padding-left:20px !important;max-width:none;line-height:1.5 !important}
body.hub section:has(> .container > .toc-list) + section.sec{padding-top:48px !important}
@media (max-width:720px){body.hub section:has(> .container > .toc-list) + section.sec{padding-top:56px !important}}
body.hub .toc-list li{break-inside:avoid;margin:0 0 8px;font-size:15px;line-height:1.5;color:var(--ink-soft)}
body.hub .toc-list a{color:var(--navy);text-decoration:none}
body.hub .toc-list a:hover{text-decoration:underline;text-decoration-color:var(--teal);text-underline-offset:4px}
body.hub .toc-list li::marker{color:var(--sienna);font-weight:600}
/* On phones the contents box is a list of links before any content: hide it (it stays in the HTML) */
@media (max-width:720px){body.hub section:has(> .container > .toc-list){display:none}}

/* Glass cards on navy: sentence-case links, pinned to the bottom so a row lines up */
body.hub .glass-card{display:flex;flex-direction:column}
body.hub .glass-card .go{margin-top:auto;padding-top:14px;text-transform:none;letter-spacing:.01em;font-family:var(--font-body);font-size:15px;font-weight:600}
/* A row with a single card centers it instead of leaving half the band empty */
body.hub .glass-row:has(> :only-child){grid-template-columns:minmax(0,560px);justify-content:center}

/* ── Start Here ── */
body.hub-start .doors5{grid-template-columns:repeat(3,minmax(0,1fr))}
body.hub-start .pcard-slim{background:#F6EEE3;border-color:rgba(172,113,77,.22);box-shadow:none;text-decoration:none;color:inherit}
body.hub-start .pcard-slim:hover{transform:translateY(-4px)}
body.hub-start .slim-row{grid-template-columns:1fr;margin-top:22px}
body.hub-start .slim-row .slim-card{max-width:none}
/* One column: an open card no longer leaves a hole beside it */
body.hub-start .xrow{grid-template-columns:1fr;max-width:880px;margin-left:auto;margin-right:auto;gap:16px}
body.hub-start .xbody{padding-left:59px}
body.hub-start .xbody p + p{margin-top:12px}
body.hub-start .xbody .xmoves{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.hub-start #already-id .container{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}
body.hub-start #already-id .head{margin:0}
body.hub-start #already-id .res-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:1060px){body.hub-start .doors5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){body.hub-start #already-id .container{grid-template-columns:1fr;gap:28px}}
@media (max-width:620px){body.hub-start .doors5{grid-template-columns:1fr}body.hub-start #already-id .res-grid{grid-template-columns:1fr}body.hub-start .xbody{padding-left:24px}body.hub-start .xbody .xmoves{grid-template-columns:1fr}
  body.hub-start .le-doors{grid-template-columns:repeat(2,minmax(0,1fr))}body.hub-start .le-doors > :last-child{grid-column:1 / -1}}

/* ── Resource Hub ── */
body.hub-res .rh-2x2{grid-template-columns:repeat(3,minmax(0,1fr))}
body.hub-res section.sec:not(.sec-navy) .head{text-align:left;margin-left:0;margin-right:auto}
@media (max-width:880px){body.hub-res .rh-2x2{grid-template-columns:1fr}}

/* ── About ── */
body.hub-about .about-photo .aframe{display:none}
body.hub-about .bio-flow{max-width:980px}
body.hub-about .bio-chap{display:grid;grid-template-columns:200px minmax(0,1fr);column-gap:48px;margin-bottom:0;padding:40px 0;border-top:1px solid var(--ds-line,rgba(22,51,63,.10))}
body.hub-about .bio-chap:first-child{border-top:0;padding-top:8px}
body.hub-about .bio-chap .chap{grid-column:1;grid-row:1 / span 6;align-self:start;position:sticky;top:110px;font-family:var(--font-display) !important;font-size:21px !important;font-weight:400 !important;letter-spacing:0 !important;text-transform:none !important;line-height:1.3 !important;color:var(--navy) !important;margin:2px 0 0 !important;padding-top:14px;border-top:2px solid var(--teal)}
body.hub-about .bio-chap > :not(.chap){grid-column:2}
body.hub-about .bio-chap p{font-size:16.5px}
body.hub-about .bio-chap p:last-child{margin-bottom:0}
body.hub-about .about-work{grid-template-columns:minmax(0,440px);justify-content:center}
/* While Team is held the section has one card: drop its heading so it reads as a link, not an empty section */
body.hub-about section:has(.about-work > :only-child){padding:8px 0 64px !important;background:transparent}
body.hub-about section:has(.about-work > :only-child) .head{display:none}
body.hub-about .about-work:has(> :only-child) .slim-card{background:none;border:0;box-shadow:none;padding:0;justify-content:center;text-align:center}
body.hub-about .about-work:has(> :only-child) .slim-card .sc-d{display:block;margin-top:6px;font-size:14px;color:var(--ink-soft)}
body.hub-about .about-work:has(> :only-child) .slim-card .arr2{display:none}
body.hub-about .about-work:has(> :only-child) .slim-card :is(.sc-t){font-family:var(--font-body);font-size:15px;font-weight:600;color:var(--navy);text-decoration:underline;text-decoration-color:var(--teal);text-underline-offset:5px}
body.hub-about .cred .c-ic::first-letter{text-transform:uppercase}
@media (max-width:820px){body.hub-about .bio-chap{grid-template-columns:1fr;padding:22px 0;border-top:0}body.hub-about .bio-chap .chap{position:static;grid-row:auto;margin:0 0 14px !important;display:block}body.hub-about .bio-chap > :not(.chap){grid-column:1}body.hub-about .bio-chap p{font-size:16px;line-height:1.75}}

/* ── Connect ── */
body.hub-connect .slim-row-3{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;margin-left:auto;margin-right:auto}
body.hub-connect section.sec-sand:has(.slim-row-3){padding:56px 0}
@media (max-width:760px){body.hub-connect .slim-row-3{grid-template-columns:1fr}}

/* ── Find the Time ── */
body.hub-ftt .ftt-grid{align-items:start}
body.hub-ftt .ftt-map{position:sticky;top:96px;align-self:start}
body.hub-ftt .ftt-math{max-width:680px;margin-left:0;margin-right:auto;text-align:left}
body.hub.hub-ftt .ftt-math .script{display:block !important;font-family:var(--font-display) !important;font-size:21px !important;font-weight:400 !important;color:var(--navy) !important;line-height:1.3 !important;margin-bottom:8px}
body.hub-ftt .ftt-math .script::first-letter{text-transform:uppercase}
body.hub-ftt .ftt-grads .ftt-cards{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}
@media (max-width:900px){body.hub-ftt .ftt-map{position:static}body.hub-ftt .ftt-grads .ftt-cards{grid-template-columns:1fr}}

/* ── Portfolio Sample Topic Generator ── */
body.hub-topic .pg-hero .pg-byline-note{margin-top:22px}
body.hub-topic .pg-hero .hero-ctas{justify-content:center;margin-top:28px}
body.hub-topic .sec p + p{margin-top:16px}
body.hub-topic #ideas .reveal:has(> table){background:#fff;border:1px solid var(--ds-line,rgba(22,51,63,.10));border-radius:22px;box-shadow:0 26px 52px -34px rgba(22,51,63,.40);padding:12px 26px 18px}
body.hub-topic #ideas table tr:last-child td{border-bottom:0 !important}
body.hub-topic #ideas .reveal:has(> table) p{max-width:none !important;margin:18px 6px 4px !important}

/* ── Topic Generator thank-you ── */
body.hub-topic-ty .ty-hero .container{max-width:760px}
body.hub-topic-ty .ty-steps{max-width:760px;margin-left:auto;margin-right:auto}
body.hub-topic-ty .ty-help{text-align:center;margin:0 auto 56px}
body.hub-topic-ty .ty-hero + section.sec{padding-bottom:40px !important}

/* ── ID Role Explorer ── */
/* The tool card pulls up into the hero with a negative margin; the episode card under it must not */
body.hub-ire .ire-wrap > .container.ep-in{margin-top:40px}

/* ── Stories Like Yours ── */
body.hub-stories .pt-card{display:flex;flex-direction:column}

body.hub-stories .pt-card-name{display:flex;align-items:center;gap:12px}
body.hub-stories .pt-mono{flex:0 0 auto;width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2E6E7E,#1B3A4B);color:#fff;font-family:var(--font-display);font-size:18px;line-height:1;box-shadow:0 10px 20px -12px rgba(22,51,63,.6)}
body.hub.hub-stories #lsd-proof-tool .pt-card .pt-toggle{text-transform:none !important;letter-spacing:.01em !important;font-family:var(--font-body) !important;font-size:15px !important;font-weight:600 !important}

/* ── AIDA Portfolios ── */
/* (glass cards handled above) */

/* ── Podcast hub ── */
body.hub-pod .pod-all-list{background:#fff;border:1px solid var(--ds-line,rgba(22,51,63,.10));border-radius:22px;box-shadow:0 26px 52px -34px rgba(22,51,63,.40);padding:18px 34px}
/* ── Phones (Lane 4 pages) ── */
@media (max-width:620px){
  /* Hero proof chips read as one line of text, not three faint pills stacked */
  body.hub .pg-hero .pg-chip{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;font-size:13.5px !important}
  /* Hero buttons stay inside the gutter */
  body.hub .pg-hero .hero-ctas{flex-direction:column;align-items:stretch;gap:12px}
  body.hub .pg-hero .hero-ctas .btn{width:100%;max-width:100%;white-space:nowrap;text-align:center;justify-content:center;letter-spacing:.08em;padding-left:14px;padding-right:14px}
  /* Quick answer cards: normal phone padding */
  body.hub .tldr .frame-card{padding:24px 22px !important}
  body.hub .tldr .frame-card p{font-size:16.5px;line-height:1.7}
  /* Stories Like Yours: filters scroll sideways in one row each instead of a 12-chip stack before the stories */
  body.hub-stories #lsd-proof-tool .pt-filtergroup{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;justify-content:flex-start;padding:4px 14px 10px;margin:0 -14px;max-width:none;width:calc(100% + 28px);box-sizing:border-box;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  body.hub-stories #lsd-proof-tool .pt-filtergroup::-webkit-scrollbar{display:none}
  body.hub-stories #lsd-proof-tool .pt-filtergroup{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;grid-template-rows:auto auto;row-gap:10px;column-gap:8px}
  body.hub-stories #lsd-proof-tool .pt-filtergroup .pt-grouplabel{grid-row:1;grid-column:1 / span 3;position:sticky;left:0;margin:0;text-align:left}
  body.hub-stories #lsd-proof-tool .pt-chip{grid-row:2;white-space:nowrap;margin:0}
  body.hub-stories #lsd-proof-tool .pt-grid{margin-left:0;margin-right:0}
  /* Podcast: platform buttons sit two to a row */
  body.hub-pod .pod-hero-plats{display:flex;flex-wrap:wrap;gap:10px}
  body.hub-pod .pod-plat-lg{flex:1 1 auto;justify-content:center;padding:12px 16px;white-space:nowrap}
  /* Resource Hub: the stage cards in the hero only jump to the sections below, so phones skip them */
  body.hub-res .le-stages{display:none}
  /* Start Here: the hero already lists the five doors, so the door cards drop to title and link */
  body.hub-start .doors5 .pcard p{display:none}
  body.hub-start .doors5 .pcard{padding:22px 22px 20px}
  body.hub-start .doors5 .pcard .arrow-link{margin-top:10px}
  /* Accordion summary: the number sits beside the label line and the text runs full width under it */
  body.hub-start details.xcard summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:10px;padding:20px 20px 20px}
  body.hub-start .xcard .xhead{display:contents}
  body.hub-start .xcard .xnum{grid-row:1;grid-column:1;font-size:28px;margin:0}
  body.hub-start .xcard .xhead .xtag{grid-row:1;grid-column:2;margin:0}
  body.hub-start .xcard .xtoggle{grid-row:1;grid-column:3}
  body.hub-start details.xcard summary{row-gap:0}
  body.hub-start .xcard .xhead h3{grid-row:2;grid-column:1 / -1;margin:10px 0 0 !important}
  body.hub-start .xcard .xhead p{grid-row:3;grid-column:1 / -1;margin-top:6px}
  body.hub-start .xbody{padding:0 22px 22px}
}
/* ── v2 round (Lane 4, after the shared system v2) ── */
/* Hero tiles (Start Here doors, Resource Hub stages): readable sentence-case labels, one glass surface */
body.hub :is(.le-doors,.le-stages) small{font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:.01em;text-transform:none;color:var(--sky)}
body.hub-res .le-stages a:nth-child(n){background:linear-gradient(130deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.06) 45%,rgba(255,255,255,.12) 100%),rgba(47,106,117,.30)}
/* Start Here: two card surfaces only (the featured teacher door and white) */
body.hub-start .pcard-slim{background:#fff;border-color:var(--ds-line,rgba(22,51,63,.10))}
/* Accordion labels and toggle match the FAQ treatment */
body.hub-start .xcard .xhead .xtag{font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:.01em;text-transform:none;color:var(--sienna);margin-bottom:4px}
body.hub-start .xcard .xnum{font-family:var(--font-display);font-weight:300;font-size:34px;color:var(--sienna)}
body.hub-start .xcard .xtoggle{width:30px;height:30px;border:1.5px solid rgba(22,51,63,.35);background:#fff;color:var(--navy);font-size:0;position:relative}
body.hub-start .xcard .xtoggle::before,body.hub-start .xcard .xtoggle::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:2px;background:var(--navy)}
body.hub-start .xcard .xtoggle::after{transform:rotate(90deg)}
body.hub-start details.xcard[open] .xtoggle{background:var(--mist);border-color:var(--teal)}
body.hub-start .xbody p + p{margin-top:12px}
/* Resource Hub: one primary link in the classroom strip, the rest quiet */
body.hub-res .rh-two li a{color:var(--navy);font-weight:500;text-decoration:underline;text-decoration-color:rgba(22,51,63,.25);text-underline-offset:4px}
body.hub-res .rh-two li:first-child a{font-weight:600;text-decoration-color:var(--teal)}
body.hub-res .rh-two li .n{background:#DFF5F6}
/* Resource Hub: "Keep learning" is a lighter row so the page isn't four identical card grids */
body.hub-res section#keep-learning .res-grid{gap:0;border-top:1px solid var(--ds-line,rgba(22,51,63,.10));border-bottom:1px solid var(--ds-line,rgba(22,51,63,.10))}
body.hub-res section#keep-learning .res-card{background:none !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;padding:28px 28px 26px}
body.hub-res section#keep-learning .res-card + .res-card{border-left:1px solid var(--ds-line,rgba(22,51,63,.10)) !important}
body.hub-res section#keep-learning .res-card:hover{transform:none}
/* About: the portfolio link is a plain centered link */
body.hub-about .about-work:has(> :only-child) .slim-card{background:none !important;border:0 !important;box-shadow:none !important}
/* About: employer names in their own spelling, not tracked caps */
body.hub-about .employers .chip{text-transform:none;letter-spacing:.01em;font-family:var(--font-body);font-size:15px;font-weight:500;padding:12px 22px}
/* About: credential cards with a readable label and body text */
body.hub-about .cred{text-align:left;padding:26px 26px 24px}
body.hub-about .cred .c-ic{font-family:var(--font-body) !important;font-size:13px !important;font-weight:600 !important;color:var(--sienna) !important;letter-spacing:.01em;margin-bottom:10px;line-height:1.3}
body.hub-about .cred h3{font-size:18px}
body.hub-about .cred p{font-size:15px;line-height:1.65;margin-top:10px}
@media (max-width:880px){
  body.hub-res section#keep-learning .res-card + .res-card{border-left:0 !important;border-top:1px solid var(--ds-line,rgba(22,51,63,.10)) !important}
  body.hub-res section#keep-learning .res-card{padding:22px 4px}
}
/* The entity line under the H1 at a readable size */
body.hub .pg-hero .pg-byline.created-by,body.hub .pg-hero .pg-byline-note{font-size:13px !important;letter-spacing:.02em !important;opacity:.9}
body.hub :is(.le-doors,.le-stages) small{display:block}
body.hub :is(.le-doors,.le-stages) small::first-letter{text-transform:uppercase}
/* About: the outcomes link reads as one sentence with the arrow glued, any width */
body.hub-about .employers .foot{text-align:center}
body.hub-about .employers .foot .arrow-link{display:inline;line-height:1.5}
/* Connect: the email address is a text link, not a pill that wraps */
body.hub-connect #con-em{display:inline;background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;color:var(--navy);font-weight:600;text-decoration:underline;text-decoration-color:var(--teal);text-underline-offset:4px;overflow-wrap:anywhere;white-space:normal}
/* Hero facts: one quiet meta line, not a row of faint pills */
body.hub .pg-hero .pg-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;margin-top:26px}
body.hub .pg-hero .pg-chips .pg-chip{background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;border-radius:0;font-family:var(--font-body);font-size:14px;font-weight:500;letter-spacing:.01em;text-transform:none;color:rgba(255,255,255,.86)}
body.hub .pg-hero .pg-chips{gap:6px 22px}
body.hub .pg-hero .pg-chips .pg-chip::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--teal);margin-right:9px;vertical-align:middle;position:relative;top:-1px}
/* Find the Time: one unit color, readable labels, two surfaces in the map widget */
body.hub-ftt .ftt-src .ftt-card .big,body.hub-ftt .ftt-src .ftt-card .big em{color:var(--teal)}
body.hub-ftt .ftt-legend span{font-size:12.5px;letter-spacing:.01em;text-transform:none;color:rgba(255,255,255,.78)}
body.hub-ftt .ftt-stat .c{font-size:13px;letter-spacing:.01em;text-transform:none;color:rgba(255,255,255,.72);margin-top:8px}
body.hub-ftt .ftt-stat.hi{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);box-shadow:inset 0 3px 0 var(--teal)}
body.hub-ftt .ftt-stat .n{color:#fff}
body.hub-ftt .ftt-stat .n em{color:#8FE8ED}
body.hub-ftt .ftt-presets .lbl{font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:.01em;text-transform:none;color:var(--sienna)}
body.hub-ftt .ftt-src .ep-card{margin-left:0;max-width:680px}
@media (max-width:620px){
  /* Find the Time: the three sources read as a compact ledger on phones */
  body.hub-ftt .ftt-src .ftt-cards{gap:0 !important;border-top:1px solid rgba(22,51,63,.12)}
  body.hub-ftt .ftt-src .ftt-card{display:grid;grid-template-columns:72px 1fr;column-gap:14px;background:none !important;border:0 !important;border-bottom:1px solid rgba(22,51,63,.12) !important;border-radius:0 !important;box-shadow:none !important;padding:22px 0 !important}
  body.hub-ftt .ftt-src .ftt-card::before{display:none !important}
  body.hub-ftt .ftt-src .ftt-card .big{grid-row:1 / span 2;font-size:34px !important;line-height:1;margin:0 !important;display:flex;flex-direction:column}
  body.hub-ftt .ftt-src .ftt-card .big{font-size:0 !important}
  body.hub-ftt .ftt-src .ftt-card .big em{font-size:38px;line-height:1}
  body.hub-ftt .ftt-src .ftt-card .big::after{content:"hours";font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--teal);margin-top:4px;letter-spacing:.01em}
  body.hub-ftt .ftt-src .ftt-card h3{margin:0 0 6px !important;grid-column:2}
  body.hub-ftt .ftt-src .ftt-card p{grid-column:2;margin:0 !important}
}
/* Topic table: column labels at the 13px label size, sentence case */
body.hub-topic table th{font-family:var(--font-body) !important;font-size:13px !important;font-weight:600 !important;letter-spacing:.01em !important;text-transform:none !important;color:var(--sienna) !important}
@media (max-width:620px){
  /* Topic table: each idea becomes one row of a list on phones, no sideways scroll */
  body.hub-topic table thead{display:none}
  body.hub-topic table,body.hub-topic table tbody,body.hub-topic table tr,body.hub-topic table td{display:block;width:100%}
  body.hub-topic table tr{padding:16px 0;border-bottom:1px solid rgba(22,51,63,.10) !important}
  body.hub-topic table tr:last-child{border-bottom:0 !important}
  body.hub-topic table td{padding:0 !important;border:0 !important}
  body.hub-topic table td:first-child{font-size:16px;line-height:1.4}
  body.hub-topic table td:nth-child(2){font-size:13px !important;font-weight:600;color:var(--sienna) !important;margin-top:6px;letter-spacing:.01em}
  body.hub-topic table td:nth-child(3){font-size:14.5px;line-height:1.55;color:var(--ink-soft);margin-top:2px}
}
/* Topic thank-you: steps overlap the hero as designed, hero text on the steps' left edge, flat step numbers */
body.hub-topic-ty .ty-hero + section.sec{display:flow-root}
body.hub-topic-ty .ty-hero .container{max-width:824px !important}
body.hub-topic-ty .ty-num{background:#DFF5F6 !important;color:var(--teal-deep,#127A82);font-weight:500;font-size:22px;border-radius:50%;box-shadow:none}
body.hub-topic-ty .ty-help{padding:12px 0 24px}
@media (max-width:620px){
  body.hub-topic-ty .ty-step .btn{white-space:nowrap;width:100%;font-size:12px;letter-spacing:.06em;padding-left:12px;padding-right:12px;justify-content:center}
  body.hub-topic-ty .ty-num{width:40px;height:40px;font-size:19px}
  body.hub-topic-ty .ty-step{grid-template-columns:40px minmax(0,1fr) !important;column-gap:14px}
  body.hub-topic-ty .ty-step{align-items:center;row-gap:12px !important}
  body.hub-topic-ty .ty-step > div:not(.ty-num){display:contents}
  body.hub-topic-ty .ty-step h2{grid-column:2;margin:0 !important}
  body.hub-topic-ty .ty-step p,body.hub-topic-ty .ty-step .btn{grid-column:1 / -1;margin:0 !important}
}
/* Role Explorer: the door card overlaps the hero as designed (no margin collapse) */
body.hub-ire .ire-wrap{display:flow-root}
body.hub-ire .intro-meta{font-size:14px;color:var(--ink-soft)}
/* Stories cards: two surfaces only (card + text), quote follows the teaser, the link sits on the bottom edge */
body.hub-stories #lsd-proof-tool .pt-grouplabel{font-family:var(--font-body) !important;font-size:13px !important;font-weight:600;letter-spacing:.01em !important;text-transform:none !important;color:var(--sienna) !important;opacity:1}
body.hub-stories #lsd-proof-tool .pt-facts{background:none;border:0;border-radius:0;padding:0;margin:4px 0 16px}
body.hub-stories #lsd-proof-tool .pt-fact + .pt-fact{margin-top:10px}
body.hub-stories #lsd-proof-tool .pt-fact-label{font-family:var(--font-body) !important;font-size:13px !important;font-weight:600;letter-spacing:.01em !important;text-transform:none !important;color:var(--ink-soft,#5b6b74) !important;margin:0 0 1px}
body.hub-stories #lsd-proof-tool .pt-fact + .pt-fact .pt-fact-label{color:#127A82 !important}
body.hub-stories #lsd-proof-tool .pt-fact-val{font-size:15px !important}
body.hub-stories #lsd-proof-tool .pt-card-name{order:1}
body.hub-stories #lsd-proof-tool .pt-facts{order:2}
body.hub-stories #lsd-proof-tool .pt-card-teaser,body.hub-stories #lsd-proof-tool .pt-full{order:3}
body.hub-stories #lsd-proof-tool .pt-quote{order:4;margin-top:0 !important;margin-bottom:0}
body.hub-stories #lsd-proof-tool .pt-badges{order:5}
body.hub-stories #lsd-proof-tool .pt-toggle{order:6;margin:auto 0 0 !important;padding-top:18px}
body.hub-stories #lsd-proof-tool .pt-badges{margin-top:10px}
body.hub-stories #lsd-proof-tool .pt-badge{background:none !important;padding:0 !important;margin:0;border-radius:0;font-size:13px !important;color:var(--sienna) !important}
body.hub-stories #lsd-proof-tool .pt-badge::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--sienna);margin-right:8px;vertical-align:middle;position:relative;top:-1px}
/* ── 10/24 round (Lane 4, on the shared system v3/v4) ──
   ":not(#_)" lifts a rule over the system's long inline-link selector where a component keeps its own link color. */

/* Contents (Start Here, Topic Generator): a slim strip on the 1136 grid, numbered; on phones it collapses and the
   system's floating "On this page" pill (data-ds-toc) carries it */
body.hub section:has(> .container > .toc-list){padding:0 !important;background:#fff !important;border-bottom:1px solid var(--ds-line)}
body.hub section:has(> .container > .toc-list) > .container{max-width:calc(var(--ds-wide) + 64px) !important;background:none;border:0 !important;border-radius:0;box-shadow:none;padding:26px 32px 30px !important;display:grid;grid-template-columns:1fr;gap:16px;align-items:start}
body.hub section:has(> .container > .toc-list) .head{margin:0 !important;padding-top:1px}
body.hub section:has(> .container > .toc-list) .head h2{font-size:13px !important;line-height:1.3}
body.hub .toc-list{columns:auto;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);margin:0 !important;padding:0 !important;list-style:none;counter-reset:toc}
body.hub .toc-list li{margin:0;padding:2px 20px 2px 20px;border-left:1px solid var(--ds-line);counter-increment:toc;font-size:14.5px;line-height:1.45}
body.hub .toc-list li:first-child{border-left:0;padding-left:0}
/* six or more entries: three per row */
body.hub .toc-list:has(> li:nth-child(6)){grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:22px}
body.hub .toc-list:has(> li:nth-child(6)) > li:nth-child(3n+1){border-left:0;padding-left:0}
body.hub .toc-list li::before{content:counter(toc,decimal-leading-zero);display:block;margin-bottom:6px;font:600 13px/1 var(--font-body);color:var(--sienna);letter-spacing:.04em}
body.hub .toc-list a:not(#_){color:var(--navy) !important;font-weight:600;text-decoration:none !important}
body.hub .toc-list a:not(#_):hover{text-decoration:underline !important;text-decoration-color:var(--teal) !important;text-underline-offset:4px}
body.hub section:has(> .container > .toc-list) + section.sec{padding-top:72px !important}
@media (max-width:720px){
  body.hub section:has(> .container > .toc-list){display:block !important;height:0;overflow:hidden;border:0}
  body.hub section:has(> .container > .toc-list) + section.sec{padding-top:56px !important}
}

/* Start Here */
body.hub-start .pcard-dark .arrow-link:not(#_){color:var(--sky) !important}
body.hub-start .xbody .xmoves a{background:var(--ds-tint) !important;border-color:var(--ds-tint-line) !important;box-shadow:none !important}
body.hub-start .xbody .xmoves a:hover{border-color:var(--ds-teal-text) !important}
body.hub-start .xbody .xmoves .arr2{color:var(--ds-teal-text)}
body.hub-start .xcard .xnum{font-weight:400 !important}
body.hub-start .xrow{max-width:var(--ds-read)}
body.hub .mini-jill .mj-photo:not(#_){border-radius:50% !important}
@media (max-width:720px){
  /* the door cards are a swipe row on phones, so they keep their paragraph */
  body.hub-start .doors5 .pcard p{display:block}
  body.hub-start .doors5 .pcard{padding:24px 22px 22px}
  body.hub-start .doors5.ds-swipe > *{flex-basis:82%}
  body.hub .mini-jill{text-align:left;justify-items:start;padding:26px 22px}
  body.hub .mini-jill .mj-photo{width:88px;height:88px}
}

/* Resource Hub */
body.hub-res #stuck-start .res-card{background:#fff !important}
body.hub-res #stuck-start .res-grid{position:relative;z-index:2}
/* the hero stage tiles jump to their sections, whose intros repeat the tile text: the tiles keep stage and title */
body.hub-res .le-stages a > span:not(.arr){display:none}
body.hub-res #stuck-start .res-card .arrow-link:not(#_){color:var(--ds-teal-text) !important}
body.hub-res section#keep-learning .res-grid{border-color:rgba(10,104,112,.16)}
body.hub-res section#keep-learning .res-card + .res-card{border-left-color:rgba(10,104,112,.16) !important}
body.hub-res section#keep-learning{padding:80px 0 !important}
body.hub-res section#keep-learning + section.sec-navy{padding-top:88px !important}
body.hub-res #doing-it{padding-bottom:88px !important}
@media (max-width:900px){body.hub-res #stuck-start{padding-top:28px !important;padding-bottom:0 !important}body.hub-res #stuck-start > .container{box-shadow:none !important}}
@media (max-width:880px){body.hub-res section#keep-learning .res-card + .res-card{border-top-color:rgba(10,104,112,.16) !important}}

/* Hero meta line, phones: left-aligned like the hero text */
@media (max-width:720px){
  body.hub .pg-hero .pg-chips{justify-content:flex-start;flex-direction:column;align-items:flex-start;gap:8px}
  body.hub .pg-hero .pg-chips .pg-chip{display:block !important;text-align:left !important;padding-left:14px !important;position:relative}
  body.hub .pg-hero .pg-chips .pg-chip::before{position:absolute !important;left:0;top:.62em !important;margin:0 !important}
  body.hub .pg-hero :is(.pg-byline,.pg-byline-note){text-align:left !important}
}

/* About: the bio on the 1136 grid (chapter column, then the 720 reading column), numbered chapters, one pull line */
body.hub-about .bio-flow{max-width:none;counter-reset:chap}
body.hub-about .bio-chap{grid-template-columns:minmax(0,1fr) minmax(0,720px);column-gap:72px;counter-increment:chap;padding:48px 0;border-top:0 !important}
/* the chapter number sits above the teal rule, out of flow, so the title keeps its capital first letter */
body.hub-about .bio-chap .chap::before{content:counter(chap,decimal-leading-zero);position:absolute;left:0;top:-26px;font:600 13px/1 var(--font-body);letter-spacing:.04em;color:var(--sienna)}
body.hub-about .bio-chap .chap{font-size:24px !important;margin-top:26px !important}
body.hub-about .bio-chap p{font-size:17px;line-height:1.8}
body.hub-about .bio-chap p.bio-pull{margin:30px 0 !important;padding:4px 0 4px 26px;border-left:3px solid var(--teal);font-family:var(--font-display);font-size:27px;line-height:1.35;color:var(--navy)}
body.hub-about .anat-draft{margin-left:auto !important;max-width:720px}
body.hub-about .ep-in{max-width:calc(var(--ds-wide) + 64px) !important;margin-top:8px}
body.hub-about .ep-in .ep-card{max-width:720px;margin:0 0 0 auto}
@media (max-width:820px){
  body.hub-about .anat-draft{max-width:none}
  body.hub-about .ep-in .ep-card{margin:0}
  body.hub-about .bio-chap{grid-template-columns:1fr;padding:28px 0}
  body.hub-about .bio-chap .chap{position:relative !important;top:auto !important;margin:26px 0 14px !important}
  body.hub-about .bio-chap .chap{font-size:22px !important}
  body.hub-about .bio-chap p.bio-pull{font-size:22px;padding-left:18px;margin:24px 0 !important}
}
/* Countries: less empty band under the stamps */
body.hub-about .pp-sec{padding:72px 0 64px}
@media (max-width:720px){body.hub-about .pp-sec{padding:56px 0 48px}body.hub-about .employers{padding:56px 0 !important}}
/* Credentials: on the 1136 grid with real type sizes */
body.hub-about .cred-grid{max-width:var(--ds-wide);margin:0 auto;gap:24px}
body.hub-about .cred{padding:32px 30px 30px}
body.hub-about .cred .c-ic:not(#_){font-family:var(--font-body) !important;font-weight:600 !important;font-size:13px !important;color:var(--sienna) !important}
body.hub-about .cred h3{font-size:21px;line-height:1.3}
body.hub-about .cred p{font-size:15.5px}
/* Podcast: a light band with the cover art beside the words */
body.hub-about .about-pod{padding:88px 0 !important}
body.hub-about .about-pod > .container{max-width:calc(var(--ds-wide) + 64px) !important;display:grid;grid-template-columns:300px minmax(0,640px);column-gap:64px;justify-content:center;align-items:center;text-align:left !important}
body.hub-about .about-pod .about-pod-art{grid-column:1;grid-row:1 / span 4;width:300px;height:auto;border-radius:24px;box-shadow:var(--ds-shadow)}
body.hub-about .about-pod > .container > :not(.about-pod-art){grid-column:2}
body.hub-about .about-pod h2{color:var(--navy) !important;text-align:left}
body.hub-about .about-pod p{color:var(--ink-soft) !important;margin-top:14px !important}
body.hub-about .about-pod .pg-chips{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;justify-content:flex-start !important;margin-top:24px !important}
body.hub-about .about-pod a.pg-chip{display:inline-flex;align-items:center;background:#fff !important;border:1px solid rgba(22,51,63,.18) !important;border-radius:999px;padding:10px 18px !important;font:600 14px/1 var(--font-body) !important;letter-spacing:.01em !important;text-transform:none !important;color:var(--navy) !important;box-shadow:none !important;backdrop-filter:none !important}
body.hub-about .about-pod a.pg-chip:hover{border-color:var(--ds-teal-text) !important}
body.hub-about .about-pod span.pg-chip{background:none !important;border:0 !important;padding:0 4px !important;font:500 14px/1 var(--font-body) !important;letter-spacing:.01em !important;text-transform:none !important;color:var(--ink-soft) !important;backdrop-filter:none !important}
body.hub-about .about-pod .btn{justify-self:start;margin-top:26px !important;background:var(--btn-peach) !important;border:1px solid #DFA57F !important;color:var(--navy) !important;box-shadow:0 16px 30px -18px rgba(172,113,77,.75) !important}
@media (max-width:820px){
  body.hub-about .about-pod{padding:56px 0 !important}
  body.hub-about .about-pod > .container{grid-template-columns:1fr;row-gap:0}
  body.hub-about .about-pod .about-pod-art{grid-row:auto;width:148px;border-radius:18px;margin-bottom:24px}
  body.hub-about .about-pod > .container > :not(.about-pod-art){grid-column:1}
  body.hub-about .about-pod .btn{justify-self:stretch;text-align:center;justify-content:center}
}
/* Portfolio link and profiles read as one quiet block after the band */
body.hub-about section:has(.about-work > :only-child){padding:72px 0 0 !important}
body.hub-about section:has(.about-work > :only-child) + section.sec{padding-top:48px !important}
@media (max-width:720px){body.hub-about .profiles-row{justify-content:flex-start}body.hub-about section:has(.about-work > :only-child) .slim-card{text-align:left;justify-content:flex-start}}

/* Swipe rows on the Lane 4 pages: cards a touch wider with phone padding, so short titles stay on one line */
@media (max-width:720px){
  body.hub .ds-swipe > *{flex-basis:86% !important}
  body.hub .ds-swipe > :is(.res-card,.pcard,.cred){padding:26px 22px 24px !important}
}

/* Podcast hub: the playlist inside the phone keeps its light-on-dark tracks; the episode list is navy text, not a page of underlines */
body.hub-pod .pp-list a.pp-track:not(#_){color:rgba(255,255,255,.80) !important;text-decoration:none !important;font-weight:400}
body.hub-pod .pp-list a.pp-track.on:not(#_){color:#fff !important}
body.hub-pod .pod-all-list a:not(#_){color:var(--navy) !important;text-decoration:none !important;font-weight:500}
body.hub-pod .pod-all-list a:not(#_):hover{text-decoration:underline !important;text-decoration-color:var(--teal) !important;text-underline-offset:4px}
body.hub-pod .pod-all-list li{padding:12px 0}
body.hub-pod .pod-ep{font:600 13px/1.4 var(--font-body);color:var(--sienna);letter-spacing:.01em}
body.hub-pod .pod-all-list{max-width:var(--ds-wide);padding:22px 40px;box-shadow:var(--ds-shadow)}
body.hub-pod .pod-all-list li.ds-hide{display:none}
body.hub-pod .pod-host .ph:not(#_),body.hub-pod .pod-host .ph img:not(#_){border-radius:50% !important}
body.hub-pod .pod-host .ph{overflow:hidden;aspect-ratio:1}
body.hub-pod .pod-host .ph img{width:100%;height:100%;object-fit:cover}
@media (max-width:720px){
  body.hub-pod .pod-all-list{padding:8px 20px}
  body.hub-pod .pod-all-list li{padding:14px 0}
  body.hub-pod .pod-all-list a{font-size:16px}
  body.hub-pod .pod-host{display:grid;grid-template-columns:96px 1fr;column-gap:18px;row-gap:0 !important;gap:0 18px !important;align-items:center}
  body.hub-pod .pod-host .ph{width:96px;height:96px;margin:0}
  body.hub-pod .pod-host > :not(.ph){display:contents}
  body.hub-pod .pod-host h2{grid-column:2;margin:0 !important}
  body.hub-pod .pod-host :is(p,.arrow-link){grid-column:1 / -1;margin:20px 0 0 !important}
}

/* Stories Like Yours: one label color (sienna), the system's text-teal link, the quote in the display face, faces where the site has them */
body.hub-stories #lsd-proof-tool .pt-fact-label:not(#_),body.hub-stories #lsd-proof-tool .pt-fact + .pt-fact .pt-fact-label:not(#_){color:var(--sienna) !important}
body.hub-stories #lsd-proof-tool .pt-toggle:not(#_){color:var(--ds-teal-text) !important}
body.hub-stories #lsd-proof-tool .pt-quote:not(#_){font-family:var(--font-display) !important;font-style:normal !important;font-size:16.5px !important;line-height:1.5 !important;color:var(--navy) !important;letter-spacing:0 !important}
body.hub-stories .pt-mono.pt-photo{background:#E8EEF0;overflow:hidden;padding:0}
body.hub-stories .pt-mono.pt-photo img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
body.hub-stories .pt-card.pt-hide{display:none !important}
body.hub-stories #pt-more{margin:36px auto 8px}
body.hub-stories #lsd-proof-tool .pt-count{font:600 13px/1.4 var(--font-body);color:var(--ink-soft);letter-spacing:.01em}
body.hub-stories #lsd-proof-tool .pt-grid{max-width:var(--ds-wide);margin-left:auto;margin-right:auto}
/* The page's closing panel matches the system's final CTA panel (navy, peach button) */
body.hub-stories #lsd-proof-tool .pt-cta:not(#_){max-width:var(--ds-wide);margin:72px auto 24px;padding:72px 56px;border-radius:32px;text-align:center;border:0;
  background:linear-gradient(140deg,#24505E 0%,#1C3F4D 45%,#16333F 100%) !important;box-shadow:0 40px 80px -46px rgba(22,51,63,.55) !important}
body.hub-stories #lsd-proof-tool .pt-cta .pt-cta-head:not(#_){color:#fff !important}
body.hub-stories #lsd-proof-tool .pt-cta .pt-cta-sub:not(#_){color:rgba(255,255,255,.86) !important;max-width:620px;margin-left:auto;margin-right:auto}
body.hub-stories #lsd-proof-tool .pt-cta .pt-cta-btn:not(#_){display:inline-flex;justify-content:center;background:var(--btn-peach) !important;border:1px solid #F7CFB8 !important;color:var(--navy) !important;font-size:15px;padding:19px 40px !important;min-width:240px;border-radius:999px;box-shadow:0 22px 44px -20px rgba(0,0,0,.55) !important}
@media (max-width:900px){body.hub-stories #lsd-proof-tool .pt-cta:not(#_){margin:56px -24px 0;border-radius:0;padding:56px 28px}}
/* 2026-10-23 (tool check): the full-bleed panel above ran 10px past a 375px phone and the page scrolled sideways. */
html:has(body.hub-stories),body.hub-stories{overflow-x:clip}
@media (max-width:600px){body.hub-stories #lsd-proof-tool .pt-cta .pt-cta-btn:not(#_){display:flex;width:100%;min-width:0}}

/* AIDA Portfolios */
body.hub-aidapf .ep-in .ep-card{max-width:var(--ds-read);margin-left:auto;margin-right:auto}
body.hub-aidapf .pf-count:not(#_){font:600 13px/1.4 var(--font-body);letter-spacing:.01em;text-transform:none;color:var(--sienna)}
body.hub-aidapf #pfMore:not(#_){background:transparent !important;border:1.5px solid var(--navy) !important;color:var(--navy) !important;box-shadow:none !important}
body.hub-aidapf #pfMore:not(#_):hover{background:var(--navy) !important;color:#fff !important}
/* the three next steps inside the closing panel: a full-width row, left-aligned, readable on navy */
body.hub-aidapf section.sec-navy .glass-row:not(#_){max-width:none !important;margin-top:40px;gap:20px}
body.hub-aidapf section.sec-navy .glass-card:not(#_){text-align:left;padding:28px 26px 24px}
body.hub-aidapf section.sec-navy .glass-card h3:not(#_){color:#fff !important;font-size:20px;line-height:1.3}
body.hub-aidapf section.sec-navy .glass-card p:not(#_){color:rgba(255,255,255,.84) !important;font-size:15px;line-height:1.65;margin-top:10px}
body.hub-aidapf section.sec-navy .glass-card .go:not(#_){color:var(--sky) !important}
@media (max-width:900px){body.hub-aidapf section.sec-navy .glass-row:not(#_){grid-template-columns:1fr !important}}
@media (max-width:640px){
  /* phones: two portfolios per row, so 12 previews read as a gallery, not a 5,000px column */
  body.hub-aidapf .pf-grid{grid-template-columns:1fr 1fr !important;gap:12px !important}
  body.hub-aidapf .pfv-card{border-radius:16px}
  body.hub-aidapf .pfv-meta{padding:12px 12px 14px;gap:6px}
  body.hub-aidapf .pfv-meta .pf-nm{font-size:14px}
  body.hub-aidapf .pfv-meta .pf-bg{font-size:12px}
  body.hub-aidapf .pfv-meta .arr2{display:none}
  body.hub-aidapf .pf-note{text-align:left}
}

/* Connect: the calendar on the reading grid, no accent bar; a quiet tint behind it while it loads */
body.hub-connect section:has(> .container > .book-shell) > .container{max-width:calc(var(--ds-read) + 64px) !important}
body.hub-connect .book-shell{border-top:1px solid var(--ds-line) !important;background:var(--ds-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 24 24' fill='none' stroke='%230A6870' stroke-opacity='.45' stroke-width='1.4' stroke-linecap='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2.5'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4'/%3E%3C/svg%3E") center 38% no-repeat !important;overflow:hidden}
body.hub-connect .book-shell::before,body.hub-connect .book-shell::after{display:none !important}
body.hub-connect .con-card{padding:32px 28px 28px}
body.hub-connect .slim-row-3 .slim-card{background:#fff !important;border-color:var(--ds-line) !important}
@media (max-width:720px){body.hub-connect .ds-swipe > .con-card{padding:28px 22px 24px !important}}

/* Find the Time: the tool starts below the hero edge; one card style (no accent bars); grad quotes in the display face */
body.hub-ftt .ftt-tool{padding-top:64px !important}
@media (min-width:901px){body.hub-ftt .ftt-grid{margin-top:0}}
body.hub-ftt .ftt-card::before{display:none !important}
body.hub-ftt .gcard blockquote:not(#_){border-left:0;padding-left:0;font-family:var(--font-display);font-style:normal;font-size:17px;line-height:1.55;color:var(--navy)}
body.hub-ftt .gcard a:not(#_){color:var(--ds-teal-text) !important;font-weight:600;text-decoration:none !important}
body.hub-ftt .gcard a:not(#_):hover{text-decoration:underline !important}
body.hub-ftt :is(.ftt-reset,[class*="reset"]):not(#_){text-transform:none;letter-spacing:.01em;font:600 14px/1.2 var(--font-body);color:var(--ds-teal-text) !important}
@media (max-width:900px){body.hub-ftt .ftt-tool{padding-top:0 !important}}

/* Topic Generator: the 15-idea table sits on the one contrasting band mid-page */
body.hub-topic section#ideas{background:var(--ds-band) !important}
body.hub-topic #ideas .reveal:has(> table){max-width:var(--ds-wide);margin-left:auto;margin-right:auto}
body.hub-topic .anat-draft{max-width:var(--ds-read);margin-left:auto !important;margin-right:auto !important}

/* Topic Generator thank-you: primary on light is peach */
body.hub-topic-ty .ty-step .btn:not(#_){background:var(--btn-peach) !important;border:1px solid #DFA57F !important;color:var(--navy) !important;box-shadow:0 16px 30px -18px rgba(172,113,77,.75) !important}

/* Role Explorer: the tool on the reading grid; a plain intro line; the closing card readable on navy */
body.hub-ire .ire-wrap > .container:not(.ep-in){max-width:calc(var(--ds-read) + 64px) !important}
body.hub-ire .ep-in .ep-card,body.hub-ftt .ftt-src .ep-card{max-width:var(--ds-read)}
body.hub-ire .ep-in .ep-card{margin-left:auto;margin-right:auto}
body.hub-ire #id-role-explorer .intro-meta:not(#_){font-style:normal !important;font-size:14px !important;color:var(--ink-soft) !important}
body.hub-ire section.sec-navy .glass-card:not(#_){text-align:left;padding:28px 28px 24px;max-width:560px}
body.hub-ire section.sec-navy .glass-card h3:not(#_){color:#fff !important;font-size:20px}
body.hub-ire section.sec-navy .glass-card p:not(#_){color:rgba(255,255,255,.84) !important;font-size:15px;line-height:1.65}
body.hub-ire section.sec-navy .glass-card .go:not(#_){color:var(--sky) !important}

/* ── 10/24 round b (after the independent rating; design-rater-round1-2026-10-24.md, Lane 4) ── */

/* Start Here: the hero doors were a second copy of the door list below, so the hero keeps the headline, the buttons and the facts */
body.hub-start .pg-hero .le-doors{display:none !important}
body.hub-start .toc-list li{text-wrap:pretty}
/* Section heads on one left edge */
body.hub-start :is(#which-one-sounds-like-you,#the-three-resources-people-come-back) .head{text-align:left !important;margin-left:0 !important;margin-right:auto !important;max-width:720px}
body.hub-start #which-one-sounds-like-you .anat-draft{text-align:left !important}
/* The doors: one routing table (six equal rows in one card), no featured card */
body.hub-start .doors5{display:block !important;max-width:var(--ds-wide);margin:36px auto 0 !important;background:#fff;border:1px solid var(--ds-line);border-radius:22px;box-shadow:var(--ds-shadow);overflow:hidden}
body.hub-start .doors5 > .pcard{display:grid !important;grid-template-columns:minmax(0,4fr) minmax(0,5.2fr) 200px;grid-template-rows:auto auto 1fr;column-gap:44px !important;align-items:start;
  background:#fff !important;background-image:none !important;border:0 !important;border-top:1px solid var(--ds-line) !important;border-radius:0 !important;box-shadow:none !important;padding:30px 36px !important;min-height:0 !important;transform:none !important;color:var(--ink) !important;transition:background .2s}
body.hub-start .doors5 > .pcard::before,body.hub-start .doors5 > .pcard::after{display:none !important}
body.hub-start .doors5 > .pcard:first-child{border-top:0 !important}
body.hub-start .doors5 > .pcard:hover{background:#F7FBFA !important}
body.hub-start .doors5 > .pcard .tagline{grid-column:1;grid-row:1;margin:0 0 6px !important;color:var(--sienna) !important}
body.hub-start .doors5 > .pcard h3{grid-column:1;grid-row:2;margin:0 !important;color:var(--navy) !important;font-size:21px;line-height:1.3}
body.hub-start .doors5 > .pcard p{grid-column:2;grid-row:1 / span 3;margin:0 !important;color:var(--ink-soft) !important;font-size:15px;line-height:1.7}
body.hub-start .doors5 > .pcard .arrow-link:not(#_):not(#__){grid-column:3;grid-row:1 / span 3;align-self:center;justify-self:end;margin:0 !important;text-align:right;white-space:normal;color:var(--ds-teal-text) !important}
/* The accordion: heading on the left, the four stages on the right (the same split as the next section) */
body.hub-start #paths > .container{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start;max-width:calc(var(--ds-wide) + 64px)}
body.hub-start #paths .head{text-align:left !important;margin:0 !important;position:sticky;top:120px}
body.hub-start #paths .xrow{max-width:none !important;margin:0 !important}
/* One toggle in both states (square, plus or minus); a flat number tile */
body.hub-start details.xcard .xtoggle{border-radius:10px !important;transform:none !important}
body.hub-start details.xcard[open] .xtoggle{background:var(--ds-tint) !important;border-color:var(--teal) !important;transform:none !important}
body.hub-start details.xcard[open] .xtoggle::after{display:none}
body.hub-start details.xcard[open] .xtoggle::before{transform:none !important}
body.hub-start .xcard .xnum:not(#_){display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--ds-tint);border:1px solid var(--ds-tint-line);color:var(--ds-teal-text) !important;font:600 17px/1 var(--font-body) !important}
/* The three resources: a ruled row on the cream band, no fourth card grid */
body.hub-start #the-three-resources-people-come-back .res-grid{gap:0 !important;border-top:1px solid rgba(22,51,63,.14);border-bottom:1px solid rgba(22,51,63,.14);margin-top:36px}
body.hub-start #the-three-resources-people-come-back .res-card{background:none !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;padding:32px 32px 30px !important;transform:none !important}
body.hub-start #the-three-resources-people-come-back .res-card:first-child{padding-left:0 !important}
body.hub-start #the-three-resources-people-come-back .res-card + .res-card{border-left:1px solid rgba(22,51,63,.14) !important}
@media (max-width:1060px){body.hub-start .doors5 > .pcard{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);column-gap:32px}body.hub-start .doors5 > .pcard .arrow-link:not(#_):not(#__){grid-column:2;grid-row:4;justify-self:start;margin-top:14px !important}}
@media (max-width:900px){body.hub-start #paths > .container{grid-template-columns:1fr;gap:28px}body.hub-start #paths .head{position:static}}
@media (max-width:880px){
  body.hub-start #the-three-resources-people-come-back .res-card{padding:24px 0 !important}
  body.hub-start #the-three-resources-people-come-back .res-card + .res-card{border-left:0 !important;border-top:1px solid rgba(22,51,63,.14) !important}
}
@media (max-width:720px){
  body.hub-start .doors5{margin-top:24px !important}
  body.hub-start .doors5 > .pcard{display:grid !important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:14px;padding:20px 20px !important}
  body.hub-start .doors5 > .pcard p{display:none !important}
  body.hub-start .doors5 > .pcard h3{font-size:18px}
  body.hub-start .doors5 > .pcard .arrow-link:not(#_):not(#__){grid-column:2;grid-row:1 / span 2;align-self:center;font-size:0 !important;margin:0 !important}
  body.hub-start .doors5 > .pcard .arrow-link .arr{font-size:20px;margin:0 !important}
  body.hub-start #already-id .res-grid{grid-template-columns:1fr !important}
}

/* About: the chapters read as a timeline (labels on a rail beside the text) */
body.hub-about .bio-chap{position:relative}
body.hub-about .bio-chap::before{content:"";position:absolute;top:0;bottom:0;left:calc(100% - 720px - 37px);width:2px;background:var(--ds-tint-line)}
body.hub-about .bio-chap .chap:not(#_){text-align:right;border-top:0 !important;padding-top:0 !important}
body.hub-about .bio-chap .chap::before{left:auto !important;right:0}
body.hub-about .bio-chap .chap::after{content:"";position:absolute;right:-43px;top:7px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--teal);box-sizing:border-box}
body.hub-about .bio-chap p.bio-pull:not(#_){font-size:24px}
/* Hero facts in one column, so they don't wrap two plus one */
@media (min-width:821px){body.hub-about .pg-hero .pg-chips{flex-direction:column;align-items:flex-start;gap:10px}}
/* The places and the companies are two different bands */
body.hub-about .pp-sec{background:var(--sand,#FBF7F2) !important}
body.hub-about .employers:not(#_){background:#fff !important;border-top:1px solid var(--ds-line);border-bottom:1px solid var(--ds-line)}
body.hub-about .employers .marquee{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%)}
/* The paper and the practice: a ruled index, not a third set of cards */
body.hub-about .cred-grid{gap:0 !important;border-top:1px solid rgba(22,51,63,.14);border-bottom:1px solid rgba(22,51,63,.14);margin-top:36px}
body.hub-about .cred:not(#_){background:none !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;padding:32px 32px 30px !important;transform:none !important}
body.hub-about .cred:first-child:not(#_){padding-left:0 !important}
body.hub-about .cred + .cred{border-left:1px solid rgba(22,51,63,.14) !important}
body.hub-about section:has(> .container > .cred-grid) .head{text-align:left;margin-left:0;max-width:720px}
/* The podcast band carries the episode card (one podcast block) */
body.hub-about .about-pod .about-pod-ep{grid-column:2;margin-top:28px}
body.hub-about .about-pod .about-pod-ep .ep-card{max-width:560px;margin:0}
/* The portfolio: a real card with one of Jill's course screens */
body.hub-about .about-work:has(> :only-child){grid-template-columns:minmax(0,1fr) !important;max-width:var(--ds-wide) !important}
body.hub-about .about-work:has(> :only-child) a.slim-card:not(#_){display:grid !important;grid-template-columns:minmax(0,420px) minmax(0,1fr) auto;align-items:center;gap:40px;padding:22px 40px 22px 22px !important;text-align:left;
  background:#fff !important;border:1px solid var(--ds-line) !important;border-radius:22px;box-shadow:var(--ds-shadow) !important;text-decoration:none}
body.hub-about a.slim-card .about-pf-img{width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;border-radius:14px;border:1px solid var(--ds-line);display:block}
body.hub-about .about-work:has(> :only-child) a.slim-card .sc-t:not(#_){font-family:var(--font-display) !important;font-size:28px !important;font-weight:400 !important;line-height:1.2;color:var(--navy) !important;text-decoration:none !important;display:block}
body.hub-about .about-work:has(> :only-child) a.slim-card .sc-d:not(#_){font-size:16px !important;margin-top:10px}
body.hub-about .about-work:has(> :only-child) a.slim-card .arr2:not(#_){display:inline-flex !important;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--ds-tint);color:var(--ds-teal-text);font-size:22px}
body.hub-about .about-work:has(> :only-child) a.slim-card:hover{border-color:var(--ds-teal-text) !important}
body.hub-about section:has(.about-work > :only-child){padding:88px 0 0 !important}
body.hub-about section:has(.about-work > :only-child) + section.sec{background:var(--sand,#FBF7F2) !important;padding:56px 0 88px !important}
@media (max-width:820px){
  body.hub-about .bio-chap::before,body.hub-about .bio-chap .chap::before{display:none !important}
  body.hub-about .bio-chap .chap:not(#_){text-align:left;display:block !important;position:relative !important;padding-left:50px !important;min-height:36px;line-height:36px !important;margin:8px 0 16px !important}
  body.hub-about .bio-chap .chap::after{content:counter(chap,decimal-leading-zero);position:absolute;left:0;top:0;right:auto;width:36px;height:36px;border-radius:11px;background:var(--ds-tint);border:1px solid var(--ds-tint-line);color:var(--ds-teal-text);font:600 14px/34px var(--font-body);text-align:center;box-sizing:border-box}
  body.hub-about .bio-chap + .bio-chap{border-top:1px solid var(--ds-line) !important;padding-top:32px}
  body.hub-about .bio-chap p.bio-pull:not(#_){font-size:21px}
  body.hub-about .cred:not(#_){padding:24px 0 !important}
  body.hub-about .cred + .cred{border-left:0 !important;border-top:1px solid rgba(22,51,63,.14) !important}
  body.hub-about .about-pod .about-pod-ep{grid-column:1}
  body.hub-about .about-work:has(> :only-child) a.slim-card:not(#_){grid-template-columns:1fr;gap:18px;padding:16px 16px 22px !important}
  body.hub-about .about-work:has(> :only-child) a.slim-card .sc-t:not(#_){font-size:23px !important}
  body.hub-about .about-work:has(> :only-child) a.slim-card .arr2:not(#_){display:none !important}
  body.hub-about section:has(.about-work > :only-child){padding:56px 0 0 !important}
}

/* Resource Hub: the three stages share one treatment (light bands, a "Stage" label over each heading) */
body.hub-res section#stuck-start.sec-navy:not(#_){background:var(--paper,#FFFDF9) !important;color:var(--ink) !important;padding:96px 0 88px !important}
body.hub-res section#stuck-start > .wash-h{display:none !important}
body.hub-res section#stuck-start::before,body.hub-res section#stuck-start::after,body.hub-res section#stuck-start > .container::before,body.hub-res section#stuck-start > .container::after{display:none !important}
body.hub-res #stuck-start .head:not(#_){text-align:left !important}
body.hub-res #stuck-start .head:not(#_) :is(h2,p){margin-left:0 !important}
body.hub-res section#stuck-start.sec-navy > .container:not(#_){background:none !important;box-shadow:none !important;border-radius:0 !important;padding:0 32px !important;max-width:calc(var(--ds-wide) + 64px) !important;margin:0 auto !important}
body.hub-res #stuck-start h2:not(#_){color:var(--navy) !important}
body.hub-res #stuck-start .head p:not(#_){color:var(--ink-soft) !important}
body.hub-res #stuck-start .res-card:not(#_){border:1px solid var(--ds-line) !important;box-shadow:var(--ds-shadow) !important}
body.hub-res #stuck-start .res-card .r-tag:not(#_){color:var(--sienna) !important}
body.hub-res #stuck-start .res-card p:not(#_){color:var(--ink-soft) !important}
body.hub-res :is(#stuck-start,#want-in,#doing-it) .head::before{display:block;margin-bottom:10px;font:600 13px/1.3 var(--font-body);letter-spacing:.01em;color:var(--sienna)}
body.hub-res #stuck-start .head::before{content:"Stage 1"}
body.hub-res #want-in .head::before{content:"Stage 2"}
body.hub-res #doing-it .head::before{content:"Stage 3"}
body.hub-res #want-in{padding:96px 0 !important}
/* Hero stage tiles read as jump links: an arrow, a lift on hover; the hero's type sizes cut down */
body.hub-res .le-stages a{position:relative;padding-right:46px !important;transition:transform .2s,border-color .2s}
body.hub-res .le-stages a::after{content:"\2193";position:absolute;right:18px;bottom:16px;font:600 17px/1 var(--font-body);color:var(--sky)}
body.hub-res .le-stages a:hover{transform:translateY(-3px);border-color:rgba(143,232,237,.6) !important}
body.hub-res .le-stages b{font-size:16px !important;line-height:1.35}
@media (max-width:900px){body.hub-res section#stuck-start.sec-navy:not(#_){padding:64px 0 56px !important}}
@media (max-width:720px){
  body.hub-res .le-stages{display:grid !important;grid-template-columns:1fr;gap:10px;margin-top:22px}
  body.hub-res .le-stages a{padding:12px 44px 12px 16px !important}
  body.hub-res .le-stages b{font-size:15px !important}
  body.hub-res .le-stages small{margin-bottom:2px}
  body.hub-res .le-stages a::after{bottom:auto;top:50%;transform:translateY(-50%)}
  body.hub-res section#keep-learning{padding:56px 0 40px !important}
}

/* Podcast hub */
body.hub .pg-hero .pg-chips .pg-chip{-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
body.hub-pod .le-pod{-webkit-backdrop-filter:none !important;backdrop-filter:none !important;background:rgba(255,255,255,.07) !important}
body.hub-pod .pod-play{max-width:var(--ds-wide)}
body.hub-pod .pod-phone{box-shadow:0 36px 60px -34px rgba(20,35,45,.6),inset 0 0 0 2px #2b3a44,inset 0 0 0 4px #0b141a !important}
body.hub-pod .pp-list{-webkit-mask-image:linear-gradient(180deg,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,#000 78%,transparent 100%);padding-bottom:28px !important}
body.hub-pod .pod-all .head{text-align:left !important;margin-left:0 !important;max-width:720px}
body.hub-pod .pod-all-list li{display:grid !important;grid-template-columns:minmax(0,1fr) auto 18px;column-gap:16px;align-items:baseline}
body.hub-pod .pod-all-list li::after{content:"\2192";color:var(--ds-teal-text);font:600 15px/1 var(--font-body);transition:transform .2s}
body.hub-pod .pod-all-list li:hover::after{transform:translateX(3px)}
body.hub-pod .pod-all-list li:hover a:not(#_){color:var(--ds-teal-text) !important}
body.hub-pod section:has(> .container > .pod-host){background:var(--sand,#FBF7F2) !important}
body.hub-pod .pod-host{max-width:var(--ds-wide);grid-template-columns:260px minmax(0,1fr);gap:56px;background:#fff;border:1px solid var(--ds-line);border-radius:22px;box-shadow:var(--ds-shadow);padding:36px 48px 36px 36px}
body.hub-pod .pod-host p{font-size:17px !important;line-height:1.75 !important;max-width:640px}
@media (max-width:900px){body.hub-pod .pod-phone{transform:none !important}}
@media (max-width:720px){
  body.hub-pod .le-pod{padding:24px 20px !important}
  body.hub-pod .pod-all-list li{grid-template-columns:minmax(0,1fr) auto;row-gap:4px}
  body.hub-pod .pod-all-list li::after{display:none}
  body.hub-pod .pod-host{padding:24px 22px;max-width:none}
}

/* Stories Like Yours: hero is the standard centered hero (Jill 11/1, S277; the title-left, sub-line-right split is gone) */
/* Filters: the group label sits beside its chips, so the two rows read as two questions */
@media (min-width:721px){
  body.hub-stories #lsd-proof-tool .pt-filtergroup{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px;max-width:var(--ds-wide);margin:0 auto 12px !important;padding-left:158px;box-sizing:border-box;text-align:left}
  body.hub-stories #lsd-proof-tool .pt-grouplabel:not(#_){position:absolute;left:0;top:10px;width:150px;margin:0 !important;text-align:left}
  body.hub-stories #lsd-proof-tool .pt-chip{margin:0 !important;padding:8px 13px !important;font-size:13.5px !important}
  body.hub-stories #lsd-proof-tool .pt-count{text-align:left;max-width:var(--ds-wide);margin:18px auto 22px !important}
}
/* Monograms in four brand tones, so a row isn't three identical teal circles */
body.hub-stories .pt-card:nth-child(4n+2) .pt-mono:not(.pt-photo){background:linear-gradient(135deg,#B9774F,#8A4F2E)}
body.hub-stories .pt-card:nth-child(4n+3) .pt-mono:not(.pt-photo){background:linear-gradient(135deg,#3F6476,#223A4C)}
body.hub-stories .pt-card:nth-child(4n) .pt-mono:not(.pt-photo){background:#DFF5F6;color:#0A6870}
body.hub-stories #lsd-proof-tool .pt-quote::before{color:inherit !important;font-size:inherit !important}
@media (max-width:720px){
  body.hub-stories .pg-hero .pg-sub{font-size:16px !important;line-height:1.65 !important}
  body.hub-stories .pg-hero .hero-ctas .btn[href^="#"]{display:none !important}
  body.hub-stories #lsd-proof-tool .pt-card-teaser{display:none}
  body.hub-stories #lsd-proof-tool .pt-card.open .pt-card-teaser{display:block}
  body.hub-stories #lsd-proof-tool .pt-filtergroup{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
}

/* Find the Time (round b) */
body.hub-ftt .ftt-legend span{font-size:13px !important;color:rgba(255,255,255,.86) !important}
body.hub-ftt .ftt-legend i{width:12px;height:12px}
body.hub-ftt .ftt-presets .lbl:not(#_){font-size:13px}
/* The three sources: a ruled index (one less card style), numbers in text teal */
body.hub-ftt .ftt-src .ftt-cards{gap:0 !important;border-top:1px solid rgba(22,51,63,.14);border-bottom:1px solid rgba(22,51,63,.14)}
body.hub-ftt .ftt-src .ftt-card:not(#_){background:none !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;padding:32px 32px 30px !important;transform:none !important}
body.hub-ftt .ftt-src .ftt-card:first-child:not(#_){padding-left:0 !important}
body.hub-ftt .ftt-src .ftt-card + .ftt-card{border-left:1px solid rgba(22,51,63,.14) !important}
body.hub-ftt .ftt-src .ftt-card .big:not(#_),body.hub-ftt .ftt-src .ftt-card .big em:not(#_){color:var(--ds-teal-text) !important;font-weight:400}
body.hub-ftt .ftt-src .ftt-card .big{font-size:44px}
/* "The trade ends": label left, text right, on the full grid; the episode card under the text */
@media (min-width:901px){
  body.hub-ftt .ftt-math:not(#_){display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:56px;max-width:none;margin-top:48px}
  body.hub-ftt .ftt-math .script{grid-column:1;margin:4px 0 0 !important}
  body.hub-ftt .ftt-math p{grid-column:2;margin:0;font-size:16.5px;line-height:1.75}
  body.hub-ftt .ftt-src .ep-in{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:56px}
  body.hub-ftt .ftt-src .ep-in .ep-card{grid-column:2;max-width:none !important;margin:0}
}
/* Grad cards: quotes at body size, untracked; readable day labels */
body.hub-ftt .gcard blockquote:not(#_){font-size:16px;letter-spacing:0;line-height:1.6}
body.hub-ftt .gticks{font-size:12.5px;color:var(--ink-soft)}
body.hub-ftt .ftt-grads .head{max-width:720px}
@media (max-width:880px){
  body.hub-ftt .ftt-src .ftt-card:not(#_){padding:24px 0 !important}
  body.hub-ftt .ftt-src .ftt-card + .ftt-card{border-left:0 !important;border-top:1px solid rgba(22,51,63,.14) !important}
}
@media (max-width:720px){
  body.hub-ftt .ftt-grid{grid-template-columns:minmax(0,1fr) !important}
  body.hub-ftt .ftt-grid > *{min-width:0}
  /* Presets: one sideways row under their label, not a staircase */
  body.hub-ftt .ftt-presets{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:-4px;padding:2px 4px 6px;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
  body.hub-ftt .ftt-presets::-webkit-scrollbar{display:none}
  body.hub-ftt .ftt-presets .lbl{flex:0 0 auto}
  body.hub-ftt .ftt-preset{flex:0 0 auto;white-space:nowrap}
  body.hub-ftt .ftt-stats{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:8px !important}
  body.hub-ftt .ftt-stat{padding:12px 10px !important;grid-column:auto !important}
  body.hub-ftt .ftt-stat .n{font-size:26px !important}
}

/* Connect (round b): Meet Jill beside the calendar; email in its own row; the next steps close the section */
@media (min-width:901px){
  body.hub-connect section:has(> .container > .book-shell) > .container:not(#_){display:grid;grid-template-columns:minmax(0,720px) minmax(0,1fr);column-gap:40px;align-items:start;max-width:calc(var(--ds-wide) + 64px) !important}
  body.hub-connect .book-shell{grid-column:1;grid-row:1}
  body.hub-connect section:has(> .container > .book-shell) > .container > p{grid-column:1;grid-row:2;text-align:left !important}
  body.hub-connect .con-jill{grid-column:2;grid-row:1;position:sticky;top:120px}
}
body.hub-connect .book-shell:not(#_){box-shadow:none !important;border:1px solid var(--ds-line) !important}
body.hub-connect .con-jill:not(#_){display:block;padding:28px 26px;text-align:left;border-radius:22px;border:1px solid var(--ds-line);box-shadow:var(--ds-shadow);background:#fff}
body.hub-connect .con-jill .mj-photo:not(#_){width:96px;height:96px;border-radius:50% !important;margin-bottom:18px}
body.hub-connect .con-jill .mj-name{font:400 22px/1.3 var(--font-display);color:var(--navy);margin-bottom:8px}
body.hub-connect .con-jill p{font-size:15px;line-height:1.7;color:var(--ink-soft);margin-bottom:14px}
body.hub-connect .con-card h3{font-size:20px;text-wrap:balance}
body.hub-connect .con-email-row{margin:28px 0 0;text-align:center;font-size:15px;color:var(--ink-soft)}
body.hub-connect .con-email-row #con-em{font-size:15px}
body.hub-connect .con-next{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(0,1fr)) !important;max-width:none !important;gap:16px;margin:48px 0 0 !important;padding-top:40px;border-top:1px solid var(--ds-line)}
body.hub-connect .con-next .slim-card{background:var(--ds-tint) !important;border:1px solid var(--ds-tint-line) !important;box-shadow:none !important}
body.hub-connect .con-plat:not(#con-em){white-space:nowrap}
@media (max-width:900px){body.hub-connect .con-jill{margin-bottom:24px}body.hub-connect .con-jill .mj-photo:not(#_){width:72px;height:72px}}
@media (max-width:720px){body.hub-connect .con-next{grid-template-columns:1fr !important}body.hub-connect .con-email-row{text-align:left}}

/* Role Explorer (round b): three distinct, clearly tappable paths; one button-led close */
body.hub-ire #id-role-explorer .door-teaser:not(#_){font-size:14.5px !important;color:var(--ink-soft) !important}
body.hub-ire #id-role-explorer .door:not(#_){padding:20px 22px !important;border-radius:16px !important}
body.hub-ire #id-role-explorer .door-num:not(#_){width:44px;height:44px;border-radius:12px !important;font:600 17px/1 var(--font-body) !important}
body.hub-ire #id-role-explorer .door:nth-child(1) .door-num:not(#_){background:#DFF5F6 !important;color:#0A6870 !important}
body.hub-ire #id-role-explorer .door:nth-child(2) .door-num:not(#_){background:#F6E3D6 !important;color:#8A4F2E !important}
body.hub-ire #id-role-explorer .door:nth-child(3) .door-num:not(#_){background:#E3E9EE !important;color:#223A4C !important}
body.hub-ire #id-role-explorer .door-arrow:not(#_){display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--ds-tint);color:var(--ds-teal-text) !important;font-size:24px !important;line-height:1}
body.hub-ire #id-role-explorer .door:hover .door-arrow:not(#_){background:var(--teal);color:#0F2A35 !important}
body.hub-ire section.sec-navy .glass-row:not(#_){display:block;max-width:640px;margin:8px auto 0}
body.hub-ire section.sec-navy .glass-card:not(#_){background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;max-width:none;text-align:center;-webkit-backdrop-filter:none;backdrop-filter:none}
body.hub-ire section.sec-navy .glass-card h3:not(#_){font-size:20px;color:#fff !important}
body.hub-ire section.sec-navy .glass-card .go:not(#_){display:inline-flex !important;align-items:center;justify-content:center;margin-top:24px !important;padding:19px 40px !important;min-width:240px;border-radius:999px;background:var(--btn-peach) !important;border:1px solid #F7CFB8;color:var(--navy) !important;font:600 15px/1 var(--font-body) !important;letter-spacing:.06em !important;box-shadow:0 22px 44px -20px rgba(0,0,0,.55);align-self:center;width:auto}
@media (max-width:600px){body.hub-ire section.sec-navy .glass-card .go:not(#_){display:flex !important;width:100%;min-width:0}}

/* AIDA Portfolios (round b) */
body.hub-aidapf .pfv-meta{min-height:76px;align-items:center}
body.hub-aidapf .pfv-shot{border-top:14px solid #EEF1F3;position:relative}
body.hub-aidapf .pfv-shot::before{content:"";position:absolute;top:-10px;left:12px;width:30px;height:6px;z-index:2;background:radial-gradient(circle,#C9D1D6 2.4px,transparent 2.6px) 0 0/10px 6px repeat-x}
body.hub-aidapf .ep-in .ep-card{max-width:var(--ds-wide) !important}
body.hub-aidapf section:has(> .container > .res-grid) .res-card h3{color:var(--navy) !important}
body.hub-aidapf .pg-hero .hero-ctas{flex-direction:column;align-items:flex-start}
body.hub-aidapf .pg-hero .hero-ctas .btn{width:300px;justify-content:center;text-align:center}
@media (max-width:640px){body.hub-aidapf .pfv-meta{min-height:64px}body.hub-aidapf .pfv-shot{border-top-width:10px}body.hub-aidapf .pfv-shot::before{top:-8px;left:8px}body.hub-aidapf .pg-hero .hero-ctas .btn{width:100%}}

/* Topic Generator (round b) */
body.hub-topic section#get{overflow:visible !important;padding-bottom:96px !important;position:relative;z-index:2}
body.hub-topic section:has(> .container > .toc-list) > .container{max-width:calc(var(--ds-read) + 64px) !important}
body.hub-topic .sec .head{margin-bottom:28px !important}
@media (max-width:720px){body.hub-topic section#get{padding-top:24px !important;padding-bottom:56px !important}}

/* Topic Generator thank-you (round b) */
body.hub-topic-ty .ty-step{align-items:start !important}
body.hub-topic-ty .ty-step h2{text-wrap:balance}
body.hub-topic-ty .ty-hero .pg-sub,body.hub-topic-ty .ty-hero p{font-size:17px;color:rgba(255,255,255,.86)}
body.hub-topic-ty .ty-step .btn:not(#_){box-shadow:0 10px 20px -14px rgba(172,113,77,.8) !important}
body.hub-topic-ty .ty-help:not(#_){text-align:left;max-width:824px;margin:0 auto 56px;padding:12px 32px 24px;box-sizing:border-box}
@media (max-width:620px){body.hub-topic-ty .ty-help:not(#_){padding:8px 32px 16px;margin-bottom:40px}}
@media (max-width:620px){body.hub-topic-ty .ty-step{align-items:start !important}body.hub-topic-ty .ty-step h2:not(#_){font-size:20px !important;align-self:center}}
/* Start Here (Jill 10/27, S191): the door rows share one set of columns, so the middle text lines up all the way down */
@media (min-width:1061px){body.hub-start .doors5 > .pcard:not(#_){grid-template-columns:minmax(0,4fr) minmax(0,5.2fr) 220px !important}}
/* Start Here stage cards: the open text lines up with the label and heading above it; the link cards start at the top */
@media (min-width:621px){body.hub-start .xbody:not(#_){padding-left:86px}}
body.hub-start .xbody .xmoves a:not(#_){align-items:flex-start}
body.hub-start .xbody .xmoves a .arr2{align-self:center}
/* END HUBS */

/* ABOUT-POD-PHONE (Jill 10/27, S203): the podcast band on About gets the homepage's phone, sitting on a light panel and running off its top and bottom. */
body.hub-about .about-pod{padding:150px 0 !important;overflow:visible !important}
body.hub-about .about-pod > .container{background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,255,255,.62));border:1px solid rgba(255,255,255,.9);border-radius:28px;box-shadow:0 40px 80px -50px rgba(20,35,45,.35);padding:64px 56px 64px 0 !important;grid-template-columns:340px minmax(0,600px) !important}
body.hub-about .about-pod .ab-pod-visual{width:340px !important;height:auto;border-radius:0 !important;box-shadow:none !important;display:flex;justify-content:center;align-self:start;margin:-130px 0 0 !important}
body.hub-about .ab-ph{position:relative;width:260px;height:540px;transform:rotate(-5deg);background:#0E1A22;border-radius:42px;padding:12px;box-shadow:0 60px 100px -40px rgba(20,35,45,.6),inset 0 0 0 2px #2b3a44,inset 0 0 0 4px #0b141a}
body.hub-about .ab-ph::before{content:"";position:absolute;top:20px;left:50%;transform:translateX(-50%);width:78px;height:20px;border-radius:12px;background:#0E1A22;z-index:3}
body.hub-about .ab-ph-screen{height:100%;border-radius:32px;overflow:hidden;background:linear-gradient(180deg,#1E4250 0%,#16333F 55%,#0F2530 100%);padding:52px 18px 20px;color:#fff;display:flex;flex-direction:column}
body.hub-about .ab-ph-top{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.55);text-align:center}
body.hub-about .ab-ph-screen img{width:100%;border-radius:14px;margin:14px 0;box-shadow:0 16px 30px -12px rgba(0,0,0,.6)}
body.hub-about .ab-ph-title{font-family:var(--font-display);font-size:15px;line-height:1.25}
body.hub-about .ab-ph-sub{font-size:12px;color:var(--sky,#8FE8ED);margin-top:4px}
body.hub-about .ab-ph-bar{height:3px;border-radius:2px;background:rgba(255,255,255,.18);margin:18px 0 8px;position:relative}
body.hub-about .ab-ph-bar i{position:absolute;left:0;top:0;bottom:0;width:38%;border-radius:2px;background:linear-gradient(90deg,#8FE8ED,#1FC3CC)}
body.hub-about .ab-ph-ctrl{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding:0 12px;font-size:15px;color:rgba(255,255,255,.75)}
body.hub-about .ab-ph-ctrl b{width:50px;height:50px;border-radius:16px;background:linear-gradient(140deg,#8FE8ED,#1FC3CC);color:#16333F;display:flex;align-items:center;justify-content:center;font-size:16px}
body.hub-about .ab-ph-tag{position:absolute;right:-70px;bottom:84px;transform:rotate(5deg);background:#fff;border-radius:14px;padding:12px 18px;box-shadow:0 20px 34px -14px rgba(20,35,45,.45);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--navy);white-space:nowrap}
body.hub-about .ab-ph-tag em{font-style:normal;color:var(--ds-teal-text,#0A6870)}
@media (max-width:900px){
  body.hub-about .about-pod{padding:56px 0 !important}
  body.hub-about .about-pod > .container{grid-template-columns:1fr !important;padding:40px 24px !important;margin-left:16px !important;margin-right:16px !important}
  body.hub-about .about-pod .ab-pod-visual{width:auto !important;margin:-90px 0 28px !important}
  body.hub-about .ab-ph{width:200px;height:410px;border-radius:34px;padding:10px}
  body.hub-about .ab-ph-screen{border-radius:26px;padding:42px 14px 16px}
  body.hub-about .ab-ph-title{font-size:13.5px}
  body.hub-about .ab-ph-tag{right:-40px;bottom:34px}
}

/* Podcast index (Jill 10/27, S202): one episode per row, episode number first, on the same left edge as the heading. */
body.hub-pod .pod-all-list:not(#_){columns:1 !important;max-width:880px !important;margin-left:0 !important;margin-right:auto !important}
body.hub-pod .pod-all-list:not(#_) li{grid-template-columns:64px minmax(0,1fr) 18px !important;padding:14px 0 !important}
body.hub-pod .pod-all-list:not(#_) li .pod-ep{grid-column:1;grid-row:1}
body.hub-pod .pod-all-list:not(#_) li a{grid-column:2;grid-row:1;font-size:17px}
body.hub-pod .pod-all-list:not(#_) li::after{grid-column:3;grid-row:1}
@media (max-width:720px){
  body.hub-pod .pod-all-list:not(#_) li{grid-template-columns:54px minmax(0,1fr) !important}
  body.hub-pod .pod-all-list:not(#_) li a{font-size:16px}
}
/* Podcast host card on phones (10/27, S202 pass): the desktop two-column rule above was overriding the phone layout and pushing the name off screen. */
@media (max-width:720px){
  body.hub-pod .pod-host:not(#_){grid-template-columns:96px minmax(0,1fr) !important;gap:0 18px !important;padding:28px 24px !important}
}
/* Resource Hub stage tiles (S210, Jill 10/27 evening): each title breaks at its comma or colon, never mid-phrase, and the
   tiles are wide enough for the second half to sit on one line. */
@media (min-width:901px){
  body.hub-res .pg-hero .le-stages:not(#_){max-width:1040px !important;width:100%;grid-template-columns:repeat(3,minmax(0,1fr)) !important}
  body.hub-res .le-stages b .st-l{display:block;white-space:nowrap}
}

/* ===== S277 (Jill 11/1) ===== */
/* About: chapters without numbers. Desktop keeps the rail dot; phone gets the same dot instead of the numbered tile */
body.hub-about .bio-chap .chap::before{content:none !important}
@media (max-width:820px){
  body.hub-about .bio-chap .chap:not(#_){padding-left:26px !important;min-height:0;line-height:1.3 !important}
  body.hub-about .bio-chap .chap::after{content:"" !important;left:0;top:7px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--teal);box-sizing:border-box}
}
/* About: the clients group says it is a sample */
body.hub-about .ab-co-more:not(#_){max-width:720px}
body.hub-about .ab-co-sub{margin:-16px 0 26px;text-align:center;font:600 13px/1.4 var(--font-body);letter-spacing:.04em;color:var(--sienna)}
/* About podcast: the "new episodes weekly" tag sits on the phone's left side, same height */
body.hub-about .ab-ph-tag:not(#_){right:auto;left:-44px;transform:rotate(-5deg)}
@media (max-width:900px){body.hub-about .ab-ph-tag:not(#_){left:-40px;right:auto}}
/* Resource Hub: one card in "want in" reads as a wide card, not half a row */
body.hub-res .res-grid.rh-one:not(#_){grid-template-columns:minmax(0,1fr) !important}
@media (min-width:881px){
  body.hub-res .res-grid.rh-one .res-card:not(#_){display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:56px;align-items:center}
  body.hub-res .res-grid.rh-one .res-card > :not(.arrow-link){grid-column:1}
  body.hub-res .res-grid.rh-one .res-card > p{max-width:680px}
  body.hub-res .res-grid.rh-one .res-card > .arrow-link:not(#_){grid-column:2;grid-row:1 / span 3;margin:0 !important}
}
/* Contact Us: the booking card gets a header strip, so the calendar is labeled */
body.hub-connect .book-head{display:flex;align-items:center;gap:16px;padding:24px 28px;background:#fff;border-bottom:1px solid var(--ds-line)}
body.hub-connect .book-head .bk-ic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background:var(--ds-tint);border:1px solid var(--ds-tint-line);color:var(--ds-teal-text)}
body.hub-connect .book-head h2.bk-t:not(#_):not(#_a):not(#_b){margin:0;font:400 28px/1.2 var(--font-display);color:var(--navy);text-align:left;max-width:none}
body.hub-connect .book-head h2.bk-t::after{display:none !important}
body.hub-connect .book-head .bk-d:not(#_){margin:4px 0 0;font-size:15px;line-height:1.5;color:var(--ink-soft);max-width:none;text-align:left}
@media (max-width:600px){body.hub-connect .book-head{padding:18px 18px;gap:14px}body.hub-connect .book-head .bk-ic{width:44px;height:44px;border-radius:13px}body.hub-connect .book-head h2.bk-t:not(#_):not(#_a):not(#_b){font-size:24px}}

/* ===== S278 (Jill 11/1) ===== */
/* Stories Like Yours: Full Case Studies moved out of the hero to after the stories */
body.hub-stories #lsd-proof-tool .pt-cs-more{max-width:var(--ds-wide);margin:40px auto 0;text-align:center;font-size:16px;color:var(--ink-soft)}
body.hub-stories #lsd-proof-tool .pt-cs-more .arrow-link{margin-left:6px}