/* Audience: DSI. Editorial photography, precise color accents and instructional motion. */
body:has(dialog[open]),body.motion-expanded{overflow:hidden}
.lesson-player{width:100%}.lesson-player-picture{width:100%;min-width:0}
.lesson-player.is-expanded{position:fixed;inset:0;z-index:1000;background:#161026;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:auto}
.lesson-player.is-expanded .lesson-player-picture,.lesson-player.is-expanded .lesson-player-controls{width:min(100%,calc((100dvh - 105px)*16/9));flex-shrink:0}
.motion-screen:has(.is-expanded){overflow:visible;isolation:auto}
@media(max-width:480px){.header-actions{flex-wrap:wrap;justify-content:flex-end}.header-actions .pill{display:none}.topbar{padding:12px;gap:10px}.brand{font-size:.85rem}.brandmark{width:34px;height:34px;flex-shrink:0}.animation-heading{flex-wrap:wrap}.lesson-player-controls{flex-wrap:wrap}.scrub-label{min-width:65px}.lesson-player.is-expanded{padding:10px}.page-heading{flex-wrap:wrap}.heading-meta{padding-top:0}.summary-stats{grid-template-columns:1fr}.quest-banner{grid-template-columns:90px minmax(0,1fr)}.quest-banner img{width:90px}.quest-banner>div{padding:12px}}
img{max-width:100%}
.intro-grid>*{min-width:0}.intro-art{height:auto;max-height:320px;object-fit:cover;object-position:center 55%}
.split>*{min-width:0}.exercise>*{min-width:0}.insight>*{min-width:0}
.animation-card{max-width:780px;margin-inline:auto}.animation-heading>*{min-width:0}
.sidebar h1{font-size:2.25rem}.sidebar{padding-top:28px;padding-bottom:24px}.sidebar-caption{margin:12px 0 18px}.step-button{padding:11px 10px}.sidebar-bottom{margin-top:18px;padding-top:16px}
@media(min-width:721px) and (max-height:850px){.topbar{padding:14px 30px}main{padding-top:24px}.intro-art{max-height:245px}.intro-grid{padding-top:0}.intro-grid h2{margin:12px 0 15px}.mission-brief{margin:18px 0}.proof-row{margin:18px 0}.proof-card{padding:13px 16px}.actions{margin-top:17px}.sidebar h1{font-size:2rem}.sidebar .eyebrow{margin-bottom:10px}.sidebar-caption{margin-bottom:14px}.step-button{padding:9px 8px}.sidebar-bottom{margin-top:14px;padding-top:12px}}
body{background:#f6f7fb;background-image:none}
.topbar{border-bottom:1px solid #e3e0ed}.brandmark{rotate:0deg;background:#263858;box-shadow:3px 3px 0 #bca4f3}
.sidebar{background:linear-gradient(180deg,#eeebf7,#ffffff 85%);border-right:1px solid #ded9e9}.sidebar h1{color:#263858}.sidebar-caption{color:#556177}
.step-button.active{box-shadow:none;background:#5b2cb0}.step-button.active .step-no{background:white;color:#5b2cb0;border-color:white}
.intro-grid h2{font-size:clamp(2rem,3vw,3.1rem)}.intro-grid h2 em{background:none;padding:0;color:#6532b7}.intro-art-wrap{border-radius:16px;overflow:hidden;background:white;border:1px solid #ded9e9}.intro-art{border-radius:0;box-shadow:none}.art-caption{padding:12px 16px;font-size:.875rem;color:#4b5270;font-weight:600;border-left:4px solid #e9a046;background:white}
.tag{border-radius:5px;background:#eee7fb;border-color:#dacfee;letter-spacing:.035em}.button,.button:hover{box-shadow:none}.button{border-radius:9px;background:#6532b7}.button.light,.button.light:hover,.button.dark{box-shadow:none}.button.light{border-color:#d4cfdf}.button.dark{background:#203b65}
.panel,.download-card,.proof-card,.stat,.animation-card,.mission-tab{box-shadow:none}.panel{border-radius:16px}.proof-card{background:white;border-color:#d9d2e6;border-top:3px solid #7750bc}.proof-card:nth-child(2){background:#fffbef;box-shadow:none;border-color:#e7ddbb;border-top:3px solid #d49b37}.proof-card:nth-child(3){background:#f0faf7;box-shadow:none;border-color:#c9e2d9;border-top:3px solid #268875}
.mission-brief{background:#edf5f8;border-color:#4f809b;color:#29495a}.download-card{background:#f7f3eb;border-color:#e2d5bd;border-radius:16px}.prep-art{height:200px;border-radius:12px}.paper{box-shadow:none;background:#fffdf7;border-color:#dfd9c7;border-top-color:#d7a14a}
.quest-banner{border-radius:16px;background:#f0ecf8}.quest-banner img{object-position:center}.quest-banner.tone-mint{background:#edf6f3}.quest-banner.tone-sun{background:#faf3e5}.mission-tab{border-radius:10px}.mission-tab.active,.mission-tab:nth-child(2).active,.mission-tab:nth-child(3).active{box-shadow:none}
.animation-card{border-radius:16px;border-color:#d5d0e3}.animation-heading{background:#f0ecf7}.flow-board{background:#f2f7f6}.flow-card.on{background:#e4dbf5;border-color:#8c69c7}
.summary-head{padding:30px;min-height:0;border-radius:16px;background:linear-gradient(120deg,#203958,#4f3180)}.summary-head h2{font-size:2.1rem}.summary-head p{max-width:860px}.summary-head .eyebrow{color:#e9c885}.summary-stats .stat:nth-child(1){background:#fff9e9}.summary-stats .stat:nth-child(2){background:#eff8f4}.summary-stats .stat:nth-child(3){background:#f2edf9}.insight img{border-radius:14px}
@media(max-width:720px){.intro-grid h2{font-size:2.2rem}.summary-head{padding:24px 20px}.summary-head h2{font-size:1.85rem}.art-caption{font-size:.8rem}.quest-banner img{object-position:45% center}.intro-art{max-height:290px}}
@media print{body{background:white}.summary-head{background:white;color:black}.summary-head p{color:black}.summary-head .eyebrow{color:black}}
@media(max-width:720px){
  .sidebar{padding:12px 18px}.step-button{min-width:0;padding:8px 6px}
  #steps{grid-template-columns:repeat(3,minmax(0,1fr))}
  main:has(.intro-grid){display:flex;flex-direction:column}
  .intro-grid{display:contents}.intro-grid>div{order:0}
  main:has(.intro-grid)>.mission-brief{order:1;margin:16px 0}
  main:has(.intro-grid)>.actions{order:2;margin-top:0}
  main:has(.intro-grid)>.secondary-note{order:3}
  .intro-art-wrap{order:4;margin:20px auto 0}.proof-row{order:5}
}
@media(max-width:480px){#steps{grid-template-columns:repeat(2,minmax(0,1fr))}.step-button{min-height:42px;font-size:.875rem}.step-no{flex-shrink:0}}