.interview-page{max-width:820px;margin:0 auto;min-width:0}
.interview-intro>p{color:var(--muted);font-size:14px;line-height:1.8;margin:12px 0 20px;max-width:640px}
.interview-job-context{display:flex;gap:10px;align-items:flex-start;color:var(--ink)!important;padding:15px 17px;background:var(--surface);border:1px solid var(--line);border-radius:12px}
.interview-job-context svg{flex-shrink:0;width:20px;height:20px;margin-top:2px}
.interview-job-context small{display:block;font-size:12px;color:var(--muted);margin-top:3px}
.interview-area{max-width:340px;margin:19px 0}
.interview-area select{font-size:16px;width:100%;min-height:44px}
.interview-session-note{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 22px}
.interview-session-note svg{width:18px;height:18px;flex-shrink:0;margin-top:2px}
.interview-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.interview-steps button{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted);min-height:50px;padding:9px 13px;min-width:0}
.interview-steps button[aria-current="step"]{border-color:var(--navy);background:var(--soft);color:var(--navy)}
.interview-steps button>span{display:grid;place-items:center;flex-shrink:0;width:24px;height:24px;border:1px solid var(--line);border-radius:50%;font-size:12px}
.interview-steps svg{width:16px;height:16px}
.interview-steps small{font-size:12px;white-space:nowrap}
.interview-progress{font-size:12px;color:var(--muted);margin:11px 0 21px}
.interview-question,.interview-summary{padding:28px}
.interview-question-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.interview-question-meta .eyebrow{font-size:11px}
.interview-question-meta .text-button{font-size:12px;min-height:44px}
.interview-question h2,.interview-summary h2{font-size:25px;line-height:1.4;letter-spacing:-.4px;scroll-margin-top:20px}
.interview-question-hint,.interview-summary>p{font-size:14px;color:var(--muted);line-height:1.8;margin:12px 0 23px}
#interview-answer-form .field{display:block;font-size:14px;margin:0 0 8px}
#interview-answer{display:block;width:100%;min-height:190px;padding:15px;font-size:16px;line-height:1.7;resize:vertical;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px}
#interview-answer[aria-invalid="true"]{border-color:var(--navy);outline:2px solid var(--navy);outline-offset:2px}
.interview-answer-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--muted);margin-top:8px}
.interview-error{font-size:13px;line-height:1.7;color:var(--ink);margin:8px 0}
.interview-error:empty{display:none}
.interview-guide{border:1px solid var(--line);border-radius:10px;margin:22px 0;background:var(--bg)}
.interview-guide summary{display:flex;justify-content:space-between;align-items:center;gap:12px;list-style:none;cursor:pointer;padding:14px 16px;font-size:13px;font-weight:500;min-height:48px}
.interview-guide summary::-webkit-details-marker{display:none}
.interview-guide summary svg{width:18px;height:18px;flex-shrink:0;transition:transform .15s}
.interview-guide[open] summary svg{transform:rotate(45deg)}
.interview-guide>div{padding:0 16px 15px}
.interview-guide p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}
.interview-guide dl{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin:15px 0}
.interview-guide dt{font-size:13px;font-weight:600;margin-bottom:3px}
.interview-guide dd{font-size:12px;line-height:1.7;color:var(--muted);margin:0}
.interview-question-actions,.interview-summary-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.interview-page .primary-button,.interview-page .secondary-button,.interview-page .text-button{min-height:44px}
.interview-page button:disabled{opacity:.5;cursor:default}
.interview-previous{margin-top:10px;font-size:12px}
.interview-answer-list{padding:0;margin:0;list-style:none}
.interview-answer-list>li{padding:18px 0;border-top:1px solid var(--line)}
.interview-answer-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted);margin-bottom:7px}
.interview-answer-heading .text-button{font-size:12px}
.interview-answer-list h3{font-size:17px;line-height:1.6}
.interview-written-answer{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8;margin:14px 0 0}
.interview-pending{font-size:13px;color:var(--muted);margin-top:10px}
.interview-summary .interview-summary-note{font-size:12px;line-height:1.8}
.interview-summary-actions .secondary-button{white-space:normal;text-align:left}
@media(max-width:700px){.interview-question,.interview-summary{padding:20px}.interview-intro>p{font-size:13px}.interview-steps button{gap:7px;padding:10px}.interview-question h2,.interview-summary h2{font-size:23px}}
@media(max-width:420px){.interview-page h1{font-size:27px}.interview-question,.interview-summary{padding:17px}.interview-steps{gap:7px}.interview-steps button{flex-direction:column;gap:6px;padding:9px 3px}.interview-steps small{font-size:11px}.interview-question h2,.interview-summary h2{font-size:21px}.interview-question-meta{margin-bottom:8px}.interview-question-meta .eyebrow{font-size:10px}.interview-question-meta .text-button{font-size:12px}.interview-guide summary{padding:13px;font-size:13px}.interview-guide>div{padding:0 13px 13px}.interview-guide dl{grid-template-columns:1fr;gap:12px}.interview-question-actions,.interview-summary-actions{display:grid;grid-template-columns:1fr}.interview-question-actions>*,.interview-summary-actions>*{width:100%;justify-content:center;text-align:center}.interview-answer-heading{flex-wrap:wrap}.interview-summary-actions .secondary-button{font-size:13px}.interview-job-context{padding:13px}.interview-session-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){.interview-guide summary svg{transition:none}}