/* Serena: shared visual foundation. Loaded after each surface's structural CSS;
   matching retains its approved, more specific component styles. */
.serena-app {
  --surface-canvas: #f7f8f2;
  --surface-white: #fff;
  --surface-support: #edf1e5;
  --surface-field: #fcfdf9;
  --border-subtle: #e0e4d9;
  --border-control: #b8c3b1;
  --text-secondary: #59675c;
  --shadow-surface: 0 3px 9px #223b220b;
  --r-md: 12px;
  --r-lg: 12px;
  --ink-muted: #59675c;
  --ink-soft: #626c61;
  --ivory-deep: #e0e4d9;
}
.serena-app .btn { border-radius: 7px; letter-spacing: 0; font-weight: 600; }
.serena-app .btn-soft { background: #f2f5ec; border: 1px solid #d7e1cf; color: var(--forest); }
.serena-app .btn:focus-visible { outline: 3px solid var(--forest-600); outline-offset: 3px; }
.serena-app .btn:disabled { cursor: not-allowed; }
.serena-app .chip { border-radius: 5px; font-weight: 500; font-size: 11px; line-height: 1.5; text-transform: none; letter-spacing: 0; }
.serena-app .chip-neutral { color: #596359; background: #f0f2ea; }
.serena-app .chip-success { color: #3e5f32; background: #e9f1e4; }
.serena-app .chip-warm { color: #775022; background: #fbefdc; }

/* One workspace, regardless of role or case type. */
.pilot-main { background: var(--surface-canvas); padding: 28px 38px 44px; }
.pilot-main > :not(.pilot-workspace) { max-width: 1400px; }
.pilot-workspace { max-width: 1400px; grid-template-columns: minmax(0, 1fr) 280px; gap: 28px; }
.pilot-heading { align-items: flex-end; gap: 20px; margin-bottom: 27px; padding-top: 3px; }
.pilot-heading h1 { font-size: 38px; letter-spacing: -1.1px; line-height: 1.15; margin: 16px 0 11px; }
.pilot-heading p { font-size: 13px; line-height: 1.7; color: var(--text-secondary); max-width: 650px; }
.pilot-heading .btn { font-size: 12px; min-height: 40px; padding: 10px 14px; flex-shrink: 0; }
.pilot-title-dot { color: var(--terracotta); }
.pilot-eyebrow { font-size: 10px; letter-spacing: 1px; color: var(--forest-600); font-weight: 600; }
.pilot-heading .pilot-eyebrow { font-size: 11px; }
.pilot-page-breadcrumb { font-size: 12px; color: var(--text-secondary); display: flex; gap: 10px; align-items: center; }
.pilot-page-breadcrumb a:hover { text-decoration: underline; text-underline-offset: 3px; }
.pilot-process { grid-template-columns: repeat(4, minmax(0, 1fr)); border: 0; border-bottom: 1px solid #dadfd4; border-radius: 0; background: none; overflow: visible; margin-bottom: 28px; }
.pilot-process a, .pilot-process a:last-child { justify-content: center; padding: 15px 14px; min-height: 57px; border: 0; border-bottom: 2px solid transparent; margin-bottom: -1px; font-size: 13px; color: var(--text-secondary); }
.pilot-process b { border: 1px solid #b6c1ae; color: #5b6954; width: 22px; height: 22px; font-size: 10px; background: transparent; }
.pilot-process a[aria-current=step] { border-bottom-color: var(--forest); background: transparent; color: var(--forest); font-weight: 700; }
.pilot-process [aria-current=step] b { background: var(--forest); color: white; border-color: var(--forest); }
.pilot-process a:hover { background: #eef1e7; }
.pilot-candidate-progress { font-size: 12px; border-bottom: 1px solid var(--border-subtle); padding-bottom: 20px; margin-bottom: 24px; gap: 12px; }
.pilot-card, .pilot-editor { border: 1px solid var(--border-subtle); border-radius: 12px; box-shadow: var(--shadow-surface); background: var(--surface-white); }
.pilot-card { padding: 25px; }
.pilot-card h2, .pilot-editor-section h2 { font-size: 26px; letter-spacing: -.4px; line-height: 1.25; margin-bottom: 12px; }
.pilot-card h3, .pilot-editor h3 { color: var(--forest); }
.pilot-card > p { font-size: 13px; }
.pilot-card > .pilot-eyebrow + h2 { margin-top: 9px; }
.pilot-main .btn { min-height: 42px; font-size: 12px; padding: 10px 15px; }
.pilot-main .btn-forest:hover, .pilot-public .btn-forest:hover { background: #294a38; }
.pilot-main .btn-soft:hover, .pilot-public .btn-soft:hover { background: #e8efdf; }
.pilot-context { gap: 12px; }
.pilot-context > .pilot-card { padding: 20px; }
.pilot-context > details.pilot-card { background: #f7f9f1; box-shadow: none; padding: 4px 17px; }
.pilot-context > details.pilot-card[open] { padding-bottom: 18px; }
.pilot-card summary, .pilot-editor summary { font-size: 13px; min-height: 44px; padding: 11px 0; color: var(--forest); }
.pilot-card[open] > summary, .pilot-editor details[open] > summary { margin-bottom: 9px; }
.pilot-context h2 { font-size: 24px; }
.pilot-context :is(p, li) { font-size: 12px; line-height: 1.7; }
.pilot-support-card, .pilot-context > .pilot-support-card { background: var(--surface-support); border-color: #d9e1ce; box-shadow: none; border-top: 3px solid #829975; padding: 22px; }
.pilot-support-card .pilot-eyebrow { display: block; margin-bottom: 9px; }
.pilot-call-guide { padding-left: 18px; margin: 17px 0 23px; }
.pilot-call-guide li { padding-left: 4px; }
.pilot-call-guide li::marker { color: var(--forest-600); font-weight: 600; }
.pilot-call-guide + details { border-top: 1px solid #d1dcc5; }
.pilot-helper { font-size: 12px !important; color: var(--text-secondary) !important; }
.pilot-note { background: #f2f5eb; border: 1px solid #e0e7d7; border-radius: 8px; font-size: 12px !important; }
.pilot-alert { font-size: 13px; background: #fbf2e3; color: #6e4e27; border-color: #aa8050; }
.pilot-feedback { padding: 10px 12px; background: #f1f6eb; border-radius: 6px; }
.pilot-feedback[data-error=true] { background: #fff0eb; color: #883d2c; }
.pilot-feedback[data-dirty=true] { background: #faf6ea; }

/* Lists share the matching cards' monograms and compact, comparable metadata. */
.pilot-metrics { gap: 16px; margin: 0 0 26px; }
.pilot-metrics article { background: white; border: 1px solid var(--border-subtle); box-shadow: var(--shadow-surface); border-radius: 12px; padding: 20px 23px; }
.pilot-metrics article:first-child { background: var(--surface-support); border-color: #d9e1ce; }
.pilot-metrics strong { font-size: 40px; font-weight: 400; letter-spacing: -1px; }
.pilot-metrics span { color: var(--text-secondary); line-height: 1.5; }
.pilot-toolbar { gap: 12px; margin-bottom: 24px; }
.pilot-toolbar nav, .pilot-tabs { gap: 20px; border-bottom: 1px solid var(--border-subtle); }
.pilot-toolbar nav a, .pilot-tabs a { border-radius: 0; padding: 11px 1px; border-bottom: 2px solid transparent; margin-bottom: -1px; }
.pilot-toolbar nav a.active, .pilot-tabs a.active { background: transparent; border-bottom-color: var(--forest); }
.pilot-work-row { padding: 19px 6px; gap: 16px; border-color: #e9ece3; border-radius: 6px; }
.pilot-work-row:hover { background: #f5f8ef; }
.pilot-work-row h3 { font: 500 22px/1.3 var(--font-serif); letter-spacing: -.2px; margin: 3px 0 5px; }
.pilot-work-row p { font-size: 12px; line-height: 1.6; }
.pilot-work-row > span:last-child { color: var(--forest-600); font-size: 14px; }
.pilot-avatar { width: 47px; height: 51px; font-size: 27px; border-radius: 11px 11px 11px 3px; border: 1px solid #e0e4d5; background: #ecede2; color: #58694e; }
.pilot-row-meta { max-width: 235px; }
.pilot-row-meta small { overflow-wrap: anywhere; }
.pilot-section-title { margin-bottom: 10px; }
.pilot-section-title > span { color: var(--text-secondary); font-size: 12px; }
.pilot-pagination { font-size: 13px; padding: 8px 0; }
.pilot-pagination a { min-height: 40px; padding: 10px 0; }
.pilot-timeline { list-style: none; padding: 0 0 0 17px; margin: 18px 0 0 5px; border-left: 1px solid #d8e0cf; }
.pilot-timeline li { position: relative; padding-bottom: 16px; }
.pilot-timeline li::before { content: ''; position: absolute; left: -22px; top: 13px; width: 8px; height: 8px; border-radius: 50%; background: #8ba17b; border: 2px solid white; }
.pilot-timeline p { overflow-wrap: anywhere; }

/* Interview and family need use the same controls, with progressive disclosure. */
.pilot-editor { padding: 0; }
.pilot-steps { padding: 0 14px; background: white; gap: 0; overflow-y: hidden; border-color: var(--border-subtle); }
.pilot-steps button { flex: 1; justify-content: center; min-height: 61px; border-radius: 0; padding: 13px 8px; border-bottom: 2px solid transparent; margin-bottom: 0; font-size: 12px; }
.pilot-steps [aria-current=step] { border-bottom-color: var(--forest); }
.pilot-steps button b { width: 22px; height: 22px; font-size: 10px; background: #f3f5ed; border: 1px solid #c5cfbc; }
.pilot-steps [aria-current=step] b { border-color: var(--forest); }
.pilot-editor-section { padding: 28px; }
.pilot-editor-section > p { font-size: 13px; }
.pilot-field { gap: 8px; font-size: 12px; color: #334632; margin-bottom: 20px; }
.pilot-field .input, .pilot-toolbar > .input { min-height: 44px; padding: 11px 12px; background: var(--surface-field); border: 1px solid var(--border-control); border-radius: 7px; font-size: 14px; color: var(--ink); }
.pilot-field .input::placeholder, .pilot-toolbar > .input::placeholder { color: #6a7368; }
.pilot-grid { gap: 0 20px; }
.pilot-choice legend { color: #334632; font-size: 12px; }
.pilot-check { font-size: 13px; min-height: 38px; align-items: flex-start; }
.pilot-check input { margin-top: 2px; }
.pilot-option { background: #fafbf7; padding: 8px 18px !important; margin-top: 12px !important; }
.pilot-option[open] { background: white; padding-bottom: 18px !important; }
.pilot-question { padding: 23px; border: 1px solid #d9e3d0; background: #fafcf6; }
.pilot-question h3 { font: 500 24px/1.3 var(--font-serif); }
.pilot-prompt { border-left: 3px solid #91a57f; padding-left: 15px; color: #344b2d; font-size: 15px; line-height: 1.7; }
.pilot-guide { padding: 2px 14px !important; background: #edf2e5; margin: 15px 0 22px !important; }
.pilot-guide[open] { padding-bottom: 12px !important; }
.pilot-guide > summary { font-size: 12px; }
.pilot-topics { gap: 7px; }
.pilot-topics button { border-color: #d5decc; background: #f5f7f0; border-radius: 6px; }
.pilot-summary { background: var(--surface-support); border: 1px solid #d4dfc7; border-radius: 9px; font-size: 13px; padding: 19px; }
.pilot-editor-footer { background: #f5f7f0; border-color: var(--border-subtle); padding: 16px 24px; }
.pilot-review { padding: 0; }
.pilot-review-action { background: #f2f5eb; }
.pilot-review-heading { padding: 25px 28px 23px; }
.pilot-review-section { padding: 21px 28px; }
.pilot-review-heading h2 { font-size: 28px; }
.pilot-review-workspace { display: block; max-width: 1100px; }
.pilot-shortlist-choice { align-items: center; padding: 18px; border: 1px solid var(--border-subtle); border-radius: 9px; margin-bottom: 12px; background: #fafcf6; }
.pilot-shortlist-choice:has(input:checked) { border-color: #8ca67b; background: #eef4e6; }
.pilot-shortlist-choice strong { font: 500 24px var(--font-serif); color: var(--forest); }
.pilot-confirmation form > .pilot-check { background: #f6f8f1; border: 1px solid #e0e7d8; padding: 13px; border-radius: 8px; margin-bottom: 10px; gap: 11px; }
.pilot-confirmation form > .pilot-check:has(input:checked) { border-color: #a7bc97; background: #eef4e7; }
.pilot-profile-reason > ul { font-size: 13px; }
.pilot-profile-reason > details { border-top: 1px solid var(--border-subtle); margin-top: 12px; }
.pilot-profile-reason .pilot-section-title { flex-wrap: wrap; }
.pilot-profile-reason .pilot-section-title h2 { margin: 0; }
.pilot-profile-reason .pilot-section-title .chip { max-width: 100%; }

/* Coordination and legacy administration share the same frame and tables. */
.studio-main { background: var(--surface-canvas); min-width: 0; }
.studio-main .studio-card { border-color: var(--border-subtle); border-radius: 12px; background: white; box-shadow: var(--shadow-surface); }
.studio-topbar { padding: 28px 38px 22px; background: var(--surface-canvas); backdrop-filter: none; border-bottom: 0; position: static; flex-wrap: wrap; }
.studio-topbar h1 { font-size: 34px; letter-spacing: -.8px; line-height: 1.2; white-space: normal; }
.studio-topbar p { font-size: 13px; color: var(--text-secondary); margin-top: 9px; }
.studio-content { padding: 0 38px 44px; }
.studio-table-wrap, .pilot-table-wrap { border: 1px solid var(--border-subtle); border-radius: 10px; background: white; max-width: 100%; overflow: auto; }
.pilot-table { margin: 0; }
.pilot-table th, .studio-table th { background: #f0f4e9; color: #52634a; font-size: 11px; font-weight: 600; padding: 14px; }
.pilot-table td, .studio-table td { padding: 17px 14px; font-size: 13px; border-bottom-color: #e8ece2; }
.pilot-table tbody tr:hover, .studio-table tbody tr:hover { background: #f8faf4; }
.pilot-table small { display: inline-block; margin-top: 5px; font-size: 11px; }
.pilot-table-wrap + .pilot-helper { margin-top: 17px; margin-bottom: 0; }
.studio-filter-bar { padding: 0 0 22px; gap: 12px; }
.studio-select, .studio-search { background: white; border: 1px solid var(--border-control); border-radius: 7px; min-height: 42px; }
.studio-search { min-width: 0; max-width: 100%; }
.studio-search input { min-width: 0; }
.studio-filter-bar .studio-select { max-width: 100%; }
.studio-main .studio-team-actions .btn { min-height: 36px; }
.studio-auth-shell { background: var(--surface-canvas); }
.studio-auth-card { border: 1px solid var(--border-subtle); border-radius: 16px; box-shadow: 0 14px 50px #213c2210; background: white; }
.studio-auth-card input:not([type=checkbox]) { border-radius: 7px; background: var(--surface-field); border-color: var(--border-control); font-size: 16px; }
.studio-auth-card .btn { min-height: 46px; }

/* Public surfaces: the same identity, with larger mobile controls and a calmer pace. */
.pilot-public { background: var(--surface-canvas); }
.pilot-public-header { max-width: 1160px; padding: 25px 30px; border-bottom: 1px solid var(--border-subtle); }
.pilot-brand { font-size: 31px; letter-spacing: -.8px; }
.pilot-brand::after { content: '.'; color: var(--terracotta); }
.pilot-public-header nav a { min-height: 44px; display: flex; align-items: center; color: var(--forest); }
.pilot-public-header nav a:hover { text-decoration: underline; text-underline-offset: 5px; }
.pilot-public main { max-width: 1100px; padding: 37px 24px 64px; }
.pilot-public footer { max-width: 1100px; border-top: 1px solid var(--border-subtle); line-height: 2; }
.pilot-public-card { background: white; border: 1px solid var(--border-subtle); box-shadow: var(--shadow-surface); border-radius: 14px; padding: 35px; }
.pilot-public-card h1 { font-size: 37px; letter-spacing: -1px; }
.pilot-public-card h2 { font: 500 25px/1.3 var(--font-serif); color: var(--forest); margin: 25px 0 12px; }
.pilot-public-card > p { font-size: 16px; }
.pilot-public .pilot-field { font-size: 14px; margin-bottom: 21px; }
.pilot-public .pilot-field .input, .pilot-public select, .pilot-public textarea { font-size: 16px; min-height: 49px; }
.pilot-public .pilot-check { font-size: 15px; line-height: 1.65; min-height: 44px; padding: 8px 0; }
.pilot-public .pilot-check input { width: 20px; height: 20px; margin-top: 3px; }
.pilot-public .pilot-choice legend { font-size: 14px; }
.pilot-public .btn { min-height: 48px; padding: 13px 18px; font-size: 14px; }
.pilot-public .pilot-note { font-size: 13px !important; line-height: 1.75 !important; }
.pilot-public .pilot-helper { font-size: 14px !important; }
.pilot-public .pilot-editor-section > p { font-size: 16px; }
.pilot-public .pilot-heading { margin-bottom: 28px; }
.pilot-public .pilot-heading p { font-size: 16px; }
.pilot-public .pilot-editor-section h2 { font-size: 29px; }
.pilot-public [data-need-editor] { background: white; border-color: var(--border-subtle); border-radius: 12px; box-shadow: var(--shadow-surface); }
.pilot-public [data-need-editor] + .pilot-note { max-width: 820px; margin: 24px auto 0; }
.pilot-public .pilot-steps button { font-size: 14px; min-height: 65px; }
.pilot-public .pilot-steps button b { width: 25px; height: 25px; font-size: 12px; }
.pilot-language { gap: 8px; margin-bottom: 23px; }
.pilot-language a { padding: 8px 12px; min-height: 38px; border: 1px solid var(--border-subtle); border-radius: 6px; }
.pilot-language a[aria-current] { background: var(--surface-support); border-color: #adbf9f; color: var(--forest); }
.family-welcome { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 65px; align-items: center; padding: 26px 0 35px; }
.family-welcome .pilot-public-intro { padding: 20px 0; }
.family-welcome h1 { font-size: 55px; letter-spacing: -1.8px; margin: 22px 0; line-height: 1.13; }
.family-welcome .pilot-public-intro > p { font-size: 16px; line-height: 1.8; }
.family-path { background: var(--surface-support); border: 1px solid #d7e1cb; border-top: 3px solid #829975; padding: 29px; border-radius: 12px; }
.family-path h2 { font: 500 30px/1.2 var(--font-serif); color: var(--forest); margin: 13px 0 27px; }
.family-path ol { list-style: none; padding: 0; margin: 0; counter-reset: family-path; }
.family-path li { counter-increment: family-path; position: relative; padding: 0 0 27px 39px; border-left: 1px solid #c8d5bb; margin-left: 12px; }
.family-path li:last-child { border-left-color: transparent; padding-bottom: 0; }
.family-path li::before { content: counter(family-path); position: absolute; left: -13px; top: 0; width: 26px; height: 26px; display: grid; place-items: center; background: #e0e8d6; border: 1px solid #b7c9a6; border-radius: 50%; color: var(--forest); font-size: 11px; }
.family-path strong { font-size: 14px; color: var(--forest); display: block; padding-top: 3px; }
.family-path p { font-size: 13px; line-height: 1.7; color: var(--text-secondary); margin: 7px 0 0; }
.pilot-public .family-pilot-note { border-top: 1px solid var(--border-subtle); padding: 24px 0 0; font-size: 13px; line-height: 1.8; color: var(--text-secondary); max-width: 820px; }
.family-pilot-note strong { color: var(--forest); }
.family-profile-heading { display: flex; align-items: center; gap: 17px; margin-bottom: 22px; }
.family-profile-heading .pilot-avatar { width: 55px; height: 60px; font-size: 32px; }
.family-profile-heading h2 { font-size: 30px; margin: 7px 0 4px; }
.family-profile-heading p { font-size: 14px; color: var(--text-secondary); margin: 0; }
.family-profile ul { padding: 0; list-style: none; }
.family-profile li { font-size: 15px; padding: 13px 0; border-bottom: 1px solid var(--border-subtle); }
.family-profile li small { font-size: 13px; color: var(--text-secondary); }
.family-profile > form { margin-top: 12px; }
.family-profile > form .btn { width: 100%; }
.family-profile > .btn { width: 100%; }
.pilot-public-grid > aside { background: var(--surface-support); border-color: #d7e1cb; box-shadow: none; }
.pilot-public-grid > aside h2 { font-size: 26px; }
.pilot-public .pilot-facts { line-height: 1.7; }
.candidate-next { background: var(--surface-support); border: 1px solid #d7e1cb; border-radius: 10px; padding: 20px; margin: 25px 0; }
.candidate-next h2 { margin: 0 0 10px; }
.candidate-next p { font-size: 16px; color: var(--text-secondary); line-height: 1.75; margin: 0; }
.candidate-next .btn { display: flex; margin-top: 18px; justify-content: center; }

/* The original landing and legacy candidate account keep their own layouts. */
.serena-app .appbar { border-bottom-color: var(--border-subtle); }

@media (min-width: 1600px) {
  .pilot-main { padding: 32px 50px 48px; }
  .pilot-workspace { grid-template-columns: minmax(0, 1fr) 310px; gap: 36px; }
  .pilot-review-workspace { display: block; }
}
@media (max-width: 1200px) {
  .pilot-main { padding: 24px; }
  .pilot-workspace { grid-template-columns: minmax(0, 1fr) 255px; gap: 20px; }
  .pilot-heading h1 { font-size: 34px; }
  .pilot-editor-section { padding: 24px; }
  .pilot-steps { padding: 0 7px; }
  .pilot-steps button { padding: 12px 6px; font-size: 11px; gap: 5px; }
  .studio-topbar { padding: 26px 24px 22px; }
  .studio-content { padding: 0 24px 40px; }
}
@media (max-width: 1000px) {
  .pilot-workspace { grid-template-columns: 1fr; }
  .pilot-context { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
  .pilot-heading { align-items: flex-start; }
  .family-welcome { gap: 28px; grid-template-columns: minmax(0, 1fr) 290px; }
  .family-welcome h1 { font-size: 45px; }
  .family-path { padding: 23px; }
}
@media (max-width: 760px) {
  .pilot-main { padding: 22px 18px 32px; }
  .pilot-heading { display: block; margin-bottom: 22px; }
  .pilot-heading h1 { font-size: 32px; letter-spacing: -.8px; }
  .pilot-heading > .btn { margin-top: 12px; }
  .pilot-process a, .pilot-process a:last-child { min-height: 50px; padding: 12px 5px; font-size: 12px; gap: 6px; }
  .pilot-process b { width: 20px; height: 20px; }
  .pilot-workspace { gap: 18px; }
  .pilot-context, .pilot-public-grid { grid-template-columns: 1fr; }
  .pilot-card { padding: 20px; }
  .pilot-editor, .pilot-review { padding: 0; }
  .pilot-editor-section, .pilot-review-heading, .pilot-review-section { padding: 20px; }
  .pilot-steps { padding: 0 5px; }
  .pilot-steps button { min-height: 58px; }
  .pilot-editor-footer { padding: 15px 18px; }
  .pilot-editor-footer > div { flex-wrap: wrap; }
  .pilot-question { padding: 17px; }
  .pilot-question h3 { font-size: 23px; }
  .pilot-row-meta { max-width: 145px; }
  .pilot-work-row { gap: 11px; flex-wrap: wrap; }
  .pilot-work-row > div:first-of-type { min-width: 130px; }
  .pilot-avatar { width: 39px; height: 43px; font-size: 25px; }
  .pilot-work-row h3 { font-size: 21px; }
  .pilot-work-row > span:last-child:not(.pilot-avatar) { display: none; }
  .pilot-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .pilot-metrics article { padding: 17px; }
  .pilot-toolbar .pilot-field { flex-wrap: wrap; }
  .studio-topbar { padding: 23px 18px 20px; gap: 15px; }
  .studio-topbar h1 { font-size: 30px; }
  .studio-content { padding: 0 18px 32px; }
  .studio-topbar .studio-search { width: 100%; }
  .pilot-public-header { padding: 14px 18px; }
  .pilot-public-header nav { gap: 15px; font-size: 12px; }
  .pilot-brand { font-size: 28px; }
  .pilot-public main { padding: 24px 16px 44px; }
  .pilot-public-card { padding: 25px 21px; margin-top: 0; }
  .pilot-public-card h1 { font-size: 33px; }
  .pilot-public .pilot-heading h1 { font-size: 34px; }
  .pilot-public .pilot-steps button { font-size: 12px; white-space: normal; }
  .pilot-public .pilot-steps button b { flex-shrink: 0; width: 22px; height: 22px; }
  .pilot-public .pilot-editor-section { padding: 22px; }
  .pilot-public .pilot-editor-footer > div { flex-wrap: wrap; gap: 10px; }
  .family-welcome { grid-template-columns: 1fr; padding: 0; gap: 27px; }
  .family-welcome .pilot-public-intro { padding: 10px 0 0; }
  .family-welcome h1 { font-size: 42px; letter-spacing: -1.1px; }
  .family-path { padding: 25px; }
  .pilot-public .family-pilot-note { margin-top: 27px; }
  .pilot-public .pilot-facts { font-size: 15px; }
}
@media (max-width: 430px) {
  .pilot-heading h1 { font-size: 30px; }
  .pilot-row-meta { margin-left: 50px; text-align: left; max-width: 100%; }
  .pilot-work-row > div:first-of-type { min-width: 190px; }
  .pilot-public-header nav { gap: 12px; font-size: 11px; }
  .pilot-public-card h1 { font-size: 30px; }
  .pilot-public-intro > .btn { width: 100%; margin-right: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .serena-app .btn { transition: none; }
}

/* Daily work: a queue with explicit next actions, instead of detached counters. */
.serena-app [hidden] { display: none !important; }
.desk-heading { margin-bottom: 34px; }
.desk-scope { display: flex; gap: 4px; padding: 4px; border: 1px solid #dce3d4; border-radius: 9px; background: #edf1e6; flex-shrink: 0; }
.desk-scope a { padding: 9px 13px; font-size: 12px; border-radius: 6px; color: #596950; }
.desk-scope a[aria-current] { background: white; color: var(--forest); box-shadow: 0 1px 4px #20362213; font-weight: 600; }
.desk-layout { display: grid; grid-template-columns: minmax(0,1fr) 275px; gap: 28px; align-items: start; }
.desk-queue { min-width: 0; background: white; border: 1px solid var(--border-subtle); border-radius: 12px; box-shadow: var(--shadow-surface); }
.desk-queue-heading { padding: 24px 25px 19px; }
.desk-queue-heading h2 { font-size: 28px; margin: 9px 0 0; color: var(--forest); }
.desk-queue-heading h2 > span { font: 500 12px var(--font-sans); vertical-align: middle; background: #edf2e7; padding: 5px 8px; border-radius: 5px; margin-left: 8px; }
.desk-filters { display: flex; gap: 18px; padding: 0 25px; border-bottom: 1px solid var(--border-subtle); flex-wrap: wrap; }
.desk-filters a { display: flex; align-items: center; gap: 6px; padding: 12px 0; min-height: 45px; font-size: 12px; color: var(--text-secondary); border-bottom: 2px solid transparent; margin-bottom: -1px; }
.desk-filters a[aria-current] { color: var(--forest); border-color: var(--forest); font-weight: 600; }
.desk-filters a > span { font-size: 10px; background: #f0f3eb; border-radius: 4px; padding: 2px 5px; }
.desk-row { display: flex; align-items: center; gap: 15px; padding: 22px 25px; border-bottom: 1px solid #edf0e7; color: var(--forest); }
.desk-row:last-child { border: 0; border-radius: 0 0 12px 12px; }
.desk-row:hover { background: #f8faf3; }
.desk-row-body { flex: 1; min-width: 0; }
.desk-row-label { display: flex; flex-wrap: wrap; gap: 9px; font-size: 10px; color: var(--text-secondary); margin-bottom: 6px; }
.desk-support-label { color: #7d592d; }
.desk-row h3 { font-size: 23px; line-height: 1.3; margin: 0 0 6px; }
.desk-row p { font-size: 13px; line-height: 1.55; color: #3e5138; overflow-wrap: anywhere; }
.desk-row small { display: block; font-size: 11px; color: var(--text-secondary); margin-top: 8px; overflow-wrap: anywhere; }
.desk-row-next { display: grid; gap: 17px; justify-items: end; font-size: 11px; flex-shrink: 0; }
.desk-row-next > span { color: var(--text-secondary); }
.desk-row-next > .desk-overdue { color: #87562b; }
.desk-row-next strong { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; }
.desk-aside { display: grid; gap: 20px; min-width: 0; }
.desk-start { padding: 22px; border: 1px solid #d9e1ce; border-top: 3px solid #829975; border-radius: 12px; background: var(--surface-support); }
.desk-start > a { display: flex; align-items: center; gap: 10px; padding: 20px 0; color: var(--forest); }
.desk-start > a + a { border-top: 1px solid #d6dfca; padding-bottom: 2px; }
.desk-start > a > div { flex: 1; }
.desk-start strong { display: block; font-size: 14px; font-weight: 600; }
.desk-start small { display: block; color: var(--text-secondary); font-size: 11px; line-height: 1.7; margin-top: 5px; }
.desk-link-icon { display: grid; place-items: center; width: 33px; height: 38px; flex-shrink: 0; border-radius: 7px; background: #e0e8d5; }
.desk-interest { padding: 22px; background: #fbfcf8; border: 1px solid var(--border-subtle); border-radius: 12px; }
.desk-interest h2 { display: flex; align-items: center; gap: 12px; font-size: 44px; margin: 15px 0; color: var(--forest); }
.desk-interest h2 > span { font: 500 14px/1.5 var(--font-sans); }
.desk-interest p { font-size: 12px; line-height: 1.75; color: var(--text-secondary); }
.desk-interest .btn { width: 100%; margin-top: 17px; }
.desk-explanation { padding: 0 4px; font-size: 11px; line-height: 1.8; color: var(--text-secondary); }
.desk-empty { padding: 40px 30px; text-align: center; color: #7d936f; }
.desk-empty h3 { font-size: 24px; margin: 18px auto 12px; max-width: 370px; color: var(--forest); }
.desk-empty p { font-size: 13px; line-height: 1.8; color: var(--text-secondary); max-width: 390px; margin: 0 auto; }
.desk-empty .btn { margin-top: 20px; }
.desk-queue > .pilot-helper { padding: 20px; margin: 0; }

/* The phone interview keeps its place and only exposes the useful fields. */
.candidate-callbar { display: flex; align-items: center; gap: 23px; padding: 15px 19px; background: #edf2e5; border: 1px solid #d7e1cb; border-radius: 10px; margin: 0 0 23px; position: sticky; top: 0; z-index: 6; box-shadow: 0 3px 8px #233b2010; }
.candidate-callbar > div:first-child { flex-shrink: 0; }
.candidate-callbar strong { display: block; font-size: 18px; font-variant-numeric: tabular-nums; color: var(--forest); margin-top: 4px; }
.candidate-call-hint { font-size: 11px; color: var(--text-secondary); line-height: 1.7; flex: 1; }
.candidate-call-actions { display: flex; gap: 8px; flex-shrink: 0; }
.candidate-callbar .btn { background: #fcfdf9; font-size: 11px; min-height: 40px; padding: 9px 13px; }
.pilot-editor--interview .pilot-steps { position: sticky; top: 87px; z-index: 5; overflow-y: hidden; box-shadow: 0 2px 5px #23401b08; }
.pilot-main:has(.pilot-editor--interview) { padding-bottom: 0; }
.pilot-editor--interview h2, .pilot-editor--interview h3, #candidate-call-log, #followup-candidates { scroll-margin-top: 195px; }
.pilot-editor--interview .pilot-editor-section > h2 { font-size: 28px; }
.pilot-editor--interview .pilot-editor-section > p { margin-bottom: 20px; }
.pilot-editor--interview .pilot-topics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin-bottom: 13px; }
.pilot-topics button { display: flex; align-items: center; text-align: left; gap: 8px; font-size: 11px; line-height: 1.5; padding: 11px; }
.pilot-topics button b { display: grid; place-items: center; width: 21px; height: 21px; border-radius: 50%; border: 1px solid #c4d1b8; font-size: 10px; font-weight: 500; flex-shrink: 0; }
.pilot-topics button.active b { border-color: #a7bc98; }
.interview-topic-status { font-size: 11px; color: #617456; padding: 4px 1px 12px; }
.pilot-question > .pilot-field { margin-top: 18px; }
.pilot-question .pilot-prompt { font-size: 16px; line-height: 1.8; }
.interview-source { font-size: 11px; color: var(--text-secondary); margin: 13px 0 !important; }
.pilot-editor .interview-evidence-more { padding-top: 0; margin-top: 4px; }
.interview-evidence-more summary { font-size: 12px; font-weight: 500; }
.interview-gaps { padding: 19px; border-radius: 9px; border: 1px solid #e3d7bd; background: #fbf6e9; margin: 0 0 24px; font-size: 13px; color: #76582b; }
.interview-gaps p { font-size: 12px; line-height: 1.7; margin: 8px 0; }
.interview-gaps ul { padding-left: 17px; margin: 8px 0 0; }
.interview-gaps button { text-align: left; min-height: 36px; text-decoration: underline; text-underline-offset: 3px; font-size: 12px; line-height: 1.7; }
.pilot-editor--interview h2:focus, .pilot-editor--interview h3:focus { outline: none; }
.pilot-editor--interview .pilot-editor-footer > div { flex-wrap: wrap; justify-content: flex-end; }

/* Concrete choices for families, ordinary HTML controls with large click targets. */
.need-mode-cards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.need-mode-cards label { display: flex; align-items: center; gap: 13px; padding: 20px 17px; border: 1px solid #c8d4bc; border-radius: 9px; background: #fafcf6; cursor: pointer; }
.need-mode-cards label:has(input:checked) { background: #edf4e5; border-color: #7f9b6b; box-shadow: inset 0 0 0 1px #7f9b6b; }
.need-mode-cards input { accent-color: var(--forest); width: 19px; height: 19px; flex-shrink: 0; }
.need-mode-cards strong { display: block; font-size: 16px; font-weight: 600; color: var(--forest); }
.need-mode-cards small { display: block; font-size: 12px; margin-top: 5px; color: var(--text-secondary); line-height: 1.7; }
.pilot-job-picks { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.pilot-public .pilot-job-picks .pilot-check { padding: 15px; border: 1px solid #d7dfcf; border-radius: 8px; margin: 0; background: #fafcf7; align-items: center; }
.pilot-job-picks .pilot-check:has(input:checked) { border-color: #7f9b6b; background: #eef4e7; }
.pilot-public .pilot-activity-choices fieldset { background: #f8faf3; }
.need-extra { padding-top: 12px; border-top: 1px solid var(--border-subtle); }
.need-extra summary, .signup-privacy summary { min-height: 44px; padding: 11px 0; cursor: pointer; font-size: 14px; color: var(--forest); }
.pilot-public [data-step] h2 { scroll-margin-top: 20px; }
.pilot-signup .signup-privacy { border-top: 1px solid var(--border-subtle); margin-top: 23px; }
.pilot-signup .signup-privacy .pilot-note { margin-top: 8px; }
.pilot-signup .signup-existing { margin-top: 19px; font-size: 14px; }
.pilot-signup .signup-existing a { display: inline-flex; align-items: center; min-height: 40px; text-decoration: underline; text-underline-offset: 3px; }
@media(max-width:1200px) {
  .desk-layout { grid-template-columns: minmax(0,1fr) 245px; gap: 20px; }
  .desk-row { padding: 20px; flex-wrap: wrap; }
  .desk-row-next { width: calc(100% - 62px); display: flex; justify-content: space-between; margin-left: 62px; gap: 12px; }
  .desk-filters { gap: 14px; padding: 0 20px; }
  .candidate-call-hint { display: none; }
  .candidate-call-actions { margin-left: auto; }
}
@media(max-width:1000px) {
  .desk-layout { grid-template-columns: 1fr; }
  .desk-aside { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
  .desk-row-next { margin-left: auto; width: auto; display: grid; }
  .pilot-editor--interview .pilot-editor-footer > div { flex-shrink: 1; }
}
@media(max-width:760px) {
  .desk-heading { margin-bottom: 23px; }
  .desk-scope { width: fit-content; margin-top: 20px; }
  .desk-queue-heading { padding: 22px 20px 16px; }
  .desk-queue-heading h2 { font-size: 26px; }
  .desk-filters { gap: 16px; }
  .desk-filters a { font-size: 11px; }
  .desk-row { padding: 19px; gap: 12px; }
  .desk-row-next { display: flex; width: calc(100% - 51px); margin-left: 51px; gap: 12px; justify-content: space-between; }
  .desk-aside { grid-template-columns: 1fr; }
  .desk-empty { padding: 34px 23px; }
  .candidate-callbar { position: static; flex-wrap: wrap; padding: 16px; gap: 15px; }
  .candidate-callbar strong { font-size: 19px; }
  .candidate-call-actions { flex-wrap: wrap; margin-left: 0; }
  .candidate-callbar .btn { min-height: 44px; font-size: 12px; }
  .pilot-editor--interview .pilot-steps { top: 0; position: static; }
  .pilot-editor--interview h2, .pilot-editor--interview h3, #candidate-call-log, #followup-candidates { scroll-margin-top: 22px; }
  .pilot-editor--interview .pilot-topics { grid-template-columns: 1fr; }
  .pilot-topics button { font-size: 12px; min-height: 44px; }
  .pilot-editor--interview .pilot-editor-footer > div { flex-wrap: wrap; width: 100%; }
  .pilot-editor--interview [data-save-next] { flex: 1; }
  .pilot-editor--interview [data-wizard-back] { margin-right: auto; }
  .need-mode-cards { grid-template-columns: 1fr; }
  .need-mode-cards label { padding: 16px; }
  .need-mode-cards strong { font-size: 16px; }
  .pilot-public .pilot-job-picks .pilot-check { padding: 13px 11px; font-size: 14px; align-items: flex-start; }
}

/* Focused Studio: one working area, dossier utilities on demand. */
.desk-queue--focused { max-width: 1120px; }
.desk-queue--focused .desk-filters { padding-top: 8px; }
.desk-queue--focused .desk-row { padding: 18px 24px; }
.desk-queue--focused .desk-row h3 { font-size: 21px; margin-bottom: 4px; }
.desk-queue--focused .desk-row-label { margin-bottom: 3px; }
.desk-queue--focused .desk-row-next { gap: 8px; }
.desk-queue--focused .desk-row-next small { margin: 0; font-size: 11px; max-width: 220px; overflow-wrap: anywhere; }
.desk-return { display: flex; justify-content: space-between; align-items: center; gap: 18px; max-width: 1120px; margin-bottom: 20px; padding: 15px 20px; border: 1px solid #c9d8bb; background: #edf4e5; border-radius: 10px; font-size: 13px; color: var(--forest); }
.desk-return > span { display: flex; gap: 8px; align-items: center; }
.desk-help { max-width: 700px; margin-top: 18px; color: var(--text-secondary); font-size: 12px; line-height: 1.7; }
.desk-help summary { cursor: pointer; padding: 10px 0; }
.desk-help a { display: inline-block; padding: 10px 0; text-decoration: underline; }
.pilot-workspace.pilot-workspace--focused { display: block; max-width: 980px; }
.pilot-workspace--focused .pilot-editor--interview .pilot-steps { top: 76px; }
.pilot-workspace--focused .pilot-editor-section { padding: 26px 32px; }
.pilot-workspace--focused .pilot-editor-section > h2 { font-size: 27px; margin-bottom: 9px; }
.pilot-workspace--focused .pilot-editor-section > p { margin-bottom: 24px; }
.pilot-workspace--focused .pilot-editor-footer { flex-wrap: wrap; }
.pilot-workspace--focused .pilot-feedback:not([data-error=true]):not([data-dirty=true]) { background: transparent; padding-left: 0; }
.candidate-callbar--quiet { max-width: 980px !important; background: var(--surface-canvas); border: 0; border-bottom: 1px solid var(--border-subtle); border-radius: 0; padding: 10px 0 15px; margin-bottom: 20px; box-shadow: none; }
.candidate-callbar--quiet .candidate-call-actions { margin-left: auto; }
.candidate-callbar--quiet .pilot-eyebrow { font-size: 10px; }
.candidate-callbar--quiet strong { margin-top: 3px; font-size: 17px; }
.interview-contact { margin: 0 0 22px !important; border: 1px solid var(--border-subtle) !important; border-radius: 8px; padding: 0 16px !important; background: #fafbf7; }
.interview-contact summary { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.interview-contact summary span { font-weight: 400; color: var(--text-secondary); font-size: 12px; }
.interview-contact[open] { padding-bottom: 4px !important; }
.interview-situation-grid { grid-template-columns: 108px minmax(180px,320px) minmax(150px,230px); align-items: start; }
.studio-support-panel { position: fixed; inset: 0 0 0 auto; width: min(480px,100vw); max-width: 100vw; height: 100dvh; max-height: 100dvh; margin: 0; padding: 0; border: 0; border-left: 1px solid var(--border-subtle); background: var(--surface-canvas); color: var(--forest); box-shadow: -12px 0 50px #172e2520; }
.studio-support-panel:not([open]) { display: none; }
.studio-support-panel[open] { display: flex; flex-direction: column; }
.studio-support-panel::backdrop { background: #172e2555; }
.studio-support-panel > header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 24px; background: white; border-bottom: 1px solid var(--border-subtle); flex-shrink: 0; }
.studio-support-panel > header h2 { font-size: 25px; margin: 7px 0 0; }
.studio-support-panel .studio-support-content { display: grid; align-content: start; overflow: auto; padding: 20px; flex: 1; min-height: 0; }
.studio-support-panel .pilot-context > details.pilot-card { background: white; }
.studio-support-panel .pilot-grid { grid-template-columns: 1fr; }
.studio-support-panel #candidate-call-log, .studio-support-panel #followup-candidates { scroll-margin-top: 8px; }
.studio-support-panel button:focus-visible { outline: 3px solid var(--forest-600); outline-offset: 3px; }
.pilot-dossier-tools { display: flex; justify-content: flex-end; margin: -10px 0 18px; }
@media (max-width: 760px) {
  .pilot-workspace--focused .pilot-editor-section { padding: 22px 18px; }
  .interview-situation-grid { grid-template-columns: 108px minmax(0,230px); gap: 0 16px; }
  .interview-situation-grid [data-field=age] { grid-row: 1; }
  .interview-situation-grid [data-field=contactLanguage] { grid-column: 2; grid-row: 1; }
  .interview-situation-grid [data-field=area] { grid-column: 1 / -1; }
  .candidate-callbar--quiet { position: static; }
  .pilot-workspace--focused .pilot-editor--interview .pilot-steps { position: static; }
  .desk-return { align-items: flex-start; flex-direction: column; gap: 8px; }
  .desk-queue--focused .desk-row { padding: 17px 16px; }
  .studio-support-panel > header { padding: 18px; }
  .studio-support-panel .studio-support-content { padding: 14px; }
}
.pilot-process-tools { display: flex; align-items: center; gap: 22px; margin-bottom: 24px; }
.pilot-process-tools .pilot-process { flex: 1; margin: 0; min-width: 0; }
.pilot-process-tools > .btn { flex-shrink: 0; }
@media(max-width: 760px) {
  .pilot-process-tools { flex-wrap: wrap; gap: 10px; justify-content: flex-end; }
  .pilot-process-tools .pilot-process { flex-basis: 100%; }
}
.candidate-work { max-width: 980px !important; }
.candidate-work .pilot-heading { margin-bottom: 14px; align-items: center; }
.candidate-work .pilot-heading .pilot-eyebrow { display: none; }
.candidate-work .pilot-heading h1 { font-size: 32px; margin: 0 0 7px; }
.candidate-callbar--quiet > div:first-child { display: flex; align-items: center; gap: 12px; }
.candidate-callbar--quiet strong { margin: 0; }
.candidate-work .pilot-editor--interview .pilot-steps { top: 65px; }
@media(max-width: 760px) {
  .candidate-work .pilot-heading h1 { font-size: 27px; }
  .candidate-work .pilot-heading > .btn { margin-top: 12px; }
}
@media(max-width: 430px) {
  .pilot-row-meta { min-width: 0; max-width: calc(100% - 50px); }
}

/* Controls follow the amount of information expected, even in a narrow Studio panel. */
.pilot-editor--interview [data-field=age] { width: 108px; max-width: 100%; }
.pilot-editor--interview [data-field=phone] { width: 240px; max-width: 100%; }
.pilot-editor--interview :is([data-field=payMin],[data-field=period]) { width: 180px; max-width: 100%; }
.pilot-editor--interview :is([data-field=startDate],[data-field=endDate]) { width: 190px; max-width: 100%; }
.pilot-editor--interview :is([data-field=from],[data-field=to]) { width: 145px; max-width: 100%; }
.pilot-editor--interview :is([data-field=area],[data-field=contactLanguage],[data-field=interviewJob],[data-field=interviewContext]) { max-width: 340px; }
.pilot-editor--interview [data-field=interviewJob] { max-width: 260px; }
.pilot-editor--interview .interview-notes { max-width: 660px; }
.pilot-editor--interview .interview-notes textarea { min-height: 76px; line-height: 1.6; resize: vertical; }
.interview-rating { min-width: 0; border: 0; margin: 6px 0 20px; padding: 0; }
.interview-rating legend { font-size: 12px; font-weight: 600; margin-bottom: 10px; }
.interview-rating legend > span { font-weight: 400; color: var(--text-secondary); margin-left: 6px; }
.interview-rating > div { display: flex; gap: 8px; flex-wrap: wrap; }
.interview-rating label { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 10px 12px; border: 1px solid var(--border-control); border-radius: 8px; background: white; font-size: 12px; cursor: pointer; line-height: 1.5; }
.interview-rating label:has(:checked) { border-color: var(--forest); background: #eaf0e3; }
.interview-rating input { width: 16px; height: 16px; margin: 0; accent-color: var(--forest); flex-shrink: 0; }
.interview-rating label:focus-within { outline: 2px solid var(--forest-600); outline-offset: 2px; }
.interview-review-notes { padding: 20px; margin: 0 0 24px; border: 1px solid #dfd5b9; border-radius: 10px; background: #fcf9ef; }
.interview-review-notes h3 { font-size: 21px; margin-bottom: 16px; }
.interview-review-notes article + article { border-top: 1px solid #e3dcc7; padding-top: 16px; margin-top: 16px; }
.interview-review-notes article strong { font-size: 13px; }
.interview-review-notes article p { font-size: 13px; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; margin: 8px 0 12px; }
.pilot-choice-field { min-width: 0; max-width: 480px; margin-bottom: 20px; }
.pilot-pay-picker { display: grid; grid-template-columns: 110px minmax(0,340px); gap: 16px; max-width: 466px; }
.pilot-pay-picker [data-field] { width: auto !important; min-width: 0; max-width: 100%; }
.pilot-pay-picker .input { width: 100%; min-width: 0; }
@media(max-width: 540px) {
  .pilot-pay-picker { grid-template-columns: 1fr; gap: 0; max-width: 340px; }
  .pilot-pay-picker [data-field=period] { max-width: 140px; }
}
.pilot-choice-field > .pilot-field { margin-bottom: 0; }
.pilot-choice-field > .choice-custom { margin-top: 10px; }
.choice-custom[hidden] { display: none !important; }
.pilot-choice-field select { width: 100%; max-width: 100%; text-overflow: ellipsis; }
.pilot-area-picker { min-width: 0; max-width: 560px; border: 0; margin: 0 0 20px; padding: 0; }
.pilot-area-picker legend { font-size: 12px; font-weight: 500; margin-bottom: 8px; }
.pilot-area-picker > details { border: 1px solid var(--border-control); background: var(--surface-field); border-radius: 7px; margin: 0; padding: 0 12px; }
.pilot-area-picker summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; padding: 12px 0; font-size: 14px; cursor: pointer; overflow-wrap: anywhere; }
.pilot-area-picker summary::after { content: ''; flex-shrink: 0; width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); margin-right: 4px; }
.pilot-area-picker details[open] > summary::after { transform: rotate(225deg); }
.pilot-area-options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 10px; padding: 4px 0 8px; max-height: 280px; overflow-y: auto; }
.pilot-area-picker .pilot-check { min-height: 40px; margin: 0; font-size: 13px; overflow-wrap: anywhere; }
.pilot-area-picker .choice-custom { margin: 10px 0 0; }
.pilot-area-picker .pilot-helper { margin: 12px 0; }
.pilot-area-picker summary:focus-visible { outline: 2px solid var(--forest); outline-offset: 3px; }
@media(max-width: 430px) {
  .pilot-area-options { grid-template-columns: 1fr; max-height: 220px; }
  .interview-situation-grid { grid-template-columns: 94px minmax(0,1fr); gap: 0 12px; }
  .pilot-editor--interview [data-field=age] { width: 94px; }
  .interview-rating legend > span { display: block; margin: 4px 0 0; }
}