/* Storybook Learning Gateway v2.1 — calibrated subject accents. Only this grade 1–6 dialog is restyled. */
/* Accent / soft surface / companion accent follow the approved subject swatches.
   Text uses darker ink; selection and primary actions keep the shared sage identity. */
.world-learning-dialog.gateway-v2{
 --gateway-accent:#9dc5a7;--gateway-soft:#dfeedd;--gateway-detail:#d6be82;
 --gateway-edge:#91aa87;--gateway-ink:#354e3c;--gateway-second-edge:#b7a16c;
 font-family:'Nunito',system-ui,sans-serif;
}
.world-learning-dialog.gateway-v2[data-subject='math']{--gateway-accent:#e9b77e;--gateway-soft:#f7e5c9;--gateway-detail:#688f76;--gateway-edge:#be9868;--gateway-ink:#634428;--gateway-second-edge:#8da58b}
.world-learning-dialog.gateway-v2[data-subject='bahasa-indonesia']{--gateway-accent:#e9ab9a;--gateway-soft:#f8ddd2;--gateway-detail:#718f77;--gateway-edge:#c08d7b;--gateway-ink:#693e32;--gateway-second-edge:#91a58e}
.world-learning-dialog.gateway-v2[data-subject='english']{--gateway-accent:#a8c7e5;--gateway-soft:#e0eef7;--gateway-detail:#d9b8e8;--gateway-edge:#8ba9c0;--gateway-ink:#344d5f;--gateway-second-edge:#b89ac5}
.world-learning-dialog.gateway-v2[data-subject='pancasila']{--gateway-accent:#e3b276;--gateway-soft:#f3d9a4;--gateway-detail:#d99e8f;--gateway-edge:#b49563;--gateway-ink:#634324;--gateway-second-edge:#bd8c7e}
.world-learning-dialog.gateway-v2[data-subject='paibp']{--gateway-accent:#9dc5a7;--gateway-soft:#dfeedd;--gateway-detail:#d6be82;--gateway-edge:#86a58a;--gateway-ink:#354e3c;--gateway-second-edge:#b7a16c}
.world-learning-dialog.gateway-v2[data-subject='science']{--gateway-accent:#91c9c3;--gateway-soft:#d9efec;--gateway-detail:#b0c5e7;--gateway-edge:#7ba9a2;--gateway-ink:#2d504c;--gateway-second-edge:#91a9c6}
.world-dialog.world-learning-dialog.gateway-v2[open]{width:min(790px,calc(100vw - 36px));max-height:90dvh;overflow:hidden;border:3px solid #ac8e66;border-radius:29px 26px 28px 25px;background:linear-gradient(145deg,#fffbf1,#f9f1df);box-shadow:0 7px 0 #8e765744,0 22px 65px #303e3755,inset 0 0 0 4px #fffdf5;color:#415b46}
.world-learning-dialog.gateway-v2::backdrop{background:#30483c88;backdrop-filter:blur(6px)}
.world-learning-dialog.gateway-v2 *{box-sizing:border-box}
.world-learning-dialog.gateway-v2 .world-dialog-heading{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:2px 14px;align-items:center;padding:15px 23px 14px;min-height:80px;background:linear-gradient(110deg,var(--gateway-soft),#fff9ed 88%);border-bottom:3px solid var(--gateway-accent);border-radius:23px 23px 34% 5% / 23px 23px 11px 7px}
.world-learning-dialog.gateway-v2 .gateway-context{grid-column:1;color:var(--gateway-ink);font-size:11px;line-height:1.2;font-weight:800;letter-spacing:.035em}
.world-learning-dialog.gateway-v2 .world-dialog-heading h2{grid-column:1;grid-row:2;margin:0;color:#405b45;font-size:25px;font-weight:900;line-height:1.2;letter-spacing:-.025em}
.world-learning-dialog.gateway-v2 .world-close{grid-column:2;grid-row:1/3;width:42px;min-width:42px;height:42px;border:2px solid #c4ad87;background:#fff8e7;color:#7a6446;box-shadow:0 3px 0 #d4c19f;font-size:28px;font-weight:700}
.world-learning-dialog.gateway-v2 .world-dialog-content{display:block;min-height:0;padding:19px 23px 23px;overflow-y:auto;overscroll-behavior:contain;scroll-padding:12px}
.world-learning-dialog.gateway-v2 .world-quest-launcher{display:grid;gap:16px}
.world-learning-dialog.gateway-v2 .world-launcher-intro{margin:0;color:#718064;font-size:15px;line-height:1.4;font-weight:700}
.world-learning-dialog.gateway-v2 .world-quest-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
/* One native button per whole activity: artwork, description and CTA share a target. */
.world-learning-dialog.gateway-v2 .world-quest-choice{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;min-width:0;min-height:275px;padding:14px 20px 18px;border:2px solid #a0b68c;border-radius:24px 29px 22px 26px;background:radial-gradient(ellipse at 50% 25%,#fffaf099,transparent 65%),#e3edda;color:#426143;box-shadow:0 6px 0 #bdcdaa,0 10px 18px #66734c13,inset 0 0 0 3px #ffffff66;text-align:center;font:inherit;cursor:pointer;transition:transform .13s,box-shadow .13s,border-color .13s;isolation:isolate}
.world-learning-dialog.gateway-v2 .world-quest-choice-simulation{border-color:#caa67e;border-radius:29px 23px 27px 22px;background:radial-gradient(ellipse at 50% 25%,#fffaf0bb,transparent 65%),#f6e2c8;color:#7f5e3b;box-shadow:0 6px 0 #dfc29b,0 10px 18px #88724e13,inset 0 0 0 3px #ffffff66}
.world-learning-dialog.gateway-v2 .world-quest-art{display:block;width:170px;height:110px;max-width:100%;grid-column:auto;grid-row:auto;margin:0;object-fit:contain;filter:drop-shadow(0 4px 2px #73583b16);background:radial-gradient(ellipse at center,var(--gateway-soft) 0 54%,transparent 55%);border-bottom:3px solid var(--gateway-detail);border-radius:45% 45% 38% 38%}
.world-learning-dialog.gateway-v2 .gateway-activity-title{display:block;font-size:22px;line-height:1.15;font-weight:900;letter-spacing:-.02em}
.world-learning-dialog.gateway-v2 .gateway-activity-desc{display:block;max-width:260px;font-size:14px;line-height:1.4;color:#617457;font-weight:700}
.world-learning-dialog.gateway-v2 .world-quest-choice-simulation .gateway-activity-desc{color:#856b4f}
.world-learning-dialog.gateway-v2 .world-quest-meta{display:block;margin:0;font-size:11px;line-height:1.4;font-weight:800;color:#967850}
.world-learning-dialog.gateway-v2 .gateway-cta{display:block;width:100%;margin-top:auto;padding:11px 12px;border:1.5px solid #5f805f;border-radius:13px;background:#71936e;color:#fffdf2;box-shadow:0 3px 0 #4d6c4d;font-size:14px;font-weight:900;line-height:1.2}
.world-learning-dialog.gateway-v2 .world-quest-choice-simulation .gateway-cta{background:#bd8a54;border-color:#a07344;box-shadow:0 3px 0 #8f653a}
.world-learning-dialog.gateway-v2 .world-quest-choice:disabled{opacity:1;cursor:default}
.world-learning-dialog.gateway-v2 .world-quest-choice:disabled .gateway-cta{background:#eee5d4;border-color:#cfbda0;color:#8b7a61;box-shadow:none}
.world-learning-dialog.gateway-v2 .world-quest-choice[aria-busy='true']{justify-content:center;min-height:275px;border-color:#76966e;color:#486345;font-weight:900;font-size:18px}
.world-learning-dialog.gateway-v2 .world-quest-review{display:flex;align-items:center;gap:12px;width:100%;min-height:75px;padding:10px 16px;border:2px solid #c0afcc;border-radius:20px 17px 21px 18px;background:linear-gradient(110deg,#eee6f4,#edf1e3);box-shadow:0 4px 0 #d6c9dc;text-align:left;color:#6e5b79;font:inherit;cursor:pointer;transition:transform .13s,box-shadow .13s}
.world-learning-dialog.gateway-v2 .world-review-mark{width:60px;height:53px;flex:0 0 60px;object-fit:contain;border:0;border-radius:0;background:none}
.world-learning-dialog.gateway-v2 .world-review-copy{display:grid;gap:3px;flex:1;min-width:0}.world-learning-dialog.gateway-v2 .world-review-copy strong{font-size:16px;font-weight:900;line-height:1.2}.world-learning-dialog.gateway-v2 .world-review-copy small{font-size:12px;font-weight:700;line-height:1.35;color:#7d7382}
.world-learning-dialog.gateway-v2 .gateway-review-cta{padding:7px 11px;border:1px solid #b5a0c3;border-radius:11px;background:#f8f3fb;font-size:12px;font-weight:900;white-space:nowrap;box-shadow:0 2px 0 #d3c5dc}
/* Chapter badges use the subject's own pastel palette. */
.world-learning-dialog.gateway-v2 .world-chapter-view{display:grid;gap:14px;min-width:0}
.world-learning-dialog.gateway-v2 .world-chapter-back{min-height:36px;justify-self:start;padding:6px 11px;border:1px solid #d3bfa1;border-radius:10px;background:#fff5df;color:#7c6548;box-shadow:0 2px 0 #e4d2b4;font:800 12px/1.2 Nunito,sans-serif;cursor:pointer}
.world-learning-dialog.gateway-v2 .world-chapter-intro{margin:0;color:#526b4c;font-size:20px;font-weight:900;line-height:1.3;letter-spacing:-.015em}
.world-learning-dialog.gateway-v2 .world-chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;max-height:42dvh;overflow-y:auto;padding:2px 5px 7px 1px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c6b38b transparent;scroll-padding:6px}
.world-learning-dialog.gateway-v2 .world-chapter-option{position:relative;display:flex;align-items:center;gap:11px;min-height:78px;min-width:0;padding:11px 12px;border:2px solid var(--gateway-edge);border-radius:19px 16px 20px 17px;background:linear-gradient(120deg,var(--gateway-soft),#fffaf0 82%);box-shadow:0 4px 0 #e3d1ae;color:#5e7057;text-align:left;font:800 14px/1.4 Nunito,sans-serif;cursor:pointer;transition:transform .13s,box-shadow .13s,border-color .13s}
.world-learning-dialog.gateway-v2 .world-chapter-option:nth-child(even){border-color:var(--gateway-second-edge);background:#fffcf3;box-shadow:inset 4px 0 0 var(--gateway-detail),0 4px 0 #e3d1ae;border-radius:16px 20px 17px 19px}
.world-learning-dialog.gateway-v2 .world-chapter-number{display:grid;place-content:center;gap:1px;position:relative;width:43px;min-width:43px;height:48px;border:1.5px solid var(--gateway-edge);border-radius:10px 10px 15px 6px;background:var(--gateway-accent);box-shadow:0 3px 0 var(--gateway-second-edge);color:var(--gateway-ink);text-align:center}
.world-learning-dialog.gateway-v2 .world-chapter-number small{font-size:8px;line-height:1;font-weight:900;letter-spacing:.08em}.world-learning-dialog.gateway-v2 .world-chapter-number strong{font-size:23px;font-weight:900;line-height:1}
.world-learning-dialog.gateway-v2 .world-chapter-name{min-width:0;flex:1;overflow-wrap:anywhere}
.world-learning-dialog.gateway-v2 .world-chapter-check{display:block;visibility:hidden;width:27px;height:27px;min-width:27px;object-fit:contain}
.world-learning-dialog.gateway-v2 .world-chapter-option.is-selected{background:#dcebd3;border-color:#678960;color:#355436;box-shadow:0 4px 0 #a2ba8d,inset 0 0 0 1px #9db58a;opacity:1}
.world-learning-dialog.gateway-v2 .world-chapter-option.is-selected .world-chapter-number{background:#73956c;border-color:#5c8058;color:#fffdf1;box-shadow:0 3px 0 #557450}
.world-learning-dialog.gateway-v2 .world-chapter-option.is-selected .world-chapter-check{visibility:visible}
.world-learning-dialog.gateway-v2 .world-chapter-controls{position:static;display:grid;gap:12px;padding:5px 0 0;background:none}
.world-learning-dialog.gateway-v2 .gateway-count{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:9px;padding:11px 13px;border:1px solid #dacfaf;border-radius:15px;background:#f8f0de}
.world-learning-dialog.gateway-v2 .gateway-count-label{font-size:12px;font-weight:800;color:#82704f;line-height:1.3}
.world-learning-dialog.gateway-v2 .gateway-count-options{display:flex;flex-wrap:wrap;gap:7px}
.world-learning-dialog.gateway-v2 .gateway-count-choice{min-height:40px;min-width:57px;padding:7px 10px;border:1.5px solid #d0bd99;border-radius:10px;background:#fffaf0;box-shadow:0 2px 0 #e1d0ae;color:#7e7157;font:800 12px/1.2 Nunito,sans-serif;cursor:pointer}
.world-learning-dialog.gateway-v2 .gateway-count-choice[aria-pressed='true']{background:#73956c;border-color:#597e56;box-shadow:0 2px 0 #4d7048;color:#fffdf1}
.world-learning-dialog.gateway-v2 .world-chapter-start{margin:0;min-height:53px;padding:14px 18px;border:2px solid #50724e;border-radius:16px;background:#678b60;box-shadow:0 5px 0 #41633f;color:#fffdf3;font:900 17px/1.2 Nunito,sans-serif;filter:none}
.world-learning-dialog.gateway-v2 .world-chapter-start:disabled{background:#e3dfcf;border-color:#c5bda4;color:#948b71;box-shadow:0 3px 0 #d2c8ac;opacity:1;cursor:default}
.world-learning-dialog.gateway-v2 .world-feedback{font-size:12px;line-height:1.45;color:#986b48;margin:0;padding:0}
.world-learning-dialog.gateway-v2 .world-feedback:empty{display:none}
.world-learning-dialog.gateway-v2 .world-quest-empty,.world-learning-dialog.gateway-v2 .world-quest-loading{grid-column:1/-1;margin:0;padding:19px;border:1px dashed var(--gateway-edge);border-radius:16px;background:var(--gateway-soft);color:var(--gateway-ink);font-size:14px;line-height:1.5}
.world-learning-dialog.gateway-v2 :is(button):focus-visible{outline:3px solid #5e7f55;outline-offset:3px}
.world-learning-dialog.gateway-v2 :is(.world-quest-choice,.world-quest-review,.world-chapter-option,.gateway-count-choice):active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 #bca884}
.world-learning-dialog.gateway-v2 .world-chapter-start:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 #41633f}
/* One shared component adapts density to the grade band. */
.world-learning-dialog.gateway-v2[data-explorers='little'] .world-quest-art{width:182px;height:120px}
.world-learning-dialog.gateway-v2[data-explorers='little'] .world-chapter-option{min-height:88px;font-size:15px}
.world-learning-dialog.gateway-v2[data-explorers='little'] .gateway-count-choice{min-height:44px}
.world-learning-dialog.gateway-v2[data-explorers='senior'] .world-quest-art{width:145px;height:92px}
.world-learning-dialog.gateway-v2[data-explorers='senior'] .world-quest-choice{min-height:252px}
.world-learning-dialog.gateway-v2[data-explorers='senior'] .world-chapter-option{min-height:72px;font-size:13px}
@media(hover:hover){.world-learning-dialog.gateway-v2 :is(.world-quest-choice,.world-quest-review,.world-chapter-option):hover:not(:disabled){transform:translateY(-2px);border-color:#879f6c}.world-learning-dialog.gateway-v2 .world-chapter-start:hover:not(:disabled){background:#5d8057;filter:none;transform:translateY(-1px)}}
@media(max-width:599px){
 .world-dialog.world-learning-dialog.gateway-v2[open]{width:calc(100vw - 20px);max-height:94dvh;border-width:2px;border-radius:23px}
 .world-learning-dialog.gateway-v2 .world-dialog-heading{padding:12px 14px;min-height:74px;gap:3px 9px}.world-learning-dialog.gateway-v2 .world-dialog-heading h2{font-size:22px}.world-learning-dialog.gateway-v2 .gateway-context{font-size:10px}.world-learning-dialog.gateway-v2 .world-dialog-content{padding:15px 14px 19px}
 .world-learning-dialog.gateway-v2 .world-quest-launcher{gap:13px}.world-learning-dialog.gateway-v2 .world-launcher-intro{font-size:14px}
 .world-learning-dialog.gateway-v2 .world-quest-choices{grid-template-columns:1fr;gap:14px}
 .world-learning-dialog.gateway-v2 .world-quest-choice{display:grid;grid-template-columns:93px minmax(0,1fr);grid-template-rows:auto auto auto auto;align-items:center;align-content:center;gap:4px 11px;min-height:170px;padding:13px 14px 15px;text-align:left;border-radius:21px 24px 20px 22px}
 .world-learning-dialog.gateway-v2 .world-quest-art,.world-learning-dialog.gateway-v2[data-explorers] .world-quest-art{grid-column:1;grid-row:1/4;width:93px;height:89px;margin:0}.world-learning-dialog.gateway-v2 .gateway-activity-title{grid-column:2;grid-row:1;font-size:20px}.world-learning-dialog.gateway-v2 .gateway-activity-desc{grid-column:2;grid-row:2;font-size:12px;line-height:1.4}.world-learning-dialog.gateway-v2 .world-quest-meta{grid-column:2;grid-row:3;font-size:10px}.world-learning-dialog.gateway-v2 .gateway-cta{grid-column:1/-1;grid-row:4;margin-top:7px;text-align:center;min-height:41px;padding:10px}
 .world-learning-dialog.gateway-v2[data-explorers='senior'] .world-quest-choice{min-height:160px}.world-learning-dialog.gateway-v2[data-explorers='little'] .world-quest-choice{min-height:178px}
 .world-learning-dialog.gateway-v2 .world-quest-review{padding:10px;gap:8px;min-height:74px}.world-learning-dialog.gateway-v2 .world-review-mark{width:48px;height:48px;flex-basis:48px}.world-learning-dialog.gateway-v2 .world-review-copy strong{font-size:14px}.world-learning-dialog.gateway-v2 .world-review-copy small{font-size:11px}.world-learning-dialog.gateway-v2 .gateway-review-cta{padding:7px 8px;font-size:10px}
 .world-learning-dialog.gateway-v2 .world-chapter-view{gap:12px}.world-learning-dialog.gateway-v2 .world-chapter-intro{font-size:18px}.world-learning-dialog.gateway-v2 .world-chapter-grid{grid-template-columns:1fr;max-height:40dvh;gap:10px}.world-learning-dialog.gateway-v2 .world-chapter-option{min-height:74px}.world-learning-dialog.gateway-v2[data-explorers='little'] .world-chapter-option{min-height:80px}.world-learning-dialog.gateway-v2 .world-chapter-name{font-size:14px}.world-learning-dialog.gateway-v2 .world-chapter-check{width:26px;min-width:26px}.world-learning-dialog.gateway-v2 .gateway-count{padding:10px}.world-learning-dialog.gateway-v2 .gateway-count-options{gap:6px}.world-learning-dialog.gateway-v2 .gateway-count-choice{min-width:55px;min-height:42px;padding:7px 8px}.world-learning-dialog.gateway-v2 .world-chapter-start{font-size:16px}
}
@media(max-width:360px){.world-learning-dialog.gateway-v2 .world-dialog-content{padding:13px 11px 17px}.world-learning-dialog.gateway-v2 .world-quest-choice{grid-template-columns:78px 1fr;padding:12px}.world-learning-dialog.gateway-v2 .world-quest-art,.world-learning-dialog.gateway-v2[data-explorers] .world-quest-art{width:78px}.world-learning-dialog.gateway-v2 .gateway-activity-title{font-size:18px}.world-learning-dialog.gateway-v2 .gateway-review-cta{display:none}.world-learning-dialog.gateway-v2 .world-dialog-heading h2{font-size:20px}.world-learning-dialog.gateway-v2 .world-chapter-option{padding:10px}.world-learning-dialog.gateway-v2 .world-chapter-number{width:38px;min-width:38px}}
@media(max-height:650px) and (min-width:600px){.world-dialog.world-learning-dialog.gateway-v2[open]{max-height:94dvh}.world-learning-dialog.gateway-v2 .world-dialog-heading{padding:10px 20px;min-height:65px}.world-learning-dialog.gateway-v2 .world-dialog-content{padding:14px 19px 20px}.world-learning-dialog.gateway-v2 .world-quest-choice{min-height:220px;padding:10px 17px 14px}.world-learning-dialog.gateway-v2 .world-quest-art,.world-learning-dialog.gateway-v2[data-explorers] .world-quest-art{height:72px;width:120px}.world-learning-dialog.gateway-v2 .world-chapter-grid{max-height:32dvh}.world-learning-dialog.gateway-v2 .world-chapter-option{min-height:70px}}
@media(prefers-reduced-motion:reduce){.world-learning-dialog.gateway-v2 *{transition:none!important;animation:none!important}}