.school-story-dialog[data-slot=dialog-content]{width:100vw;max-width:none;height:100dvh;max-height:100dvh;inset:0;transform:none;translate:none;border-radius:0;padding:0;gap:0;background:#f5f0ff;color:#312254;z-index:5000;font-family:var(--font-be-vietnam),sans-serif}.story-header{display:flex;align-items:center;gap:12px;padding:12px 22px;background:rgba(255,255,255,.96);border-bottom:1px solid #e7ddfb;flex-shrink:0;position:relative;z-index:1400}.story-brand-icon{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:14px;color:white;background:linear-gradient(135deg,#6446ed,#b746d5);box-shadow:0 5px 16px #8658de35}.story-header-title{min-width:0;flex:1}.story-header [data-slot=dialog-title]{font-size:17px;line-height:1.4;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#312254}.story-header [data-slot=dialog-description]{color:#80699f;font-size:11px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-eyebrow{font-size:9px;font-weight:800;letter-spacing:1.5px;color:#8660b3}.story-header .story-eyebrow{color:#8657cd;font-size:9px}.story-stage{position:relative;min-height:0;flex:1;overflow:hidden;isolation:isolate}.story-map-panel{min-height:0;min-width:0}.story-map,.story-map-canvas,.story-map-loading,.story-map-panel{position:absolute;inset:0}.story-map .leaflet-tile-pane{filter:saturate(.82) brightness(1.03)}.story-map-loading{display:grid;place-items:center;background:#ebe5fb;color:#7753b7}.story-map-note{position:absolute;top:10px;left:285px;right:380px;z-index:600;border-radius:10px;background:#fffffff0;padding:8px;font-size:10px}.story-timeline{position:absolute;z-index:950;left:20px;top:20px;width:240px;max-height:calc(100% - 190px);padding:14px;overflow:auto;background:#ffffffed;backdrop-filter:blur(16px);border:1px solid #ddd0f6;border-radius:20px;box-shadow:0 12px 36px #59458316}.story-timeline-heading{display:flex;align-items:center;gap:8px;color:#9160c9;font-size:9px;font-weight:800;letter-spacing:.8px;margin:3px 4px 14px}.story-timeline button{position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;text-align:left;width:100%;min-height:46px;padding:9px 10px;border:1px solid #e6dbf7;border-radius:11px;font-size:11px;line-height:1.5;font-weight:600;color:#80699f;background:#fbf8ff;cursor:pointer;margin-bottom:7px;transition:background .25s,box-shadow .25s}.story-timeline button:last-child{margin-bottom:0}.story-timeline button>span:first-child{display:grid;place-items:center;width:27px;height:27px;flex-shrink:0;border:1px solid #dfcef6;border-radius:8px;background:#f5eeff;font-size:10px;font-weight:800;color:#a16cc9}.story-timeline button.active{border-color:#b077ec;background:#f3eaff;color:#6d28a8;font-weight:800;box-shadow:0 4px 14px #8f4bd51c}.story-timeline button.active>span:first-child{background:linear-gradient(135deg,#9159ee,#ce46bb);color:white;border-color:#fff;box-shadow:0 2px 8px #914bd53d}.story-timeline button.completed{border-color:#c2e8db;background:#f0faf6;color:#267c65}.story-timeline button.completed>span:first-child{background:#30b590;color:white;border-color:#d7f5e9}.story-timeline button.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#9856ea,#ed69bb);transform-origin:left;animation:story-progress var(--scene-duration,5s) linear forwards}.school-story-dialog[data-scene-kind=finish] .story-timeline button.active:after{animation:none}.story-info{position:absolute;z-index:900;top:20px;right:20px;width:330px;max-height:calc(100% - 40px);padding:18px;overflow:auto;background:#ffffffef;backdrop-filter:blur(16px);border:1px solid #e1d3f7;border-radius:20px;box-shadow:0 12px 36px #59458320;animation:story-card-enter .65s cubic-bezier(.2,.75,.25,1)}.story-info h2{font-size:18px;line-height:1.35;font-weight:800;margin:7px 0 13px;color:#5c2e8d}.story-info h3{font-size:15px;line-height:1.4;font-weight:800;margin:13px 0 6px}.story-info h4{font-size:12px;font-weight:800;color:#8455b0;margin:14px 0 6px}.story-info p{font-size:11px;line-height:1.65;margin:5px 0;color:#756883;white-space:pre-line}.story-school-photo{width:100%;height:155px;object-fit:cover;border-radius:13px;animation:story-photo-reveal 1s ease both}.story-school-placeholder{height:90px;display:grid;place-items:center;background:#f1eafc;border-radius:12px;color:#8b75a8;font-size:12px}.story-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0;clear:both}.story-metrics>div{background:linear-gradient(135deg,#f4eaff,#eef0ff);border:1px solid #e7dafa;border-radius:11px;padding:10px;animation:story-stat-enter .6s ease both}.story-metrics>div:nth-child(2){animation-delay:.1s}.story-metrics>div:nth-child(3){animation-delay:.2s}.story-metrics>div:nth-child(4){animation-delay:.3s}.story-metrics dd{font-size:22px;font-weight:800;color:#794cc3}.story-metrics dt{font-size:9px;color:#847095;margin-top:2px}.story-narration{position:absolute;z-index:1000;left:20px;bottom:20px;width:min(400px,calc(100% - 400px));max-height:150px;overflow:auto;border:1px solid #e0cdf7;border-radius:17px;background:#ffffffef;backdrop-filter:blur(16px);padding:14px 18px;box-shadow:0 10px 30px #59458318;animation:story-narration-enter .6s ease both}.story-narration>span{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:800;letter-spacing:1px;color:#a255b9}.story-narration p{font-size:12px;font-weight:600;line-height:1.8;margin:8px 0 0;color:#714494;white-space:pre-line}.story-type-cursor{display:inline-block;height:1em;width:2px;margin-left:3px;background:#d17fd9;vertical-align:middle;animation:story-cursor .8s step-end infinite}.story-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:#fff;border-top:1px solid #e4d9f3;flex-shrink:0;position:relative;z-index:1400}.story-control,.story-controls button,.story-finish a,.story-finish button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border:1px solid #e1d4f4;border-radius:10px;background:#fff;color:#77509f;padding:8px 13px;font-family:inherit;font-size:12px;font-weight:700;line-height:1.4;cursor:pointer;transition:box-shadow .2s,background .2s}.story-control:hover,.story-controls button:hover{background:#f6f0fd;box-shadow:0 3px 10px #8f64b51a}.story-controls button:disabled{opacity:.4;cursor:default}.story-control{width:40px;padding:0;flex-shrink:0;color:#8c65b2;background:#f7f2fe}.story-controls button[aria-label="Tiếp tục"],.story-controls button[aria-label="Tạm dừng"]{background:linear-gradient(135deg,#7d55e8,#ac4fd0);color:white;border-color:transparent;min-width:112px}.story-controls .story-skip{margin-left:auto}.story-finish{display:flex;flex-direction:column;gap:7px;margin-top:14px;clear:both}.story-finish button:first-child{background:linear-gradient(135deg,#8452e9,#bd4dce);color:white;border:0}.story-finish a{text-align:center;text-decoration:none}.story-contact{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;clear:both}.story-contact a{color:#864cbe;font-size:10px;text-decoration:underline}.story-intro{position:absolute;inset:0;z-index:800;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at 15% 15%,#ddbdff 0,transparent 52%),radial-gradient(ellipse at 90% 80%,#f9c6e0 0,transparent 50%),#eee7ff;overflow:hidden;animation:story-intro-arrive .6s ease both}.story-intro-photo{position:absolute;inset:0;opacity:.07;background-size:cover;background-position:50%;animation:story-photo-drift 9s ease-in-out forwards;mix-blend-mode:multiply}.story-intro-orbit{position:absolute;width:520px;height:520px;border:1px solid #a47bdd35;border-radius:50%;right:-120px;top:-250px;animation:story-orbit 18s linear infinite}.story-intro-orbit:before{content:"✦";position:absolute;top:12%;left:16%;color:#a166d6;font-size:26px;text-shadow:0 0 20px #c997ef}.story-intro-orbit--second{right:auto;top:auto;left:-220px;bottom:-260px;width:600px;height:600px;animation-direction:reverse}.story-intro-shell{position:relative;width:min(800px,calc(100% - 280px));margin-left:260px;text-align:center;padding:36px 32px;border:1px solid #ceaeed;border-radius:28px;background:linear-gradient(135deg,#fffbffff,#ffffffdf);box-shadow:0 20px 70px #8f45c928;animation:story-intro-shell .85s cubic-bezier(.2,.7,.3,1) both}.story-intro-badge{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(110deg,#6927a5,#a633dd);color:white;padding:12px 16px;border-radius:13px;font-size:11px;font-weight:800;letter-spacing:1.2px;box-shadow:0 8px 24px #9430d52f}.story-intro-divider{width:120px;height:4px;border-radius:10px;margin:25px auto 20px;background:linear-gradient(90deg,#c48dea,#ef82c0,#ffcf78);animation:story-progress .8s ease .2s both;transform-origin:center}.story-intro h2{font-size:clamp(26px,3.7vw,48px);font-weight:900;line-height:1.3;margin:12px 0 20px;letter-spacing:-.8px;color:#7d2fb3}.story-intro h2 span{display:inline-block;white-space:pre;animation:story-word-rise .6s var(--word-delay,0s) cubic-bezier(.2,.75,.3,1) both}.story-intro p{font-size:13px;line-height:1.8;color:#8e69aa;max-width:560px;margin:0 auto}.story-intro-caption{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:600;margin-top:20px;color:#af7abd}.story-intro-progress{height:3px;width:90px;margin:22px auto 0;border-radius:4px;transform-origin:left;background:linear-gradient(90deg,#a065dd,#e578bd);animation:story-progress var(--scene-duration,5s) linear forwards}.school-story-dialog[data-scene-kind=announcement] .story-info,.school-story-dialog[data-scene-kind=connection] .story-info,.school-story-dialog[data-scene-kind=intro] .story-info,.school-story-dialog[data-scene-kind=intro] .story-narration{display:none}.story-announcement{position:absolute;z-index:850;top:50%;left:50%;transform:translate(-30%,-50%);width:min(560px,calc(100% - 340px));padding:32px;border-radius:26px;text-align:center;background:#fffffff5;border:2px solid #d098ef;color:#7d39aa;box-shadow:0 0 0 8px #c496ef16,0 24px 60px #9a5fd92b;animation:story-celebrate .85s cubic-bezier(.2,.7,.3,1) both}.story-announcement-emblem{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 16px;background:linear-gradient(135deg,#ae6ee9,#f093d1);border-radius:20px;color:white;font-size:38px;box-shadow:0 0 0 12px #c785e614;animation:story-emblem 2.5s ease-in-out infinite}.story-announcement>span{font-size:11px;letter-spacing:2px;font-weight:800;color:#b97dc6}.story-announcement h2{font-size:clamp(24px,3vw,36px);line-height:1.3;font-weight:900;margin:14px 0}.story-announcement p{font-size:13px;color:#9d7cb4}.story-distance-banner{position:absolute;z-index:850;top:50%;left:55%;transform:translate(-30%,-50%);width:min(390px,calc(100% - 340px));text-align:center;padding:13px 18px;border:1px solid #c7b6ed;border-radius:15px;background:#fffffff2;box-shadow:0 8px 28px #8060ac25;animation:story-distance-enter .6s ease both}.story-distance-banner>div{display:flex;justify-content:center;gap:18px;margin-top:7px}.story-distance-banner p{min-width:0;flex:1;margin:0}.story-distance-banner p+p{border-left:1px solid #e8dbf6;padding-left:18px}.story-distance-banner p span{display:block;font-size:9px;color:#8672a3}.story-distance-banner strong{display:block;color:#6e51b8;font-size:15px;margin-top:3px}.story-distance-banner small{display:block;font-size:9px;color:#b3a2c3;margin-top:7px}.story-sparkles{position:absolute;inset:0;z-index:880;pointer-events:none;overflow:hidden}.story-sparkles span{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--spark-color);box-shadow:0 0 9px 2px var(--spark-color);animation:story-sparkle-float var(--spark-duration,8s) var(--spark-delay,0s) linear infinite}.story-pin-visual{position:relative;width:100%;height:100%;display:grid;place-items:center;animation:story-pin-arrive .65s var(--pin-delay,0s) cubic-bezier(.2,.8,.3,1) both}.story-map-pin span{display:grid;place-items:center;position:relative;z-index:2;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#9c56ee,#d653bc);color:white;font-size:16px;font-weight:800;border:3px solid white;box-shadow:0 5px 18px #9b52da65}.story-pin-ring{position:absolute;inset:0;border:2px solid #a96aea;border-radius:18px;animation:story-pin-pulse 2.6s ease-out infinite}.story-pin-ring--second{animation-delay:1.3s}.story-map-pin--visited span{background:linear-gradient(135deg,#559f95,#4eb493)}.story-map-pin--hero span{width:64px;height:64px;border-radius:20px;box-shadow:0 0 26px #b767ec89,0 8px 25px #8c35cd55;background:linear-gradient(135deg,#a153e9,#d752bd)}.story-map-pin--hero svg{width:40px;height:40px;filter:drop-shadow(0 3px 5px #72279740);animation:story-book-float 3s ease-in-out infinite}.story-map-pin--hero .story-book-outline{position:absolute;width:230px;height:160px;max-width:none;z-index:-1;overflow:visible;color:#a855f7;filter:drop-shadow(0 0 12px #c084fc70);animation:story-book-open 1.5s ease both}.story-book-outline path{stroke-dasharray:9 6;animation:story-route-flow 4s linear infinite}.story-card-badge{display:inline-block;padding:6px 9px;background:#f1e8ff;border-radius:7px}.story-school-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#8562ae}.story-merger{position:absolute;z-index:850;top:46%;left:calc(50% + 110px);width:min(590px,calc(100% - 310px));transform:translate(-50%,-50%);text-align:center}.story-merger-origins{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;gap:16px;pointer-events:none}.story-merger-origin{flex:1;min-width:0;padding:22px 14px;border:1px solid #d3afea;border-radius:22px;background:#fff;color:#7838b4;box-shadow:0 10px 45px #864cb535}.story-merger-origin svg{margin:0 auto 12px}.story-merger-origin strong{display:block;font-size:17px}.story-merger-halo{position:absolute;inset:-40px;border-radius:50%;background:radial-gradient(ellipse,#d9b2fd65,transparent 70%);pointer-events:none}.story-merger-result{position:relative;max-height:calc(100dvh - 260px);overflow-y:auto;padding:30px;border:2px solid transparent;border-radius:26px;background:linear-gradient(135deg,#fffaff,#fffdf8) padding-box,linear-gradient(130deg,#ac65ff,#e863b9,#f3c876) border-box;box-shadow:0 22px 70px #8052ba35}.story-merger-label{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#8956ae}.story-merger-result h2{font-size:clamp(26px,3vw,40px);line-height:1.3;font-weight:900;margin:18px 0;background:linear-gradient(110deg,#7c3aed,#c539b0);background-clip:text;color:transparent}.story-merger-date{font-size:13px;margin-top:12px;color:#9757b6}.story-merger-subtitle{font-size:12px;color:#877397;line-height:1.7}.story-merger-sources{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:18px 0 0}.story-merger-sources li{padding:6px 10px;border-radius:8px;color:#775495;background:#f1eafa;font-size:10px}.story-celebration{position:absolute;inset:0;overflow:hidden;z-index:820;pointer-events:none}.story-celebration i{position:absolute;left:48%;top:40%;width:7px;height:12px;border-radius:2px;background:var(--burst-color);opacity:0;animation:story-burst 2.6s calc(1s + var(--burst-delay)) ease-out both}@keyframes story-burst{0%{opacity:0;transform:translate(0) scale(.2)}15%{opacity:1}to{opacity:0;transform:translate(var(--burst-x),var(--burst-y)) rotate(200deg) scale(.4)}}@keyframes story-book-open{0%{opacity:0;transform:scaleX(.1) scaleY(.7)}to{opacity:1;transform:scale(1)}}.story-map-pin--hero .story-pin-ring{inset:4px;border-radius:22px;border-color:#c878e8}.story-pin-star{position:absolute;z-index:3;right:-5px;top:-12px;color:#ffdc7e;font-size:28px;font-style:normal;text-shadow:0 0 12px #ffc762;animation:story-star-spin 5s ease-in-out infinite}.story-school-tooltip.leaflet-tooltip{width:max-content;min-width:110px;max-width:230px;white-space:normal;text-align:center;padding:8px 12px;border:1px solid #c6a2f0;border-radius:11px;background:#fffffff5;box-shadow:0 5px 20px #7755a225;color:#854ab5;font:700 11px/1.5 var(--font-be-vietnam),sans-serif}.story-school-tooltip.leaflet-tooltip-top:before{border-top-color:#c6a2f0}.story-school-tooltip.leaflet-tooltip-bottom:before{border-bottom-color:#c6a2f0}.story-route-draw{stroke-dasharray:1000;animation:story-route-reveal 2.2s ease both}.story-route-motion{animation:story-route-flow 1.6s linear infinite}.story-connection-zone{animation:story-zone-flow 16s linear infinite}.school-story-launcher{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid #ded0f9;border-radius:11px;background:linear-gradient(135deg,#f7f1ff,#edf1ff);color:#7750c0;font-size:13px;font-weight:700;cursor:pointer;transition:box-shadow .2s,background .2s}.school-story-launcher:hover{box-shadow:0 4px 14px #8054b825;background:#efe5fe}.school-story-launcher:disabled{opacity:.6;cursor:wait}.school-story-launcher svg{flex-shrink:0}.story-launch-spinner{animation:story-orbit 1s linear infinite}.story-launch-error{display:block;font-size:12px;color:#ac3030;padding:8px}.story-launch-error button{font:inherit;text-decoration:underline}.legacy-portal .place-list-item-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:9px;padding:12px;border-top:1px solid #f0edf7;background:#fff}.legacy-portal .place-list-item-actions .school-story-launcher{min-width:0;width:100%;min-height:44px;padding:9px 8px;font-size:12px;gap:6px;order:1}.legacy-portal .place-list-item-actions .place-list-item-cta{min-width:0;padding:9px 10px;min-height:44px;border-radius:11px;font-size:12px;background:linear-gradient(115deg,#354bd0,#6654d9);box-shadow:0 4px 10px #3f48c326;order:2}.legacy-portal .place-list-item-actions .place-list-item-cta svg{flex-shrink:0}.legacy-portal .place-list-item-actions .story-launch-error{grid-column:1/-1;order:3;padding:0}.school-story-dialog button:focus-visible,.school-story-launcher:focus-visible{outline:3px solid #ab67de;outline-offset:3px}.school-story-dialog[data-paused=true] *,.school-story-dialog[data-paused=true] :after{animation-play-state:paused!important}@keyframes story-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes story-card-enter{0%{opacity:0;transform:translateX(20px) translateY(8px)}to{opacity:1;transform:translate(0)}}@keyframes story-stat-enter{0%{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes story-photo-reveal{0%{opacity:0;filter:saturate(.5)}to{opacity:1;filter:saturate(1)}}@keyframes story-narration-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes story-intro-arrive{0%{opacity:0}to{opacity:1}}@keyframes story-intro-shell{0%{opacity:0;transform:translateY(24px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes story-word-rise{0%{opacity:0;transform:translateY(14px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes story-photo-drift{0%{transform:scale(1)}to{transform:scale(1.12)}}@keyframes story-orbit{to{transform:rotate(1turn)}}@keyframes story-cursor{50%{opacity:0}}@keyframes story-sparkle-float{0%{opacity:0;transform:translateY(30px)}25%,65%{opacity:.6}to{opacity:0;transform:translate(25px,-120px)}}@keyframes story-pin-arrive{0%{opacity:0;transform:translateY(20px) scale(.45)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes story-pin-pulse{0%{opacity:.7;transform:scale(.9)}to{opacity:0;transform:scale(2.4)}}@keyframes story-book-float{50%{transform:translateY(-3px) rotate(-4deg)}}@keyframes story-star-spin{50%{transform:rotate(25deg) scale(1.2);opacity:.65}}@keyframes story-route-reveal{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes story-route-flow{to{stroke-dashoffset:-46}}@keyframes story-zone-flow{to{stroke-dashoffset:-170}}@keyframes story-celebrate{0%{opacity:0;transform:translate(-30%,-45%) scale(.8);filter:blur(5px)}to{opacity:1;transform:translate(-30%,-50%) scale(1);filter:blur(0)}}@keyframes story-emblem{50%{box-shadow:0 0 0 19px #c785e608;transform:rotate(8deg)}}@keyframes story-distance-enter{0%{opacity:0;margin-top:12px}to{opacity:1;margin-top:0}}@media (max-width:1100px) and (min-width:768px){.story-timeline{width:210px;left:14px;padding:12px}.story-info{width:285px;right:14px;padding:15px}.story-narration{left:14px;width:min(350px,calc(100% - 325px))}.story-intro-shell{width:calc(100% - 235px);margin-left:215px;padding:28px 22px}.story-intro h2{font-size:32px}}@media (max-width:767px){.story-merger{left:12px;width:calc(100% - 24px);top:46%;transform:translateY(-50%)}.story-merger-result{padding:22px 18px;max-height:calc(100dvh - 270px);overflow-y:auto}.story-merger-origin{padding:18px 10px;border-radius:16px}.story-merger-origin strong{font-size:12px}.story-merger-result h2{font-size:clamp(24px,7vw,32px)}.story-merger-label{font-size:9px;letter-spacing:1px}.story-merger-sources{margin-top:12px}.story-merger-sources li{font-size:9px}.story-merger .story-announcement-emblem{width:48px;height:48px;border-radius:14px;margin-bottom:18px}.story-header{gap:8px;padding:10px 12px}.story-brand-icon{width:35px;height:35px;border-radius:11px}.story-brand-icon svg{width:20px}.story-header [data-slot=dialog-title]{font-size:13px}.story-header [data-slot=dialog-description]{font-size:9px}.story-header .story-eyebrow{font-size:7px;letter-spacing:.8px}.story-control{min-height:34px;width:34px}.story-timeline{display:flex;gap:6px;top:10px;left:10px;right:10px;width:auto;max-height:none;padding:6px;overflow-x:auto;white-space:nowrap;border-radius:13px}.story-timeline-heading{display:none}.story-timeline button{width:auto;min-height:34px;flex-shrink:0;padding:5px 9px;gap:6px;font-size:10px;margin:0;border-radius:8px}.story-timeline button>span:first-child{width:23px;height:23px;font-size:9px;border-radius:6px}.story-info{top:auto;bottom:92px;left:12px;right:12px;width:auto;max-height:min(35%,245px);padding:12px;border-radius:15px}.story-info h2{font-size:14px;margin:5px 0 9px}.story-info h3{font-size:12px;margin:6px 0}.story-info p{font-size:10px;line-height:1.55}.story-school-photo{border-radius:10px}.story-school-photo,.story-school-placeholder{width:72px;height:72px;float:left;margin:0 11px 7px 0}.story-school-placeholder{font-size:9px}.story-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:10px 0}.story-metrics>div{padding:6px;border-radius:8px}.story-metrics dd{font-size:16px}.story-metrics dt{font-size:7px}.story-narration{left:12px;right:12px;bottom:10px;width:auto;max-height:72px;padding:9px 12px;border-radius:13px}.story-narration>span{font-size:7px;letter-spacing:.7px}.story-narration p{font-size:10px;line-height:1.6;margin-top:5px}.story-controls{gap:5px;padding:7px 10px}.story-controls button{min-height:34px;padding:6px 10px;font-size:10px;border-radius:8px}.story-controls button[aria-label="Tiếp tục"],.story-controls button[aria-label="Tạm dừng"]{min-width:95px}.story-controls .story-skip{margin-left:0}.story-intro{padding:14px}.story-intro-shell{width:100%;margin:48px 0 0;padding:25px 18px;border-radius:22px}.story-intro-badge{font-size:8px;letter-spacing:.7px;padding:10px 12px;border-radius:11px}.story-intro-badge svg{width:16px}.story-intro-divider{margin:20px auto 16px}.story-intro h2{font-size:clamp(25px,7vw,34px);margin:10px 0 17px;letter-spacing:-.4px}.story-intro p{font-size:11px;line-height:1.7}.story-intro-caption{font-size:9px;margin-top:17px}.story-intro-progress{margin-top:18px}.story-announcement{left:12px;right:12px;width:auto;transform:translateY(-50%);padding:24px;animation-name:story-celebrate-mobile}.story-announcement h2{font-size:27px}.story-announcement p{font-size:11px}.story-distance-banner{width:calc(100% - 40px);left:20px;transform:translateY(-50%);padding:12px}.story-distance-banner strong{font-size:12px}.story-distance-banner .story-eyebrow{font-size:8px}.story-school-tooltip.leaflet-tooltip{max-width:150px;padding:6px 9px;font-size:9px}.story-map-note{left:12px;right:12px;top:67px;font-size:9px}.legacy-portal .place-list-item-actions .place-list-item-cta,.legacy-portal .place-list-item-actions .school-story-launcher{font-size:11px}}@keyframes story-celebrate-mobile{0%{opacity:0;transform:translateY(-45%) scale(.8)}to{opacity:1;transform:translateY(-50%) scale(1)}}.school-story-dialog[data-reduced-motion=true] *,.school-story-dialog[data-reduced-motion=true] :after{animation:none!important;transition:none!important}.school-story-dialog[data-reduced-motion=true] .story-celebration,.school-story-dialog[data-reduced-motion=true] .story-merger-origins,.school-story-dialog[data-reduced-motion=true] .story-sparkles{display:none}@media (prefers-reduced-motion:reduce){.school-story-dialog,.school-story-dialog *,.school-story-dialog :after{animation:none!important;transition:none!important}.story-celebration,.story-merger-origins,.story-sparkles{display:none}}