/* Proof and about pages, 2026-10-31 (Jill's page notes, lane E).
   Used only by: /stories-like-yours/, /results/, /case-studies/, /aida-outcomes-report/, /about/, /connect/.
   Tokens: H2 40 / 28 / 22px; text 18.5 / 16.5 / 15px; corners 14 / 22 / 32px. */

/* ───────── Stories Like Yours: filter panel ───────── */
body.hub-stories #lsd-proof-tool .pt-filters{max-width:var(--ds-wide,1136px);margin:0 auto 28px;background:#fff;border:1px solid var(--line,#E6DED4);border-radius:22px;padding:26px 30px 24px;box-shadow:0 1px 0 rgba(34,58,76,.04)}
body.hub-stories #lsd-proof-tool .pt-filters-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 22px;padding-bottom:20px;border-bottom:1px solid var(--line,#E6DED4)}
body.hub-stories #lsd-proof-tool .pt-filters-intro{margin:0;font-size:16.5px;line-height:1.5;color:var(--ink-soft,#3A4D5C)}
body.hub-stories #lsd-proof-tool .pt-clear{flex:none;background:none;border:0;padding:6px 0;font:600 15px/1.2 Montserrat,sans-serif;color:var(--ds-teal-text,#0A6870);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
body.hub-stories #lsd-proof-tool .pt-clear[hidden]{display:none}
body.hub-stories #lsd-proof-tool .pt-filters .pt-fg{display:block;margin:0;padding:0;text-align:left;max-width:none}
body.hub-stories #lsd-proof-tool .pt-filters .pt-fg + .pt-fg{margin-top:20px;padding-top:20px;border-top:1px solid var(--line,#E6DED4)}
body.hub-stories #lsd-proof-tool .pt-filters .pt-fl{display:block;position:static;width:auto;margin:0 0 12px;padding:0;font:600 15px/1.3 Montserrat,sans-serif;letter-spacing:0;text-transform:none;color:var(--sienna,#8A4F2E)}
body.hub-stories #lsd-proof-tool .pt-chiprow{display:flex;flex-wrap:wrap;gap:10px}
body.hub-stories #lsd-proof-tool .pt-filters .pt-fc{appearance:none;display:inline-flex;align-items:center;height:40px;margin:0;padding:0 16px;border:1px solid #CBD5DC;border-radius:999px;background:#fff;color:var(--navy,#223A4C);font:500 15px/1 Montserrat,sans-serif;white-space:nowrap;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
body.hub-stories #lsd-proof-tool .pt-filters .pt-fc:hover{border-color:var(--navy,#223A4C)}
body.hub-stories #lsd-proof-tool .pt-filters .pt-fc.active{background:var(--navy,#223A4C);border-color:var(--navy,#223A4C);color:#fff}
body.hub-stories #lsd-proof-tool .pt-filters .pt-fc:focus-visible,body.hub-stories #lsd-proof-tool .pt-clear:focus-visible{outline:3px solid var(--teal,#1FC3CC);outline-offset:2px}
body.hub-stories #lsd-proof-tool .pt-count{max-width:var(--ds-wide,1136px);margin:0 auto 22px;font-size:15px;color:var(--ink-faint,#5E707E)}
@media (max-width:720px){
  body.hub-stories #lsd-proof-tool .pt-filters{padding:20px 0 18px;border-radius:22px}
  body.hub-stories #lsd-proof-tool .pt-filters-top{padding:0 20px;flex-direction:column;align-items:flex-start;gap:6px}
  body.hub-stories #lsd-proof-tool .pt-filters .pt-fl{padding:0 20px}
  body.hub-stories #lsd-proof-tool .pt-filters-top{padding:0 20px 16px}
  body.hub-stories #lsd-proof-tool .pt-chiprow{flex-wrap:nowrap;overflow-x:auto;padding:0 20px 4px;scroll-padding:20px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
  body.hub-stories #lsd-proof-tool .pt-chiprow::-webkit-scrollbar{display:none}
  body.hub-stories #lsd-proof-tool .pt-filters .pt-fc{height:38px;font-size:14.5px;flex:none}
}

/* ───────── Stories Like Yours: an opened card is two columns, so the story and quote never run to different edges ───────── */
@media (min-width:900px){
  body.hub-stories #lsd-proof-tool .pt-card.open{display:grid;grid-template-columns:300px minmax(0,1fr);grid-template-rows:auto auto auto 1fr auto;grid-template-areas:"name full" "facts full" "quote full" "badge full" ". toggle";column-gap:56px;align-content:start}
  body.hub-stories #lsd-proof-tool .pt-card.open .pt-card-name{grid-area:name}
  body.hub-stories #lsd-proof-tool .pt-card.open .pt-facts{grid-area:facts}
  body.hub-stories #lsd-proof-tool .pt-card.open .pt-quote{grid-area:quote;margin-top:18px;padding-top:16px}
  body.hub-stories #lsd-proof-tool .pt-card.open .pt-badges{grid-area:badge}
  body.hub-stories #lsd-proof-tool .pt-card.open .pt-full{grid-area:full;padding-top:4px}
  body.hub-stories #lsd-proof-tool .pt-card.open .pt-full p{max-width:700px;font-size:16.5px;line-height:1.7}
  body.hub-stories #lsd-proof-tool .pt-card.open .pt-toggle{grid-area:toggle}
  body.hub-stories #lsd-proof-tool .pt-card.open .pt-card-teaser{display:none}
}

