/* ══════════ DOORS, the other four (design pass Lane 2, 2026-10-23, S112; v4 round 2026-10-24) ══════════
   Loaded after doors.css on the L&D, higher ed, master's and corporate doors (body.sky.door, as on the teacher door).
   Only what these four need beyond the teacher-door template (DOORS v3/v4 in doors.css). Widths come from the
   shared system: reading --ds-read, wide --ds-wide. */

/* ── Hero: the grad card moved down beside the Quick Answer (v4), so the photo and washes fade fully into
      the dark ground with no line, as on the teacher door ── */
.door:not(.door-teacher) .dr-hero .wash{-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 62%,transparent 100%)}

/* ── Grad card beside the Quick Answer: these doors' lines name more grads (name, then role and company), too long
      for pills, so they read as a short list (no pill wraps) ── */
body.door:not(.door-teacher) .grad-card .g-chips{display:grid;gap:0;margin-top:18px}
body.door:not(.door-teacher) .grad-card .g-chips span{display:block;position:relative;background:none !important;border:0 !important;border-top:1px solid rgba(255,255,255,.14) !important;border-radius:0;padding:10px 0 10px 16px;font:500 14px/1.5 var(--font-body) !important;letter-spacing:0 !important;color:rgba(255,255,255,.86) !important}
body.door:not(.door-teacher) .grad-card .g-chips span:last-child{border-bottom:1px solid rgba(255,255,255,.14) !important}
body.door:not(.door-teacher) .grad-card .g-chips span::before{content:"";position:absolute;left:0;top:1.05em;width:6px;height:6px;border-radius:50%;background:var(--teal)}

/* ── Prose sections: centered heading, text in the reading column ── */
.door .dr-prose .container{max-width:var(--ds-wide) !important}
.door .dr-prose .head{max-width:var(--ds-read);margin-left:auto;margin-right:auto;text-align:center}
.door .dr-prose .anat-draft,
.door .dr-prose .dr-read,
.door .dr-prose .ma-copy,.door .dr-prose .he-copy,.door .dr-prose .ma-asks,.door .dr-prose .he-jill{max-width:var(--ds-read) !important;margin-left:auto !important;margin-right:auto !important}
.door .dr-prose .dr-read p,.door .dr-prose p.dr-read,
.door .dr-prose .ma-copy p,.door .dr-prose .he-copy p{font-size:16.5px !important;line-height:1.75 !important;color:var(--ink-soft)}
@media (max-width:720px){.door .dr-prose .head{text-align:left}}

/* Prose sections and quote rows on the same wide edge as the rest of the template (1136 plus the gutters) */
.door .dr-prose .container{max-width:calc(var(--ds-wide) + 64px) !important}

