/* ══════════ DOORS (design pass Lane 1, 2026-10-23, S112; v2 after the independent rating) ══════════
   The door template, built on the teacher door. Loaded after lsd-refresh.css on body.door pages.
   Uses the shared design system (DESIGN SYSTEM v2 in lsd-refresh.css). Widths: reading 720px, wide 1136px. */

/* ── Hero: the photo up top, the side card hanging into the quiet fade below it ── */
.door section.pg-hero.dr-hero{overflow:visible !important;position:relative;z-index:3}
body.sky.door section.sec.sky-dawn{position:relative;z-index:1}
.door .dr-hero .dr-bg{background-position:center 18%;overflow:hidden}
.door .dr-hero .dr-bg::before{background:
  linear-gradient(180deg,rgba(22,51,63,.40) 0%,rgba(22,51,63,0) 18%,rgba(22,51,63,0) 50%,var(--dusk,#16333F) 92%),
  linear-gradient(90deg,var(--dusk,#16333F) 0%,rgba(22,51,63,.74) 16%,rgba(22,51,63,.20) 38%,rgba(22,51,63,0) 56%) !important}
.door .dr-hero .hero-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}
.door .dr-hero .hero-ctas .ds-link{font-size:15.5px}
.door .dr-hero .pg-sub + .pg-sub{color:rgba(255,255,255,.82) !important}
.door .grad-card .ava{overflow:hidden;padding:0}
.door .grad-card .ava img{width:100%;height:100%;object-fit:cover;display:block}
@media (min-width:1024px){
  .door .dr-hero{padding-bottom:96px}
  .door .dr-hero .pg-hero-grid{align-items:end}
  .door .dr-hero .grad-card-wrap{max-width:380px;margin-left:auto;position:relative;z-index:5;top:300px;left:36px}
}
@media (max-width:900px){
  .door .dr-hero .dr-bg{height:58svh;min-height:360px;background-position:58% 16%}
  .door .dr-hero .dr-bg::before{background:linear-gradient(180deg,rgba(22,51,63,.30) 0%,rgba(22,51,63,0) 22%,rgba(22,51,63,0) 52%,var(--dusk,#16333F) 100%) !important}
  .door .dr-hero .pg-hero-grid{padding-top:calc(max(360px,58svh) - 170px)}
  .door .dr-hero .grad-card-wrap{margin-top:28px}
}

/* ── Quick answer: the light comes in above it, so the card sits on daylight (S87's long fade kept) ── */
body.sky.door section.sec.sky-dawn.sky-dawn.sky-tall{
  background:linear-gradient(180deg,var(--sk-dusk) 0px,var(--sk-dawn-1) 120px,var(--sk-dawn-2) 220px,var(--sk-dawn-3) 300px,var(--sk-day) 360px,var(--sk-day) 100%) !important;
  padding-top:340px !important;padding-bottom:72px !important}
.door .tldr .frame-card{padding:36px 44px 30px;border-top:3px solid var(--teal)}
.door .tldr .qa-lead{font:400 26px/1.3 var(--font-display);color:var(--navy);margin:0 0 18px}
.door .qa-rows{margin:0;display:grid;gap:14px}
.door .qa-rows > div{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:baseline;border-top:1px solid var(--ds-line);padding-top:14px}
.door .qa-rows dt{font-size:13px;font-weight:600;color:var(--sienna)}
.door .qa-rows dd{margin:0;font-size:16px;line-height:1.65;color:var(--ink-soft)}
.door .qa-rows a{color:var(--navy)}
@media (max-width:720px){
  body.sky.door section.sec.sky-dawn.sky-dawn.sky-tall{padding-top:120px !important;padding-bottom:48px !important;
    background:linear-gradient(180deg,var(--sk-dusk) 0px,var(--sk-dawn-1) 50px,var(--sk-dawn-2) 90px,var(--sk-dawn-3) 120px,var(--sk-day) 150px,var(--sk-day) 100%) !important}
  .door .tldr .frame-card{padding:24px 20px 20px}
  .door .tldr .qa-lead{font-size:22px}
  .door .qa-rows > div{grid-template-columns:1fr;gap:4px}
  .door .qa-rows dd{font-size:15.5px}
}

/* ── On this page: one row on desktop, "Jump to a section" on phones ── */
.door .dr-toc-row{max-width:var(--ds-wide);margin:28px auto 0;display:flex;flex-wrap:nowrap;align-items:baseline;justify-content:center;gap:12px 20px}
.door .dr-toc-row .ds-label{color:var(--ink-soft);white-space:nowrap}
.door .dr-toc-row ol,.door .dr-toc-jump ol{list-style:none;margin:0;padding:0}
.door .dr-toc-row ol{display:flex;gap:22px;white-space:nowrap}
.door :is(.dr-toc-row,.dr-toc-jump) a{font-size:14.5px;font-weight:600;color:var(--navy);text-decoration:underline;text-decoration-color:rgba(31,195,204,.55);text-decoration-thickness:1.5px;text-underline-offset:5px}
.door .dr-toc-jump{display:none}
@media (max-width:900px){
  .door .dr-toc-row{display:none}
  .door .dr-toc-jump{display:block;max-width:var(--ds-read);margin:16px auto 0;background:#fff;border:1px solid var(--ds-line);border-radius:14px}
  .door .dr-toc-jump summary{cursor:pointer;list-style:none;padding:14px 18px;font-size:15px;font-weight:600;color:var(--navy);display:flex;justify-content:space-between;align-items:center}
  .door .dr-toc-jump summary::-webkit-details-marker{display:none}
  .door .dr-toc-jump summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--ink-faint);border-bottom:2px solid var(--ink-faint);transform:rotate(45deg) translate(-2px,-2px)}
  .door .dr-toc-jump[open] summary::after{transform:rotate(225deg)}
  .door .dr-toc-jump ol{display:grid;gap:12px;padding:2px 18px 16px}
}

/* ── What you bring / what you'll build ── */
.door .bb{max-width:var(--ds-wide);margin:8px auto 0}
.door .bb-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 18px;background:#fff;border:1px solid var(--ds-line);border-radius:18px;padding:12px 14px 12px 20px;margin:0 0 22px;box-shadow:0 14px 30px -26px rgba(22,51,63,.5)}
.door .bb-tap{display:flex;align-items:center;gap:12px;font-size:14.5px;font-weight:600;color:var(--navy);margin:0}
.door .bb-pulse{width:10px;height:10px;border-radius:3px;background:var(--teal);flex:0 0 auto;animation:bbpulse 2.2s ease-out infinite}
@keyframes bbpulse{0%{box-shadow:0 0 0 0 rgba(31,195,204,.55)}70%{box-shadow:0 0 0 10px rgba(31,195,204,0)}100%{box-shadow:0 0 0 0 rgba(31,195,204,0)}}
@media (prefers-reduced-motion:reduce){.door .bb-pulse{animation:none}}
.door .bb-ai{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:14px;color:var(--ink-soft)}
.door .bb-seg{display:inline-flex;gap:4px;background:#F4F1EC;border:1px solid var(--ds-line);border-radius:12px;padding:4px}
.door .bb-seg button{font:600 13.5px/1 var(--font-body);color:var(--navy);background:transparent;border:0;border-radius:9px;padding:9px 14px;cursor:pointer}
.door .bb-seg button[aria-pressed="true"]{background:#fff;color:var(--navy);box-shadow:0 2px 8px -2px rgba(22,51,63,.25)}
.door .bb-seg button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.door .bb-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.door .bb-col{border-radius:24px;padding:26px 24px 24px}
.door .bb-bring{background:#EAF7F7;border:1px solid rgba(31,195,204,.28)}
.door .bb-build{background:#FCEDE2;border:1px solid rgba(232,180,150,.6)}
.door .bb-h{margin:0 0 16px}
.door .bb-k{display:block;font-family:var(--font-display);font-size:26px;line-height:1.2;color:var(--navy)}
.door .bb-h p{margin:6px 0 0;font-size:15px;color:var(--ink-soft)}
.door .bb-list{display:flex;flex-direction:column;gap:8px}
.door .bb-group{margin:10px 0 2px;font-size:13px;font-weight:600;color:#0B6F76}
.door .bb-group:first-child{margin-top:0}
.door .bb-item{background:#fff;border:1px solid rgba(22,51,63,.10);border-radius:14px;transition:border-color .2s,box-shadow .2s}
.door .bb-item:hover{border-color:rgba(22,51,63,.24)}
.door .bb-item.open{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal),0 16px 30px -24px rgba(22,51,63,.55)}
.door .bb-build .bb-item.open{border-color:var(--sienna);box-shadow:0 0 0 1px var(--sienna),0 16px 30px -24px rgba(22,51,63,.55)}
.door .bb-i{display:grid;grid-template-columns:1fr 18px;align-items:center;gap:12px;width:100%;text-align:left;background:none;border:0;padding:14px 16px;cursor:pointer;font:600 15.5px/1.35 var(--font-body);color:var(--navy);border-radius:14px}
.door .bb-i:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.door .bb-chev{width:9px;height:9px;border-right:2px solid var(--ink-faint);border-bottom:2px solid var(--ink-faint);transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s;justify-self:center}
.door .bb-item.open .bb-chev{transform:rotate(225deg) translate(-2px,-2px)}
.door .bb-d{padding:0 16px 16px;display:grid;gap:12px}
.door .bb-d[hidden]{display:none}
.door .bb-row{border-top:1px solid rgba(22,51,63,.08);padding-top:12px}
.door .bb-rk{display:block;font-size:13px;font-weight:600;color:var(--sienna);margin-bottom:4px}
.door .bb-row p{margin:0;font-size:15px;line-height:1.65;color:var(--ink-soft)}
.door .bb-card{margin-top:16px;background:#fff;border:1px solid rgba(22,51,63,.10);border-radius:18px;padding:22px 22px 20px}
.door .bb-card h3{font:400 21px/1.25 var(--font-display);color:var(--navy);margin:0 0 8px}
.door .bb-card p{font-size:15px;line-height:1.7;color:var(--ink-soft);margin:0 0 12px}
.door .bb-card .s-links{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 22px}
.door .bb-card .s-links a{font-size:15px;font-weight:600;color:var(--navy);text-decoration:underline;text-decoration-color:rgba(31,195,204,.55);text-decoration-thickness:1.5px;text-underline-offset:5px}
.door .bb-card .s-links a:not(:first-child){font-size:14px;font-weight:500;color:var(--ink-soft);text-decoration-color:rgba(22,51,63,.22);text-decoration-thickness:1px}
.door .bb-card .s-links .arr{color:var(--teal)}
.door .bb-card .s-links a:not(:first-child) .arr{display:none}
@media (max-width:860px){
  .door .bb-bar{flex-direction:column;align-items:flex-start;padding:16px 18px}
  .door .bb-cols{grid-template-columns:1fr;gap:18px}
  .door .bb-col{padding:22px 16px 18px;border-radius:20px}
  .door .bb-i{padding:13px 14px;font-size:15px}
}

/* ── What changes: three quote cards, one treatment ── */
.door .dr-life{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:var(--ds-wide);margin:8px auto 0}
.door .dr-life .lq{position:relative;padding:62px 28px 24px;display:flex;flex-direction:column;justify-content:space-between}
.door .dr-life .lq::before{content:"\201C";position:absolute;top:16px;left:26px;font:400 64px/1 Georgia,serif;background:linear-gradient(160deg,#8FE8ED,#1FC3CC);-webkit-background-clip:text;background-clip:text;color:transparent}
.door .dr-life .lq p{font:400 19px/1.5 var(--font-display);color:var(--navy);margin:0 0 20px}
.door .dr-life .who{display:flex;align-items:center;gap:12px;font-size:13.5px;font-weight:600;color:var(--sienna)}
.door .mono{flex:0 0 auto;width:44px;height:44px;border-radius:28%;display:flex;align-items:center;justify-content:center;background:#E3F5F5;border:1px solid rgba(31,195,204,.35);color:#0B6F76;font:500 15px/1 var(--font-display);letter-spacing:.06em}
@media (max-width:900px){.door .dr-life{grid-template-columns:1fr;gap:16px}.door .dr-life .lq{padding:56px 22px 22px}}

/* ── You won't be the only teacher: the quote and the mentors as two equal cards ── */
.door .sh-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:var(--ds-wide);margin:8px auto 0;align-items:stretch}
.door .sh-cards .q-light{padding:30px 32px;margin:0}
.door .sh-mentors{padding:28px 30px;margin:0}
.door .sh-mentors .ds-label{display:block;margin-bottom:16px}
.door .sh-mentors ul{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.door .sh-mentors li{display:flex;gap:14px;align-items:center}
.door .sh-mentors img{width:52px;height:52px;border-radius:28%;object-fit:cover;flex:0 0 auto}
.door .sh-mentors b{display:block;font:500 17px/1.25 var(--font-display);color:var(--navy)}
.door .sh-mentors li span{display:block;font-size:13.5px;line-height:1.45;color:var(--ink-soft);margin-top:2px}
@media (max-width:900px){.door .sh-cards{grid-template-columns:1fr;gap:16px}}
/* ══════════ DOORS v3 (2026-10-23, after the second independent rating) ══════════ */
/* Hero: the headline at 1.12, the script word set on purpose, a solid side card on dark ground, a clean end */
.door .dr-hero h1{line-height:1.12;letter-spacing:-.005em}
.door .dr-hero h1 .script{display:inline-block;font-size:1.9em;line-height:.5;padding:0 .06em 0 .1em;vertical-align:baseline;transform:translateY(.1em) rotate(-2deg)}
.door .dr-hero .br-wide{display:none}
.door .dr-hero .dr-bg::before{background:
  linear-gradient(180deg,rgba(22,51,63,.40) 0%,rgba(22,51,63,0) 18%,rgba(22,51,63,0) 46%,var(--dusk,#16333F) 82%),
  linear-gradient(90deg,var(--dusk,#16333F) 0%,rgba(22,51,63,.74) 16%,rgba(22,51,63,.20) 38%,rgba(22,51,63,0) 56%) !important}
body.door .grad-card.grad-card{background:#183A47 !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;border:1px solid rgba(255,255,255,.14) !important;box-shadow:0 30px 60px -34px rgba(0,0,0,.65) !important}
@media (min-width:1024px){
  .door .dr-hero .br-wide{display:inline}
  .door .dr-hero{padding-bottom:64px}
  .door .dr-hero .grad-card-wrap{top:auto;left:auto;max-width:390px}
}
body.sky.door section.sec.sky-dawn.sky-dawn.sky-tall{
  background:linear-gradient(180deg,#16333F 0px,#2C6E7A 48px,#9FD1CF 104px,#E6F2EF 146px,var(--sk-day) 184px,var(--sk-day) 100%) !important;
  padding-top:132px !important}
@media (max-width:900px){
  .door .dr-hero{padding-bottom:40px}
  .door .dr-hero .grad-card-wrap{margin-top:24px}
}
@media (max-width:720px){
  body.sky.door section.sec.sky-dawn.sky-dawn.sky-tall{padding-top:84px !important;
    background:linear-gradient(180deg,#16333F 0px,#2C6E7A 28px,#9FD1CF 60px,#E6F2EF 84px,var(--sk-day) 104px,var(--sk-day) 100%) !important}
}
/* Quick answer and Andi's card side by side on daylight (the card left the photo in v3) */
.door .dr-qa-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;max-width:var(--ds-wide);margin:0 auto;align-items:start}
.door .dr-qa-grid .tldr{max-width:none;margin:0}
.door .dr-qa-grid .grad-card-wrap{max-width:none;margin:0;position:relative;top:auto;left:auto}
.door .dr-qa-grid .grad-card{padding:28px 28px 26px}
@media (max-width:1000px){.door .dr-qa-grid{grid-template-columns:1fr;max-width:var(--ds-read)}}
/* Quick answer: the system's lighter answer card */
.door .tldr .frame-card{border-top:1px solid var(--ds-tint-line) !important;padding:32px 40px 28px}
@media (max-width:720px){.door .tldr .frame-card{padding:22px 20px 18px}}
/* Contents row: the system's "more" link style without arrows */
.door :is(.dr-toc-row,.dr-toc-jump) a{color:var(--ds-teal-text);text-decoration:none;font-weight:600}
.door :is(.dr-toc-row,.dr-toc-jump) a:hover{text-decoration:underline;text-underline-offset:4px}

/* Skills: the same accordion as the FAQ; the toolbar's edges line up on phones; tabs on phones */
.door .bb-item{border-radius:16px;border:1px solid var(--ds-line)}
.door .bb-item.open,.door .bb-build .bb-item.open{border-color:rgba(22,51,63,.18);box-shadow:0 18px 34px -28px rgba(22,51,63,.5)}
.door .bb-i{grid-template-columns:1fr 30px;gap:14px;padding:14px 16px 14px 20px;min-height:58px;font:600 16px/1.4 var(--font-body);border-radius:16px}
.door .bb-chev{width:30px;height:30px;border:1.5px solid rgba(22,51,63,.30);border-radius:10px;transform:none;position:relative;justify-self:end;transition:transform .3s}
.door .bb-chev::before,.door .bb-chev::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:2px;background:var(--navy)}
.door .bb-chev::after{transform:rotate(90deg)}
.door .bb-item.open .bb-chev{transform:rotate(45deg);background:var(--ds-tint);border-color:var(--teal)}
.door .bb-d{padding:0 20px 18px}
@media (max-width:860px){
  .door .bb-ai{padding-left:22px}
  .door .bb-i{font-size:15.5px;padding:13px 14px 13px 16px}
}
@media (max-width:720px){
  .door .bb-cols{display:block}
  .door .bb-col{border-radius:20px}
}

/* After the skills: less loose space around the honesty line and the podcast card */
.door section#skills{padding-bottom:72px !important}
.door #skills .ep-in{margin-top:28px}
.door #skills .ep-card{max-width:var(--ds-read)}

/* Steps: the timeline's visual mass on the page's center line */
@media (min-width:900px){.door .steps{position:relative;left:-37px}}
/* Step 4: real portfolio work */
.door .dr-pf{margin:24px 0 0}
.door .dr-pf-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;text-decoration:none}
.door .dr-pf-row img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:12px;border:1px solid var(--ds-line);box-shadow:0 18px 36px -26px rgba(22,51,63,.55);transition:transform .2s}
.door .dr-pf-row:hover img{transform:translateY(-2px)}
.door .dr-pf figcaption{margin-top:12px;font-size:14px;line-height:1.6;color:var(--ink-soft)}

/* Pay panel: the quote on the reading width */
.door #will-you-take-a-pay-cut .container .container{max-width:var(--ds-read) !important}

/* What changes: the system quote layout (mark on top), warm monograms (S40), a swipe row on phones */
.door .dr-life .lq{padding:72px 30px 26px}
.door .dr-life .lq::before{top:24px;left:30px;font-size:60px;line-height:.9}
.door .dr-life .who{font:600 13.5px/1.4 var(--font-body);color:var(--ds-attr)}
.door .mono{width:44px;height:44px;border-radius:50%;border:0;background:linear-gradient(150deg,#FCE7D8,#F5C9AC);color:#8A4F2E;font:500 15px/1 var(--font-display);letter-spacing:.04em}
@media (max-width:720px){.door .dr-life .lq{padding:64px 22px 22px}.door .dr-life .lq::before{top:20px;left:22px}}

/* You won't be the only teacher: on the mist band; mentors as portraits */
.door .sh-cards .q-light{background:#fff}
.door .sh-mentors li{gap:18px}
.door .sh-mentors img{width:72px;height:72px;border-radius:50%;box-shadow:0 10px 22px -14px rgba(22,51,63,.6)}
.door .sh-mentors b{font-size:18px}
.door .sh-mentors li span{font-size:14px}
/* v3b: S87's slow dusk-to-daylight, no stripe. The light comes in behind the Quick Answer instead of in an empty band above it */
body.sky.door section.sec.sky-dawn.sky-dawn.sky-tall{
  background:linear-gradient(180deg,var(--sk-dusk) 0px,var(--sk-dusk-2) 90px,var(--sk-dawn-1) 210px,var(--sk-dawn-2) 380px,var(--sk-dawn-3) 520px,var(--sk-day) 640px,var(--sk-day) 100%) !important;
  padding-top:72px !important}
@media (min-width:1024px){.door .dr-hero{padding-bottom:40px}}
@media (max-width:900px){.door .dr-hero{padding-bottom:28px}}
@media (max-width:720px){
  body.sky.door section.sec.sky-dawn.sky-dawn.sky-tall{padding-top:40px !important;
    background:linear-gradient(180deg,var(--sk-dusk) 0px,var(--sk-dusk-2) 60px,var(--sk-dawn-1) 150px,var(--sk-dawn-2) 270px,var(--sk-dawn-3) 380px,var(--sk-day) 470px,var(--sk-day) 100%) !important}
}
.door .tldr .frame-card{background:rgba(255,255,255,.97) !important;box-shadow:0 30px 60px -38px rgba(22,51,63,.55) !important}
/* END DOORS v3 */
/* END DOORS */

/* ══════════ DOORS v4 (2026-10-24, after the third independent rating: 7.5) ══════════ */
/* S87's dusk-to-daylight, done cleanly: the Quick Answer and the grad card sit on the dark ground, and the light comes in
   below them, through the band that holds "On this page" (no haze behind the cards, no dead band) */
body.sky.door section.sec.sky-dawn.sky-dawn.sky-tall{padding-top:56px !important;padding-bottom:0 !important;
  background:linear-gradient(180deg,var(--sk-dusk) 0,var(--sk-dusk) calc(100% - 300px),var(--sk-dusk-2) calc(100% - 250px),var(--sk-dawn-1) calc(100% - 190px),var(--sk-dawn-2) calc(100% - 120px),var(--sk-dawn-3) calc(100% - 56px),var(--sk-day) 100%) !important}
@media (max-width:720px){body.sky.door section.sec.sky-dawn.sky-dawn.sky-tall{padding-top:32px !important;
  background:linear-gradient(180deg,var(--sk-dusk) 0,var(--sk-dusk) calc(100% - 240px),var(--sk-dusk-2) calc(100% - 200px),var(--sk-dawn-1) calc(100% - 150px),var(--sk-dawn-2) calc(100% - 95px),var(--sk-dawn-3) calc(100% - 45px),var(--sk-day) 100%) !important}}
.door .dr-qa-grid{align-items:stretch}
.door .dr-qa-grid .tldr .frame-card{height:100%;background:#fff !important;border:0 !important;box-shadow:0 30px 60px -30px rgba(0,0,0,.55) !important}
.door .dr-qa-grid .grad-card-wrap{height:100%}
.door .dr-qa-grid .grad-card{height:100%;display:flex;flex-direction:column;background:#1E4553 !important;border:1px solid rgba(255,255,255,.18) !important;box-shadow:0 30px 60px -30px rgba(0,0,0,.6) !important}
.door .dr-qa-grid .grad-card .arrow-link{margin-top:auto;padding-top:18px}
.door .grad-card .ava,.door .grad-card .ava img{border-radius:50% !important}
/* "On this page": a contained strip in the light band */
@media (min-width:721px){
.door .dr-toc-row{display:flex !important;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 22px;width:fit-content;max-width:var(--ds-wide);margin:150px auto 0 !important;padding:14px 28px !important;
  background:rgba(255,255,255,.96);border:1px solid rgba(22,51,63,.10);border-radius:999px;box-shadow:0 18px 40px -28px rgba(22,51,63,.5);position:relative;top:-14px}
.door .dr-toc-row .ds-label{margin:0 6px 0 0 !important;color:var(--sienna) !important}
.door .dr-toc-row ol{display:flex;flex-wrap:wrap;gap:6px 22px;margin:0;padding:0;list-style:none}
}
.door .dr-toc-jump{margin:120px 0 0 !important;position:relative;top:-14px;background:#fff;border-radius:16px}
@media (min-width:721px){body.door-teacher .bb-bar{flex-direction:column !important;align-items:center !important;text-align:center}body.door-teacher .bb-tap{justify-content:center}body.door-teacher .bb-ai{justify-content:center}}
/* Skills: a quiet instruction line, columns of equal height, each with its group labels, the closing cards on one line */
.door .bb-bar{background:none !important;border:0 !important;box-shadow:none !important;padding:0 4px 4px !important}
.door .bb-tap{align-items:flex-start}
.door .bb-pulse{margin-top:6px;flex:0 0 auto}
.door .bb-cols{align-items:stretch}
.door .bb-col{display:flex;flex-direction:column}
.door .bb-col .bb-card{margin-top:auto}
.door .bb-col .bb-list{margin-bottom:18px}
.door .bb-card{min-height:236px;display:flex;flex-direction:column}
.door .bb-card .s-links{margin-top:auto;padding-top:12px}
/* The bridge: the honesty line and the podcast card as one row on the wide grid */
.door #skills .dr-bridge{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;max-width:var(--ds-wide);margin:56px auto 0}
.door .dr-bridge .dr-bridge-line{margin:0;font:400 24px/1.4 var(--font-display);color:var(--navy);letter-spacing:0}
.door .dr-bridge .ep-card{max-width:none !important;margin:0 !important}
@media (max-width:900px){.door #skills .dr-bridge{grid-template-columns:1fr;gap:20px;margin-top:40px}.door .dr-bridge .dr-bridge-line{font-size:20px}}
/* Steps: on wide screens the heading holds the left column while the five steps run on the right */
@media (min-width:1024px){
  .door #path > .container{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:80px;max-width:var(--ds-wide);align-items:start}
  .door #path .head{position:sticky;top:150px;text-align:left;margin:0;max-width:none}
  .door #path .head h2,.door #path .head p{text-align:left;margin-left:0;margin-right:0}
  .door #path .steps{position:static;left:0;max-width:none;margin:0}
}
.door #path .step h3{font-size:22px;line-height:1.3;margin-bottom:8px}
.door #path{padding-bottom:72px !important}
.door #will-you-take-a-pay-cut{padding-top:24px !important}
/* Step 4's portfolios: bigger, with the whole home page in view */
.door .dr-pf{margin-top:28px}
.door .dr-pf-row{gap:18px}
.door .dr-pf-row img{aspect-ratio:16/10;object-fit:cover;object-position:top center;border-radius:14px}
@media (max-width:720px){.door .dr-pf-row{grid-template-columns:1fr;gap:14px}}
/* Pay panel: one surface, readable small print */
.door .tsal-card{background:none !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;padding:36px 0 0 !important;border-top:1px solid rgba(255,255,255,.14) !important}
.door .tsal-wrap{max-width:var(--ds-read) !important}
.door :is(.tsal-hint,.tsal-fine,.tsal-metric-sub,.tsal-label,.tsal-metric-label,.tsal-display-label){font-size:13.5px !important;color:rgba(255,255,255,.8) !important;opacity:1 !important}
.door .tsal-hint *{font-size:13.5px !important}
/* Mentors: the quote card holds its quote in the middle; the intro at a shorter measure */
.door .sh-cards .q-light{display:flex !important;flex-direction:column;justify-content:center}
.door #you-won-t-be-the-only .head p{max-width:640px}
.door .q-light .qa .mono{flex:0 0 auto}
/* Phones */
@media (max-width:900px){
  .door .dr-hero .dr-bg{height:46svh;min-height:300px}
  .door .dr-hero .pg-hero-grid{padding-top:calc(max(300px,46svh) - 150px)}
}
@media (max-width:720px){
  .door .dr-hero h1 .script{font-size:1.6em;padding-left:0;transform:translateY(.04em) rotate(-2deg)}
  .door .dr-qa-grid .tldr .frame-card{height:auto}
  .door .bb-card{min-height:236px}
@media (max-width:720px){.door .bb-card{min-height:0}}
}
.door .dr-qa-grid .grad-card{justify-content:space-between}
.door .dr-qa-grid .grad-card .arrow-link{margin-top:0}
@media (min-width:1024px){
  .door #path > .container{grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:64px}
  .door #path .head h2{font-size:38px;line-height:1.18}
}
/* v4b: one grid edge, flatter skills, framed portfolio shots, a longer photo fade */
.door #path > .container,.door #skills .dr-bridge{max-width:calc(var(--ds-wide) + 64px) !important}
@media (min-width:1024px){.door #path > .container{max-width:calc(var(--ds-wide) + 64px) !important}}
.door .bb-col{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;border-radius:0 !important}
.door .bb-col .bb-h{border-top:3px solid var(--teal);padding-top:18px}
.door .bb-build .bb-h{border-top-color:#F2B48F}
.door .bb-card{background:var(--ds-tint) !important;border:1px solid var(--ds-tint-line) !important;box-shadow:none !important}
.door .bb-build .bb-card{background:#FCEFE5 !important;border-color:rgba(172,113,77,.18) !important}
.door .dr-pf-row a,.door .dr-pf-row{position:relative}
.door .dr-pf-row img{border-radius:0 0 12px 12px;border-top:22px solid #E9EEF0;box-shadow:0 0 0 1px rgba(22,51,63,.12),0 22px 40px -26px rgba(22,51,63,.55)}
.door .dr-pf-row{background:none}
.door .dr-hero .dr-bg::before{background:
  linear-gradient(180deg,rgba(22,51,63,.40) 0%,rgba(22,51,63,0) 18%,rgba(22,51,63,0) 34%,rgba(22,51,63,.55) 58%,var(--dusk,#16333F) 80%),
  linear-gradient(90deg,var(--dusk,#16333F) 0%,rgba(22,51,63,.74) 16%,rgba(22,51,63,.20) 38%,rgba(22,51,63,0) 56%) !important}
@media (max-width:900px){.door .dr-hero .dr-bg::before{background:linear-gradient(180deg,rgba(22,51,63,.30) 0%,rgba(22,51,63,0) 22%,rgba(22,51,63,.35) 62%,var(--dusk,#16333F) 96%) !important}}
.door .sh-cards .q-light .qt{font-size:18px !important}
/* v5: one portfolio, shown larger */
.door .dr-pf-row.dr-pf-one{grid-template-columns:1fr;max-width:560px}
@media (max-width:720px){.door .dr-pf-row.dr-pf-one{max-width:none}}
/* Teachers like you: two quote cards of one height */
.door .sh-cards{align-items:stretch}
.door .sh-cards .q-light .qa img{width:44px;height:44px;border-radius:50%;object-fit:cover}
/* v6 (10/24, door raters, all five doors) */
/* The dusk fade under the cards: still slow (S87), but without the saturated teal middle that read as haze */
body.sky.door section.sec.sky-dawn.sky-dawn.sky-tall{
  background:linear-gradient(in oklab 180deg,var(--sk-dusk) 0,var(--sk-dusk) calc(100% - 300px),#3C6670 calc(100% - 210px),#C9DCDA calc(100% - 100px),var(--sk-day) 100%) !important}
@media (max-width:720px){body.sky.door section.sec.sky-dawn.sky-dawn.sky-tall{
  background:linear-gradient(in oklab 180deg,var(--sk-dusk) 0,var(--sk-dusk) calc(100% - 240px),#3C6670 calc(100% - 165px),#C9DCDA calc(100% - 80px),var(--sk-day) 100%) !important}}
/* Dark panels: one corner radius on desktop; on phones every dark panel is an inset card like the closing panel */
@media (min-width:721px){body.door section.sec-navy > .container{border-radius:32px !important}}
@media (max-width:720px){
  body.door section.sec-navy{padding-left:0 !important;padding-right:0 !important}
  body.door section.sec-navy > .container{margin:0 16px !important;border-radius:24px !important;width:auto !important;max-width:none !important;padding-left:20px !important;padding-right:20px !important}
}
/* The portfolio shot: a browser frame (three dots on the bar) at the full width of the step */
.door .dr-pf-row.dr-pf-one{max-width:none}
.door .dr-pf-row.dr-pf-one img{border-radius:12px}
.door .dr-pf-row.dr-pf-one::before{content:"";position:absolute;top:8px;left:12px;width:36px;height:7px;z-index:1;
  background:radial-gradient(circle,#E58E7A 3px,transparent 3.5px) 0 0/12px 7px no-repeat,radial-gradient(circle,#EDC36B 3px,transparent 3.5px) 12px 0/12px 7px no-repeat,radial-gradient(circle,#8CC79B 3px,transparent 3.5px) 24px 0/12px 7px no-repeat}
/* v7 (Jill 10/23 late: the state pay calculator is big; same point, less room).
   Desktop: inputs on the left, the difference on the right. Phones: tighter spacing. */
@media (min-width:900px){
  .door .tsal-wrap{max-width:960px !important;margin-top:40px !important}
  .door .tsal-card{display:grid !important;grid-template-columns:1fr 1fr;column-gap:40px;row-gap:16px;align-items:start;padding-top:28px !important}
  .door .tsal-card > .tsal-head{grid-column:1 / -1;margin:0 0 4px !important}
  .door .tsal-card > .tsal-field{grid-column:1;margin:0 !important}
  .door .tsal-card > .tsal-result{grid-column:2;grid-row:2 / span 2;align-self:stretch;display:flex;align-items:center;justify-content:center;margin:0 !important}
  .door .tsal-card > .tsal-fine{grid-column:1 / -1;margin:0 !important}
  .door .tsal-card .tsal-display{margin-top:10px !important;padding:10px 14px !important}
}
@media (max-width:899px){
  .door .tsal-card{padding-top:24px !important}
  .door .tsal-card > .tsal-field{margin-bottom:14px !important}
  .door .tsal-card .tsal-display{margin-top:10px !important;padding:10px 14px !important}
  .door .tsal-card > .tsal-result{padding:16px !important;margin:6px 0 10px !important}
  .door .tsal-card .tsal-metric-value{font-size:30px !important}
  .door .tsal-card .tsal-display{display:flex !important;align-items:center;justify-content:space-between;gap:12px}
  .door .tsal-card .tsal-display-value{font-size:22px !important}
  .door .tsal-card .tsal-head h3{font-size:22px !important}
}
/* v7: two portfolio shots side by side (teacher door step 4), each in its own browser frame; stacked on phones */
.door .dr-pf-row.dr-pf-two{grid-template-columns:1fr 1fr;gap:16px;max-width:none}
.door .dr-pf-two .dr-pf-shot{position:relative;display:block}
.door .dr-pf-two .dr-pf-shot img{border-radius:12px}
.door .dr-pf-two .dr-pf-shot::before{content:"";position:absolute;top:8px;left:12px;width:36px;height:7px;z-index:1;
  background:radial-gradient(circle,#E58E7A 3px,transparent 3.5px) 0 0/12px 7px no-repeat,radial-gradient(circle,#EDC36B 3px,transparent 3.5px) 12px 0/12px 7px no-repeat,radial-gradient(circle,#8CC79B 3px,transparent 3.5px) 24px 0/12px 7px no-repeat}
.door .dr-pf-two:hover img{transform:translateY(-2px)}
@media (max-width:720px){.door .dr-pf-row.dr-pf-two{grid-template-columns:1fr;gap:14px}}
/* END DOORS v4 */

/* ══════════ DOORS v8 (2026-10-27, Jill's teacher door review) ══════════ */
/* Skills: room to breathe. More air above and below the columns, a real gutter between them with a "+" on the center line
   (what you bring + what you build), more space before the closing cards. */
.door section#skills{padding-bottom:96px !important}
.door #skills > .container > .head{margin-bottom:40px}
.door .bb-bar{margin-bottom:36px !important}
@media (min-width:861px){
  .door .bb-cols{gap:0 112px;position:relative}
  .door .bb-cols::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;margin-left:-.5px;
    background:linear-gradient(180deg,rgba(22,51,63,0) 0,rgba(22,51,63,.14) 64px,rgba(22,51,63,.14) calc(100% - 64px),rgba(22,51,63,0) 100%)}
  .door .bb-cols::after{content:"+";position:absolute;left:50%;top:-6px;width:44px;height:44px;margin-left:-22px;display:grid;place-items:center;
    font:400 30px/1 var(--font-display);color:var(--navy);background:#fff;border:1px solid rgba(22,51,63,.14);border-radius:14px;box-shadow:0 12px 26px -16px rgba(22,51,63,.45)}
}
.door .bb-col .bb-h{padding-top:22px;margin-bottom:22px}
.door .bb-where{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:7px 14px 7px 12px;border-radius:10px;
  font:600 14px/1.2 var(--font-body);color:var(--ds-teal-text,#0A6870);background:var(--ds-tint,#EEF6F4);border:1px solid var(--ds-tint-line,rgba(10,104,112,.16))}
.door .bb-build .bb-where{color:#8A4F2E;background:#FCEFE5;border-color:rgba(172,113,77,.22)}
.door .bb-where svg{flex:0 0 auto}
.door .bb-list{gap:10px}
.door .bb-group{margin:22px 0 4px}
.door .bb-group:first-child{margin-top:0}
.door .bb-col .bb-list{margin-bottom:44px}
.door .bb-card{min-height:236px}
@media (max-width:720px){.door .bb-card{min-height:0}}
/* "You need both": the line that ties the two columns together */
.door .bb-both{max-width:var(--ds-read);margin:64px auto 0;text-align:center}
.door .bb-both-h{margin:0;font:400 30px/1.25 var(--font-display);color:var(--navy)}
.door .bb-both-p{margin:12px auto 0;max-width:600px;font-size:17px;line-height:1.7;color:var(--ink-soft)}
/* The podcast plug (redesigned 2026-10-31 pm, Jill: padding all the way around, "Listen" sits to the right of the mic, a cleaner card).
   The mic and the "Listen to this episode" line share a row; title and description run under them; the button and subscribe links close the card. */
.door #skills .ep-in{margin-top:56px}
html body.door section#skills:not(#_):not(#_a) > .container.ep-in{max-width:1024px !important}
html body .door .ep-plug,.door .ep-plug{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-areas:"ico k" "t t" "d d" "ctas ctas";column-gap:14px;row-gap:0;align-items:center;max-width:960px;margin:0 auto;
  background:#fff;border:1px solid var(--ds-line);border-radius:22px;padding:30px 30px 28px !important;box-shadow:0 26px 50px -36px rgba(22,51,63,.5);box-sizing:border-box}
.door .ep-plug-txt{display:contents}
.door .ep-plug-ico{grid-area:ico;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(150deg,#2C6E7A,#16333F)}
.door .ep-plug-ico svg{width:20px;height:20px}
.door .ep-plug-k{grid-area:k;margin:0;font-size:13px;line-height:1.35;font-weight:600;letter-spacing:.02em;color:var(--ds-attr,#8A4F2E)}
.door .ep-plug-t{grid-area:t;margin:18px 0 0;font:400 21px/1.3 var(--font-display);color:var(--navy)}
.door .ep-plug-d{grid-area:d;margin:8px 0 0;font-size:15px;line-height:1.6;color:var(--ink-soft)}
.door .ep-plug-ctas{grid-area:ctas;display:flex;flex-direction:column;align-items:stretch;gap:12px;text-align:center;margin-top:22px;padding-top:22px;border-top:1px solid var(--ds-line)}
.door .ep-plug-ctas .btn{white-space:normal;text-align:center;padding-left:14px;padding-right:14px}
.door .ep-plug-sub{margin:0;font-size:14px;line-height:1.5;color:var(--ink-soft)}
.door .ep-plug-sub a{color:var(--navy);font-weight:600;text-decoration:underline;text-decoration-color:rgba(31,195,204,.55);text-underline-offset:4px}
/* The wide card in the skills band: the episode on the left, the button and subscribe links in their own column on the right */
@media (min-width:901px){
  .door #skills .ep-plug{grid-template-columns:44px minmax(0,1fr) 300px;grid-template-areas:"ico k ctas" "t t ctas" "d d ctas";column-gap:14px}
  html body .door #skills .ep-plug{padding:34px 40px !important}
  .door #skills .ep-plug-ctas{margin:0 0 0 26px;padding:0 0 0 34px;border-top:0;border-left:1px solid var(--ds-line);align-self:stretch;justify-content:center}
  .door #skills .ep-plug-t{font-size:22px}
  .door #skills .ep-plug-ctas .btn{white-space:nowrap}
}
@media (max-width:900px){
  .door .bb-both{margin-top:44px}.door .bb-both-h{font-size:24px}.door .bb-both-p{font-size:16px}
  .door .ep-plug-t{font-size:19px}
}
@media (min-width:721px) and (max-width:900px){
  .door .ep-plug-ctas{align-items:center}
  .door .ep-plug-ctas .btn{min-width:320px}
}
@media (max-width:720px){
  html body .door .ep-plug,.door .ep-plug{padding:24px 22px 22px !important}
}

/* Pay: a compact calculator on one row (Jill asked twice: same point, much less room). The teacher door's smaller stat cards
   came off 11/1 (S275, Jill: the four pay cards match on every door). */
@media (min-width:900px){
  .door .tsal-wrap{max-width:880px !important;margin-top:36px !important}
  .door .tsal-card{grid-template-columns:1fr 1fr 1fr !important;column-gap:28px !important;row-gap:12px !important;padding-top:24px !important;align-items:end !important}
  .door .tsal-card > .tsal-head{grid-column:1 / -1;text-align:left;margin:0 !important}
  .door .tsal-card > .tsal-head .tsal-eyebrow{display:none}
  .door .tsal-card > .tsal-head h3{font-size:19px}
  .door .tsal-card > .tsal-head + .tsal-field{grid-column:1;grid-row:2}
  .door .tsal-card > .tsal-field + .tsal-field{grid-column:2;grid-row:2}
  .door .tsal-card > .tsal-result{grid-column:3 !important;grid-row:2 !important;align-self:stretch;padding:14px 16px !important;display:flex;flex-direction:column;justify-content:center}
  .door .tsal-card > .tsal-fine{grid-column:1 / -1;text-align:left;margin-top:4px !important}
  .door .tsal-card .tsal-display{margin-top:8px !important;padding:8px 12px !important}
  .door .tsal-card .tsal-display{flex-wrap:nowrap !important;align-items:center}
  .door .tsal-card .tsal-display-value{font-size:18px;white-space:nowrap}
  .door .tsal-card .tsal-display-label{font-size:12.5px !important}
  .door .tsal-card .tsal-select{padding-top:10px;padding-bottom:10px;font-size:14.5px}
  .door .tsal-card .tsal-metric-value{font-size:30px;margin-top:2px}
  .door .tsal-card .tsal-metric-sub{font-size:13px !important;margin-top:4px}
  .door .tsal-card .tsal-val{font-size:16px}
}
.door #will-you-take-a-pay-cut .container .container{margin-top:36px !important}
.door #will-you-take-a-pay-cut .hired-quote{padding:24px 28px !important}
.door #will-you-take-a-pay-cut .hired-quote .qt{font-size:16.5px !important;line-height:1.6 !important}

/* The end of the page: "More for teachers" sits on its own as a card, then the author box in its own band, with real space between */
.door .series-block.dr-more{padding:24px 0 56px !important}
.door .dr-more .series-in{max-width:var(--ds-read);background:#fff;border:1px solid var(--ds-line);border-radius:20px;padding:28px 32px 18px;box-shadow:0 22px 44px -34px rgba(22,51,63,.45)}
.door .dr-more .series-list{border-top:0}
.door .dr-more .series-list li{padding:14px 0}
.door .dr-more .series-list li:last-child{border-bottom:0}
.door .dr-more .series-list .arr{color:var(--teal)}
.door section.dr-author{padding:44px 0 48px !important}
.door section.dr-author .byline{border-top:0;padding-top:0}
@media (max-width:720px){.door .dr-more .series-in{padding:22px 20px 10px}}
/* END DOORS v8 */

/* ══════════ DOORS v9 (2026-10-27, Jill: grad cards) ══════════
   Every grad on three short lines: name, what they were, what they are now. The lead grad keeps the "now" divider, pulled in tighter,
   and the other grads stack underneath on the same card. */
.door .grad-card.gc-v2 .g-eyebrow{margin-bottom:14px}
.door .gc-v2 .g-id{align-items:flex-start;gap:14px}
.door .gc-v2 .g-name{font-size:20px;line-height:1.2}
.door .gc-v2 .g-was{margin-top:4px;font-size:14px !important;line-height:1.45;color:rgba(255,255,255,.86) !important}
.door .gc-v2 .g-k{font-weight:600;color:#F7CFB8}
.door .gc-v2 .g-arrow{margin:10px 0 6px !important}
.door .gc-v2 .g-now{font-size:16px;line-height:1.4}
.door .gc-v2 .g-more{list-style:none;margin:18px 0 0;padding:16px 0 0;border-top:1px solid rgba(255,255,255,.16);display:grid;gap:14px}
.door .gc-v2 .g-more li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:start}
.door .gc-v2 .g-more img{width:40px;height:40px;border-radius:50%;object-fit:cover;display:block;margin-top:2px}
.door .gc-v2 .g-more p{margin:0}
.door .gc-v2 .gm-name{font:600 15px/1.3 var(--font-body);color:#fff}
.door .gc-v2 .gm-l{font-size:13.5px;line-height:1.45;color:rgba(255,255,255,.84)}
.door .gc-v2 .arrow-link{padding-top:18px !important}
@media (min-width:1001px){.door .dr-qa-grid{grid-template-columns:minmax(0,1fr) 420px}}
/* END DOORS v9 */

/* ══════════ DOORS v10 (2026-10-27, Jill: master's door) ══════════ */
/* Quote cards that sit side by side are always the same size, whatever the quote length */
body.door .dr-life.dr-life{align-items:stretch}
body.door .dr-life .lq{height:auto;display:flex;flex-direction:column}
body.door .dr-life .lq .who{margin-top:auto}
/* Master's door: section headings line up with the left-aligned text under them */
@media (min-width:721px){
  .door #have > .container > .head,.door #considering > .container > .head{text-align:left;margin-left:0;max-width:var(--ds-read)}
  .door #have > .container > .head h2,.door #considering > .container > .head h2{text-align:left;margin-left:0}
}
.door .ma-steps-h{font:400 26px/1.25 var(--font-display);color:var(--navy);margin:48px 0 0;max-width:var(--ds-read)}
@media (max-width:720px){.door .ma-steps-h{font-size:22px;margin-top:36px}}
/* END DOORS v10 */

/* v11 (2026-10-27, Jill): the center line between "What you bring" and "What you'll build" has no plus; plus means "expands" elsewhere */
.door .bb-cols::after{display:none !important;content:none !important}

/* === Door fixes 2026-10-31 night (Jill) === */
/* Quick answer card: the question leads, then "Quick answer: Yes." */
.door .tldr .qa-lead{margin:0 0 8px}
.door .tldr .qa-ans{margin:0 0 18px;font:400 21px/1.35 var(--font-display);color:var(--navy)}
.door .tldr .qa-ans .qa-k{font:inherit;color:var(--sienna)}
@media (max-width:720px){.door .tldr .qa-ans{font-size:19px}}
/* Featured grad: the full-story link sits under that grad, before the others */
.door .dr-qa-grid .grad-card .arrow-link.g-story{margin-top:12px !important;padding-top:0 !important;align-self:flex-start}
/* end door fixes 2026-10-31 */

/* S274 (Jill 11/1): grad lists read as labels, with a hairline between the former career and now lines; the corporate list label centers like the rest. */
.door .np-list .np-l{font-weight:600;color:var(--navy)}
.door .np-list li > div > p:nth-child(3){border-top:1px solid var(--line,rgba(22,51,63,.12));margin-top:6px !important;padding-top:6px}
body.door-corporate #training-at-work .np-k{text-align:center}
body.door-corporate #training-at-work .np-sub{margin-top:40px !important}
body.door-corporate #training-at-work .np-list{grid-template-columns:repeat(2,minmax(0,280px));justify-content:center}
@media (max-width:620px){body.door-corporate #training-at-work .np-list{grid-template-columns:1fr}}
/* Paragraphs keep a line of space between them (corporate's "Already training people" ran together; a step with two paragraphs too). */
.door .dr-prose .he-copy p{margin:0 0 16px}
.door .step p.ts-s + p.ts-s{margin-top:12px}
/* Teacher door (no doors-2.css): the "What is corporate ID?" section uses the door prose pattern, heading centered, text left in the 820px column. */
body.door-teacher #what-is-corporate-instructional-design > .container{max-width:calc(var(--ds-wide,1136px) + 64px) !important}
body.door-teacher #what-is-corporate-instructional-design .head{max-width:820px;margin-left:auto;margin-right:auto;text-align:center}
body.door-teacher #what-is-corporate-instructional-design .dr-read{max-width:820px !important;margin-left:auto;margin-right:auto}
body.door-teacher #what-is-corporate-instructional-design .dr-read p{font-size:16.5px !important;line-height:1.75 !important;color:var(--ink-soft)}
@media (max-width:720px){body.door-teacher #what-is-corporate-instructional-design .head{text-align:left}}

/* S275: the corporate door's six "other fields" grads fill even rows (3 + 3, then 2 + 2 + 2, then one column), per S255. */
body.door-corporate #grads-from-other-fields .np-list{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){body.door-corporate #grads-from-other-fields .np-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){body.door-corporate #grads-from-other-fields .np-list{grid-template-columns:1fr}}

/* S282 (Jill 11/1): the quick answer's text ends where the box beside it ends. The box already matches the grad card's
   height; its rows now share the leftover space, each row's text centered between its lines. Wide screens only. */
@media (min-width:1001px){
  .door .dr-qa-grid .tldr .frame-card{display:flex;flex-direction:column}
  .door .dr-qa-grid .tldr .frame-card .qa-rows{flex:1 1 auto;display:flex;flex-direction:column;gap:0}
  .door .dr-qa-grid .tldr .frame-card .qa-rows > div{flex:1 1 auto;align-content:center;padding:14px 0}
}


/* L&D door grads cards (Jill 11/2: no half-empty rows): 4 across, 2 on tablet, 1 on phone */
body.door-ld #grads .np-list{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:900px){body.door-ld #grads .np-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){body.door-ld #grads .np-list{grid-template-columns:1fr}}

/* Higher ed door grads cards (Jill 11/2: photo cards, not the text list; 12 = 4 across x 3) */
body.door-higher-ed #grads .np-list{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:var(--ds-wide)}
body.door-higher-ed #grads .np-list li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 16px}
body.door-higher-ed #grads .np-list img{width:44px;height:44px;border-radius:50%;object-fit:cover;display:block}
body.door-higher-ed #grads .np-list p{margin:0;font-size:13.5px;line-height:1.5;color:var(--ink-soft)}
body.door-higher-ed #grads .np-list .np-n{font-weight:600;font-size:14.5px;color:var(--navy)}
@media (max-width:900px){body.door-higher-ed #grads .np-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){body.door-higher-ed #grads .np-list{grid-template-columns:1fr}}