/* JobLab: blue = source, teal = action/evidence, amber = result or question. */
:root{--ink:#123650;--muted:#3f5d71;--blue:#245bba;--teal:#007c82;--orange:#db7b19;--line:#bfd4df;--bg:#edf5fa;--title:43px}
.slide{position:relative;isolation:isolate;background:linear-gradient(125deg,#f5faff 10%,#e6f3fb 64%,#e5f5f1);overflow:hidden}
.slide:before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--blue) 0 42%,var(--teal) 42% 82%,var(--orange) 82%);z-index:5;pointer-events:none}
.slide-heading{display:block;border:0;padding:0 0 14px;border-bottom:1px solid #b9d5df}
.slide-heading h1{color:var(--ink);margin:6px 0 8px;letter-spacing:-.025em}.slide-heading>p{color:var(--muted)}
.eyebrow{color:var(--teal);letter-spacing:.1em}.slide-content{position:relative;gap:22px}
.info-card,.steps>section,.paired-cards>section,.star-board>section,.story-frames>section,.prompt-columns>section,.resume-example,.format-advice,.finished-sentence{border-radius:14px;border:1px solid var(--line);box-shadow:none;background:#fff}
.info-card{border-top:0;border-left:4px solid var(--blue);padding:20px 22px}.info-card:nth-child(3n+2){border-left-color:var(--teal)}.info-card:nth-child(3n){border-left-color:var(--orange)}
.info-card h2,.steps h2{display:flex;align-items:center;gap:12px}.info-card h2>.icon,.steps h2>.icon{color:var(--blue);width:27px;height:29px}.info-card:nth-child(3n+2) h2>.icon{color:var(--teal)}.info-card:nth-child(3n) h2>.icon{color:#af5810}
.cards{gap:26px 22px;padding-top:14px}.cards .card-mark{display:none}.micro{gap:23px 15px}.micro h2>.icon{width:21px;height:23px}.micro .info-card{border-left-width:3px}
.connected-board{position:relative;isolation:isolate}.connected-board>section,.connected-board>span{position:relative;z-index:1}
.lesson-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0;color:var(--teal)}
.connection-track{fill:none;stroke:#71a9b5;stroke-width:2}.connection-current{fill:none;stroke:var(--teal);stroke-width:3;stroke-dasharray:4 14;animation:connection-flow 2.4s linear var(--wire-delay) infinite;pointer-events:none}
.steps{gap:34px 28px;padding:4px 0}.steps section{padding:20px 22px;border:1px solid #a9cbd7;border-bottom:4px solid var(--teal)}.steps section>b{font-size:24px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#e4efff;border-radius:50%;margin-bottom:15px}.steps section:after{display:none!important}.steps.count-7{grid-template-columns:repeat(4,minmax(0,1fr))}
.comparison{border:1px solid var(--line);border-radius:14px;overflow:hidden}.comparison-head{background:#dceafb;color:#194879}.comparison-row strong{background:#f2f7fd;color:var(--blue)}.comparison-row>:nth-child(2){background:#fff}.comparison-row>:last-child{position:relative;padding-left:34px;background:#e5f4ef;color:#155a52;border-left:3px solid #85b9b8}.comparison-row>:last-child:before{content:'→';position:absolute;left:7px;color:var(--teal);font-size:22px}
.paired-cards{gap:18px}.paired-cards section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:22px;border-top:3px solid var(--blue);padding:18px}.paired-cards h2{grid-column:1/-1;color:var(--ink);margin-bottom:12px}.paired-cards p{background:#eef4fd;padding:12px;border-radius:8px;margin:0;align-self:stretch;display:flex;align-items:center}.pair-result{background:#e5f4ef;padding:12px;border-radius:8px;gap:8px}.paired-cards.three section{grid-template-columns:1fr;gap:13px}.paired-cards.three p{min-height:0;margin:0;padding:20px;font-size:24px}.paired-cards.three .pair-result{padding:20px}.paired-cards.dense{gap:13px}.paired-cards.dense section{padding:12px;gap:8px 12px}.paired-cards.dense p,.paired-cards.dense .pair-result{padding:9px}.paired-cards.dense .pair-result .icon{width:18px}.paired-cards.fields{grid-template-columns:repeat(3,minmax(0,1fr))}.paired-cards.fields section{grid-template-columns:1fr}.paired-cards.fields h2{margin:0}.paired-cards.fields p{padding:6px 9px}.paired-cards.fields .pair-result{padding:8px 9px}
.photo-layout,.closing-layout{gap:0;background:#fff;border:1px solid #afcbd8;border-radius:20px;overflow:hidden;padding:0;box-shadow:0 10px 28px #174f7010;align-items:stretch}
.photo-layout>.scene-photo,.closing-layout>.scene-photo{border-radius:0;border:0;box-shadow:none;align-self:stretch;aspect-ratio:auto;min-height:300px;width:100%}
.photo-layout>div:not(.scene-photo),.closing-layout>div{padding:22px}.photo-layout .cards{padding-top:0;gap:14px}.photo-layout .cards>.lesson-connections{display:none}.photo-layout .info-card{border:0;border-radius:0;border-bottom:1px solid var(--line);padding:13px 12px;background:#f4f8fc}
.scene-photo{border-radius:18px;box-shadow:none}.scene-photo img{animation:none}.scene-photo figcaption{background:linear-gradient(transparent,#123650f2);font-size:18px;padding:40px 20px 20px}
.rewrite-layout{grid-template-columns:.78fr 1.8fr}.rewrite-list{background:#fff}.rewrite-key{padding:0 0 12px}.rewrite-list section{position:relative;padding:16px 0;gap:13px;border-top:1px solid var(--line)}.rewrite-list section>span{color:var(--muted)}.rewrite-list section p{background:#e7f5f0;border-left:3px solid var(--teal);border-radius:0 8px 8px 0;padding:12px;color:#14574f}.rewrite-list b{color:var(--teal);font-size:24px}
.story-layout{grid-template-columns:1fr 1.45fr}.story-frames{gap:22px}.story-frames section{border:0;border-left:4px solid var(--teal);border-radius:0 12px 12px 0;background:#edf7f5;padding:16px}.story-frames section>b{font-size:42px;color:var(--teal)!important}.story-frames section:nth-child(3){background:#dceeea}.star-board{gap:28px}.star-board section{padding:24px;background:#fff}.star-board section>b{font-size:70px;margin-bottom:22px;color:var(--blue)}.star-board section:nth-child(2)>b{color:var(--teal)}.star-board section:nth-child(3)>b{color:var(--teal)}.star-board section:nth-child(4)>b{color:#b46413}.star-board h2{min-height:0}
.formula{gap:28px}.formula section{border-radius:14px;border-top-width:4px;background:#e3edfd}.formula section:nth-child(2){background:#daf0e9}.formula section:nth-child(3){background:#ffecd5}.formula section:after{right:-28px!important}.formula h2{margin:0 0 12px}.formula .icon{margin-bottom:12px}.finished-sentence{border-left:5px solid var(--teal);background:#fff;padding:18px 23px}.finished-sentence p{margin-top:8px}.takeaway{background:#fff0db;border-left:4px solid var(--orange);border-radius:0 10px 10px 0}.takeaway p{color:#714213}.takeaway .icon{color:#a65a13}
.prompt-columns{gap:0;border:1px solid #a9c7d4;border-radius:18px;overflow:hidden;background:#fff}.prompt-columns>section{border:0;border-radius:0;padding:24px}.prompt-input>h2{padding-left:43px;position:relative}.prompt-input>h2>.icon{position:absolute;left:0}.prompt-input>p{margin-left:43px;border-left:2px solid #abc5e0;padding-left:16px}.prompt-output{position:relative;border:0!important;border-left:3px solid #7caead!important;background:#e5f4ef!important}.prompt-output:before{content:'→';position:absolute;left:-18px;top:45%;font-size:30px;color:var(--teal);background:#fff;border-radius:50%;width:34px;height:34px;text-align:center;line-height:31px}.prompt-output li{padding:8px 6px;border-bottom:1px solid #b9d9d1}.prompt-input button{margin-left:43px}.reading-layout{gap:30px}.resume-example{box-shadow:none;border-left:4px solid var(--blue)}.field-example span{background:#e4f4ef;border:0;padding:12px;border-radius:8px}.field-example strong{color:#12685e}.format-advice{padding:25px}.status-route{background:#ddf1ed;border:1px solid #9fc9c5;border-radius:12px}.practice-time{background:#ffead3;border-radius:18px}.practice-layout .steps{gap:26px}.closing-layout{grid-template-columns:1.4fr 1fr}.closing .info-card{border:0;border-bottom:1px solid var(--line);border-radius:0;background:#eef6fb}.closing .info-card h2{display:flex}.next-action{background:#ffe6c8;border-left:4px solid var(--orange);border-radius:0 12px 12px 0}
.cover-copy h1{font-size:66px}.cover-question{font-size:28px}.cover-goals{gap:24px;flex-wrap:nowrap}.cover-goals span{border-radius:10px;padding:13px 15px;font-weight:650;font-size:21px;white-space:nowrap}.slide-1 .slide-content{gap:32px}.slide-1 .scene-photo{min-height:520px;border-radius:24px 24px 80px 24px}.cover-promise{color:var(--teal)}.event{margin-top:30px}
.reading-beat{position:relative;animation:lesson-focus var(--sequence-time) linear var(--beat-delay) infinite}
[data-motion='compare'] .reading-beat>:last-child{background-image:linear-gradient(#dc881e,#dc881e);background-repeat:no-repeat;background-position:12px calc(100% - 4px);background-size:0 3px;animation:lesson-underline var(--sequence-time) ease var(--beat-delay) infinite}
.page-arrival{animation:page-arrival .48s cubic-bezier(.16,1,.3,1) both;--arrival-x:18px}body[data-direction='back'] .page-arrival{--arrival-x:-18px}
@keyframes page-arrival{from{translate:var(--arrival-x) 0}to{translate:0 0}}
@keyframes connection-flow{to{stroke-dashoffset:-54}}
@keyframes lesson-focus{0%,20%,100%{outline:2px solid transparent;outline-offset:2px}3%,14%{outline:2px solid #19888d;outline-offset:2px}}
@keyframes lesson-underline{0%,20%,100%{background-size:0 3px}4%,14%{background-size:calc(100% - 24px) 3px}}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;transition:none!important}
@media(min-width:900px) and (max-height:820px){.slide-content{gap:18px}.cards{gap:24px 18px}.info-card{padding:17px 19px}.steps section{padding:17px}.steps h2{font-size:25px}.photo-layout>div:not(.scene-photo),.closing-layout>div{padding:18px}.rewrite-list section{padding:11px 0}.rewrite-list section p{padding:10px}.prompt-columns>section{padding:21px}.prompt-output li{padding:6px;margin:7px 0}.cover-copy h1{font-size:62px}.slide-1 .scene-photo{min-height:515px}}
@media(max-width:899px) and (orientation:portrait){.slide{overflow:visible}.slide-heading{padding-bottom:18px}.slide-content{gap:24px}.cards{gap:25px 18px}.steps,.steps.count-7{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.photo-layout,.rewrite-layout,.story-layout,.closing-layout{grid-template-columns:1fr}.photo-layout>.scene-photo,.closing-layout>.scene-photo{aspect-ratio:16/9;min-height:0}.photo-layout>div:not(.scene-photo),.closing-layout>div{padding:19px}.paired-cards section{grid-template-columns:1fr;gap:12px}.paired-cards h2{margin:0}.paired-cards p{padding:12px}.paired-cards .pair-result{padding:12px}.prompt-columns{grid-template-columns:1fr;overflow:visible}.prompt-input{border-radius:18px 18px 0 0!important}.prompt-output{border:0!important;border-top:3px solid #7caead!important;border-radius:0 0 18px 18px!important}.prompt-output:before{content:'↓';top:-19px;left:calc(50% - 17px)}.cover-goals{gap:12px;flex-wrap:wrap}.cover-goals span{font-size:19px}.slide-1 .scene-photo{min-height:0;aspect-ratio:16/9;border-radius:18px}.slide-1 .slide-content{gap:28px}.cover-copy h1{font-size:50px}.comparison-row>:last-child{padding-left:33px}.star-board{gap:28px}.comparison-row{border-radius:12px}.page-arrival{--arrival-x:8px}}
@media(max-width:520px){.cards,.steps,.steps.count-7,.paired-cards,.paired-cards.fields{grid-template-columns:1fr}.paired-cards.dense section{padding:18px;gap:12px}.paired-cards.dense h2{font-size:23px}.paired-cards.dense p{font-size:22px;padding:12px}.paired-cards.dense .pair-result strong{font-size:22px}.paired-cards.dense .pair-result{padding:12px}.cover-goals{display:flex;flex-direction:column;align-items:stretch;gap:20px}.cover-goals span{text-align:center}.cover-copy h1{font-size:44px}.rewrite-list section{grid-template-columns:1fr}.rewrite-list section p{font-size:23px}.prompt-input>p{margin-left:0}.prompt-input>h2{padding-left:38px}.prompt-input button{margin-left:0}.question-layout .info-card h2{display:flex}.star-board{grid-template-columns:1fr;gap:25px}.star-board section{display:grid;grid-template-columns:55px 1fr;gap:0 18px;padding:20px}.star-board section>b{grid-row:1/3;font-size:52px;margin:0}.star-board h2{margin:0 0 8px;font-size:23px}.star-board p{font-size:23px}.story-frames section>b{font-size:36px}.story-frames p{font-size:23px}.info-card h2{font-size:25px}.info-card p{font-size:23px}.micro h2>.icon{width:25px;height:27px}.formula{gap:24px}.formula section:not(:last-child):after{display:block!important;content:'＋';top:auto;bottom:-29px;left:calc(50% - 15px);right:auto!important}.scene-photo figcaption{font-size:17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.page-arrival{translate:none}}

/* Persistent motion shows the relationship, not a separate animated summary. */
[data-motion='compare'] .pair-result>.icon,[data-motion='compare'] .rewrite-list b,[data-motion='compare'] .comparison-row>:last-child:before{animation:answer-direction 3.6s ease-in-out infinite}
[data-motion='prompt'] .prompt-output:before{animation:answer-direction 3.6s ease-in-out infinite}
[data-motion='formula'] .formula section:not(:last-child):after{animation:join-parts 3.6s ease-in-out infinite}
@keyframes answer-direction{0%,100%{translate:0 0;color:var(--teal)}50%{translate:4px 0;color:#b36314}}
@keyframes join-parts{0%,100%{color:var(--teal);scale:1}50%{color:#b36314;scale:1.08}}
@media(max-width:899px) and (orientation:portrait){[data-motion='prompt'] .prompt-output:before{animation-name:answer-down}}
@keyframes answer-down{0%,100%{translate:0 0;color:var(--teal)}50%{translate:0 4px;color:#b36314}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* A concept page is a rooted semantic map, with each label connected to its explanation. */
.concept-diagram{position:relative;padding-left:28px;display:flex;flex-direction:column;gap:26px;isolation:isolate}
.diagram-root{align-self:flex-start;position:relative;z-index:1;background:#1c557f;color:white;border-radius:12px;padding:14px 22px;margin-left:8px;max-width:100%}
.diagram-root h1{color:white;font-size:35px;line-height:1.25;margin:0;letter-spacing:-.025em}
.concept-diagram>.cards{padding-top:0;gap:28px 22px}
.meaning-node{display:flex;flex-direction:column;position:relative}.meaning-node h2{margin-bottom:0}.meaning-link{color:var(--teal);font-size:22px;line-height:1.2;margin:6px 0;display:block;animation:meaning-down 3.6s ease-in-out infinite}
.meaning-node p{padding:10px 12px;background:#e8f4f0;border-left:3px solid #71aaa5;border-radius:0 8px 8px 0;color:#174f4c;flex:1;display:flex;align-items:center}
.photo-layout .meaning-node{display:grid;grid-template-columns:1fr 18px 1.3fr;gap:9px;align-items:center;padding:12px!important}.photo-layout .meaning-node h2{font-size:21px;margin:0}.photo-layout .meaning-node h2 .icon{width:23px;height:25px}.photo-layout .meaning-link{font-size:0;margin:0}.photo-layout .meaning-link:before{content:'→';font-size:20px}.photo-layout .meaning-node p{font-size:20px;padding:10px}.photo-layout .cards{grid-template-columns:1fr}
.question-layout .meaning-node{grid-template-columns:.8fr 18px 1.7fr}.question-layout .meaning-node p{font-size:22px}
.micro .meaning-link{font-size:18px;margin:4px 0}.micro .meaning-node p{padding:6px 8px;font-size:18px}.micro .meaning-node h2{font-size:20px}.micro .info-card{padding:10px 12px}
.closing .meaning-link{display:none}.closing .meaning-node{padding:14px 18px}.closing .meaning-node p{margin-top:9px}.outcome-merge .next-action{position:relative;margin-top:30px}.outcome-merge .next-action:before{content:'↓';position:absolute;top:-29px;left:50%;color:var(--teal);font-size:26px;animation:meaning-down 3.6s ease infinite}
.document-check-map,.document-field-map{position:relative}.document-check-map:before,.document-field-map:before{content:'→';position:absolute;left:calc(50% - 17px);top:47%;font-size:28px;color:var(--teal);animation:answer-direction 3.6s ease infinite}.document-field-map:before{left:calc(30.77% - 13px)}
@keyframes meaning-down{0%,100%{translate:0 0;color:var(--teal)}50%{translate:0 3px;color:#b36314}}
@media(max-width:899px) and (orientation:portrait){.diagram-root h1{font-size:30px}.concept-diagram{padding-left:18px}.diagram-root{margin-left:4px;padding:15px 18px}.document-check-map:before,.document-field-map:before{display:none}.photo-layout .meaning-node{grid-template-columns:1fr}.photo-layout .meaning-link{font-size:22px;margin:3px 0}.photo-layout .meaning-link:before{content:none}.photo-layout .meaning-node h2{font-size:24px}.photo-layout .meaning-node p{font-size:23px}.concept-diagram>.cards{gap:28px 18px}}
@media(max-width:520px){.concept-diagram{padding-left:14px;gap:27px}.diagram-root h1{font-size:29px}.meaning-node p{font-size:23px}.micro .meaning-node p{font-size:22px}.micro .meaning-node h2{font-size:24px}.diagram-root{padding:14px}.concept-diagram>.cards{gap:24px}.tree-connections{display:block}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.diagram-root:has(.status-route){align-self:stretch;background:#1c557f}.diagram-root .status-route{margin-top:14px;background:#f0f8fc;border:0;padding:12px}.diagram-root .status-route span{font-size:22px}.diagram-root .status-route b{font-size:24px}.formula-assembly{display:flex;flex-direction:column;gap:34px}.formula-assembly>.formula,.formula-assembly>.finished-sentence{position:relative;z-index:1}.outcome-merge{position:relative;isolation:isolate}.outcome-merge>.cards,.outcome-merge>.next-action{position:relative;z-index:1}.outcome-merge .next-action:before{display:none}.photo-layout .meaning-link{animation-name:answer-direction}
@media(max-width:520px){.formula-assembly{gap:30px}.diagram-root .status-route{gap:8px}.diagram-root .status-route span{font-size:22px}.photo-layout .meaning-link{animation-name:meaning-down}.formula-assembly>.merge-connections{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}