/* ── Bands: when a band follows the Quick Answer, the dusk-to-daylight fade ends in the band's color, so there's no seam ── */
body.sky.door:not(.door-teacher) section.sec.sky-tall:is(:has(+ section.ds-band),:has(+ style + section.ds-band)){--sk-day:var(--ds-band)}
.door .dr-prose .ep-in .ep-card{max-width:var(--ds-read);margin-left:auto;margin-right:auto}
body.sky.door:not(.door-teacher) section.sec.ds-band.dr-prose{padding-top:72px !important;padding-bottom:88px !important}
@media (max-width:720px){body.sky.door:not(.door-teacher) section.sec.ds-band.dr-prose{padding-top:48px !important;padding-bottom:56px !important}}
.door .ds-band .ep-card{background:#fff}
.door .ds-band .ep-in{margin-top:32px}

/* ── Higher ed: the grads who also made the move, as a two-column list (no pill wraps) ── */
.door .he-hired{display:grid !important;grid-template-columns:1fr 1fr;gap:0 40px;max-width:var(--ds-wide);margin:36px auto 0 !important}
.door .he-hired span{display:block;position:relative;background:none !important;border-radius:0 !important;border-top:1px solid rgba(10,104,112,.16);padding:12px 0 12px 18px !important;font-size:14.5px !important;line-height:1.5 !important;color:var(--ink-soft) !important}
.door .he-hired span b{color:var(--navy)}
.door .he-hired span::before{content:"";position:absolute;left:0;top:1.15em;width:6px;height:6px;border-radius:50%;background:var(--teal)}
@media (max-width:720px){.door .he-hired{grid-template-columns:1fr}}

/* ── Higher ed: Jill's "I know both sides" card keeps its photo beside the text on phones (no lone photo row) ── */
@media (max-width:900px){.door .he-jill{flex-direction:row !important;gap:14px;padding:20px 18px}.door .he-jill img{flex:0 0 52px;width:52px;height:52px}}

/* ── Master's: the side-by-side table on the wide grid; the workshop card as one wide card on the dark ground ── */
.door-masters .mc{max-width:var(--ds-wide)}
.door-masters .dr-qa .tool-cards{max-width:var(--ds-wide);margin:28px auto 0 !important;display:block}
.door-masters .dr-qa .tool-cards .res-card{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:40px;align-items:center;max-width:none;margin:0;padding:26px 36px;background:#fff;border:0;border-radius:20px;box-shadow:0 30px 60px -30px rgba(0,0,0,.55);text-align:left}
.door-masters .dr-qa .res-card .r-tag{grid-column:1;grid-row:1;margin:0 0 6px}
.door-masters .dr-qa .res-card h3{grid-column:1;grid-row:2;margin:0;align-self:start}
.door-masters .dr-qa .res-card p{grid-column:2;grid-row:1 / span 2;margin:0}
.door-masters .dr-qa .res-card .arrow-link{grid-column:3;grid-row:1 / span 2;margin:0;white-space:nowrap}
@media (max-width:1000px){
  .door-masters .dr-qa .tool-cards{max-width:var(--ds-read)}
  .door-masters .dr-qa .tool-cards .res-card{display:block;padding:24px 22px}
  .door-masters .dr-qa .res-card p{margin:8px 0 12px}
}

/* ── The honesty line closes the skills section as a statement (the teacher door's bridge line) ── */
.door .dr-honest{max-width:var(--ds-read);margin:56px auto 0;text-align:center;font:400 24px/1.4 var(--font-display);color:var(--navy);letter-spacing:0;text-wrap:balance}
@media (max-width:720px){.door .dr-honest{font-size:20px;text-align:left;margin-top:40px}}

/* ── Grad quotes: the teacher door's quote card; two across when there are two ── */
.door .dr-life-2{grid-template-columns:repeat(2,1fr)}
.door .dr-life .who a{color:var(--navy);font-weight:600}
@media (max-width:900px){.door .dr-life-2{grid-template-columns:1fr}}
/* ══════════ v4b (2026-10-24): the one fix round after the independent ratings (design-rater-doors-v4-2026-10-24.md) ══════════
   Layout only. The shared items (ending, dark-panel edges on phones, dusk fade, portfolio frame, floating pill) are the
   coordinator's, in doors.css and lsd-refresh.css, and are not touched here. */

/* Grad card monograms in the same warm circle as the quote monograms (the teal disc read as a placeholder) */
body.door:not(.door-teacher) .grad-card .ava{background:linear-gradient(150deg,#FCE7D8,#F5C9AC) !important;color:#8A4F2E !important;font-family:var(--font-display);border:0 !important;box-shadow:none !important}

/* The honesty line, signed: Jill's photo beside the statement */
.door .dr-honest-row{display:flex;align-items:center;justify-content:center;gap:22px;max-width:780px;margin:64px auto 0}
.door .dr-honest-row img{flex:0 0 64px;width:64px;height:64px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 4px #fff,0 14px 28px -16px rgba(22,51,63,.6)}
.door .dr-honest-row .dr-honest{margin:0;max-width:none;text-align:left}
@media (max-width:720px){
  .door .dr-honest-row{align-items:flex-start;gap:14px;margin-top:36px}
  .door .dr-honest-row img{flex-basis:48px;width:48px;height:48px;margin-top:4px}
  .door section#skills:has(.dr-honest-row){padding-bottom:40px !important}
  .door section#skills:has(.dr-honest-row) + script + section#path,.door section#skills:has(.dr-honest-row) ~ section#path{padding-top:40px !important}
}

/* Skills, desktop: heads, lists and closing cards line up across the two columns; the closing card holds its link
   under the text (no pinned gap); the shorter list spaces out to meet the longer one (one extra group label on the left) */
@media (min-width:721px){
  body.door:not(.door-teacher) .bb-cols{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;row-gap:0}
  body.door:not(.door-teacher) .bb-col{display:grid !important;grid-row:span 3;grid-template-rows:subgrid;align-content:start}
  body.door:not(.door-teacher) .bb-col .bb-list{margin-bottom:24px}
  body.door:not(.door-teacher) .bb-col .bb-card{margin-top:0 !important;min-height:0 !important}
  body.door:not(.door-teacher) .bb-card .s-links{margin-top:4px !important;padding-top:4px !important}
  body.door:not(.door-teacher) .bb-build .bb-list{gap:14.5px}
}

/* Skills, phones: the tabs come first, then the AI question as a small card with chip buttons, so it reads as a setting
   for the list below it (it sat right above the tabs and read as a second switch) */
@media (max-width:720px){
  body.door:not(.door-teacher) .bb{display:flex;flex-direction:column}
  body.door:not(.door-teacher) .bb-bar{display:contents}
  body.door:not(.door-teacher) .bb-tap{order:1;margin:0 0 14px}
  body.door:not(.door-teacher) .bb .ds-tabs{order:2;margin-bottom:10px}
  body.door:not(.door-teacher) .bb-ai{order:3;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 12px;padding:12px 14px 12px 16px !important;margin:0 0 18px;background:#fff;border:1px solid var(--ds-line);border-radius:14px;font-size:14px}
  body.door:not(.door-teacher) .bb-cols{order:4}
  body.door:not(.door-teacher) .bb-seg{background:none;border:0;padding:0;gap:6px}
  body.door:not(.door-teacher) .bb-seg button{border:1px solid rgba(22,51,63,.22);border-radius:999px;padding:8px 13px;font-size:13px;background:#fff;box-shadow:none !important}
  body.door:not(.door-teacher) .bb-seg button[aria-pressed="true"]{background:var(--ds-teal-text);border-color:var(--ds-teal-text);color:#fff}
}

/* Prose sections with a podcast card (corporate myth, higher ed campus, L&D gap). Jill 10/31 night (c-secmix): the heading centers like the
   rest of the door, the text reads left in a centered column (like the teacher door's "Your résumé is your past"), and the podcast card sits
   under the text at the same width. Replaces the 10/23 side-by-side grid (text 720, card 360), which left these sections flush left between
   centered sections. */
.door section.dr-prose:has(> .ep-in) > .container > .head{text-align:center !important;margin-left:auto !important;margin-right:auto !important}
.door section.dr-prose:has(> .ep-in) > .container > .head h2{text-align:center !important;margin-left:auto !important;margin-right:auto !important}
.door section.dr-prose:has(> .ep-in) :is(.dr-read,.he-copy,.he-jill,.sh-cards.np-one){margin-left:auto !important;margin-right:auto !important;max-width:var(--ds-read) !important}
.door section.dr-prose:has(> .ep-in) > .container.ep-in{max-width:calc(var(--ds-read) + 64px) !important;margin-left:auto !important;margin-right:auto !important}
@media (max-width:720px){.door section.dr-prose:has(> .ep-in) > .container > .head,.door section.dr-prose:has(> .ep-in) > .container > .head h2{text-align:left !important}}

/* Higher ed: "Already an ID" as a split card on the wide grid (heading left, text right) */
.door-higher-ed #already-id{padding-top:56px !important;padding-bottom:56px !important}
.door-higher-ed #already-id > .container{max-width:var(--ds-wide) !important;background:#fff;border-radius:24px;box-shadow:var(--ds-shadow,0 24px 48px -32px rgba(22,51,63,.45));padding:48px 56px !important;border-top:0 !important}
@media (min-width:900px){
  .door-higher-ed #already-id > .container{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);column-gap:56px;align-items:start}
  .door-higher-ed #already-id .head{text-align:left;margin:0 !important;max-width:none}
  .door-higher-ed #already-id .head h2{text-align:left;margin:0;font-size:30px;line-height:1.25}
  .door-higher-ed #already-id .he-copy{margin:0 !important;max-width:none !important}
  .door-higher-ed #already-id .he-copy p:last-child{margin-bottom:0}
}
@media (max-width:899px){.door-higher-ed #already-id > .container{margin:0 16px;padding:28px 22px !important;width:auto}}

/* Grad quote cards (higher ed, master's): natural heights, the name on its own line in navy, the rest of the caption quiet */
.door:not(.door-teacher) .dr-life{align-items:start}
.door:not(.door-teacher) .dr-life .lq{justify-content:flex-start}
.door:not(.door-teacher) .dr-life .lq p{margin-bottom:22px}
.door:not(.door-teacher) .dr-life .who{align-items:flex-start;font-weight:500;color:var(--ink-soft);line-height:1.5}
.door:not(.door-teacher) .dr-life .who b{font-weight:600;color:var(--navy)}
.door:not(.door-teacher) .dr-life .who .mono{margin-top:2px}
.door:not(.door-teacher) .dr-life .who a{color:var(--ds-teal-text)}

/* Higher ed: the five "also hired" grads as one even row on wide screens (two columns left one short) */
@media (min-width:1100px){.door .he-hired{grid-template-columns:repeat(5,minmax(0,1fr));gap:0 24px}.door .he-hired span{font-size:14px !important}}
@media (min-width:721px) and (max-width:1099px){.door .he-hired{grid-template-columns:1fr;max-width:var(--ds-read)}}

/* Master's: "You have the degree" on two widths (text 720, quote row 1136): the three steps sit exactly on the text column */
@media (min-width:900px){.door-masters #have .steps{position:static !important;left:0 !important;max-width:var(--ds-read) !important;margin-left:auto !important;margin-right:auto !important}}
/* Master's: the five questions use the step badge (rounded square, flat teal) */
.door-masters .ma-asks li::before{border-radius:30%;background:#DFF5F6;border:1px solid rgba(31,195,204,.45);color:#0B6F76;width:30px;height:30px;line-height:28px}
/* Master's: "Is it worth it?" in two columns on wide screens, the five questions in a card beside the text */
@media (min-width:1000px){
  .door-masters #considering > .container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:56px;max-width:calc(var(--ds-wide) + 64px) !important;align-items:start}
  .door-masters #considering .head{grid-column:1 / -1}
  .door-masters #considering .ma-copy{grid-column:1;grid-row:2;max-width:none !important;margin:0 !important}
  .door-masters #considering p.dr-read{grid-column:1;grid-row:3;max-width:none !important;margin:8px 0 0 !important}
  .door-masters #considering .ma-asks{grid-column:2;grid-row:2 / span 2;max-width:none !important;margin:0 !important;background:#fff;border-radius:20px;padding:12px 28px !important;box-shadow:var(--ds-shadow,0 24px 48px -32px rgba(22,51,63,.45))}
  .door-masters #considering .ma-asks li:last-child{border-bottom:0}
}
/* Master's table: the de-emphasized column keeps AA contrast (it was faded to about 2.5:1); the chosen column carries the tint */
.door-masters .mc[data-goal] .mc-v{opacity:1 !important}
.door-masters .mc[data-goal="corp"] .mc-v.m,.door-masters .mc[data-goal="hied"] .mc-v.a{color:var(--ink-soft) !important;background:#fff !important}
.door-masters .mc[data-goal] .mc-head > div{opacity:1 !important}
.door-masters .mc[data-goal="corp"] .mc-head > div:nth-child(2),.door-masters .mc[data-goal="hied"] .mc-head > div:nth-child(3){color:rgba(255,255,255,.78) !important}
/* Master's: the line under the table as a card on the reading width, and less space after it */
.door-masters .mc-note{max-width:var(--ds-read);margin:28px auto 0;padding:20px 28px;background:#fff;border-radius:18px;text-align:left;font-size:15.5px;color:var(--ink-soft);box-shadow:0 18px 36px -30px rgba(22,51,63,.5)}
.door-masters #compare{padding-bottom:64px !important}
/* Master's table on phones: the row name on top, the two answers side by side */
@media (max-width:760px){
  .door-masters .mc-row:not(.mc-head){grid-template-columns:1fr 1fr}
  .door-masters .mc-row:not(.mc-head) .mc-k{grid-column:1 / -1;padding:12px 16px 8px}
  .door-masters .mc-row:not(.mc-head) .mc-v{padding:8px 14px 14px;font-size:14px !important}
}

/* Corporate: the five steps on the mint band (the badges go white so they read on it) */
.door-corporate #path.ds-band .snum{background:#fff !important}
/* Steps with three links: the first link on its own line, the quieter two under it (step 2 wrapped raggedly) */
.door:not(.door-teacher) #path .s-links:has(a:nth-child(3)) a:first-child{flex-basis:100%}
/* Phones: step titles fill the line beside the badge (balanced wrapping broke them early) */
@media (max-width:720px){.door:not(.door-teacher) #path .step h3,.door-masters #have .step h3{text-wrap:pretty}}
/* Phones: corporate's script word starts a line; keep its swash inside the left edge */
@media (max-width:720px){.door-corporate .dr-hero h1 .script{margin-left:.14em}}
/* END DOORS-2 */

/* S274 (Jill 11/1): door prose runs the same width on every door (the L&D door's 820px); the higher ed and corporate .he-copy
   blocks were still at the old 720px. #already-id keeps its own split layout. */
html body.door section.dr-prose:not(#already-id):not(#_):not(#_a) > .container > :is(.he-copy,.he-jill,.dr-read){max-width:820px !important}
/* Higher ed: the ed tech / higher ed / corporate episode sits under the "Already an ID" card, centered like the other episode plugs. */
.door-higher-ed #already-id > .container.he-ep{display:block !important;background:none !important;box-shadow:none !important;border-radius:0 !important;padding:0 32px !important;margin:32px auto 0 !important;max-width:calc(820px + 64px) !important}
@media (max-width:720px){.door-higher-ed #already-id > .container.he-ep{padding:0 16px !important;margin-top:24px !important}}

/* Door splits (proposed 11/4, Jill review): text on the left, the card that sat under it on the right. */
.dsplit-sec .container.dsplit-wrap:not(#_){max-width:1140px !important}
.dsplit-sec .dsplit:not(#_){display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:56px;align-items:start;max-width:1080px;margin:8px auto 0}
.dsplit-sec .dsplit > .dr-read:not(#_),.dsplit-sec .dsplit > .he-copy:not(#_){max-width:none !important;margin:0 !important}
.dsplit-sec .dsplit > .dr-read p:not(#_),.dsplit-sec .dsplit > .he-copy p:not(#_){text-align:left}
.dsplit-side{position:sticky;top:120px}
/* podcast card, stacked */
.dsplit-side .ep-plug:not(#_):not(#_a){display:grid;grid-template-columns:92px minmax(0,1fr);grid-template-areas:"ico k" "ico t" "d d" "ctas ctas";column-gap:18px;padding:28px 28px 24px !important;max-width:none;margin:0}
.dsplit-side .ep-cover{grid-area:ico;width:92px;height:92px;border-radius:14px;object-fit:cover;box-shadow:0 10px 24px -14px rgba(22,51,63,.6)}
.dsplit-side .ep-plug-k:not(#_){align-self:end;margin:0}
.dsplit-side .ep-plug-t:not(#_){align-self:start;margin:8px 0 0;font-size:21px}
.dsplit-side .ep-plug-d:not(#_){margin:18px 0 0}
.dsplit-side .ep-plug-ctas:not(#_):not(#_a){margin:22px 0 0;padding:22px 0 0;border-left:0;border-top:1px solid var(--ds-line,#E6DED4);align-items:stretch}
.dsplit-side .ep-plug-ctas .btn:not(#_){min-width:0;width:100%;white-space:normal}
/* Jill card, stacked */
.dsplit-side .he-jill:not(#_):not(#_a){flex-direction:column !important;gap:16px;padding:28px !important;margin:0 !important;max-width:none !important}
.dsplit-side .he-jill img:not(#_){width:88px;height:88px;flex:0 0 88px;border-radius:18px}
/* proof column */
.dsplit-proof .np-sub:not(#_){margin:0}
.dsplit-proof .sh-cards.np-one:not(#_):not(#_a){max-width:none !important;margin:0 !important;width:100%}
.dsplit-proof .q-light:not(#_){padding:26px 26px 22px}
.dsplit-proof .np-k:not(#_){margin:26px 0 12px;text-align:left}
.dsplit-proof .np-list:not(#_):not(#_a){display:grid;grid-template-columns:1fr;gap:12px;max-width:none;margin:0;padding:0}
.dsplit-proof .np-list li:not(#_){width:auto;max-width:none}
/* L&D: card runs the height of the first four paragraphs, the rest runs full width (Jill 11/4) */
.dsplit-sec .dsplit.dsplit-fill:not(#_):not(#_a){align-items:stretch}
.dsplit-fill .dsplit-side:not(#_){position:static;display:flex}
.dsplit-fill .dsplit-side .ep-plug:not(#_):not(#_a){width:100%;align-content:start;grid-template-rows:auto auto 1fr auto}
.dsplit-fill .dsplit-side .ep-plug-ctas:not(#_):not(#_a){align-self:end}
html body.door section.dsplit-sec.dr-prose:not(#already-id):not(#_):not(#_a) > .container > .dr-read.dsplit-below.reveal{max-width:1080px !important;width:100%;margin:24px auto 0 !important;padding:0}
.dsplit-fill > .dr-read p:last-child:not(#_){margin-bottom:0 !important}
.dsplit-fill .dsplit-side .ep-plug-d:not(#_):not(#_a){align-self:center;margin:0}
.dsplit-sec .dsplit-below p:not(#_){text-align:left}
/* corporate "Already training people at work?": even columns so the two sides end closer together (Jill 11/4) */
#training-at-work .dsplit:not(#_):not(#_a){grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);gap:48px}
@media (max-width:900px){
  #training-at-work .dsplit:not(#_):not(#_a){grid-template-columns:1fr}
  .dsplit-sec .dsplit:not(#_){grid-template-columns:1fr;gap:32px}
  .dsplit-side{position:static}
}
@media (max-width:600px){
  .dsplit-side .ep-plug:not(#_):not(#_a){grid-template-columns:64px minmax(0,1fr);grid-template-areas:"ico k" "t t" "d d" "ctas ctas";padding:24px 22px 22px !important}
  .dsplit-side .ep-cover{width:64px;height:64px;border-radius:12px}
  .dsplit-side .ep-plug-k:not(#_){align-self:center}
  .dsplit-side .ep-plug-t:not(#_){margin-top:16px}
  .dsplit-fill .dsplit-side .ep-plug-d:not(#_):not(#_a){margin-top:12px}
}
.dsplit-proof .np-sub:not(#_):not(#_a),.dsplit-proof .sh-cards:not(#_):not(#_a),.dsplit-proof .q-light:not(#_):not(#_a){margin-top:0 !important}
.dsplit-proof .q-light:not(#_):not(#_a){padding-top:26px}
.dsplit-proof .np-k:not(#_):not(#_a){text-align:left;letter-spacing:.12em}
.dsplit-sec .dsplit:not(#_):not(#_a){margin-top:0}
.dsplit-sec .dsplit > .he-copy:not(#_):not(#_a),.dsplit-sec .dsplit > .dr-read:not(#_):not(#_a){margin:0 !important}