.employer-case .case-hero h1 { font-size: clamp(48px,8vw,96px); line-height: 1.02; }
.employer-cover { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; background: var(--surface); padding: 42px; border: 1px solid var(--line); border-radius: var(--radius-panel); margin: 20px 0 55px; }
.employer-cover h2 { font-size: clamp(30px,3.3vw,44px); line-height: 1.12; letter-spacing: -.035em; margin: 16px 0 22px; }
.employer-cover p { color: var(--muted); font-size: 15px; line-height: 1.7; max-width: 35ch; }
.employer-cover .pencil-note { margin-top: 23px; }
.employer-case .pencil-note { transform: none; line-height: 1.5; }
.employer-case .story-section > .pencil-note { display: block; margin: 28px 0; padding-block: 12px; }
.employer-case .story-section > .pencil-note > span { display: inline-block; transform: rotate(-3deg); max-width: 100%; }
.employer-chapters { display: grid; gap: 10px; }
.employer-chapters a { display: grid; grid-template-columns: 24px minmax(0,1fr) 18px; gap: 15px; align-items: center; padding: 18px; border: 1px solid var(--line); background: var(--raised); border-radius: var(--radius-control); text-decoration: none; transition: border-color .2s, transform .2s; }
.employer-chapters a:hover { border-color: var(--accent); transform: translateX(3px); }
.employer-chapters a > span:first-child { color: var(--accent); }
.employer-chapters strong { display: block; font-size: 15px; font-weight: 550; }
.employer-chapters small { display: block; font-size: 12px; line-height: 1.5; color: var(--muted); margin-top: 4px; }
.employer-chapters a > span:last-child .ui-icon { width: 16px; height: 16px; }
.employer-principles { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; margin: 30px 0; }
.employer-principles > div { border-top: 1px solid var(--line); padding-top: 18px; }
.employer-principles p { font-size: 13px; margin: 0; }
.story-section .employer-evidence-note { font-size: 12px; line-height: 1.65; }
.employer-home-study { margin: 30px 0; }
.employer-home-question { padding: 30px; border: 1px solid var(--line); border-radius: var(--radius-panel); background: var(--surface); }
.story-section .employer-home-question h3 { font-size: 33px; margin: 10px 0 14px; }
.employer-home-question .pencil-note { margin: 0; }
.employer-home-study ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 26px; list-style: none; margin: 22px 0 0; padding: 0; }
.employer-home-study li { display: flex; gap: 12px; border-bottom: 1px solid var(--line); padding: 19px 0; align-items: start; }
.employer-home-study li > span { color: var(--accent); margin-top: 2px; flex-shrink: 0; }
.employer-home-study strong { display: block; font-size: 15px; }
.employer-home-study li div > span { display: block; font-size: 13px; color: var(--muted); margin-top: 6px; line-height: 1.65; }
.employer-home-study figcaption { display: block; }
.employer-screen-pair { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; margin: 32px 0; align-items: start; }
[data-design] .employer-screen-pair .evidence-figure { --evidence-inset: 0px; width: 100%; max-width: 310px; margin: 0; justify-self: center; }
[data-design] .employer-screen-pair .evidence-figure > button { padding: 0; }
.employer-screen-pair figcaption { display: grid; gap: 7px; }
.employer-screen-pair figcaption strong { font-size: 15px; }
.employer-decisions { margin: 25px 0; }
.employer-decisions > div { display: grid; grid-template-columns: 95px minmax(0,1fr); gap: 20px; padding: 20px 0; border-top: 1px solid var(--line); }
.employer-decisions dt { font-size: 15px; color: var(--ink); font-weight: 550; }
.employer-decisions dd { font-size: 14px; line-height: 1.7; color: var(--muted); margin: 0; }
.employer-selection-flow { margin: 30px 0; padding: 28px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-panel); }
.employer-flow-chain { list-style: none; margin: 0; padding: 0; }
.employer-flow-chain li { display: flex; flex-direction: column; align-items: center; }
.employer-flow-step { border: 1px solid var(--line); background: var(--raised); padding: 17px; border-radius: var(--radius-control); width: 100%; max-width: 360px; text-align: center; }
.employer-flow-step strong, .employer-flow-result strong { display: block; font-size: 16px; }
.employer-flow-step span, .employer-flow-result span { display: block; color: var(--muted); font-size: 12px; line-height: 1.6; margin-top: 5px; }
.employer-flow-step.employer-flow-choice { border-color: var(--accent); }
.employer-flow-arrow { width: 24px; height: 32px; display: block; }
.employer-flow-arrow, .employer-flow-split { fill: none; stroke: var(--muted); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.employer-flow-split { width: 100%; height: 44px; display: block; }
.employer-flow-results { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.employer-flow-result { padding: 17px 12px; text-align: center; border: 1px solid var(--accent); border-radius: var(--radius-control); background: color-mix(in srgb,var(--accent) 8%,var(--raised)); }
.employer-selection-flow figcaption { display: block; margin-top: 20px; }
.employer-picker-study, .employer-detail-study { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; gap: 32px; margin: 30px 0; }
[data-design] .employer-picker-study .evidence-figure, [data-design] .employer-detail-study .evidence-figure { --evidence-inset: 0px; margin: 0; width: 100%; justify-self: center; }
[data-design] .employer-picker-study .evidence-figure { max-width: 255px; }
[data-design] .employer-picker-study .evidence-figure > button, [data-design] .employer-detail-study .evidence-figure > button { padding: 0; }
.employer-picker-study figcaption, .employer-detail-study figcaption { display: grid; gap: 7px; }
.employer-picker-study p, .employer-detail-study p { font-size: 14px; }
.employer-interview-study { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 32px; align-items: center; margin: 30px 0; }
[data-design] .employer-interview-study .evidence-figure { --evidence-inset: 0px; margin: 0; max-width: 245px; justify-self: center; }
[data-design] .employer-interview-study .evidence-figure > button { padding: 0; }
.employer-interview-study p { font-size: 14px; }
.employer-home-composition { display: flex; justify-content: center; align-items: start; gap: 24px; width: 100%; height: 100%; overflow: hidden; padding: 35px 30px 0; }
.employer-home-composition img { width: 40%; max-width: 205px; height: auto; border-radius: var(--radius-frame); box-shadow: 0 14px 40px #0002; }
.employer-home-composition img + img { margin-top: 46px; }
@media (max-width: 720px) {
  .employer-cover { grid-template-columns: 1fr; gap: 28px; padding: 26px; }
  .employer-cover p { max-width: 50ch; }
  .employer-principles { grid-template-columns: 1fr; gap: 18px; }
  .employer-interview-study { grid-template-columns: 1fr; }
  .employer-home-question { padding: 24px; }
  .employer-screen-pair { gap: 20px; }
  .employer-picker-study, .employer-detail-study { grid-template-columns: 1fr; gap: 24px; }
  .employer-detail-study .evidence-figure { max-width: 440px; }
}
@media (max-width: 560px) {
  .employer-cover { padding: 22px; }
  .employer-chapters a { padding: 15px; gap: 12px; }
  .employer-home-study ul, .employer-screen-pair { grid-template-columns: 1fr; }
  .employer-screen-pair { gap: 30px; }
  .employer-decisions > div { grid-template-columns: 1fr; gap: 7px; }
  .employer-home-composition { gap: 16px; padding: 28px 20px 0; }
  .employer-selection-flow { padding: 18px; }
  .employer-flow-results { gap: 12px; }
  .employer-flow-result { padding: 15px 8px; }
  .employer-flow-step strong, .employer-flow-result strong { font-size: 14px; }
}