.interviewcards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:25px 0}.interviewworkspace{display:grid;grid-template-columns:230px 1fr;gap:28px}.interviewside{align-self:start;position:sticky;top:20px}.interviewside h2{font-size:27px;line-height:1.3;margin-top:15px}.interviewside p{font-size:13px;line-height:1.8;color:#627184}.interviewside ol{padding-left:23px;line-height:2.6;font-size:12px;color:#627184}.interviewside .active{font-weight:800;color:#86611e}.draftlabel{display:block;font-size:13px;font-weight:700;margin:22px 0 10px}.draftarea{width:100%;min-height:180px;padding:17px;border:1px solid #bdcbd8;border-radius:10px;resize:vertical;font:15px/1.8 'DM Sans',sans-serif;color:#102c47;background:#fbfcfd}.draftarea:focus{outline:3px solid #d9b65e;outline-offset:2px}.preserve{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.answermap{display:flex;align-items:center;gap:12px;margin:24px 0;padding:20px;background:#f5efdf;border-radius:12px}.answermap>div{flex:1;display:flex;flex-direction:column;gap:10px;background:white;border:1px solid #e0d8c6;border-radius:9px;padding:17px 12px;min-height:96px}.answermap span{font-size:11px;font-weight:800;letter-spacing:.1em;color:#86611e}.answermap strong{font-size:12px;line-height:1.6}.answermap>b{color:#a57b2a}.annotated{border:1px solid #d8e1eb;border-radius:12px;overflow:hidden}.annotated>div{padding:21px;border-left:4px solid #b49245;background:#fafbfd}.annotated>div+div{border-top:1px solid #e1e7ee}.annotated>div:nth-child(2){border-left-color:#3d6386;background:#eff3f7}.annotated p{margin:11px 0 0}.reviewchecks{display:grid;gap:13px;margin:22px 0}.reviewchecks label,.reviewconfirm{display:flex;gap:12px;font-size:14px;line-height:1.7;align-items:start}.reviewchecks input,.reviewconfirm input{width:18px;height:18px;margin-top:4px;accent-color:#9c762d;flex-shrink:0}.storygrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.storygrid .draftarea{min-height:160px}.textbtn{background:transparent;text-decoration:underline;padding:2px;color:#805b18}.interviewworkspace h1{font-size:32px;line-height:1.3}.catalogart svg[viewBox="0 0 420 275"]{width:100%;height:180px}@media(max-width:950px){.interviewworkspace{grid-template-columns:180px 1fr;gap:18px}.answermap{gap:7px;padding:12px}.answermap>div{padding:12px 8px}.storygrid{grid-template-columns:1fr}}@media(max-width:650px){.interviewcards{grid-template-columns:1fr}.interviewworkspace{grid-template-columns:1fr}.interviewside{position:static}.interviewside ol{display:flex;list-style:none;gap:13px;padding:0;font-size:10px;line-height:1.6}.interviewside .caption{display:none}.interviewworkspace h1{font-size:28px}.draftarea{min-height:200px;font-size:16px}.answermap{flex-direction:column;align-items:stretch}.answermap>div{min-height:0;flex-direction:row;gap:16px}.answermap>b{transform:rotate(90deg);align-self:center}.answermap strong{flex:1}.reviewchecks label,.reviewconfirm{font-size:13px}}
