/* Scoped interview exercise; the research stylesheet supplies the outer shell. */
.ix-artifact {--ix-ink:rgba(0,0,0,.9);--ix-muted:rgba(0,0,0,.55);display:flex;flex:1;flex-direction:column;gap:14px;min-width:0;color:var(--ix-ink);font:15px/1.5 'PingFang SC',-apple-system,BlinkMacSystemFont,'Microsoft YaHei',sans-serif;}
.ix-artifact * {box-sizing:border-box;}
.ix-artifact h2,.ix-artifact h3,.ix-artifact p,.ix-artifact figure {margin:0;}
.ix-artifact img {display:block;object-fit:cover;}
.ix-artifact button {font:inherit;cursor:pointer;}
.ix-scene-title>span,.ix-chat-top>div>span {display:block;margin-bottom:4px;color:var(--ix-muted);font-size:12px;line-height:1.4;}
.ix-artifact h2 {font-size:22px;line-height:1.4;font-weight:500;letter-spacing:-.3px;}
.ix-artifact-brief {gap:16px;justify-content:center;}
.ix-brief-lead,.ix-brief-event {font-size:15px;line-height:1.7;}
.ix-brief-event strong {font-weight:500;}
.ix-switch-options {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.ix-switch-options>section {padding:12px 14px;border:1px solid #DEDEDE;border-radius:8px;background:#F7F7F7;}
.ix-switch-options>section:last-child {border-color:#9CD5AF;background:#F1F9F3;}
.ix-switch-options h3 {display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:5px;font-size:16px;font-weight:500;}
.ix-switch-options h3>small {color:#178544;font-size:11px;font-weight:400;}
.ix-switch-options p {font-size:14px;line-height:1.6;color:var(--ix-muted);}
.ix-brief-conversation {padding:14px 16px;border-radius:8px;background:#F7F7F7;}
.ix-brief-conversation>h3 {font-size:12px;font-weight:400;color:var(--ix-muted);margin-bottom:10px;}
.ix-opening-exchange {display:flex;flex-direction:column;gap:10px;}
.ix-opening-exchange>p {display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;font-size:15px;line-height:1.6;}
.ix-opening-exchange>p>span {font-size:12px;color:var(--ix-muted);padding-top:2px;}
.ix-opening-exchange strong {font-weight:400;}
.ix-opening-exchange>p:last-child>strong {color:#176538;}
.ix-trigger {display:flex;align-items:center;gap:9px;min-width:0;padding:9px 11px;border-radius:7px;background:#F3F3F3;}
.ix-trigger>img {width:32px;height:32px;border-radius:4px;flex:none;}
.ix-trigger>div {display:flex;flex-direction:column;gap:1px;min-width:0;}
.ix-trigger strong {font-size:14px;font-weight:500;}
.ix-trigger>div>span {font-size:12px;color:var(--ix-muted);}
.ix-trigger .ix-trigger-button {margin-left:auto;flex:none;min-height:34px;padding:6px 11px;border:0;border-radius:5px;background:#07C160;color:#FFFFFF;font-size:13px;}
.ix-artifact-scene {min-height:0;}
.ix-artifact-scene>.ix-scene-title,.ix-artifact-scene>.ix-trigger,.ix-artifact-scene>.ix-scene-foot {flex:none;}
.ix-call-frames {display:grid;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;min-width:0;min-height:0;}
.ix-call-frames figure {display:flex;flex-direction:column;gap:7px;min-width:0;min-height:0;}
.ix-call-frames figure>.phone-preview {min-height:0;}
.ix-call-frames figcaption,.ix-call-frames figure>p {flex:none;}
.ix-call-frames figcaption {display:flex;align-items:baseline;justify-content:space-between;gap:5px;font-size:13px;}
.ix-call-frames figcaption strong {font-weight:500;}
.ix-call-frames figcaption>span {font-size:12px;color:var(--ix-muted);}
.ix-call-frames figure>p {font-size:13px;line-height:1.45;color:var(--ix-muted);text-align:center;}
/* All dimensions inside these scenes use the fixed 390 × 844 design canvas. */
.phone-preview-screen .ix-video,.phone-preview-screen .ix-video-placeholder {position:relative;width:100%;height:100%;border:0;background:#DCE2DF;overflow:hidden;font:16px/1.5 'PingFang SC',-apple-system,BlinkMacSystemFont,'Microsoft YaHei',sans-serif;}
.ix-video-status {position:absolute;inset:0 0 auto;height:48px;display:flex;align-items:center;justify-content:space-between;padding:10px 25px 7px;z-index:4;color:#253D31;}
.ix-video-status>span {font-size:17px;line-height:1;font-weight:600;}
.ix-video-status>svg {width:71px;height:16px;}
.ix-video-person {position:absolute;display:flex;align-items:center;justify-content:center;gap:20px;min-height:0;background:#DCE2DF;}
.ix-video-person>img {display:block;width:166px;height:166px;border-radius:18px;object-fit:cover;}
.ix-video-name {position:absolute;left:16px;bottom:13px;padding:3px 8px;border-radius:4px;background:rgba(0,0,0,.36);color:#FFFFFF;font-size:15px;line-height:1.5;}
.ix-video.is-large .ix-friend {inset:48px 0 160px;}
.ix-video.is-large .ix-self {right:18px;bottom:182px;z-index:2;width:102px;height:136px;border:2px solid #FFFFFF;border-radius:9px;box-shadow:0 3px 12px #0002;overflow:hidden;}
.ix-video.is-large .ix-self>img {width:100%;height:100%;border-radius:6px;}
.ix-video.is-large .ix-self .ix-video-name {left:0;bottom:0;right:0;font-size:13px;text-align:center;padding:2px;border-radius:0;}
.ix-video.is-split .ix-friend {top:48px;left:0;right:0;height:318px;}
.ix-video.is-split .ix-self {bottom:160px;left:0;right:0;height:318px;border-top:2px solid #FFFFFF;background:#BECFC7;}
.ix-video.is-split .ix-video-person>img {width:114px;height:114px;border-radius:12px;}
.ix-call-toolbar {position:absolute;display:flex;align-items:center;justify-content:center;gap:27px;height:126px;left:0;right:0;bottom:34px;background:#303A35;color:#FFFFFF;}
.ix-call-control {display:flex;flex-direction:column;align-items:center;gap:8px;width:82px;}
.ix-call-control>i {display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.16);}
.ix-call-control svg {display:block;width:26px;height:26px;}
.ix-call-control>small {font-size:13px;line-height:1.5;font-weight:400;white-space:nowrap;}
.ix-call-control>.ix-hangup {background:#FA5151;}
.ix-video-safe-area {position:absolute;bottom:0;left:0;right:0;height:34px;background:#303A35;}
.ix-video-safe-area::after {content:'';position:absolute;left:50%;bottom:8px;width:134px;height:5px;border-radius:3px;background:#FFFFFF;transform:translateX(-50%);}
.phone-preview-screen .ix-video-placeholder {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:#F5F6F5;color:rgba(0,0,0,.55);text-align:center;}
.ix-video-placeholder>span {color:#AABBAF;font-size:64px;line-height:1;}
.ix-video-placeholder>p {margin:0;font-size:18px;line-height:1.7;}
.ix-video-placeholder .ix-video-safe-area {background:transparent;}
.ix-video-placeholder .ix-video-safe-area::after {background:#1A2A20;}
.ix-call-frames .is-affected figcaption>span {color:#078948;}
.ix-scene-foot {display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;line-height:1.45;color:var(--ix-muted);margin-top:auto;}
.ix-scene-foot .ix-passive-note {color:#078948;}
.ix-scene-foot .research-text-button {flex:none;white-space:nowrap;}
.interview-workspace .research-canvas {min-width:0;}
.interview-workspace .ix-role-card {padding:12px 0;border-block:1px solid rgba(0,0,0,.08);}
.interview-workspace .ix-role-card>strong {display:block;font-size:15px;line-height:1.5;margin-bottom:5px;}
.interview-workspace .ix-role-card>p {font-size:15px;line-height:1.6;color:var(--research-muted);}
.interview-workspace .ix-opening-quote {padding:12px 14px;background:#EDEDED;border-radius:8px;}
.interview-workspace .ix-opening-quote>span {display:block;margin-bottom:5px;color:var(--research-muted);font-size:12px;}
.interview-workspace .ix-opening-quote>p {font-size:16px;line-height:1.5;}
.ix-artifact-chat {gap:14px;}
.ix-chat-top {display:flex;align-items:center;justify-content:space-between;gap:10px;}
.ix-chat-top>div {min-width:0;}
.ix-chat-top .research-text-button {flex:none;font-size:12px;}
.ix-context-strip {display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:6px;background:#F0F3F1;color:var(--ix-muted);}
.ix-context-strip>span {color:#07C160;font-size:24px;line-height:1;}
.ix-context-strip>p {font-size:13px;line-height:1.45;}
.ix-messages {display:flex;flex-direction:column;gap:16px;margin-block:auto;}
.ix-message {display:flex;align-items:flex-start;gap:9px;min-width:0;}
.ix-message>img {flex:none;width:34px;height:34px;border-radius:5px;margin-top:20px;}
.ix-message>div {display:flex;flex-direction:column;gap:4px;max-width:calc(100% - 55px);min-width:0;}
.ix-message>div>span {color:var(--ix-muted);font-size:12px;line-height:1.4;}
.ix-message p {position:relative;padding:10px 13px;border-radius:6px;background:#EDEDED;line-height:1.6;font-size:15px;overflow-wrap:anywhere;}
.ix-message p::before {content:'';position:absolute;left:-5px;top:12px;width:10px;height:10px;background:inherit;transform:rotate(45deg);}
.ix-message.is-own {flex-direction:row-reverse;}
.ix-message.is-own>div {align-items:flex-end;}
.ix-message.is-own p {background:#95EC69;}
.ix-message.is-own p::before {left:auto;right:-5px;}
.ix-unsent {display:flex;align-items:center;gap:11px;padding:11px 13px;border:1px dashed #CFD6D1;border-radius:6px;color:var(--ix-muted);font-size:13px;}
.ix-unsent>span {flex:none;font-size:11px;}
.ix-simulated-note {font-size:12px!important;line-height:1.5!important;color:var(--ix-muted);margin-top:auto!important;}
.interview-workspace .ix-questions {display:flex;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;border:0;}
.interview-workspace .ix-questions>button {display:block;width:100%;padding:11px 12px;min-height:51px;border:1px solid rgba(0,0,0,.12);border-radius:7px;background:#FFFFFF;color:rgba(0,0,0,.9);font-size:15px;line-height:1.5;text-align:left;overflow-wrap:anywhere;}
.interview-workspace .ix-questions>button:hover {border-color:#07C160;background:#F7FCF9;}
.interview-workspace .ix-questions>button[aria-pressed='true'] {border-color:#07C160;background:#EFF9F2;box-shadow:inset 3px 0 #07C160;}
.ix-findings {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.ix-findings>section {min-width:0;}
.ix-findings h3 {font-size:15px;line-height:1.5;font-weight:500;padding-bottom:9px;border-bottom:1px solid #DFE4DF;}
.ix-findings h3>span {color:#07A451;}
.ix-findings ul {margin:10px 0 0;padding:0 0 0 17px;font-size:14px;line-height:1.65;}
.ix-findings li+li {margin-top:8px;}
.ix-last-quote {padding:11px 13px;border-radius:7px;background:#F2F4F2;}
.ix-last-quote>span {display:block;margin-bottom:4px;font-size:12px;line-height:1.5;color:var(--ix-muted);}
.ix-last-quote>p {font-size:14px;line-height:1.6;}
.interview-workspace .ix-feedback {padding:13px 14px;border-radius:7px;background:#F2F2F2;}
.interview-workspace .ix-feedback.is-passed {border-left:3px solid #07C160;background:#F0FAF3;}
.interview-workspace .ix-feedback>strong {display:block;margin-bottom:6px;font-size:15px;}
.interview-workspace .ix-feedback>p {font-size:15px;line-height:1.6;color:var(--research-muted);}

@media(min-width:961px) and (min-height:620px) {
 .interview-workspace .research-canvas {min-height:0;}
 .interview-workspace .ix-artifact {min-height:0;}
 .interview-workspace .research-layout {grid-template-columns:minmax(0,1fr) 320px;}
}
@media(min-width:961px) and (min-height:620px) and (max-height:760px) {
 .interview-workspace .research-canvas {padding:12px 17px;}
 .interview-workspace .research-guide {padding:13px 17px;gap:10px;}
 .interview-workspace .research-guide>h2 {font-size:19px;line-height:1.4;}
 .interview-workspace .research-guide>p {font-size:14px;line-height:1.5;}
 .interview-workspace .ix-artifact {gap:10px;}
 .interview-workspace .ix-brief-lead,.interview-workspace .ix-brief-event {font-size:14px;line-height:1.55;}
 .interview-workspace .ix-switch-options>section {padding:10px 12px;}
 .interview-workspace .ix-switch-options h3 {font-size:15px;}
 .interview-workspace .ix-switch-options p {font-size:13px;line-height:1.5;}
 .interview-workspace .ix-brief-conversation {padding:10px 12px;}
 .interview-workspace .ix-brief-conversation>h3 {margin-bottom:7px;}
 .interview-workspace .ix-opening-exchange {gap:7px;}
 .interview-workspace .ix-opening-exchange>p {font-size:14px;line-height:1.5;}
 .interview-workspace .ix-artifact h2 {font-size:20px;line-height:1.35;}
 .interview-workspace .ix-scene-title>span,.interview-workspace .ix-chat-top>div>span {font-size:11px;margin-bottom:3px;}
 .interview-workspace .ix-trigger {padding:6px 9px;gap:8px;}
 .interview-workspace .ix-trigger>img {width:29px;height:29px;}
 .interview-workspace .ix-trigger strong {font-size:13px;}
 .interview-workspace .ix-trigger>div>span {font-size:11px;}
 .interview-workspace .ix-trigger-button {min-height:30px;font-size:12px;padding:5px 9px;}
 .interview-workspace .ix-call-frames {gap:16px;}
 .interview-workspace .ix-call-frames figure {gap:5px;}
 .interview-workspace .ix-call-frames figcaption {font-size:12px;}
 .interview-workspace .ix-call-frames figure>p {font-size:12px;}
 .interview-workspace .ix-scene-foot {font-size:12px;gap:8px;}
 .interview-workspace .ix-scene-foot .research-text-button {font-size:12px;padding:3px 0;min-height:25px;}
 .interview-workspace .ix-role-card {padding-block:9px;}
 .interview-workspace .ix-role-card>strong,.interview-workspace .ix-role-card>p {font-size:14px;line-height:1.5;}
 .interview-workspace .ix-opening-quote {padding:9px 11px;}
 .interview-workspace .ix-opening-quote>p {font-size:15px;}
 .interview-workspace .ix-context-strip {padding:7px 9px;}
 .interview-workspace .ix-context-strip>p {font-size:12px;}
 .interview-workspace .ix-message p {font-size:14px;line-height:1.55;padding:9px 11px;}
 .interview-workspace .ix-messages {gap:12px;}
 .interview-workspace .ix-questions {gap:7px;}
 .interview-workspace .ix-questions>button {font-size:14px;line-height:1.5;padding:9px 11px;min-height:46px;}
 .interview-workspace .ix-findings {gap:16px;}
 .interview-workspace .ix-findings h3 {font-size:14px;padding-bottom:7px;}
 .interview-workspace .ix-findings ul {font-size:13px;line-height:1.55;margin-top:8px;}
 .interview-workspace .ix-findings li+li {margin-top:6px;}
 .interview-workspace .ix-last-quote {padding:9px 11px;}
 .interview-workspace .ix-last-quote>p {font-size:13px;line-height:1.5;}
 .interview-workspace .ix-feedback {padding:11px 12px;}
 .interview-workspace .ix-feedback>strong,.interview-workspace .ix-feedback>p {font-size:14px;line-height:1.5;}
 .interview-workspace .research-guide-bottom {gap:7px;}
}
@media(max-width:960px) {
 .interview-workspace .research-layout {grid-template-columns:minmax(0,1fr);}
 .interview-workspace .research-canvas,.interview-workspace .research-guide {padding:20px;}
 .interview-workspace .ix-artifact {gap:16px;}
 .interview-workspace .research-guide>p,.interview-workspace .ix-role-card>p {font-size:15px;line-height:1.65;}
 .interview-workspace .ix-message p,.interview-workspace .ix-questions>button,.interview-workspace .ix-findings ul,.interview-workspace .ix-last-quote>p {font-size:15px;line-height:1.65;}
 .interview-workspace .ix-questions>button {min-height:48px;padding:12px;}
 .interview-workspace .ix-messages {margin-block:6px;gap:17px;}
 .interview-workspace .research-footer>span {max-width:48%;}
 .interview-workspace .ix-call-frames {grid-template-columns:minmax(0,1fr);flex:none;gap:24px;}
 .interview-workspace .ix-call-frames figure {gap:9px;}
}
@media(max-width:600px) {
 .interview-workspace .research-canvas,.interview-workspace .research-guide {padding:17px 15px;}
 .interview-workspace .ix-artifact h2 {font-size:21px;}
 .interview-workspace .ix-switch-options {grid-template-columns:minmax(0,1fr);gap:9px;}
 .interview-workspace .ix-brief-conversation {padding:13px;}
 .interview-workspace .ix-trigger {flex-wrap:wrap;padding:9px;}
 .interview-workspace .ix-trigger>div>span {font-size:11px;}
 .interview-workspace .ix-trigger-button {font-size:12px;min-height:36px;padding:7px 9px;}
 .interview-workspace .ix-call-frames figcaption {font-size:14px;}
 .interview-workspace .ix-call-frames figure>p {font-size:12px;}
 .interview-workspace .ix-scene-foot {flex-direction:column;align-items:flex-start;gap:5px;}
 .interview-workspace .ix-chat-top {align-items:flex-start;flex-direction:column;gap:5px;}
 .interview-workspace .ix-chat-top .research-text-button {padding:2px 0;min-height:30px;}
 .interview-workspace .ix-message>img {width:30px;height:30px;}
 .interview-workspace .ix-message>div {max-width:calc(100% - 43px);}
 .interview-workspace .ix-message p {padding:10px 11px;}
 .interview-workspace .ix-findings {grid-template-columns:minmax(0,1fr);gap:20px;}
 .interview-workspace .ix-findings h3 {font-size:16px;}
 .interview-workspace .ix-last-quote>span {font-size:13px;}
}
@media(prefers-reduced-motion:reduce) {.ix-artifact * {transition:none!important;animation:none!important;}}