/* Photo sequence: images remain inside the editable scene cards. */
.stage[data-stage="0"] .flowcard{height:178px;padding:0;overflow:hidden;border:0;box-shadow:0 9px 23px #132f3b1b;border-radius:11px}.photo{height:116px;width:100%;overflow:hidden;position:relative;background:#dfebea}.photo img{display:block;width:100%;height:100%;object-fit:cover;transform-origin:50% 50%;pointer-events:none}.photo .step{position:absolute;top:8px;left:8px;font-size:10px;font-weight:800;border-radius:5px;background:#fffdf2ee;color:#163a3d;padding:3px 6px;letter-spacing:.7px}.stage[data-stage="0"] .flowcard strong{font-size:14px;margin:10px 9px 0}.stage[data-stage="0"] .flowcard .small{font-size:10px;margin:4px 9px 0}.stage[data-stage="0"] .eyebrow{letter-spacing:1.7px}.stage[data-stage="0"] .notice{box-shadow:none;background:#fff;border:1px solid #dce9e8;padding:12px 16px}.stage[data-stage="0"] .notice .small{font-size:10px}.stage[data-stage="0"] .demo{font-size:10px}.scene-photo-note{font-size:11px;color:#6a7b7e}
.stage{height:480px}.stagewrap{aspect-ratio:600/480}.stage[data-stage="1"] .notice,.stage[data-stage="2"] .notice{top:399px!important;left:300px!important;width:270px}.stage .notice .small{line-height:1.55}.flowcard .small{line-height:1.5}.stage[data-stage="0"] .flowcard .small{font-size:11px}.stage[data-stage="0"] .notice{top:356px!important;width:322px}.stage[data-stage="0"] .demo{bottom:20px}
@media(max-width:760px){
.stage{width:360px}.stagewrap{aspect-ratio:auto}.stage .eyebrow{left:20px;top:25px;font-size:12px}.stage h3{left:20px;top:53px;right:20px;font-size:24px;line-height:1.4}.stage .sub{left:20px;top:122px;right:20px;font-size:14px;line-height:1.55}.stage .line{display:none}.stage .demo{left:20px;right:20px;text-align:center;font-size:11px;bottom:12px}.stage[data-stage="0"] .flowcard{width:150px;height:224px;top:180px!important}.stage[data-stage="0"] .photo{height:140px}.stage[data-stage="0"] .flowcard strong{font-size:16px;line-height:1.4}.stage[data-stage="0"] .flowcard .small{font-size:13px;line-height:1.45}.stage[data-stage="0"] [data-card="0"],.stage[data-stage="0"] [data-card="2"]{left:20px!important}.stage[data-stage="0"] [data-card="1"],.stage[data-stage="0"] [data-card="3"]{left:190px!important}.stage[data-stage="0"] [data-card="2"],.stage[data-stage="0"] [data-card="3"]{top:427px!important}.stage[data-stage="0"] .notice{left:20px!important;top:684px!important;width:320px}.stage[data-stage="0"] .notice .small{font-size:12px}.stage[data-stage="1"] .educationcard{left:20px!important;top:180px!important;width:320px}.educationcard .task{font-size:15px;padding:12px 0}.stage[data-stage="1"] .report{left:20px!important;top:473px!important;width:320px}.stage[data-stage="1"] .notice{left:20px!important;top:737px!important;width:320px}.stage[data-stage="2"] .booking{left:20px!important;top:180px!important;width:320px}.booking .choice{font-size:15px}.calendar span{font-size:14px;padding:7px}.stage[data-stage="2"] .report{left:20px!important;top:475px!important;width:320px}.stage[data-stage="2"] .notice{left:20px!important;top:740px!important;width:320px}.stage .report .minirows div{font-size:14px}.stage .report .small{font-size:14px}.stage[data-stage="3"] .daytrack{left:20px!important;top:180px!important;width:320px;padding:12px;gap:6px}.daytrack .slot{width:50%;left:10%}.stage[data-stage="3"] .eventstep{left:20px!important;width:320px;height:86px}.stage[data-stage="3"] [data-card="1"]{top:316px!important}.stage[data-stage="3"] [data-card="2"]{top:423px!important}.stage[data-stage="3"] [data-card="3"]{top:530px!important}.eventstep .small{font-size:14px}.eventstep strong{font-size:16px}.notice strong{font-size:15px}.notice .small{font-size:13px}.stage[data-stage="0"] .demo{bottom:12px}
}

@media(min-width:761px){.stage{height:550px}.stagewrap{aspect-ratio:600/550}.stage[data-stage="0"] .flowcard{height:200px}.stage[data-stage="0"] .notice{top:376px!important}.stage .demo{bottom:20px}.stage[data-stage="0"] .flowcard .small{padding-bottom:10px}}
.notice>div{min-width:0}
.board-actions{display:flex;gap:4px;align-items:center}.boardhead .board-actions button.active{background:#e1f1f0;color:#106f70}.photoSteps{display:none}
.stage.hero-scene{background:#183a3a}.stage.hero-scene .eyebrow{z-index:9;color:white;top:25px;left:28px;font-size:11px;letter-spacing:2.2px;text-shadow:0 1px 12px #0008;pointer-events:none}.stage.hero-scene h3{z-index:9;color:white;top:47px;left:27px;right:27px;font-size:23px;text-shadow:0 1px 12px #0007;pointer-events:none}.stage.hero-scene .sub,.stage.hero-scene .line,.stage.hero-scene .notice{display:none!important}.stage.hero-scene .flowcard{left:0!important;top:0!important;width:100%!important;height:100%!important;border-radius:0;box-shadow:none;border:0;padding:0;background:#183a3a}.stage.hero-scene .photo{width:100%;height:100%;position:absolute;inset:0}.stage.hero-scene .photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#061f2859,transparent 32%,transparent 49%,#05232ccb);pointer-events:none}.stage.hero-scene .photo img{object-position:center;object-fit:cover}.stage.hero-scene .photo .step{display:none}.stage.hero-scene .flowcard strong{position:absolute;z-index:3;left:28px;bottom:100px;color:white;font-size:32px;letter-spacing:-1.2px;margin:0;font-weight:800;line-height:1.35;max-width:calc(100% - 56px)}.stage.hero-scene .flowcard .small{position:absolute;z-index:3;left:28px;bottom:72px;color:#fff;font-size:14px;padding:0;margin:0;line-height:1.5}.stage.hero-scene .element:after{display:none}.stage.hero-scene .photoSteps{position:absolute;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;z-index:15;bottom:24px;left:28px;right:28px}.photoSteps button{border:0;border-top:2px solid #ffffff60;background:transparent;color:#ffffffe0;border-radius:0;font-size:11px;font-weight:500;padding:8px 0 0;text-align:left}.photoSteps button span{margin-right:8px;opacity:.65;font-size:10px}.photoSteps button.current{color:#fff;border-top-color:white;font-weight:800}.photoSteps button:hover{background:transparent;border-top-color:white}.stage.hero-scene .demo{display:none}
@media(max-width:760px){.boardhead .board-actions button{font-size:10px;padding:5px 4px}.stage.hero-scene .eyebrow{left:22px;top:22px}.stage.hero-scene h3{left:22px;right:22px;top:45px;font-size:22px;line-height:1.4}.stage.hero-scene .flowcard strong{left:22px;bottom:112px;font-size:30px}.stage.hero-scene .flowcard .small{left:22px;right:22px;bottom:77px;font-size:15px}.stage.hero-scene .photoSteps{left:22px;right:22px;bottom:30px;gap:9px}.photoSteps button{font-size:13px}.photoSteps button span{font-size:10px;margin-right:4px}.stage.hero-scene .flowcard[data-card="3"] .photo img{object-fit:contain;transform:none!important}}
.admin-phase{position:absolute;top:131px;left:30px;font-size:14px;font-weight:600;color:#476465}.admin-before{width:540px;height:270px;background:transparent;border:0;box-shadow:none}.admin-before>strong{font-size:12px;font-weight:500;color:#7a8d90;padding-left:10px}.admin-cloud{position:relative;margin-top:8px;height:225px}.admin-task{position:absolute;width:225px;height:53px;background:white;border:1px solid #dce5e5;box-shadow:0 6px 18px #12383b0b;border-radius:9px;display:flex;align-items:center;gap:13px;padding:0 15px;font-size:15px;font-weight:500;transform-origin:center}.task-symbol{font-size:20px;color:#739a9a;width:24px}.task-dot{margin-left:auto;width:6px;height:6px;border-radius:50%;background:#bdcaca}.admin-after{width:292px;padding:22px 24px;border:1px solid #bbdedc;box-shadow:0 16px 36px #147b7b15}.admin-logo{display:block;width:102px;height:auto;margin:0 0 17px}.admin-after>strong{font-size:22px;display:block;margin-bottom:14px;letter-spacing:-.8px}.admin-finished{display:flex;justify-content:space-between;padding:12px 0;font-size:13px;border-top:1px solid #e9f0f0}.admin-confirm{margin-top:12px;background:var(--wash);border-radius:8px;padding:12px 8px;color:var(--scene);text-align:center;font-size:13px;font-weight:700}.stage[data-stage="1"] .notice.admin-result{left:157px!important;top:449px!important;width:286px}.admin-before:after{display:none!important}
@media(max-width:760px){.admin-phase{top:166px;left:20px;font-size:13px}.stage[data-stage="1"] .admin-before{left:20px!important;top:206px!important;width:320px}.admin-task{width:145px;gap:7px;padding:0 9px;font-size:14px}.admin-task:nth-child(odd){left:4px!important}.admin-task:nth-child(even){left:159px!important}.task-symbol{font-size:17px;width:20px}.task-dot{display:none}.stage[data-stage="1"] .admin-after{left:20px!important;top:218px!important;width:320px}.stage[data-stage="1"] .notice.admin-result{left:20px!important;top:555px!important;width:320px}.admin-finished{font-size:15px}.admin-confirm{font-size:14px}}

@media(min-width:761px){.stage[data-stage="1"] .notice.admin-result{top:472px!important}}
.admin-cloud{height:290px}.admin-before{height:330px}.admin-time{display:flex;align-items:baseline;gap:6px;color:var(--scene);margin:9px 0 14px}.admin-time b{font-size:72px;line-height:1;font-weight:800;letter-spacing:-5px}.admin-time span{font-size:15px;font-weight:600}.admin-time-detail{font-size:14px;color:#627a7c;line-height:1.7}.admin-auto{position:absolute;left:156px;top:212px;width:288px;border:1px solid #dddccc;background:#fffef9;border-radius:13px;padding:20px;box-shadow:0 16px 38px #53644518;opacity:0;pointer-events:none}.auto-badge{font-size:11px;font-weight:700;background:#f6cc5b;padding:5px 8px;border-radius:5px;color:#3c3420;display:inline-block;margin-bottom:15px}.admin-auto strong{font-size:17px;display:block}.admin-auto p{font-size:13px;line-height:1.7;color:#667374;margin:9px 0 16px}.auto-link{border:1px solid #d8dfdb;border-radius:6px;padding:10px;text-align:center;background:white;font-size:13px}.admin-auto small{display:block;text-align:center;color:#83908a;font-size:10px;margin-top:12px}.admin-phase{right:25px;line-height:1.5}
@media(min-width:761px){.stage[data-stage="1"] .notice.admin-result{top:550px!important}}
@media(max-width:760px){.admin-auto{left:20px;top:247px;width:320px}.stage[data-stage="1"] .notice.admin-result{top:644px!important}.admin-phase{font-size:12px}.admin-time b{font-size:76px}}

/* Keep transport in document flow so it cannot cover scene content. */
.controls{position:relative;bottom:auto}

/* The full-page preview embeds only the selected motion, with no editor chrome. */
.embed-view header,.embed-view nav,.embed-view aside,.embed-view .workspacebar,.embed-view .boardhead,.embed-view .controls{display:none!important}
.embed-view body{background:transparent}.embed-view .app{display:block}.embed-view .workspace{padding:0;min-width:0}.embed-view .boards{display:block}.embed-view .board{border:0;box-shadow:none;margin:0;border-radius:0}.embed-view .stagewrap{border:0}.embed-view .footnote{font-size:12px}.embed-view .board.hidden{display:none!important}
.completion-icon{width:18px;height:18px;display:inline-block;vertical-align:middle}.token .completion-icon{color:#fff}.embed-view .stage{--ink:#102a43;--wash:#eaf7f5}.embed-view .floatcard{border-radius:16px}.embed-view .footnote{color:#526578}
/* Six approved operating tasks reveal in sequence, then resolve to the monthly summary. */
.admin-task{height:66px;font-size:14px;line-height:1.4;padding:0 12px;gap:8px;transition:background .2s,border-color .2s}.admin-task>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.admin-task.is-current{border-color:var(--scene);background:var(--wash)}
.embed-view{overflow:hidden}.embed-view body{min-height:0;margin:0;overflow:hidden}.embed-view .app,.embed-view .workspace,.embed-view .boards{height:auto;min-height:0}.embed-view .stagewrap{aspect-ratio:auto}
.admin-task .task-symbol{font-size:12px;font-weight:700;color:var(--scene)}
@media(max-width:760px){.stage[data-stage="1"] .notice.admin-result{top:580px!important}.admin-task{font-size:15px;padding:0 8px;gap:6px}.admin-task .task-symbol{width:18px;flex-shrink:0}}
@media(min-width:761px){.stage[data-stage="0"]:not(.hero-scene) .flowcard{height:222px}.stage[data-stage="0"]:not(.hero-scene) .photo{height:108px}.stage[data-stage="0"]:not(.hero-scene) .flowcard strong{line-height:1.45;min-height:41px}}
/* Education uses fluid type and one shared scene area, never an enlarged phone canvas. */
.stage[data-stage="1"]{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto var(--education-scene-height,294px);gap:12px;padding:26px;overflow:hidden}
.stage[data-stage="1"] .eyebrow,.stage[data-stage="1"] h3,.stage[data-stage="1"] .sub,.stage[data-stage="1"] .admin-phase{position:static;margin:0;min-width:0}
.stage[data-stage="1"] .eyebrow{font-size:12px;letter-spacing:1px}
.stage[data-stage="1"] h3{font-size:clamp(22px,4.5vw,28px);line-height:1.4;letter-spacing:-.8px}
.stage[data-stage="1"] .sub{font-size:14px;line-height:1.65}
.stage[data-stage="1"] .admin-phase{font-size:13px;line-height:1.5;margin:4px 0 2px}
.stage[data-stage="1"] .admin-before,.stage[data-stage="1"] .admin-after,.stage[data-stage="1"] .admin-auto,.stage[data-stage="1"] .notice.admin-result{position:relative!important;left:auto!important;top:auto!important;grid-area:5/1;justify-self:center;align-self:start;width:100%!important;max-width:620px;height:auto;min-width:0}
.stage[data-stage="1"] .admin-before{padding:0}
.stage[data-stage="1"] .admin-before>strong{display:block;padding:0;font-size:12px;line-height:20px}
.stage[data-stage="1"] .admin-cloud{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;height:auto}
.stage[data-stage="1"] .admin-task{position:relative;left:auto!important;top:auto!important;width:auto;height:66px;padding:0 10px;font-size:15px;gap:8px}
.stage[data-stage="1"] .admin-task .task-symbol{width:18px;flex-shrink:0;font-size:12px}
.stage[data-stage="1"] .task-dot{display:none}
.stage[data-stage="1"] .admin-after{max-width:360px;padding:14px 20px}
.stage[data-stage="1"] .admin-logo{width:68px;margin:0 0 6px}
.stage[data-stage="1"] .admin-after>strong{font-size:18px;margin:0 0 6px}
.stage[data-stage="1"] .admin-time{margin:6px 0 8px}
.stage[data-stage="1"] .admin-time b{font-size:48px;letter-spacing:-3px}
.stage[data-stage="1"] .admin-time-detail{font-size:13px;line-height:1.6}
.stage[data-stage="1"] .admin-confirm{font-size:13px;padding:8px;margin-top:10px}
.stage[data-stage="1"] .notice.admin-result{align-self:end;max-width:360px;padding:12px 14px;gap:10px}
.stage[data-stage="1"] .admin-auto{align-self:center;max-width:360px;padding:20px}
@media(max-width:400px){.stage[data-stage="1"]{padding:20px 16px;gap:10px}.stage[data-stage="1"] .admin-task{font-size:14px;padding:0 8px;gap:5px}}
/* Preview layout owns positioning; retain old editor offsets without applying them here. */
.embed-view .stage[data-stage="1"] .element{transform:none!important;cursor:default}
.stage.inline-editing [data-motion-copy]{outline:1px dashed #00a29a80;outline-offset:3px;cursor:text;user-select:text;white-space:pre-wrap;overflow-wrap:anywhere}
.stage.inline-editing [data-motion-copy]:focus{outline:2px solid #00a29a;outline-offset:3px}
.stage.inline-editing [data-motion-copy]:empty::before{content:'\200b'}
.stage.inline-editing .admin-before{user-select:text;touch-action:auto}
.stage.inline-editing .admin-task{height:auto;min-height:66px;padding-top:10px;padding-bottom:10px}
.stage.inline-editing .admin-task.is-current{border-color:#dce5e5;background:#fff}
.stage[data-stage="1"] [data-motion-copy]{white-space:pre-wrap;overflow-wrap:anywhere}
.stage[data-stage="1"] .admin-task{height:auto;min-height:66px;padding-top:10px;padding-bottom:10px}
/* v46: operational work converges into BUDDI, then a completed grant reaches the company. */
.stage[data-stage="1"]{background:#102a43;color:#fff;grid-template-rows:auto auto auto auto var(--education-scene-height,260px)}
.stage[data-stage="1"] .eyebrow{color:#80ded3}.stage[data-stage="1"] h3{color:#fff}.stage[data-stage="1"] .sub{color:#c6d6e1}.stage[data-stage="1"] .admin-phase{color:#f6cc5b}.stage[data-stage="1"] .admin-before>strong{color:#b7cad8}
.stage[data-stage="1"] .admin-task{color:#102a43;background:#fff}.stage[data-stage="1"] .admin-task.is-current{background:#fff8df;border-color:#f6cc5b}
.stage[data-stage="1"] .education-hub{align-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;min-height:220px;width:250px!important;background:transparent;border:0;box-shadow:none;padding:18px;isolation:isolate}
.stage[data-stage="1"] .education-hub .admin-logo{width:160px;height:auto;margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;z-index:1}
.stage[data-stage="1"] .education-hub>strong{color:#f6cc5b;font-size:18px;letter-spacing:0}
.education-orbit{position:absolute;inset:0;border:1px solid #80ded34d;border-radius:50%;box-shadow:0 0 0 22px #80ded30a,0 0 0 44px #80ded305;z-index:-1}
.stage[data-stage="1"] .education-bank{align-self:center;flex-direction:column;gap:10px;text-align:center;max-width:340px;padding:20px 24px;background:#fff;border:1px solid #e1e9ef;color:#102a43}
.bank-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:#eaf7f5;color:#00a29a}.bank-icon svg{width:40px;height:40px}
.bank-account{font-size:14px;color:#526578}.education-bank .bank-title{font-size:28px!important;line-height:1.4}.bank-complete{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#f6cc5b;color:#102a43;font-size:13px;font-weight:700}.bank-complete .completion-icon{color:#102a43}
.stage[data-stage="1"].inline-editing .education-hub{display:none}.stage[data-stage="1"].inline-editing .education-bank{grid-area:6/1;opacity:1!important;pointer-events:auto!important}.stage[data-stage="1"].inline-editing .admin-task.is-current{background:#fff}
.embed-view .stage[data-stage="2"],.embed-view .stage[data-stage="3"]{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:26px;background:#f7fafb}
.embed-view .stage[data-stage="2"]>.eyebrow,.embed-view .stage[data-stage="3"]>.eyebrow,.embed-view .stage[data-stage="2"]>h3,.embed-view .stage[data-stage="3"]>h3,.embed-view .stage[data-stage="2"]>.sub,.embed-view .stage[data-stage="3"]>.sub{position:static;grid-column:1/-1;margin:0;color:#102a43;line-height:1.55}
.embed-view .stage[data-stage="2"]>h3,.embed-view .stage[data-stage="3"]>h3{font-size:clamp(22px,4.2vw,28px)}.embed-view .stage[data-stage="2"]>.sub,.embed-view .stage[data-stage="3"]>.sub{font-size:14px;color:#526578}
.embed-view .stage[data-stage="2"] .element,.embed-view .stage[data-stage="3"] .element{position:relative;left:auto!important;top:auto!important;width:auto!important;height:auto;min-width:0;transform:none!important}
.embed-view .stage[data-stage="2"] .line,.embed-view .stage[data-stage="3"] .line{display:none}
.embed-view .stage[data-stage="2"] .booking,.embed-view .stage[data-stage="2"] .report{padding:20px;font-size:15px}.embed-view .stage[data-stage="2"] .booking>strong,.embed-view .stage[data-stage="2"] .report>strong{font-size:17px}.embed-view .stage[data-stage="2"] .notice{grid-column:1/-1}.embed-view .stage[data-stage="2"] .token .completion-icon{color:#00a29a}.embed-view .stage[data-stage="2"] .calendar span{font-size:13px}.embed-view .stage[data-stage="2"] .report .minirows{grid-template-columns:1fr}.embed-view .stage[data-stage="2"] .report .minirows div{font-size:14px}
.embed-view .stage[data-stage="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.embed-view .stage[data-stage="3"] .daytrack{grid-column:1/-1;min-height:108px;padding:18px}.embed-view .stage[data-stage="3"] .eventstep{padding:18px}.embed-view .stage[data-stage="3"] .eventstep strong{font-size:17px;line-height:1.5}.embed-view .stage[data-stage="3"] .eventstep .small{font-size:12px}
.stage [data-motion-copy]{white-space:pre-wrap;overflow-wrap:anywhere}.inline-editing [data-reveal]{opacity:1!important}
@media(max-width:500px){.embed-view .stage[data-stage="2"],.embed-view .stage[data-stage="3"]{grid-template-columns:1fr;padding:20px 16px;gap:14px}.embed-view .stage[data-stage="2"] .report .minirows{grid-template-columns:repeat(2,minmax(0,1fr))}.embed-view .stage[data-stage="3"] .eventstep{padding:16px}.embed-view .stage[data-stage="3"] .daytrack{padding:12px;gap:6px}.embed-view .stage[data-stage="3"] .daytrack .time{font-size:12px;width:36px}.embed-view .stage[data-stage="3"] .daytrack .slot{left:8%;width:65%}}