:root{
  --white:#FFFFFF;--primary-blue:#00416B;--deep-blue:#002343;--action-green:#00C08B;--dark-green:#008661;
  --primary-text:#2F3B3E;--secondary-text:#586466;--muted-text:#6C787A;--line:#D4DEE0;--strong-line:#B8C6C9;
  --danger:#B03D32;--danger-soft:#FCEFED;--green-soft:#EAF9F4;--blue-soft:#EEF5F8;--bg:#F7FAFA;
  --font-family:"DIN Next LT Arabic","DIN Next","DINNextLTArabic","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-label:14px;--font-body:16px;--font-subtitle:20px;--font-heading:24px;--font-display:32px;
  --line-label:1.35;--line-body:1.5;--line-heading:1.18;--activity-h:680px;
}
@media(max-width:700px){:root{--font-label:14px;--font-body:16px;--font-subtitle:18px;--font-heading:22px;--font-display:28px}}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:var(--activity-h);min-height:var(--activity-h);max-height:var(--activity-h);overflow:hidden;background:#fff;color:var(--primary-text);font-family:var(--font-family);font-weight:400;-webkit-font-smoothing:antialiased}button{font:inherit}button:focus-visible{outline:3px solid rgba(0,192,139,.25);outline-offset:2px}h1,h2,h3,p{margin:0}.activity-shell{height:var(--activity-h);padding:8px;background:#fff;overflow:hidden}.screen{height:100%;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 1px 3px rgba(16,24,40,.08)}
.btn{height:48px;min-height:48px;border-radius:12px;border:1px solid transparent;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:700;cursor:pointer;white-space:nowrap}.btn.primary{background:var(--action-green);color:#fff}.btn.primary:hover{background:var(--dark-green)}.btn.secondary{background:#fff;color:var(--primary-blue);border-color:var(--strong-line)}.btn:disabled{background:#F5F7F7;color:#9AA7AA;border-color:#DCE4E6;cursor:not-allowed}.icon{width:18px;height:18px;display:inline-grid;place-items:center}.icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.start-screen{position:relative;display:flex;align-items:center;padding:32px 48px;background:#fff url('../images/intro-hero.png') center/cover no-repeat;isolation:isolate}.start-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.995) 0%,rgba(255,255,255,.97) 36%,rgba(255,255,255,.72) 53%,rgba(255,255,255,.12) 78%,rgba(255,255,255,0) 100%);z-index:1}.start-copy{position:relative;z-index:2;width:min(640px,52%);padding-left:8px}.start-copy h1{font-size:var(--font-display);line-height:var(--line-heading);font-weight:700;color:var(--primary-blue);margin-bottom:16px}.start-copy p{font-size:16px;line-height:1.5;color:var(--secondary-text);max-width:590px;margin-bottom:24px}.start-copy .btn{min-width:196px}
.activity-screen{display:grid;grid-template-rows:64px minmax(0,1fr) 64px;background:#fff}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line);gap:16px}.top-title{min-width:0}.top-title h2{font-size:24px;line-height:1.18;color:var(--primary-blue);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-wrap{display:flex;align-items:center;gap:10px}.progress-label{font-size:14px;font-weight:700;color:var(--secondary-text);white-space:nowrap}.progress-track{width:160px;height:8px;background:#EDF0F1;border-radius:999px;overflow:hidden}.progress-track span{display:block;height:100%;background:var(--action-green);border-radius:999px}.main{min-height:0;padding:16px 20px;background:var(--bg);overflow:hidden}.footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#fff}.footer .spacer{width:1px}
.section-head{margin-bottom:12px}.section-head .eyebrow{font-size:14px;line-height:1.35;font-weight:700;color:var(--dark-green);text-transform:uppercase;letter-spacing:.02em;margin-bottom:5px}.section-head h3{font-size:24px;line-height:1.18;font-weight:700;color:var(--deep-blue);margin-bottom:6px}.section-head p{font-size:16px;line-height:1.5;color:var(--secondary-text)}
.match-layout{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px}.trainee-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-height:0}.trainee-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:start;min-height:0}.portrait{width:96px;height:96px;border-radius:50%;object-fit:cover;border:5px solid #EEF5F8}.trainee-copy h4{margin:0 0 2px;font-size:20px;line-height:1.18;color:var(--primary-blue);font-weight:700}.role{font-size:14px;font-weight:700;color:var(--dark-green);margin-bottom:8px}.profile{font-size:16px;line-height:1.5;color:var(--secondary-text);margin-bottom:12px}.model-options{display:grid;grid-template-columns:1fr;gap:8px}.choice{width:100%;border:1.5px solid var(--strong-line);border-radius:12px;background:#fff;padding:10px 12px;display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;text-align:left;align-items:center;cursor:pointer}.choice:hover{border-color:var(--action-green)}.choice.selected{border-color:var(--action-green);background:var(--green-soft)}.radio{width:24px;height:24px;border-radius:50%;border:2px solid var(--strong-line);display:grid;place-items:center}.choice.selected .radio{border-color:var(--action-green)}.choice.selected .radio:after{content:"";width:12px;height:12px;border-radius:50%;background:var(--action-green)}.choice strong{display:block;font-size:16px;line-height:1.35;color:var(--primary-text)}.choice small{display:block;font-size:14px;line-height:1.35;color:var(--muted-text);margin-top:2px}
.conversation{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px}.conversation-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:16px;min-height:0}.context-card,.question-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;min-height:0}.context-card{display:flex;flex-direction:column;gap:12px}.context-person{display:flex;gap:12px;align-items:center}.context-person .portrait{width:72px;height:72px}.context-person h4{margin:0;font-size:20px;color:var(--primary-blue);font-weight:700}.step-pill{display:inline-flex;align-items:center;align-self:flex-start;padding:6px 10px;border-radius:999px;background:var(--blue-soft);color:var(--primary-blue);font-size:14px;font-weight:700}.trainee-speech{padding:14px;border-radius:12px;background:#F8FAFA;border:1px solid var(--line);font-size:16px;line-height:1.5;color:var(--primary-text)}.question-card{display:flex;flex-direction:column}.question-card h3{font-size:20px;line-height:1.18;color:var(--deep-blue);font-weight:700;margin-bottom:12px}.answer-list{display:grid;gap:8px;min-height:0}.answer{border:1.5px solid var(--strong-line);background:#fff;border-radius:12px;padding:11px 12px;display:grid;grid-template-columns:26px 1fr;gap:10px;text-align:left;align-items:start;cursor:pointer}.answer.selected{border-color:var(--action-green);background:var(--green-soft)}.answer .radio{margin-top:1px}.answer span:last-child{font-size:16px;line-height:1.45;font-weight:700;color:var(--primary-text)}
.snapps-track{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:auto}.snap-step{border-radius:10px;padding:7px 4px;text-align:center;background:#EEF1F2;color:var(--muted-text);font-size:14px;font-weight:700;border:1px solid transparent}.snap-step.done{background:var(--green-soft);color:var(--dark-green);border-color:#BFEBDD}.snap-step.active{background:var(--primary-blue);color:#fff}
.feedback-backdrop{position:absolute;inset:8px;background:rgba(0,35,67,.16);display:grid;place-items:end center;padding:16px;border-radius:16px;z-index:20}.feedback-card{width:min(980px,calc(100% - 24px));background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 16px 32px rgba(0,35,67,.14);display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:16px;align-items:center}.feedback-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center}.feedback-card.correct .feedback-icon{background:var(--green-soft);color:var(--dark-green)}.feedback-card.review .feedback-icon{background:var(--danger-soft);color:var(--danger)}.feedback-icon .icon{width:26px;height:26px}.feedback-copy h3{font-size:24px;line-height:1.18;color:var(--deep-blue);font-weight:700;margin-bottom:4px}.feedback-copy p{font-size:16px;line-height:1.5;color:var(--secondary-text)}
.complete-screen{display:grid;place-items:center;background:#F0F7F4;padding:32px}.complete-card{width:min(760px,100%);padding:42px 34px;border-radius:24px;background:#fff;border:1px solid #DCE8E3;box-shadow:0 10px 28px rgba(0,65,107,.10);text-align:center}.complete-mark{width:76px;height:76px;border-radius:50%;margin:0 auto 20px;background:var(--green-soft);color:var(--dark-green);display:grid;place-items:center}.complete-mark .icon{width:34px;height:34px}.complete-card h1{font-size:32px;line-height:1.18;color:var(--primary-blue);font-weight:700;margin-bottom:12px}.complete-card p{font-size:16px;line-height:1.5;color:var(--secondary-text);max-width:620px;margin:0 auto}
@media(max-width:900px){.activity-screen{grid-template-rows:60px minmax(0,1fr) 60px}.topbar{padding:0 16px}.main{padding:12px 16px}.progress-track{width:110px}.trainee-card{grid-template-columns:72px 1fr}.trainee-card .portrait{width:72px;height:72px}.conversation-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.feedback-card{grid-template-columns:50px 1fr auto}}
@media(max-width:820px){html,body,.activity-shell{height:auto;min-height:680px;max-height:none;overflow:auto}.activity-shell{overflow:visible}.screen{min-height:680px;height:auto}.activity-screen{min-height:680px;height:auto;grid-template-rows:60px auto 60px}.main{overflow:visible}.trainee-grid{grid-template-columns:1fr}.trainee-card{grid-template-columns:72px 1fr}.conversation-grid{grid-template-columns:1fr}.context-card{display:grid;grid-template-columns:auto 1fr;align-items:start}.context-person{grid-column:1/2}.step-pill{grid-column:2/3;margin-top:6px}.trainee-speech{grid-column:1/3}.snapps-track{grid-column:1/3}.feedback-backdrop{position:fixed;inset:0;border-radius:0;place-items:end center}.feedback-card{grid-template-columns:48px 1fr;}.feedback-card .btn{grid-column:1/3;width:100%}}
@media(max-width:700px){.start-screen{min-height:680px;padding:28px 24px;background-position:66% center}.start-screen:before{background:linear-gradient(90deg,rgba(255,255,255,.995) 0%,rgba(255,255,255,.98) 48%,rgba(255,255,255,.72) 72%,rgba(255,255,255,.15) 100%)}.start-copy{width:82%;padding-left:0}.top-title h2{font-size:22px}.section-head h3{font-size:22px}.feedback-copy h3{font-size:22px}.complete-card h1{font-size:28px}.progress-track{display:none}}
@media(max-width:480px){.activity-shell{padding:0}.screen{border-radius:0;border-left:0;border-right:0}.start-screen{padding:28px 20px;background-position:72% center}.start-copy{width:92%}.topbar{padding:0 12px}.top-title h2{max-width:240px}.main{padding:12px}.footer{padding:0 12px}.trainee-card{grid-template-columns:58px 1fr;padding:14px}.trainee-card .portrait{width:58px;height:58px;border-width:3px}.profile{grid-column:1/3}.model-options{grid-column:1/3}.context-card,.question-card{padding:14px}.context-person .portrait{width:58px;height:58px;border-width:3px}.snapps-track{grid-template-columns:repeat(3,1fr)}.feedback-card{width:calc(100% - 16px);padding:14px}.complete-screen{padding:20px}.complete-card{padding:34px 22px}}

@media(max-width:480px){
  .topbar{height:68px;min-height:68px;position:relative;align-items:flex-start;padding-top:10px;padding-bottom:10px}
  .top-title{width:100%;padding-right:0}
  .top-title h2{max-width:none;white-space:normal;overflow:visible;text-overflow:clip;font-size:22px;line-height:1.18}
  .progress-wrap{position:absolute;left:12px;right:12px;bottom:5px;height:4px;display:block}
  .progress-label{display:none}
  .progress-track{display:block;width:100%;height:4px}
  .activity-screen{grid-template-rows:68px auto 60px}
}

/* Activity 4 refinement */
.person-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#EEF5F8;border:4px solid #E4EEF2;color:var(--primary-blue);flex:0 0 auto}.person-icon .icon{width:34px;height:34px}.profile-head{display:flex;align-items:center;gap:16px}.profile-head h4{margin:0 0 2px;font-size:20px;color:var(--primary-blue);font-weight:700}.profile-head.compact{gap:12px}.profile-head.compact .person-icon{width:58px;height:58px;border-width:3px}.single-decision{height:100%;display:grid;grid-template-rows:auto auto 1fr;gap:16px;max-width:980px;margin:0 auto}.profile-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}.profile-card .profile-head{grid-column:1/2}.profile-card .profile{grid-column:2/3;margin:0}.model-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-content:start}.model-pair .choice{min-height:96px;padding:16px}.choice.selected .radio,.answer.selected .radio,.response-card.selected .radio{border-color:var(--action-green)}.choice.selected .radio:after,.answer.selected .radio:after,.response-card.selected .radio:after{content:"";width:12px;height:12px;border-radius:50%;background:var(--action-green)}
.conversation-builder{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);gap:16px;min-height:0;height:100%}.dialogue-panel,.response-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;min-height:0}.dialogue-panel{display:flex;flex-direction:column;gap:12px}.speech,.trainer-slot{border-radius:12px;padding:14px 16px;font-size:16px;line-height:1.5}.speech{background:#F8FAFA;border:1px solid var(--line);color:var(--primary-text)}.trainer-slot{border:1.5px dashed var(--strong-line);background:#fff;color:var(--muted-text);min-height:92px}.trainer-slot.filled{border-style:solid;border-color:var(--action-green);background:var(--green-soft);color:var(--primary-text)}.speaker{display:block;font-size:14px;line-height:1.35;font-weight:700;color:var(--primary-blue);margin-bottom:6px}.placeholder{font-size:16px;color:var(--muted-text)}.response-panel{display:flex;flex-direction:column}.response-panel h3{font-size:20px;line-height:1.18;color:var(--deep-blue);font-weight:700;margin-bottom:12px}.response-bank{display:grid;gap:10px}.response-card{border:1.5px solid var(--strong-line);background:#fff;border-radius:12px;padding:12px 14px;display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;text-align:left;align-items:start;cursor:pointer}.response-card:hover{border-color:var(--action-green)}.response-card.selected{border-color:var(--action-green);background:var(--green-soft)}.response-card .radio{margin-top:1px}.response-card>span:last-child{font-size:16px;line-height:1.45;font-weight:700;color:var(--primary-text)}
.feedback-backdrop{place-items:center;padding:24px}.feedback-card{align-self:center}
.bridge-main{display:grid;place-items:center}.bridge-card{width:min(760px,100%);background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px;text-align:left;box-shadow:0 10px 24px rgba(0,65,107,.08)}.bridge-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--blue-soft);color:var(--primary-blue);margin-bottom:16px}.bridge-icon .icon{width:28px;height:28px}.bridge-card .eyebrow{font-size:14px;line-height:1.35;font-weight:700;color:var(--dark-green);margin-bottom:8px}.bridge-card h3{font-size:24px;line-height:1.18;color:var(--deep-blue);margin:0 0 12px}.bridge-card p{font-size:16px;line-height:1.5;color:var(--secondary-text);margin:0 0 24px}
@media(max-width:820px){.single-decision{height:auto}.profile-card{grid-template-columns:1fr}.profile-card .profile-head,.profile-card .profile{grid-column:1}.model-pair{grid-template-columns:1fr}.conversation-builder{grid-template-columns:1fr;height:auto}.feedback-backdrop{place-items:center}.feedback-card{align-self:auto}.bridge-main{min-height:500px}}
@media(max-width:480px){.person-icon{width:58px;height:58px;border-width:3px}.model-pair .choice{min-height:84px}.bridge-card{padding:24px}.conversation-builder{gap:12px}.dialogue-panel,.response-panel{padding:14px}}

