.conversation-card{display:grid;gap:18px;min-width:0}
.conversation-head{display:flex;justify-content:space-between;align-items:start;gap:16px}
.conversation-head h2{margin:5px 0 0}
.conversation-list{display:grid;gap:12px;padding:8px 0;max-height:560px;overflow:auto}
.conversation-message{max-width:min(100%,630px);padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:#f7f8fb}
.conversation-message.own{justify-self:end;background:#f0f0ff;border-color:#d8d7ff}
.conversation-message small{display:block;color:var(--muted);font-size:.78rem;margin-bottom:7px}
.conversation-message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}
.conversation-form{display:grid;gap:12px;border-top:1px solid var(--line);padding-top:18px}
.conversation-form textarea{min-height:112px}
.conversation-form .btn{justify-self:start}
.interview-section{display:grid;gap:14px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.interview-section h2{margin:0;font-size:1.12rem}
.interview-section>p,.interview-form>p{margin:0;color:var(--muted);line-height:1.5}
.interview-proposal{display:grid;gap:10px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--cloud)}
.interview-proposal-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}
.interview-proposal h3{margin:0;font-size:1rem;line-height:1.4}
.interview-proposal p{margin:0;overflow-wrap:anywhere;line-height:1.5}
.interview-actions{display:flex;flex-wrap:wrap;gap:8px}
.interview-proposal .btn,.interview-form .btn{min-height:44px;justify-self:start}
.interview-history>summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:700}
.interview-history .interview-proposal{margin-top:10px}
.interview-form{display:grid;gap:12px;padding-top:4px}
.interview-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.interview-form textarea{min-height:76px}
.interview-section :focus-visible{outline:3px solid var(--indigo);outline-offset:2px}
.work-terms-section{display:grid;gap:14px;padding:20px 0;border-bottom:1px solid var(--line)}
.work-terms-section h2{margin:4px 0 0;font-size:1.12rem}
.work-terms-section>p,.work-terms-form>p{margin:0;color:var(--muted);line-height:1.55}
.work-terms-card{display:grid;gap:12px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--cloud)}
.work-terms-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.work-terms-card h3{margin:0;font-size:1.08rem}
.work-terms-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
.work-terms-card dl>div{min-width:0;padding-top:10px;border-top:1px solid var(--line)}
.work-terms-card dt{color:var(--muted);font-size:.82rem}
.work-terms-card dd{margin:4px 0 0;font-weight:700;overflow-wrap:anywhere}
.work-terms-response{margin:0;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.work-terms-form,.work-terms-change{display:grid;gap:12px}
.work-terms-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.work-terms-actions{display:flex;flex-wrap:wrap;gap:8px}
.work-terms-form>.btn,.work-terms-change>.btn{justify-self:start;min-height:44px}
.work-terms-history>summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:700}
.work-terms-history .work-terms-card{margin-top:10px}
.work-terms-section :focus-visible{outline:3px solid var(--indigo);outline-offset:2px}
@media(max-width:700px){.conversation-head{flex-direction:column}.conversation-message{max-width:100%}}
@media(max-width:599px){.interview-fields,.interview-actions,.work-terms-fields,.work-terms-card dl,.work-terms-actions{display:grid;grid-template-columns:1fr}.interview-actions .btn,.interview-proposal>.btn,.interview-form>.btn,.work-terms-actions .btn,.work-terms-form>.btn,.work-terms-change>.btn{width:100%;text-align:center}}