:root {
  --brand-header: #0A3B2A;
  --brand-accent: #00A651;
  --brand-primary: #00754A;
  --brand-tint: #EAF4EE;
  --page-bg: #F4F7F5;
  --border: #D5DED8;
  --text: #1B2420;
  --text-secondary: #4F5B55;
  --record-stop: #B42318;
  --status-amber: #8A5A00;
  --white: #FFFFFF;
  --muted-bg: #F1F3F2;
  --focus: #00A651;
}

* { box-sizing: border-box; }
html { background: var(--page-bg); }
body { margin: 0; min-width: 320px; background: var(--page-bg); color: var(--text); font-family: 'Source Sans 3', 'Segoe UI', system-ui, Arial, sans-serif; font-size: 16px; line-height: 1.5; }
[hidden] { display: none !important; }
button, input, textarea { font: inherit; }
button, .button { min-height: 44px; }
a { color: var(--brand-primary); }
button, a { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible, summary:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
button { cursor: pointer; }
button:disabled, .button.disabled { cursor: not-allowed; opacity: .52; pointer-events: none; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 8px; font-size: 32px; line-height: 1.15; letter-spacing: -.02em; }
h2 { color: var(--brand-primary); font-size: 21px; line-height: 1.25; margin-bottom: 12px; }
h3 { font-size: 18px; line-height: 1.25; margin-bottom: 10px; }
p { margin-bottom: 16px; }
small { display: block; font-size: 14px; line-height: 1.35; }

.site-header { background: var(--brand-header); border-bottom: 4px solid var(--brand-accent); color: var(--white); }
.header-inner, .admin-nav-inner { max-width: 1080px; min-height: 64px; margin: 0 auto; padding: 0 0; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.brand { color: var(--white); text-decoration: none; display: inline-flex; align-items: center; gap: 11px; font-size: 23px; font-weight: 700; letter-spacing: .01em; }
.brand img { width: 32px; height: 32px; flex: 0 0 32px; }
.site-header p { margin: 0; color: var(--white); font-size: 15px; }
.content { max-width: 1080px; margin: 0 auto; padding: 32px 0 44px; }

.hero-panel { display: grid; grid-template-columns: 1.62fr 1fr; border: 1px solid var(--border); background: var(--white); }
.hero-copy { padding: 38px 40px 36px; border-left: 6px solid var(--brand-primary); }
.hero-copy h1 { font-size: 40px; margin-bottom: 17px; }
.hero-copy p { max-width: 570px; color: var(--text-secondary); font-size: 19px; line-height: 1.55; margin-bottom: 28px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.at-a-glance { background: var(--brand-tint); padding: 32px; }
.at-a-glance h2 { font-size: 18px; }
table { width: 100%; border-collapse: collapse; background: var(--white); }
th, td { padding: 11px 14px; border: 1px solid var(--border); text-align: left; vertical-align: top; }
thead th { background: var(--brand-header); color: var(--white); border-color: var(--brand-header); font-weight: 600; }
.at-a-glance table { background: transparent; }
.at-a-glance th, .at-a-glance td { padding: 9px 0; border-width: 0 0 1px; background: transparent; }
.at-a-glance th { width: 47%; color: var(--text-secondary); font-weight: 400; }
.at-a-glance td { font-weight: 700; }
.at-a-glance tr:last-child th, .at-a-glance tr:last-child td { border-bottom: 0; }

.section { margin-top: 38px; }
.steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.step-card { min-height: 202px; border: 1px solid var(--border); border-top: 4px solid var(--brand-accent); background: var(--white); padding: 20px 22px; }
.step-card > strong { display: block; margin-bottom: 10px; color: var(--brand-primary); font-size: 32px; line-height: 1; }
.step-card p { color: var(--text-secondary); line-height: 1.55; }
.journeys table strong { font-weight: 700; }
.scope-mobile { display: none; color: var(--text-secondary); font-size: 14px; font-weight: 400; line-height: 1.35; margin-top: 3px; }
.site-footer { margin-top: 40px; padding-top: 18px; border-top: 1px solid var(--border); display: flex; justify-content: space-between; color: var(--text-secondary); font-size: 15px; }

.button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid transparent; border-radius: 4px; padding: 9px 20px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.button.primary { background: var(--brand-primary); border-color: var(--brand-primary); color: var(--white); }
.button.primary:hover { background: #005f3c; }
.button.secondary { background: var(--white); border-color: var(--brand-primary); color: var(--brand-primary); }
.button.secondary:hover { background: var(--brand-tint); }
.button.large { min-height: 55px; padding-inline: 29px; font-size: 17px; }
.button.small { min-height: 37px; padding: 6px 13px; font-size: 14px; }
.text-button { min-height: auto; padding: 0; border: 0; background: transparent; color: var(--text-secondary); font-weight: 600; }
.inline-link, .upload-option label { color: var(--brand-primary); cursor: pointer; text-decoration: underline; font-weight: 600; }

.page-heading { margin-bottom: 27px; }
.page-heading p { color: var(--text-secondary); font-size: 18px; margin-bottom: 0; }
.panel { border: 1px solid var(--border); background: var(--white); padding: 24px; }
.stacked-form { display: grid; gap: 17px; }
.form-panel h2, .choice-panel legend { color: var(--brand-primary); font-size: 21px; font-weight: 700; }
.choice-panel { padding-top: 17px; }
.choice-panel legend { padding: 0 5px; }
.two-col { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.field label, .transcript-editor > label { display: block; margin-bottom: 6px; font-weight: 700; }
.field input, textarea { width: 100%; border: 1px solid #9CAAA3; border-radius: 2px; background: var(--white); color: var(--text); min-height: 44px; padding: 9px 11px; }
textarea { min-height: 160px; resize: vertical; line-height: 1.45; }
textarea[readonly] { background: var(--muted-bg); color: var(--text-secondary); }
.help, .continue-note { color: var(--text-secondary); font-size: 14px; margin: 6px 0 0; }
.choice-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 5px; }
.radio-card { position: relative; display: block; min-height: 74px; border: 1px solid var(--border); background: var(--white); padding: 13px 15px 13px 42px; cursor: pointer; }
.radio-card input { position: absolute; left: 15px; top: 17px; width: 18px; height: 18px; accent-color: var(--brand-primary); }
.radio-card strong { display: block; line-height: 1.28; }
.radio-card small { color: var(--text-secondary); margin-top: 3px; }
.radio-card:has(input:checked) { border-color: var(--brand-accent); background: var(--brand-tint); box-shadow: inset 3px 0 0 var(--brand-accent); }
.form-actions { margin-top: 4px; display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.form-actions.end { justify-content: flex-end; }
.error-summary { margin: 0 0 17px; border: 2px solid var(--record-stop); background: #FFF7F6; padding: 16px 18px; }
.error-summary h2 { color: var(--record-stop); font-size: 19px; margin-bottom: 6px; }
.error-summary ul { margin: 0; padding-left: 19px; }
.error-summary a { color: var(--record-stop); }
.field-error { margin: 0 0 6px; color: var(--record-stop); font-weight: 600; }
.notice { margin: 0 0 22px; border: 1px solid #A9D8BF; background: var(--brand-tint); padding: 13px 16px; color: var(--text); }

.info-cells, .stat-cells { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--border); margin-bottom: 18px; background: var(--white); }
.info-cells > div, .stat-cells > div { padding: 14px 18px; border-right: 1px solid var(--border); }
.info-cells > div:last-child, .stat-cells > div:last-child { border-right: 0; }
.info-cells span, .stat-cells span { display: block; color: var(--text-secondary); font-size: 14px; }
.info-cells strong, .stat-cells strong { display: block; margin-top: 3px; font-size: 18px; line-height: 1.25; }
.reading p:last-child { margin-bottom: 0; }
.questions { margin-top: 18px; }
.guidance { margin: 14px 0 0; color: var(--text-secondary); }

.question-progress { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 19px; }
.question-progress strong { display: block; }
.question-progress p { margin: 0; color: var(--text-secondary); text-align: right; }
.progress-bars { display: flex; gap: 7px; margin-top: 8px; }
.progress-bars span { display: block; width: 104px; height: 6px; background: var(--border); }
.progress-bars .answered { background: var(--brand-primary); }
.progress-bars .current { background: var(--brand-accent); }
.question-title { max-width: 990px; margin-bottom: 20px; font-size: 29px; }
.role-prompt { border-left: 4px solid var(--brand-accent); background: var(--brand-tint); padding: 14px 18px; margin-bottom: 24px; }
.recorder { min-height: 296px; border: 1px solid var(--border); background: var(--white); padding: 30px 24px 0; text-align: center; }
.recorder-state { min-height: 190px; display: flex; align-items: center; flex-direction: column; justify-content: center; gap: 8px; }
.recorder-state > span { color: var(--text-secondary); }
.record-button { display: inline-flex; align-items: center; justify-content: center; width: 88px; height: 88px; min-height: 88px; border: 0; border-radius: 50%; color: var(--white); background: var(--brand-primary); }
.record-button svg { width: 40px; height: 40px; }
.stop-recording { background: var(--record-stop); }
.stop-square { display: block; width: 30px; height: 30px; background: var(--white); border-radius: 3px; }
.recording-timer { font-size: 30px; font-variant-numeric: tabular-nums; letter-spacing: .03em; }
.level-meter { width: min(370px, 100%); height: 7px; background: var(--border); overflow: hidden; }
.level-meter span { display: block; width: 0%; height: 100%; background: var(--brand-accent); transition: width .08s linear; }
.saving-bar { width: min(360px, 100%); height: 7px; overflow: hidden; background: var(--border); }
.saving-bar span { display: block; width: 34%; height: 100%; background: var(--brand-accent); animation: saving 1.1s linear infinite; }
.check-mark, .thank-icon { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; background: var(--brand-primary); color: var(--white); font-size: 26px; font-weight: 700; }
.answer-audio { width: min(430px, 100%); margin-top: 5px; }
.re-record { margin-top: 4px; }
.recorder-error { color: var(--record-stop); font-weight: 600; max-width: 700px; margin: 8px auto; }
.upload-option { border-top: 1px solid var(--border); padding: 16px; text-align: center; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0,0,0,0); overflow: hidden; white-space: nowrap; border: 0; }
.question-actions { margin-top: 24px; }

.review-table audio { width: 200px; max-width: 100%; display: block; }
.review-table small { color: var(--text-secondary); margin-top: 4px; }
.submit-note { margin-top: 22px; color: var(--text-secondary); }
.status { display: inline-block; padding: 3px 9px; border: 1px solid var(--border); background: var(--muted-bg); color: var(--text-secondary); font-size: 14px; font-weight: 700; line-height: 1.35; white-space: nowrap; }
.status.transcribed { border-color: #A9D8BF; background: var(--brand-tint); color: var(--brand-primary); }
.status.recorded { border-color: #E7CD89; background: #FFF4DE; color: var(--status-amber); }
.status.failed { border-color: #F0B7B2; background: #FFF4F3; color: var(--record-stop); }

.thank-panel { margin-top: 32px; padding: 38px; text-align: center; }
.thank-icon { width: 64px; height: 64px; margin-bottom: 14px; font-size: 37px; }
.thank-icon.closed { background: #718078; }
.thank-panel h1 { margin-bottom: 8px; }
.thank-panel p { margin: 0; font-size: 18px; }
.next-steps { max-width: 790px; margin: 18px auto 0; }
.next-steps table th { width: 31%; font-weight: 600; color: var(--text-secondary); }
.not-found { max-width: 620px; margin: 62px auto; text-align: center; }
.not-found p { color: var(--text-secondary); }
.login-panel { max-width: 510px; margin: 64px auto; }
.login-panel form { margin-top: 21px; }
.login-panel button { margin-top: 17px; }

.admin-nav { background: var(--white); border-bottom: 1px solid var(--border); }
.admin-nav-inner { min-height: 53px; }
.admin-nav-start, .admin-nav-end { display: flex; align-items: stretch; gap: 5px; }
.admin-nav a { min-height: 53px; display: inline-flex; align-items: center; padding: 0 14px; color: var(--text-secondary); font-weight: 600; text-decoration: none; border-bottom: 3px solid transparent; }
.admin-nav a.current { color: var(--text); border-bottom-color: var(--brand-accent); }
.admin-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin: 6px 0 22px; }
.admin-heading h1 { margin-bottom: 5px; }
.admin-heading p { margin: 0; color: var(--text-secondary); font-size: 18px; }
.admin-profile { margin: 18px 0; padding: 16px 20px; border-top: 4px solid var(--brand-accent); }
.admin-profile h2 { margin: 0 0 12px; color: var(--brand-primary); font-size: 18px; }
.profile-cells { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--border); }
.profile-cells > div { min-width: 0; padding: 10px 12px; border-right: 1px solid var(--border); }
.profile-cells > div:last-child { border-right: 0; }
.profile-cells span, .profile-cells strong { display: block; }
.profile-cells span { color: var(--text-secondary); font-size: 13px; }
.profile-cells strong { margin-top: 2px; overflow-wrap: anywhere; }
.stat-cells { margin-bottom: 20px; }
.team-tabs { display: grid; grid-template-columns: repeat(var(--teams), minmax(0, 1fr)); border: 1px solid var(--border); border-bottom: 0; }
.team-tab { display: block; min-height: 68px; padding: 11px 15px; border-right: 1px solid var(--border); border-bottom: 3px solid transparent; background: var(--white); color: var(--text); text-decoration: none; }
.team-tab:last-child { border-right: 0; }
.team-tab strong, .team-tab span { display: block; }
.team-tab span { color: var(--text-secondary); font-size: 14px; }
.team-tab small { display: block; margin-top: 2px; color: var(--text-secondary); font-size: 12px; line-height: 1.25; }
.team-tab.current { border-bottom-color: var(--brand-accent); background: var(--brand-tint); }
.admin-table th, .admin-table td { padding: 10px 14px; }
.admin-table td > strong { display: block; }
.admin-table td small { color: var(--text-secondary); margin-top: 3px; }
.status-link { display: inline-block; text-decoration: none; }
.status-link.selected .status { outline: 2px solid var(--brand-primary); outline-offset: 2px; }
.status-link:focus-visible .status { outline: 3px solid var(--focus); outline-offset: 2px; }
.mini-tag { width: max-content; padding: 1px 6px; border: 1px solid var(--border); color: var(--text-secondary); font-size: 12px; }
.muted { color: var(--text-secondary); }
.button.disabled, .button[aria-disabled="true"] { cursor: not-allowed; opacity: .52; }
.table-guidance { color: var(--text-secondary); margin: 9px 0 0; }
.detail-panel { margin-top: 28px; border-top: 4px solid var(--brand-accent); background: var(--white); padding: 23px; }
.detail-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
.detail-heading h2 { margin: 0; color: var(--text); }
.detail-table { max-width: 760px; margin: 17px 0; }
.detail-table th { width: 175px; background: var(--muted-bg); color: var(--text-secondary); font-weight: 600; }
.full-question { max-width: 790px; }
.detail-panel audio { width: min(530px, 100%); }
.transcript-editor { margin-top: 20px; max-width: 790px; }
.transcript-editor .notice { margin: 9px 0; }
.editor-actions { display: flex; gap: 10px; margin-top: 10px; }
.retry-form { margin-top: 16px; }
.edited-note { color: var(--text-secondary); font-size: 14px; margin: 15px 0 0; }
.download-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }

.common-link { border-top: 4px solid var(--brand-accent); }
.link-value { display: block; overflow-wrap: anywhere; border: 1px solid var(--border); background: #FBFCFB; padding: 11px; color: var(--text); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 14px; }
.share-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 13px; }
.personal-links { margin-top: 20px; border: 1px solid var(--border); background: var(--white); padding: 16px; }
.personal-links summary { color: var(--brand-primary); cursor: pointer; font-weight: 700; }
.personal-links > p { color: var(--text-secondary); margin: 12px 0 20px; }
.personal-team { margin-top: 28px; }
.personal-team h3 { color: var(--text); }
.personal-team td:last-child { white-space: nowrap; }
.personal-team .button { margin-right: 4px; }
dialog { width: min(420px, calc(100% - 32px)); border: 1px solid var(--border); padding: 28px; box-shadow: 0 12px 36px rgb(0 0 0 / .22); text-align: center; }
dialog::backdrop { background: rgb(0 0 0 / .42); }
#qr-image { display: block; width: min(275px, 100%); aspect-ratio: 1; margin: 0 auto 14px; }
.dialog-close { position: absolute; top: 8px; right: 9px; width: 33px; height: 33px; min-height: 33px; border: 0; background: transparent; color: var(--text-secondary); font-size: 28px; line-height: 1; }

@keyframes saving { from { transform: translateX(-110%); } to { transform: translateX(330%); } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; } .saving-bar span { transform: translateX(90%); } }

@media (max-width: 1127px) { .header-inner, .admin-nav-inner, .content { margin-left: 24px; margin-right: 24px; } }
@media (max-width: 720px) {
  body { font-size: 16px; overflow-x: hidden; }
  .header-inner { min-height: 66px; align-items: flex-start; flex-direction: column; justify-content: center; gap: 1px; padding: 8px 0; }
  .brand { gap: 7px; font-size: 17px; }
  .brand img { width: 24px; height: 24px; flex-basis: 24px; }
  .site-header p { font-size: 11px; }
  .content { margin-left: 12px; margin-right: 12px; padding-top: 17px; }
  h1 { font-size: 29px; }
  .hero-panel { grid-template-columns: 1fr; }
  .hero-copy { padding: 18px 15px 16px; border-left-width: 5px; }
  .hero-copy h1 { font-size: 25px; margin-bottom: 8px; }
  .hero-copy p { font-size: 16px; line-height: 1.47; margin-bottom: 17px; }
  .hero-copy .button { width: 100%; }
  .at-a-glance { padding: 15px; }
  .at-a-glance h2 { margin-bottom: 8px; }
  .at-a-glance th, .at-a-glance td { font-size: 13px; }
  .section { margin-top: 26px; }
  .section h2 { font-size: 18px; }
  .steps, .two-col, .choice-grid { grid-template-columns: 1fr; }
  .steps { gap: 11px; }
  .step-card { min-height: auto; padding: 15px 16px; }
  .step-card > strong { font-size: 27px; }
  .step-card h3 { font-size: 16px; margin-bottom: 7px; }
  .step-card p { margin-bottom: 0; font-size: 14px; }
  .table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .journeys .table-wrap { overflow: visible; }
  .journeys table { table-layout: fixed; }
  .journeys th, .journeys td { padding: 9px 10px; font-size: 13px; }
  .journeys th:first-child, .journeys td:first-child { width: 25%; }
  .journeys th:nth-child(2), .journeys td:nth-child(2) { width: 75%; }
  .scope-column { display: none; }
  .scope-mobile { display: block; }
  .site-footer { margin-top: 27px; font-size: 12px; }
  .panel { padding: 17px; }
  .page-heading { margin-bottom: 19px; }
  .page-heading p { font-size: 16px; }
  .choice-panel { padding-top: 12px; }
  .choice-grid { gap: 8px; }
  .radio-card { min-height: 67px; padding: 11px 11px 11px 37px; }
  .radio-card input { left: 12px; top: 14px; }
  .radio-card small { font-size: 13px; }
  .info-cells, .stat-cells { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .info-cells > div, .stat-cells > div { padding: 11px 12px; border-bottom: 1px solid var(--border); }
  .info-cells > div:nth-child(2), .stat-cells > div:nth-child(2) { border-right: 0; }
  .info-cells > div:nth-last-child(-n+2), .stat-cells > div:nth-last-child(-n+2) { border-bottom: 0; }
  .info-cells strong, .stat-cells strong { font-size: 16px; }
  .profile-cells { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .profile-cells > div { border-bottom: 1px solid var(--border); }
  .profile-cells > div:nth-child(even) { border-right: 0; }
  .profile-cells > div:nth-last-child(-n+2) { border-bottom: 0; }
  .question-progress { align-items: flex-start; flex-direction: column; margin-bottom: 16px; }
  .question-progress p { font-size: 14px; text-align: left; }
  .progress-bars { width: 100%; }
  .progress-bars span { flex: 1; }
  .question-title { font-size: 22px; }
  .role-prompt { padding: 12px 14px; }
  .recorder { min-height: 270px; padding: 22px 12px 0; }
  .recorder-state { min-height: 176px; }
  .question-actions { margin-top: 17px; }
  .review-table { overflow: visible; }
  .review-table table, .review-table tbody, .review-table tr, .review-table td { display: block; width: 100%; }
  .review-table thead { display: none; }
  .review-table tr { border: 1px solid var(--border); background: var(--white); padding: 13px; margin-bottom: 11px; }
  .review-table td { border: 0; padding: 3px 0; }
  .review-table td:first-child { color: var(--brand-primary); font-weight: 700; font-size: 17px; }
  .review-table td:first-child::before { content: 'Question '; }
  .review-table td:nth-child(2) { margin: 5px 0; }
  .thank-panel { margin-top: 24px; padding: 28px 17px; }
  .next-steps th, .next-steps td { display: block; width: 100%; border-width: 0 0 1px; }
  .next-steps td { padding-top: 0; }
  .admin-nav-inner { min-height: 47px; }
  .admin-nav a { min-height: 47px; padding-inline: 8px; font-size: 14px; }
  .participant-view { display: none !important; }
  .admin-nav-end { margin-left: auto; }
  .admin-heading { margin-top: 0; flex-direction: column; }
  .admin-heading .button { width: 100%; }
  .stat-cells { margin-bottom: 13px; }
  .team-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); border-bottom: 1px solid var(--border); }
  .team-tab { min-height: 62px; border-bottom: 1px solid var(--border); }
  .team-tab:nth-child(even) { border-right: 0; }
  .team-tab:last-child { border-right: 1px solid var(--border); }
  .admin-table table { min-width: 770px; }
  .admin-table th, .admin-table td { font-size: 14px; padding: 9px; }
  .detail-panel { padding: 16px; }
  .detail-heading { align-items: center; }
  .detail-heading h2 { font-size: 19px; }
  .detail-table th { width: 36%; }
  .download-actions { display: grid; grid-template-columns: 1fr; }
  .download-actions .button { width: 100%; }
  .personal-team table { min-width: 780px; }
  dialog { padding: 26px 18px 18px; }
}

/* Marketplace roster portal */
.eyebrow { margin: 0 0 7px; color: var(--brand-primary); font-size: 13px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.dashboard-heading, .section-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.dashboard-heading { margin-bottom: 22px; }
.dashboard-heading h1 { margin-bottom: 7px; }
.dashboard-heading p:not(.eyebrow), .section-heading p { margin-bottom: 0; color: var(--text-secondary); }
.participant-layout { display: grid; grid-template-columns: minmax(0, 1fr) 315px; align-items: start; gap: 22px; }
.dashboard-main { min-width: 0; }
.dashboard-cells { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dashboard-cells > div:nth-child(2) { border-right: 0; }
.role-panel { margin-bottom: 18px; border-top: 4px solid var(--brand-accent); }
.role-panel p:last-child { margin-bottom: 0; }
.preread-details { margin-bottom: 18px; }
.preread-details summary { color: var(--brand-primary); cursor: pointer; font-size: 18px; font-weight: 700; }
.preread-details[open] summary { margin-bottom: 18px; }
.reading-content { color: var(--text-secondary); }
.reading-content h3 { margin: 16px 0 7px; color: var(--text); font-size: 16px; }
.reading-content ul { margin: 0; padding-left: 20px; }
.reading-content li + li { margin-top: 5px; }
.reading-content.compact { font-size: 14px; }
.reading-content.compact h3 { margin-top: 14px; font-size: 15px; }
.reading-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.reading-rail, .question-reading-rail { position: sticky; top: 20px; }
.reading-rail-inner { border-top: 4px solid var(--brand-accent); }
.dashboard-questions { margin-bottom: 18px; }
.question-list { border-top: 1px solid var(--border); margin-top: 18px; }
.question-list-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 17px 0; border-bottom: 1px solid var(--border); }
.question-list-row h3 { display: inline; margin: 0; font-size: 17px; }
.question-list-row small { margin: 6px 0 0 39px; color: var(--text-secondary); }
.question-number { display: inline-flex; align-items: center; justify-content: center; width: 27px; height: 27px; margin-right: 8px; border: 1px solid var(--brand-primary); border-radius: 50%; color: var(--brand-primary); font-size: 14px; font-weight: 700; vertical-align: middle; }
.question-row-action { display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex: 0 0 auto; }
.suggestion-panel textarea { min-height: 128px; }
.question-layout { display: grid; grid-template-columns: minmax(0, 1fr) 315px; align-items: start; gap: 22px; }
.answer-workspace { border: 1px solid var(--border); background: var(--white); }
.answer-mode-tabs { display: flex; border-bottom: 1px solid var(--border); }
.answer-mode { flex: 1; min-height: 50px; border: 0; border-right: 1px solid var(--border); background: var(--muted-bg); color: var(--text-secondary); font-weight: 700; }
.answer-mode:last-child { border-right: 0; }
.answer-mode.active { background: var(--white); color: var(--brand-primary); box-shadow: inset 0 -4px 0 var(--brand-accent); }
.answer-pane .recorder { border: 0; }
.record-controls { display: flex; align-items: center; gap: 14px; }
.pause-recording { min-width: 90px; }
.participant-transcript { padding: 22px 24px 24px; border-top: 1px solid var(--border); text-align: left; }
.participant-transcript h2 { margin-bottom: 4px; }
.participant-transcript textarea { min-height: 150px; }
.transcript-state { color: var(--text-secondary); font-size: 14px; }
.typed-answer { border: 0; }
.typed-answer p { color: var(--text-secondary); }
.status.typed { border-color: #B6C7E8; background: #F0F5FF; color: #235AA6; }
.people-table table { min-width: 1120px; }
.people-table .link-value { max-width: 310px; margin-bottom: 7px; font-size: 12px; }
.people-table td:last-child { min-width: 180px; }
.people-table form { display: inline; }
.people-table .inline-link { display: inline-block; margin: 8px 0 0 2px; }
@media (max-width: 720px) {
  .dashboard-heading, .section-heading { flex-direction: column; gap: 8px; }
  .participant-layout, .question-layout { display: block; }
  .reading-rail, .question-reading-rail { position: static; margin-top: 18px; }
  .dashboard-cells { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dashboard-cells > div:nth-child(2) { border-right: 0; }
  .reading-columns { grid-template-columns: 1fr; gap: 0; }
  .question-list-row { flex-direction: column; gap: 11px; }
  .question-list-row small { margin-left: 0; }
  .question-row-action { justify-content: flex-start; }
  .answer-mode { font-size: 14px; }
  .participant-transcript { padding: 16px; }
  .record-controls { gap: 8px; }
  .people-table table { min-width: 940px; }
}

@media (max-width: 720px) {
  .journeys table { width: 100%; table-layout: fixed; }
  .journeys th:nth-child(3), .journeys td:nth-child(3) { display: none; }
  .journeys th:first-child, .journeys td:first-child { width: 43%; }
  .journeys th:nth-child(2), .journeys td:nth-child(2) { width: 57%; }
}