/* Activity 4 v3 — conversation simulation */
.overview-main{display:grid;place-items:center}.overview-wrap{width:min(1040px,100%)}.journey-path{position:relative;display:grid;grid-template-columns:1fr 56px 1fr;gap:16px;align-items:center;margin-top:28px}.journey-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:center;min-height:138px}.journey-number{width:48px;height:48px;border-radius:50%;background:var(--blue-soft);color:var(--primary-blue);display:grid;place-items:center;font-size:20px;font-weight:700}.journey-card h4{margin:0 0 2px;font-size:20px;line-height:1.18;color:var(--primary-blue);font-weight:700}.journey-card p{margin:8px 0 0;font-size:16px;line-height:1.5;color:var(--secondary-text)}.path-arrow{width:56px;height:56px;border-radius:50%;background:var(--green-soft);color:var(--dark-green);display:grid;place-items:center}.path-arrow .icon{width:26px;height:26px}
.model-decision{height:100%;display:grid;grid-template-rows:auto auto 1fr;gap:12px;max-width:1120px;margin:0 auto}.model-decision .profile-card{padding:14px 16px}.model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-content:start;min-height:0}.model-grid .choice{min-height:126px;padding:14px}.model-grid .choice small{margin-top:5px}.profile-card .profile{font-size:16px;line-height:1.45}
.omp-main,.snapps-main{padding-top:12px;padding-bottom:12px}.omp-layout,.snapps-layout{height:100%;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(360px,.9fr);gap:14px;min-height:0}.chat-card,.snapps-chat-card,.reply-card,.snap-action-card{background:#fff;border:1px solid var(--line);border-radius:16px;min-height:0;overflow:hidden}.chat-card,.snapps-chat-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.chat-head,.snapps-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-bottom:1px solid var(--line)}.chat-head .eyebrow,.snapps-head .eyebrow{font-size:14px;line-height:1.35;font-weight:700;color:var(--dark-green);margin-bottom:3px}.chat-head h3,.snapps-head h3{font-size:20px;line-height:1.18;color:var(--deep-blue);font-weight:700}.timer-box{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:12px;background:var(--green-soft);color:var(--dark-green);flex:0 0 auto}.timer-box.expired{background:var(--danger-soft);color:var(--danger)}.timer-box .icon{width:22px;height:22px}.timer-box>div{display:grid}.timer-label{font-size:14px;line-height:1.2;font-weight:500}.timer-box strong{font-size:20px;line-height:1.1;font-variant-numeric:tabular-nums}.chat-window{padding:12px 14px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;min-height:0;background:#FBFCFC}.chat-row{display:flex}.chat-row.trainee{justify-content:flex-start}.chat-row.trainer{justify-content:flex-end}.chat-bubble{position:relative;max-width:82%;padding:9px 11px;border-radius:14px;font-size:16px;line-height:1.42;overflow-wrap:anywhere;word-break:normal}.chat-row.trainee .chat-bubble{background:#fff;border:1px solid var(--line);border-bottom-left-radius:5px}.chat-row.trainer .chat-bubble{background:var(--green-soft);border:1px solid #BFEBDD;border-bottom-right-radius:5px}.speaker{font-size:14px;line-height:1.3;font-weight:700;color:var(--primary-blue);margin-bottom:3px}.micro-tag{display:block;width:max-content;max-width:100%;margin-top:5px;padding:3px 7px;border-radius:999px;background:#fff;color:var(--dark-green);font-size:14px;line-height:1.2;font-weight:700;white-space:normal}.timer-hint,.time-note{padding:7px 14px;border-top:1px solid var(--line);font-size:14px;line-height:1.35;color:var(--muted-text);background:#fff}.time-note{color:var(--danger);background:var(--danger-soft)}
.reply-card,.snap-action-card{padding:14px;display:flex;flex-direction:column}.reply-head{margin-bottom:10px}.reply-kicker{display:block;font-size:14px;line-height:1.35;font-weight:700;color:var(--dark-green);margin-bottom:4px}.reply-head h3{font-size:20px;line-height:1.18;color:var(--deep-blue);font-weight:700;margin:0}.reply-options{display:grid;gap:8px;min-height:0}.reply-option{width:100%;border:1.5px solid var(--strong-line);border-radius:12px;background:#fff;padding:10px 11px;display:grid;grid-template-columns:24px minmax(0,1fr);gap:9px;align-items:start;text-align:left;cursor:pointer;min-width:0}.reply-option:hover{border-color:var(--action-green)}.reply-option.selected{border-color:var(--action-green);background:var(--green-soft)}.reply-option .radio{width:22px;height:22px;margin-top:1px}.reply-option.selected .radio{border-color:var(--action-green)}.reply-option.selected .radio:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--action-green)}.reply-option>span:last-child{font-size:16px;line-height:1.4;font-weight:700;color:var(--primary-text);overflow-wrap:anywhere}
.summary-main{display:grid;place-items:center}.summary-card{width:min(900px,100%);background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;text-align:center}.complete-inline{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--dark-green);margin:0 auto 12px}.complete-inline .icon{width:28px;height:28px}.summary-card .eyebrow{font-size:14px;line-height:1.35;font-weight:700;color:var(--dark-green);margin-bottom:6px}.summary-card h3{font-size:24px;line-height:1.18;color:var(--deep-blue);font-weight:700;margin:0 0 8px}.summary-card p{font-size:16px;line-height:1.5;color:var(--secondary-text);max-width:720px;margin:0 auto}.omp-map{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:20px}.map-step{min-height:90px;border:1px solid #BFEBDD;background:var(--green-soft);border-radius:12px;padding:10px 8px;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;gap:5px}.map-step>span:first-child{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--dark-green);color:#fff;font-size:14px;font-weight:700}.map-step strong{font-size:14px;line-height:1.3;color:var(--primary-text)}.map-step .icon{color:var(--dark-green)}
.snapps-chat-card{grid-template-rows:auto auto minmax(0,1fr)}.snapps-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:9px 12px;border-bottom:1px solid var(--line);margin:0}.snap-step{min-width:0;display:flex;align-items:center;justify-content:center;gap:4px}.snap-step .icon{width:14px;height:14px}.snapps-chat{padding-top:10px}.snap-action-card{justify-content:space-between}.observe-note{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:12px;background:#F8FAFA}.observe-icon{width:44px;height:44px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:var(--blue-soft);color:var(--primary-blue)}.observe-icon .icon{width:22px;height:22px}.observe-note h3{font-size:20px;line-height:1.18;color:var(--deep-blue);font-weight:700;margin:0 0 6px}.observe-note p{font-size:16px;line-height:1.5;color:var(--secondary-text);margin:0}.snap-action-card>.btn{align-self:flex-end;min-width:150px}.snapps-final-track{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:20px}.snap-summary-step{min-height:90px;border:1px solid #BFEBDD;background:var(--green-soft);border-radius:12px;padding:10px 8px;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;align-items:center;gap:5px}.summary-step-number{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--dark-green);color:#fff;font-size:14px;font-weight:700}.snap-summary-step strong{font-size:14px;line-height:1.3;color:var(--primary-text)}.snap-summary-step>.icon{width:18px;height:18px;color:var(--dark-green)}
@media(max-width:1024px){.model-grid{grid-template-columns:1fr}.model-grid .choice{min-height:78px}.omp-layout,.snapps-layout{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr)}.chat-bubble{max-width:88%}.omp-map{grid-template-columns:repeat(5,1fr)}}
@media(max-width:820px){.overview-main,.summary-main{min-height:520px}.journey-path{grid-template-columns:1fr;gap:12px}.path-arrow{transform:rotate(90deg);margin:0 auto}.model-decision{height:auto}.model-grid{grid-template-columns:1fr}.omp-layout,.snapps-layout{height:auto;grid-template-columns:1fr}.chat-card,.snapps-chat-card{min-height:430px}.chat-window{max-height:360px}.reply-card,.snap-action-card{min-height:0}.omp-map{grid-template-columns:repeat(2,1fr)}.omp-map .map-step:last-child{grid-column:1/3}.snapps-final-track{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.journey-card{grid-template-columns:42px 1fr;padding:16px}.journey-number{width:42px;height:42px}.model-grid .choice{min-height:0}.chat-head,.snapps-head{align-items:flex-start}.timer-box{padding:7px 9px}.timer-label{display:none}.chat-bubble{max-width:94%}.omp-map{grid-template-columns:1fr}.omp-map .map-step:last-child{grid-column:auto}.map-step{min-height:58px;grid-template-columns:30px 1fr 20px;grid-template-rows:1fr;align-items:center;justify-items:start;text-align:left}.snapps-track{grid-template-columns:repeat(3,1fr)}.snapps-final-track{grid-template-columns:1fr}.snap-summary-step{min-height:58px;grid-template-columns:30px 1fr 20px;grid-template-rows:1fr;align-items:center;justify-items:start;text-align:left}}
@media(max-width:480px){.overview-wrap .section-head{margin-bottom:4px}.journey-path{margin-top:16px}.journey-card{min-height:112px}.profile-card{grid-template-columns:1fr}.profile-card .profile-head,.profile-card .profile{grid-column:1}.model-grid{gap:8px}.model-grid .choice{padding:11px}.omp-main,.snapps-main{padding:10px}.chat-card,.snapps-chat-card{min-height:400px}.chat-head,.snapps-head{padding:10px 11px}.chat-window{padding:10px 11px;max-height:330px}.chat-bubble{max-width:97%;padding:8px 10px}.reply-card,.snap-action-card{padding:11px}.reply-option{padding:9px 10px}.summary-card{padding:22px 16px}.snapps-final-track{grid-template-columns:1fr 1fr}}

/* Activity 4 v4 — conversation polish */
[hidden]{display:none!important}
.chat-window{scroll-behavior:auto}
.chat-row.current{scroll-margin-block-end:18px}
.time-note{display:flex;align-items:flex-start;gap:8px;color:var(--danger);background:var(--danger-soft);padding:8px 14px;border-top:1px solid #F2C9C3}
.time-note strong{flex:0 0 auto;font-weight:700}
.time-note span{font-size:14px;line-height:1.35;color:var(--danger)}

.snapps-head p.snapps-helper{margin-top:6px;max-width:760px;font-size:14px;line-height:1.35;color:var(--secondary-text)}
.discussion-pause{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border:1px dashed var(--strong-line);border-radius:12px;background:#F7FAFA;color:var(--primary-text);scroll-margin-block-end:18px}
.pause-dot{width:10px;height:10px;border-radius:50%;background:var(--primary-blue);margin-top:6px;flex:0 0 auto}
.discussion-pause strong{display:block;font-size:14px;line-height:1.35;color:var(--primary-blue);margin-bottom:3px}
.discussion-pause p{margin:0;font-size:16px;line-height:1.5;color:var(--primary-text)}
.snap-action-card.observe-state{display:flex;flex-direction:column;gap:14px;padding:14px}
.snap-action-card.intervene-state{display:flex;flex-direction:column;padding:14px}
.observe-cue{margin-top:auto;padding:12px 14px;border-left:3px solid var(--primary-blue);background:var(--blue-soft);border-radius:10px;display:grid;gap:3px}
.observe-cue strong{font-size:14px;line-height:1.35;color:var(--primary-blue)}
.observe-cue span{font-size:16px;line-height:1.45;color:var(--primary-text)}
.reply-support{font-size:14px;line-height:1.35;color:var(--secondary-text);margin:6px 0 0}


@media(max-width:820px){
  .time-note{flex-direction:column;gap:2px}
  .snapps-head p.snapps-helper{max-width:none}
}
@media(max-width:480px){
  .discussion-pause{padding:10px}
  .observe-cue{padding:10px 12px}
}


/* Unified SCFHS Start Screen */
.start-screen,.screen.start{
position:relative!important;display:grid!important;
grid-template-columns:minmax(0,1.03fr) minmax(380px,.97fr)!important;
align-items:stretch!important;padding:0!important;background:#fff!important;
background-image:none!important;overflow:hidden!important}
.start-screen::before,.start-screen::after,.screen.start::before,.screen.start::after{
content:none!important;display:none!important;background:none!important}
.start-copy{width:auto!important;max-width:none!important;display:flex!important;
flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;
gap:16px!important;padding:58px 72px!important;position:relative!important;z-index:2!important;
background:transparent!important}
.start-copy h1{font-size:32px!important;line-height:1.18!important;font-weight:700!important;
max-width:600px!important;margin:0!important}
.start-copy p{font-size:16px!important;line-height:1.5!important;max-width:560px!important;margin:0!important}
.start-copy .btn{margin-top:8px!important}
.start-brand-panel{position:relative!important;overflow:hidden!important;background:transparent!important;min-width:0}
.start-brand-panel::before,.start-brand-panel::after{content:none!important;display:none!important;background:none!important}
.brand-pattern{position:absolute;inset:0;width:100%;height:100%;background:transparent!important}
.brand-pattern .arc-blue{stroke:#205B89;fill:none!important}
.brand-pattern .arc-blue-light{stroke:#80A6D0;fill:none!important}
.brand-pattern .arc-green{stroke:#00AD7D;fill:none!important}
.brand-pattern .arc-cyan{stroke:#46A193;fill:none!important}
.brand-pattern .dot-blue{fill:#205B89}.brand-pattern .dot-blue-light{fill:#80A6D0}
.brand-pattern .dot-green{fill:#00AD7D}.brand-pattern .dot-cyan{fill:#46A193}
@media(max-width:900px){.start-screen,.screen.start{grid-template-columns:minmax(0,1fr) minmax(300px,.72fr)!important}
.start-copy{padding:44px 40px!important}}
@media(max-width:700px){.start-screen,.screen.start{grid-template-columns:1fr!important;min-height:680px!important}
.start-copy{padding:42px 26px 30px!important;justify-content:flex-start!important;width:auto!important}
.start-brand-panel{min-height:230px!important}.start-copy h1{font-size:28px!important}}