/* ───────── Reviews (/results/): company cards all one size ───────── */
body.pf-results #hiredGrid{grid-auto-rows:1fr;align-items:stretch}
body.pf-results #hiredGrid > .hcell:not(#_):not(#_a):not(#_b):not(#_c):not(#_d):not(#_e){width:auto !important;max-width:none !important;margin:0 !important;justify-self:stretch !important;display:flex;flex-direction:column;min-height:206px}
body.pf-results #hiredGrid > .hcell .to-logo:not(#_){margin-top:auto !important;padding-top:14px;height:46px;min-height:46px;display:flex;align-items:center}
body.pf-results #hiredGrid > .hcell .co-logo:not(#_){max-height:28px;max-width:150px;width:auto;height:auto}
body.pf-results #hiredGrid > .hcell .to-name{font:600 15px/1.3 Montserrat,sans-serif;color:var(--ink-soft,#3A4D5C);line-height:1.3 !important}
@media (max-width:560px){body.pf-results #hiredGrid > .hcell:not(#_):not(#_a):not(#_b):not(#_c):not(#_d):not(#_e){min-height:0}}

/* Repeat employers: logos in place of name chips */
body.pf-results .hired .repeat-list.repeat-logos{gap:18px 34px;align-items:center;margin-top:26px}
body.pf-results .hired .repeat-list.repeat-logos li{border:0;background:none;padding:0;border-radius:0;line-height:0}
body.pf-results .hired .repeat-logos .rp-logo{display:block;height:34px;width:auto;max-width:170px;object-fit:contain;filter:grayscale(1) brightness(0);opacity:.72}
body.pf-results .hired .repeat-logos .rp-logo.kw{filter:grayscale(1) contrast(1.1);opacity:.85;mix-blend-mode:multiply}
@media (max-width:560px){body.pf-results .hired .repeat-logos .rp-logo{height:28px;max-width:130px}}

/* Screenshot walls ("Straight from the AIDA community" in each tab, and "What grads say about the program") */
body.pf-results .ss-wrap{margin-top:56px}
body.pf-results .ss-h{margin:0 0 22px;font-family:var(--font-display,"Josefin Sans"),sans-serif;font-size:22px;line-height:1.3;color:var(--navy,#223A4C);text-align:left}
body.pf-results .ss-grid{columns:3 300px;column-gap:18px}
body.pf-results .ss-item{display:block;width:100%;margin:0 0 18px;padding:0;border:1px solid var(--line,#E6DED4);border-radius:14px;overflow:hidden;background:#fff;cursor:zoom-in;break-inside:avoid;box-shadow:0 14px 30px -26px rgba(34,58,76,.45)}
body.pf-results .ss-item{max-height:640px;position:relative}
body.pf-results .ss-item img{display:block;width:100%;height:auto}
body.pf-results .ss-item.ss-tall::after{content:"Read it all";position:absolute;left:0;right:0;bottom:0;padding:48px 16px 14px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 62%);font:600 14px/1.2 Montserrat,sans-serif;color:var(--ds-teal-text,#0A6870);text-align:center}
body.pf-results .ss-item:focus-visible{outline:3px solid var(--teal,#1FC3CC);outline-offset:3px}
body.pf-results .ss-item.ss-hide{display:none}
body.pf-results .ss-more{text-align:center;margin-top:12px}
body.pf-results .ss-wrap--wall{margin-top:8px}
@media (max-width:720px){body.pf-results .ss-grid{columns:1}body.pf-results .ss-wrap{margin-top:40px}}
body.pf-results .ss-dialog{padding:0;border:0;border-radius:14px;max-width:min(92vw,820px);max-height:92vh;background:#fff;overflow:auto}
body.pf-results .ss-dialog::backdrop{background:rgba(22,51,63,.72)}
body.pf-results .ss-dialog img{display:block;width:100%;height:auto}
body.pf-results .ss-close{position:sticky;top:8px;float:right;margin:8px 8px -48px 0;width:40px;height:40px;border:0;border-radius:50%;background:rgba(22,51,63,.85);color:#fff;font-size:26px;line-height:40px;cursor:pointer;z-index:2}

/* Trustpilot band under the wall */
body.pf-results .tp-band{margin:48px auto 0;max-width:860px;display:flex;align-items:center;gap:28px;padding:28px 34px;border-radius:22px;background:#fff;border:1px solid var(--line,#E6DED4)}
body.pf-results .tp-score{flex:none;font-family:var(--font-display,"Josefin Sans"),sans-serif;color:var(--navy,#223A4C);line-height:1}
body.pf-results .tp-num{font-size:52px}
body.pf-results .tp-of{font-size:22px;color:var(--ink-faint,#5E707E)}
body.pf-results .tp-txt{flex:1;margin:0;font-size:16.5px;line-height:1.55;color:var(--ink-soft,#3A4D5C)}
body.pf-results .tp-btn{flex:none}
@media (max-width:720px){body.pf-results .tp-band{flex-direction:column;align-items:flex-start;gap:14px;padding:24px 22px}}

/* ───────── Case studies index ───────── */
body.pf-csindex .csx-pick{max-width:1136px;margin:0 auto 18px;text-align:center;font-size:16.5px;color:var(--ink-soft,#3A4D5C)}
body.pf-csindex #csxGrid > .csx-band{margin-bottom:30px}
/* six cards: always pairs (the band at the top made the last card count as odd) */
body.proof.pf-csindex #csxGrid > .csx-card:last-child:nth-child(odd):not(#_){grid-column:auto}
body.proof.pf-csindex #csxGrid > .csx-card:nth-last-child(1 of .csx-card):nth-child(odd of .csx-card):not(#_){grid-column:1 / -1}
body.pf-csindex .csx-next-in{display:grid;grid-template-columns:1fr 1fr;gap:56px;max-width:1000px;margin:0 auto}
body.pf-csindex .csx-next-item{padding-left:24px;border-left:2px solid var(--teal,#1FC3CC)}
body.pf-csindex .csx-next-h{margin:0 0 10px;font-family:var(--font-display,"Josefin Sans"),sans-serif;font-size:28px !important;line-height:1.25;color:var(--navy,#223A4C);text-align:left}
body.pf-csindex .csx-next-item p{margin:0 0 14px;font-size:16.5px;line-height:1.6;color:var(--ink-soft,#3A4D5C)}
@media (max-width:720px){body.pf-csindex .csx-next-in{grid-template-columns:1fr;gap:36px}body.pf-csindex .csx-next-h{font-size:22px !important}}

/* ───────── Outcomes Report: "How do AIDA grads work?" (the bars, on a light section with readable titles) ───────── */
body.pf-outcomes .ow-sec .mixbars{max-width:860px;gap:0;background:#fff;border:1px solid var(--line,#E6DED4);border-radius:22px;padding:8px 36px}
body.pf-outcomes .ow-sec .mixbar{padding:28px 0}
body.pf-outcomes .ow-sec .mixbar + .mixbar{border-top:1px solid var(--line,#E6DED4)}
body.pf-outcomes .ow-sec .mixbar .mb-top{margin-bottom:14px}
body.pf-outcomes.proof .ow-sec .mixbar .mb-lbl{font-family:var(--font-display,"Josefin Sans"),sans-serif;font-size:22px !important;line-height:1.25;color:var(--navy,#223A4C)}
body.pf-outcomes.proof .ow-sec .mixbar .mb-n{font-family:Montserrat,sans-serif;font-size:15px !important;letter-spacing:0;text-transform:none;color:var(--ink-faint,#5E707E)}
body.pf-outcomes .ow-sec .mixbar .mb-track{height:44px;border-radius:14px;border:0;background:#EEF2F4}
body.pf-outcomes .ow-sec .mixbar .seg{font-family:Montserrat,sans-serif;font-weight:600;font-size:15px;color:var(--navy,#223A4C)}
body.pf-outcomes .ow-sec .mixbar .seg.s2{background:#C9D8E0}
body.pf-outcomes .ow-sec .mixbar .seg.s3{background:#E6ECEF;color:var(--navy,#223A4C)}
body.pf-outcomes.proof .ow-sec .mixbar .mb-key{margin-top:12px;font-size:15px !important;color:var(--ink-soft,#3A4D5C)}
body.pf-outcomes .ow-sec .mixbar .mb-key .sw{width:13px;height:13px}
body.pf-outcomes .ow-sec .mixbar .mb-key i:nth-child(2) .sw{background:#C9D8E0 !important}
body.pf-outcomes .ow-sec .mixbar .mb-key i:nth-child(3) .sw{background:#E6ECEF !important;box-shadow:inset 0 0 0 1px #CBD5DC}
@media (max-width:720px){body.pf-outcomes .ow-sec .mixbars{padding:4px 20px}body.pf-outcomes.proof .ow-sec .mixbar .mb-lbl{font-size:19px !important}body.pf-outcomes.proof .ow-sec .mixbar .mb-top{flex-wrap:wrap}}

/* ───────── Connect: the "Prefer email?" line sits centered under the cards ───────── */
body.hub-connect .con-email-row:not(#_):not(#_a):not(#_b):not(#_c):not(#_d):not(#_e){margin-left:auto !important;margin-right:auto !important;text-align:center !important;max-width:none !important;width:100%;font-size:16.5px}

/* ───────── About: company logos (employers vs clients) ───────── */
body.hub-about .ab-co .head{margin-bottom:44px}
body.hub-about .ab-co-group{max-width:1000px;margin:0 auto}
body.hub-about .ab-co-group + .ab-co-group{margin-top:48px;padding-top:44px;border-top:1px solid var(--line,#E6DED4)}
body.hub-about .ab-co-h{margin:0 0 26px;text-align:center;font-family:var(--font-display,"Josefin Sans"),sans-serif;font-size:22px;line-height:1.3;color:var(--navy,#223A4C)}
body.hub-about .ab-co-logos{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:30px 48px}
body.hub-about .ab-co-logos li{line-height:0}
body.hub-about .ab-co-logos img{display:block;height:34px;width:auto;max-width:170px;object-fit:contain;filter:grayscale(1) brightness(0);opacity:.7}
body.hub-about .ab-co-logos--emp img{height:40px}
body.hub-about .ab-co-more{margin:34px auto 0;max-width:640px;text-align:center;font-size:15px;line-height:1.6;color:var(--ink-faint,#5E707E)}
body.hub-about .ab-co-more a{color:var(--ds-teal-text,#0A6870)}
@media (max-width:720px){body.hub-about .ab-co-logos{gap:22px 30px}body.hub-about .ab-co-logos img{height:26px;max-width:120px}body.hub-about .ab-co-logos--emp img{height:30px}}

/* About: the podcast episode card runs the full width of the panel, under both columns */
body.hub-about .about-pod .about-pod-ep:not(#_){grid-column:1 / -1;margin-top:40px}
body.hub-about .about-pod .about-pod-ep .ep-card:not(#_){max-width:none;width:100%;padding:24px 30px;gap:22px}
body.hub-about .about-pod .ep-card .ep-txt{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:28px;align-items:center;width:100%}
body.hub-about .about-pod .ep-card .ep-k{grid-column:1}
body.hub-about .about-pod .ep-card .ep-t{grid-column:1}
body.hub-about .about-pod .ep-card .ep-why{grid-column:1;display:block;margin-top:6px;font-size:16.5px;line-height:1.55;color:var(--ink-soft,#3A4D5C);font-weight:400}
body.hub-about .about-pod .ep-card .ep-go{grid-column:2;grid-row:1 / span 3;white-space:nowrap}
@media (max-width:720px){body.hub-about .about-pod .ep-card .ep-txt{display:block}body.hub-about .about-pod .ep-card .ep-go{display:inline-block;margin-top:10px}body.hub-about .about-pod .about-pod-ep .ep-card:not(#_){padding:20px}}
body.hub-about .ab-co-logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));justify-items:center}
body.hub-about .ab-co-logos--emp{grid-template-columns:repeat(4,minmax(0,1fr));max-width:820px;margin:0 auto}
@media (max-width:900px){body.hub-about .ab-co-logos{grid-template-columns:repeat(3,minmax(0,1fr))}body.hub-about .ab-co-logos--emp{grid-template-columns:repeat(2,minmax(0,1fr))}}
body.hub-about .about-pod .about-pod-ep:not(#_){margin-left:20px}
@media (max-width:900px){body.hub-about .about-pod .about-pod-ep:not(#_){margin-left:0}}
body.hub-about .ab-co-logos li{width:100%;display:flex;justify-content:center;padding:0 6px}
body.hub-about .ab-co-logos img{max-width:100% !important}
body.hub-about .ab-co-logos img[src$="chevron.svg"]{height:46px}
@media (max-width:720px){body.hub-about .ab-co-logos img[src$="chevron.svg"]{height:34px}}
@media (max-width:720px){body.pf-results .ss-wrap:not(.open) .ss-item:nth-child(n+4){display:none}}
body.pf-results .rq-role .so-x{display:block;margin-top:2px}
body.pf-results .ss-item img{max-height:638px;object-fit:cover;object-position:top}
html body.pf-outcomes section.ow-sec:not(#_):not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g){padding-top:calc(var(--sec-pad,70px) - 42px) !important}

/* S279 (Jill 11/1): "Read AIDA Reviews" moved out of the hero to after the case studies */
body.pf-csindex .csx-reviews{margin:40px auto 0;text-align:center;font-size:16px;color:var(--ink-soft,#4A5E70)}
body.pf-csindex .csx-reviews .arrow-link{margin-left:6px}