.slide.is-management { width: min(100cqw, 100cqh * 16 / 9); height: min(100cqh, 100cqw * 9 / 16); --u: calc(100cqw / 1440); }
.is-management > .intro, .is-management > .scene, .is-management > .issue-annotations, .is-management > .issues, .is-management > .takeaway, .is-management > .illustrative, .is-management > #scene-description { display: none; }
.management-screen { position: absolute; inset: 0; }
.management-screen[hidden] { display: none; }
.management-title { position: absolute; top: calc(33 * var(--u)); left: calc(64 * var(--u)); margin: 0; font-size: calc(44 * var(--u)); letter-spacing: -.043em; line-height: 1.05; font-weight: 700; }
.management-title span { color: #c7a1e4; }
.management-caption { position: absolute; left: calc(64 * var(--u)); top: calc(107 * var(--u)); margin: 0; font-size: calc(25 * var(--u)); font-weight: 560; letter-spacing: -.025em; }
.management-note { position: absolute; top: calc(143 * var(--u)); left: calc(64 * var(--u)); right: calc(200 * var(--u)); margin: 0; color: #aab9c5; font-size: calc(20 * var(--u)); line-height: 1.4; letter-spacing: -.015em; }
.management-window { position: absolute; left: calc(64 * var(--u)); top: calc(218 * var(--u)); width: calc(1312 * var(--u)); height: calc(520 * var(--u)); border: 1px solid #566474; border-radius: calc(16 * var(--u)); background: #171e27; overflow: hidden; box-shadow: 0 calc(16 * var(--u)) calc(55 * var(--u)) #0006; }
.management-toolbar { position: relative; height: calc(38 * var(--u)); padding: 0 calc(17 * var(--u)); display: flex; align-items: center; justify-content: space-between; color: #a3b1bf; font-size: calc(13 * var(--u)); border-bottom: 1px solid #3e4b5a; }
.management-toolbar strong { font-weight: 500; color: #ccd7e2; }
.management-toolbar > div { display: flex; align-items: center; gap: calc(15 * var(--u)); }
.management-replay { display: flex; align-items: center; gap: calc(6 * var(--u)); border: 0; background: transparent; padding: calc(5 * var(--u)); color: #bbaccc; font-size: inherit; cursor: pointer; }
.management-replay svg { width: calc(15 * var(--u)); height: calc(15 * var(--u)); fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.management-viewport { position: absolute; inset: calc(38 * var(--u)) 0 0; overflow: hidden; background: #fafafa; }
.management-viewport iframe { display: block; width: 1280px; height: 470px; border: 0; transform: scale(calc(1312 / 1280 * var(--u) / 1px)); transform-origin: top left; pointer-events: none; }
.management-launcher { position: absolute; inset: 0; display: grid; place-content: center; text-align: center; background: radial-gradient(ellipse at 50% 38%, #324963 0, #162337 45%, #101726 90%); }
.management-launcher[hidden] { display: none; }
.management-launcher p { margin: 0 0 calc(24 * var(--u)); color: #afbdce; font-size: calc(17 * var(--u)); }
.management-launch { display: flex; flex-direction: column; align-items: center; gap: calc(13 * var(--u)); border: 0; background: none; cursor: pointer; }
.management-launch .launcher-app-icon { width: calc(86 * var(--u)); height: calc(86 * var(--u)); }
.management-launch strong { color: #eef5fc; font-size: calc(23 * var(--u)); font-weight: 550; letter-spacing: -.02em; }
.management-launch > span:last-child { color: #a9bdd2; font-size: calc(15 * var(--u)); }
.management-footnote { position: absolute; bottom: calc(27 * var(--u)); left: calc(64 * var(--u)); margin: 0; font-size: calc(14 * var(--u)); color: #8b9aaa; }
.management-replay:focus-visible, .management-launch:focus-visible { outline: 2px solid #c7a1e4; outline-offset: 4px; border-radius: calc(8 * var(--u)); }
