/* Kierunek final - jasny interfejs prezentacji oparty na UI John Dog. */
html{color-scheme:light}
body{background:#151517;color:#101113}
.app{padding:24px 24px 76px}
.stage{width:min(94vw,1440px);max-height:calc(100vh - 108px);border-radius:0;box-shadow:0 28px 80px #0008}
.slide{padding:9.3% 4.2% 3.8%;background:#fff}
.final-accent{width:5px;background:#e81412}
.deckhead{left:4.2%;right:4.2%;top:0;height:8.2%;gap:18px;background:#fff;border-bottom:1px solid #d5d7db}
.deckhead img{width:150px;height:auto;filter:none!important}
.deckhead .dname{margin-left:14px;font:650 12px Figtree,sans-serif;color:#6a6f73;letter-spacing:0}
.deckhead .dname::before{width:7px;height:7px;background:#e81412}
.deckhead .chap{margin-left:auto;font:700 12px Oswald,sans-serif;letter-spacing:.08em;color:#101113}
.deckhead .pg{min-width:58px;height:30px;border:1px solid #d5d7db;border-radius:999px;font:800 10px Figtree,sans-serif;color:#101113}
.card,.hero{border-radius:20px}
.card.soft,.hero{background:#f7f8f9}
.card.black{background:#050505}
.fig,.fig-full,.mono,.diagram,.ice-art{border-radius:18px}
.slide.chart .fig-full img{max-height:min(var(--figh,49vh),49vh)}
.road-step,.sys,.dbox{border-radius:13px}
.slide.on .wrap{animation:final-enter .28s ease both}
@keyframes final-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.scale,.pad,.hint{display:none!important}
.final-controls{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;z-index:30}
.final-control{appearance:none;border:1px solid #555;background:#252527;color:#fff;height:44px;min-width:44px;padding:0 15px;border-radius:999px;font:650 12px Figtree,sans-serif;cursor:pointer}
.final-control:hover{background:#36363a}.final-control.icon{width:44px;padding:0;font-size:18px}.final-counter{min-width:76px}.final-separator{width:1px;height:22px;background:#48484c;margin:0 2px}
.final-overview{position:fixed;inset:0;z-index:60;background:#101012f2;padding:26px;overflow:auto;color:#fff}
.final-overview[hidden]{display:none}.final-overview-bar{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;background:#101012;padding:0 0 20px}.final-overview-bar strong{font-size:16px}.final-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.final-thumb{appearance:none;text-align:left;border:1px solid #47474a;border-radius:12px;background:#1c1c1f;color:#fff;padding:12px;min-height:74px;cursor:pointer;font-family:Figtree,sans-serif}.final-thumb:hover,.final-thumb.active{border-color:#fff}.final-thumb span{display:block;color:#9c9ca2;font-size:9px;text-transform:uppercase}.final-thumb b{display:block;margin-top:6px;font-size:12px;line-height:1.25}.final-overview-bar button{appearance:none;border:1px solid #555;background:#242426;color:#fff;border-radius:999px;padding:10px 16px;cursor:pointer}
@media(max-width:900px){.app{padding:8px 8px 64px}.stage{width:98vw}.slide{padding:11% 4% 4%}.deckhead{left:4%;right:4%}.deckhead img{width:108px}.deckhead .dname{display:none}.deckhead .chap{font-size:9px}.final-overview-grid{grid-template-columns:repeat(2,1fr)}}
@media print{.final-controls,.final-overview{display:none!important}.slide{padding:9.3% 4.2% 3.8%}}