:root{--bg:#102b25;--paper:#f5f3e9;--accent:#d4ef77;--teal:#73c9bc;--amber:#efc17b;--quiet:#b3c3bb;--line:#426054;font-family:'Segoe UI',Arial,sans-serif;color:var(--paper);background:#071611;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{outline-offset:6px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent)}button{cursor:pointer;color:inherit}a{color:var(--accent);text-underline-offset:5px}a:hover{color:white}button:disabled{opacity:.3;cursor:default}button{touch-action:manipulation}button:hover:not(:disabled){color:var(--accent)}
#viewport{width:100vw;height:100dvh;overflow:hidden;display:flex;align-items:center;justify-content:center}#stage{position:absolute;width:1600px;height:900px;background:var(--bg);transform-origin:center;overflow:hidden}#slides{height:100%}.slide{position:absolute;inset:0;display:none;background:var(--bg)}.slide.active{display:block;animation:enter .3s ease both}.slide-inner{height:100%;padding:58px 88px 111px;display:flex;flex-direction:column}.eyebrow{margin:0 0 12px;color:var(--accent);font-size:20px;font-weight:650;letter-spacing:2px;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{font-size:62px;line-height:1.27;font-weight:650;letter-spacing:-1.9px;max-width:1400px}.subtitle{font-size:28px;line-height:1.35;color:var(--quiet);margin-top:16px}.body{flex:1;min-height:0;margin-top:30px}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:58px;align-items:center}.copy{display:flex;flex-direction:column;justify-content:center;min-width:0;gap:25px}.keywords{display:flex;flex-direction:column;gap:12px}.keyword{display:flex;justify-content:space-between;gap:16px;text-align:left;padding:17px 0;border:0;border-bottom:1px solid var(--line);background:transparent;font-size:32px;font-weight:550}.keyword span:last-child{font-size:28px;color:var(--accent);font-weight:400}.hint{color:var(--quiet);font-size:19px;margin-top:5px}.links{display:flex;flex-direction:column;align-items:flex-start;gap:15px;font-size:23px;margin-top:18px}.video-link{text-decoration:none;border-bottom:2px solid var(--accent);padding-bottom:7px}.video-link::before{content:'▶';font-size:17px;margin-right:12px}.media{display:flex;flex-direction:column;height:100%;min-height:0;justify-content:center;gap:12px}.media-button{border:0;background:transparent;min-height:0;flex:1;width:100%;padding:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-button img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.caption{font-size:19px;line-height:1.3;color:var(--quiet)}.source-line{font-size:19px;color:var(--quiet);margin-top:19px;display:flex;align-items:center;gap:14px}.source-line button{font-size:19px;background:none;border:none;color:var(--quiet);padding:0;text-decoration:underline;text-underline-offset:4px;text-align:left}.wide .body{display:flex;flex-direction:column;gap:8px}.wide .media{flex:1}.wide .keywords{flex-direction:row;gap:40px}.wide .keyword{font-size:26px;gap:35px;padding:10px 0}.wide .hint{display:none}.wide .media-button img{max-height:400px}.wide .source-line{margin-top:10px}
.cover{background:#102b25}.cover-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,23,17,.97) 0%,rgba(5,23,17,.86) 36%,rgba(5,23,17,.18) 85%),linear-gradient(0deg,rgba(5,23,17,.95),transparent 40%)}.cover .slide-inner{position:relative;justify-content:center;align-items:flex-start}.cover h1{font-size:126px;line-height:1.32;letter-spacing:-5px;white-space:pre-line}.cover .subtitle{max-width:570px;font-size:35px;line-height:1.45;margin-top:34px;color:var(--paper)}.cover .cover-caption{position:absolute;bottom:132px;left:88px;font-size:19px;color:var(--quiet)}.cover .start{margin-top:45px;font-size:24px;padding:15px 25px;background:var(--accent);border:0;color:#102b25}.cover .start:hover{color:#102b25;background:white}.cover .eyebrow{margin-bottom:26px}.cover .source-line{position:absolute;right:88px;bottom:132px}
.route{display:grid;grid-template-columns:1fr 1fr;column-gap:85px;align-content:center}.route button{background:none;border:0;border-bottom:1px solid var(--line);text-align:left;padding:25px 0;font-size:42px;display:flex;align-items:center;gap:30px}.route small{font-size:23px;color:var(--accent);font-weight:400}.concept-list{display:grid;grid-template-columns:1fr 1fr;column-gap:80px;align-content:center;row-gap:23px}.concept-list .keyword{font-size:34px;padding:23px 0}.concept-hint{font-size:21px;color:var(--quiet);margin-top:25px}
.reveal{background:var(--accent);border:0;color:#102b25;padding:15px 24px;font-size:25px;align-self:flex-start}.reveal:hover:not(:disabled){background:var(--paper);color:#102b25}.chart-footnote{font-size:21px;line-height:1.4;color:var(--amber);margin-top:22px;max-width:1400px}
.result-body{display:flex;flex-direction:column;justify-content:center;gap:40px}.result-comparison{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:44px}.result-item{border-top:1px solid var(--line);padding-top:22px}.result-item h2{font-size:28px;line-height:1.25;font-weight:500;min-height:70px}.result-item strong{display:block;font-size:112px;line-height:1.1;letter-spacing:-4px;color:var(--accent)}.result-item.muted strong{color:var(--paper)}.result-item.amber strong{color:var(--amber)}.result-item p{font-size:25px;line-height:1.35;margin-top:12px}.result-track{height:12px;background:#24463a;margin-top:24px}.result-track span{display:block;height:100%;background:var(--accent)}.muted .result-track span{background:#a3b7ae}.amber .result-track span{background:var(--amber)}.result-bottom{min-height:110px;display:flex;gap:28px;align-items:flex-start}.result-bottom .reveal{flex-shrink:0}.result-meaning{font-size:32px;line-height:1.35;color:var(--accent);animation:enter .3s ease both}.result-bottom .reveal:disabled{opacity:1;background:transparent;color:var(--quiet);padding-left:0}.kind-result .source-line{margin-top:12px}
.number-body{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.big-number{font-size:190px;line-height:1;font-weight:650;letter-spacing:-8px;color:var(--accent)}.number-unit{font-size:31px;color:var(--quiet);margin-top:10px}
.calc-body{display:flex;flex-direction:column;justify-content:center;gap:22px}.calc-comparison{display:grid;grid-template-columns:1fr 1fr;gap:75px}.calc-column{border-top:2px solid var(--line);padding-top:20px}.calc-column h2{font-size:30px;color:var(--quiet);font-weight:400}.calc-column strong{font-size:80px;font-weight:600;color:var(--accent);letter-spacing:-3px}.calc-unit{font-size:23px;color:var(--quiet)}.calc-detail{font-size:22px;line-height:1.55;margin-top:14px;color:var(--quiet)}.calc-cost{font-size:33px;margin-top:15px}.calc-cost b{font-weight:600}.calc-bottom{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:5px}.calc-assumption{font-size:20px;color:var(--amber);max-width:980px;line-height:1.45}.calc-form{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}.calc-form label{font-size:16px;color:var(--quiet);display:flex;flex-direction:column;gap:6px}.calc-form input{background:#173b2f;border:1px solid #6c8b7b;border-radius:3px;color:var(--paper);font-size:21px;padding:8px;min-width:0;width:100%}.form-error{color:var(--amber);font-size:17px;margin:16px 0}.form-submit{font-size:19px;padding:11px 22px;background:var(--accent);color:var(--bg);border:0}.form-explain{font-size:16px;line-height:1.5;color:var(--quiet);margin:0 0 18px}
.controls{position:absolute;bottom:16px;left:88px;right:88px;height:54px;display:flex;align-items:center;gap:12px;border-top:1px solid #45604e;padding-top:11px;z-index:2}.controls button{background:none;border:0;padding:8px 11px;font-size:20px}.spacer{flex:1}#counter{font-size:20px;color:var(--quiet);min-width:78px;text-align:center}#previous,#next{font-size:29px;padding:0 15px}#progress{position:absolute;bottom:0;left:0;height:4px;background:var(--accent);transition:width .2s;width:0}
dialog{border:1px solid #547365;background:#102b25;color:var(--paper);border-radius:8px;width:min(850px,92vw);max-height:88dvh;padding:30px 35px;box-shadow:0 20px 80px #0008}dialog::backdrop{background:#03100bda;backdrop-filter:blur(5px)}.dialog-top{display:flex;gap:30px;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.dialog-top h2{font-size:30px;line-height:1.25}.dialog-top button{background:none;border:0;font-size:33px;line-height:1;padding:0 5px}.dialog-text{font-size:24px;line-height:1.6}.dialog-source{margin:20px 0 0;padding-top:15px;border-top:1px solid var(--line);font-size:16px;line-height:1.55}.dialog-source a{font-size:18px}.dialog-source .type{color:var(--amber);font-size:15px;margin:7px 0}.image-dialog{width:min(1350px,94vw)}.large-image{display:block;width:100%;max-height:66dvh;object-fit:contain}.image-caption{font-size:17px;margin-top:14px;color:var(--quiet)}.menu-dialog{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px}.menu-dialog button{border:0;border-bottom:1px solid var(--line);background:none;text-align:left;font-size:23px;padding:15px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes enter{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:600px){dialog{padding:20px}.dialog-top h2{font-size:23px}.dialog-text{font-size:19px}.calc-form{grid-template-columns:1fr}.menu-dialog{grid-template-columns:1fr}}
@media print{@page{size:16.6667in 9.375in;margin:0}:root,body{background:var(--bg);-webkit-print-color-adjust:exact;print-color-adjust:exact}#viewport{display:block;width:auto;height:auto;overflow:visible}#stage{position:static;transform:none!important;width:1600px;height:auto;overflow:visible}#slides{height:auto}.slide,.slide.active{position:relative;display:block!important;width:1600px;height:900px;break-after:page;animation:none}.controls,#progress,dialog,.reveal,.start{display:none!important}.slide-inner{padding-bottom:70px}.source-line{font-size:18px}.cover .cover-caption,.cover .source-line{bottom:64px}}
@media print{.slide:last-child{break-after:auto}#announce{display:none!important}}

/* Görsel odaklı sahne ve araştırma şekilleri için yakınlaştırıcı. */
.split{grid-template-columns:.64fr 1.36fr;gap:48px}.slide-inner{padding-top:45px}.body{margin-top:24px}.media-button{position:relative}.media-button::after{content:'⤢ Büyüt';position:absolute;right:10px;bottom:10px;background:#102b25e8;border:1px solid #9ab69c;padding:8px 14px;font-size:20px;color:var(--paper)}.media-button:hover::after{background:var(--accent);color:var(--bg)}.keyword{font-size:31px}.wide .media-button img{max-height:440px}
.image-dialog{width:96vw;max-width:1800px;max-height:96dvh;padding:20px 28px}.image-dialog .dialog-top{margin-bottom:12px}.image-dialog .dialog-top h2{font-size:23px}.image-tools{display:flex;align-items:center;gap:22px;font-size:18px;margin-bottom:12px}.image-tools label{display:flex;align-items:center;gap:15px}.image-tools input{width:180px;accent-color:var(--accent)}.image-tools button{background:transparent;border:1px solid var(--line);padding:7px 16px}.image-viewport{height:69dvh;overflow:auto;background:#071611}.image-surface{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-surface .large-image{width:100%;height:100%;max-height:none;object-fit:contain}.image-dialog .image-caption{font-size:15px;margin-top:10px}
@media(max-width:600px){.image-tools{flex-wrap:wrap;gap:10px}.image-tools input{width:100px}.image-viewport{height:55dvh}}

.sequence-body{display:flex;flex-direction:column;justify-content:center;gap:40px}.sequence-tabs{display:flex;border-bottom:1px solid var(--line)}.sequence-tabs button{flex:1;text-align:left;border:0;border-bottom:4px solid transparent;background:none;font-size:25px;padding:18px 15px 22px}.sequence-tabs small{display:block;font-size:18px;color:var(--quiet);margin-bottom:12px}.sequence-tabs [aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.sequence-scene{min-height:250px;padding:15px 0;max-width:1280px}.sequence-title{font-size:55px;color:var(--accent);font-weight:600;line-height:1.25}.sequence-text{font-size:32px;line-height:1.5;margin-top:25px;max-width:1250px}.sequence-hint{font-size:20px;color:var(--quiet)}.step-enter{animation:enter .35s ease both}.menu-dialog button{font-size:20px}.menu-dialog{gap:5px 25px}
@media print{.sequence-tabs button{font-size:20px}.sequence-scene{min-height:0}}

.business-body{display:flex;flex-direction:column;justify-content:center;gap:45px}.business-inputs{display:flex;gap:40px}.business-inputs label{flex:1;font-size:24px;color:var(--quiet)}.business-inputs input{display:block;width:100%;margin-top:16px;padding:16px 0;background:none;border:0;border-bottom:2px solid var(--line);color:var(--paper);font-size:38px}.business-results{display:grid;grid-template-columns:1fr 1fr;gap:60px;font-size:26px;color:var(--quiet)}.business-results strong{display:block;font-size:67px;letter-spacing:-2px;font-weight:600;color:var(--accent);margin:15px 0}

.quiz-body{display:flex;flex-direction:column;justify-content:center;gap:40px}.quiz-question{font-size:46px;line-height:1.3;max-width:1280px}.quiz-options{display:flex;gap:30px}.quiz-options button{flex:1;background:none;border:0;border-bottom:2px solid var(--line);padding:24px 0;text-align:left;font-size:28px}.quiz-options button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.quiz-feedback{font-size:30px;line-height:1.5;color:var(--accent);min-height:130px;max-width:1320px}

.wide .links{font-size:21px;margin-top:0;flex-direction:row;gap:25px}

/* Her slayttan ve ayrıntı penceresinden başlangıca dönüş. */
.controls button{white-space:nowrap}.controls #home{color:var(--accent);font-weight:650}.dialog-top h2{flex:1;min-width:0}.dialog-top button[data-go]{font-size:18px;line-height:1.3;white-space:nowrap;padding:6px 8px;border:1px solid var(--line);border-radius:6px;color:var(--accent)}

@media print{.result-meaning[hidden]{display:block}.result-meaning{animation:none}.result-bottom{min-height:0}}

.figure-focus{display:block;position:relative;height:100%;width:auto;max-width:100%;overflow:hidden}.media-button .figure-focus img{position:absolute;left:0;top:calc(-100% * var(--crop-top) / var(--crop-height));height:calc(100% * 100 / var(--crop-height));max-height:none;width:100%;object-fit:fill}

/* Sabit hızlı geçiş paneli: kaydırma yalnızca slayt listesinde. */
body{overflow:hidden}#viewport{position:relative;transition:none}.nav-open #viewport{margin-left:260px;width:calc(100vw - 260px)}
#nav-toggle{position:fixed;left:12px;top:12px;z-index:6;background:#102b25;border:1px solid var(--line);border-radius:6px;padding:9px 13px;font-size:15px}
#slide-nav{position:fixed;inset:0 auto 0 0;width:260px;z-index:5;background:#0b2019;border-right:1px solid var(--line);padding:64px 14px 14px;display:none;flex-direction:column;gap:12px}.nav-open #slide-nav{display:flex}.nav-heading{font-size:15px;letter-spacing:2px;color:var(--accent);font-weight:700}#slide-search{width:100%;min-width:0;background:#18392d;border:1px solid var(--line);color:var(--paper);padding:10px;border-radius:5px;font-size:14px}.nav-hint,#nav-empty{font-size:12px;color:var(--quiet)}#slide-list{overflow-y:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin}#slide-list h2{font-size:12px;color:var(--quiet);padding:22px 8px 10px;font-weight:500}#slide-list button{display:flex;gap:10px;align-items:baseline;width:100%;border:0;border-left:3px solid transparent;background:transparent;text-align:left;padding:10px 8px;font-size:14px;line-height:1.4;border-radius:3px}#slide-list button span{font-size:11px;color:var(--quiet);flex-shrink:0}#slide-list button[aria-current]{background:#244537;color:var(--accent);border-left-color:var(--accent)}#slide-list [hidden]{display:none!important}
.expense-body{display:grid;grid-template-columns:1.15fr 1fr;gap:72px;align-items:center}.expense-chart{display:flex;align-items:center;gap:30px}.expense-donut{width:310px;height:310px;border-radius:50%;flex-shrink:0;display:grid;place-items:center}.expense-donut>div{width:205px;height:205px;border-radius:50%;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.expense-donut strong{font-size:43px;letter-spacing:-1px}.expense-donut span{font-size:21px;line-height:1.4;color:var(--quiet)}.expense-legend{list-style:none;padding:0;margin:0;flex:1}.expense-legend li{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:22px}.expense-legend i{width:12px;height:12px;border-radius:50%;flex-shrink:0}.expense-legend li>span{flex:1}.expense-legend small{display:block;font-size:17px;color:var(--quiet);margin-top:5px}.expense-legend b{font-size:21px;white-space:nowrap}.expense-message>p:first-child{font-size:21px;letter-spacing:2px;color:var(--quiet)}.expense-message>strong{display:block;font-size:88px;letter-spacing:-3px;line-height:1.25;color:var(--accent)}.expense-message h2{font-size:34px;line-height:1.3;font-weight:500}.expense-potential{font-size:20px;color:var(--quiet);margin-top:25px}.expense-message .keyword{font-size:25px;padding:12px 0}.expense-message .keywords{gap:0}.kind-expenses .chart-footnote{font-size:19px;margin-top:14px}.kind-expenses .source-line{margin-top:12px}
@media(max-width:900px){.nav-open #viewport{margin-left:0;width:100vw}#slide-nav{box-shadow:20px 0 70px #000a}}
@media print{body{overflow:visible}#slide-nav,#nav-toggle{display:none!important}.nav-open #viewport{margin-left:0;width:auto}}

/* Portrait phones use a readable document layout; landscape keeps the slide canvas. */
@media screen and (max-width: 700px) and (orientation: portrait) {
  #viewport, .nav-open #viewport { display: block; width: 100%; height: 100dvh; overflow-y: auto; }
  #stage { position: relative; width: 100%; height: auto; min-height: 100%; transform: none !important; overflow: visible; }
  #slides { height: auto; }
  .slide { position: relative; inset: auto; }
  .slide-inner { min-height: 65dvh; height: auto; padding: 80px 22px 28px; }
  h1, .cover h1 { font-size: 38px; line-height: 1.15; letter-spacing: -1px; overflow-wrap: anywhere; }
  .eyebrow { font-size: 13px; }
  .subtitle, .cover .subtitle { font-size: 19px; margin-top: 18px; }
  .body { margin-top: 24px; }
  .split, .route, .concept-list, .number-body, .calc-comparison, .business-results,
  .expense-body, .result-comparison { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .copy, .result-body, .sequence-body, .business-body, .quiz-body { gap: 22px; }
  .keyword, .wide .keyword, .concept-list .keyword, .expense-message .keyword { font-size: 20px; padding: 15px 0; gap: 12px; }
  .wide .keywords, .wide .links, .quiz-options, .business-inputs, .calc-bottom, .result-bottom,
  .expense-chart { flex-direction: column; gap: 20px; align-items: stretch; }
  .hint, .links, .wide .links, .caption, .source-line, .source-line button,
  .chart-footnote, .kind-expenses .chart-footnote, .concept-hint, .sequence-hint,
  .calc-assumption, .calc-detail, .result-item p, .number-unit, .expense-potential { font-size: 16px; }
  .source-line { flex-wrap: wrap; }
  .media { height: auto; }
  .media-button { flex: auto; }
  .media-button img { height: auto; max-height: 55dvh; }
  .media-button .figure-focus { width: 100%; height: auto; }
  .media-button::after { font-size: 14px; }
  .cover .slide-inner { min-height: 72dvh; }
  .cover .cover-caption, .cover .source-line { position: static; margin-top: 24px; font-size: 14px; }
  .cover .start, .reveal { font-size: 18px; margin-top: 24px; padding: 13px 18px; }
  .route button { font-size: 23px; gap: 15px; }
  .route small, .sequence-tabs small { font-size: 14px; }
  .result-item h2, .calc-column h2, .expense-message h2 { font-size: 23px; min-height: 0; }
  .result-item strong, .calc-column strong, .business-results strong,
  .expense-message > strong { font-size: 52px; letter-spacing: -2px; }
  .big-number { font-size: 76px; letter-spacing: -3px; overflow-wrap: anywhere; }
  .calc-cost, .result-meaning, .sequence-text, .quiz-feedback { font-size: 21px; }
  .calc-unit, .business-results, .business-inputs label { font-size: 17px; }
  .business-inputs input { font-size: 25px; }
  .sequence-tabs { flex-wrap: wrap; }
  .sequence-tabs button { flex: 1 1 45%; font-size: 17px; padding: 15px 8px; }
  .sequence-title, .quiz-question { font-size: 27px; }
  .sequence-scene { min-height: 0; }
  .quiz-options button { font-size: 20px; padding: 15px 0; }
  .expense-donut { width: 240px; height: 240px; margin: auto; }
  .expense-donut > div { width: 160px; height: 160px; }
  .expense-donut strong { font-size: 30px; }
  .expense-donut span, .expense-legend li, .expense-legend b { font-size: 17px; }
  .expense-legend small { font-size: 14px; }
  .controls { position: sticky; bottom: 0; left: auto; right: auto; height: auto; flex-wrap: wrap; gap: 2px; padding: 8px 10px; background: #0b2019f5; }
  .controls button { min-height: 44px; font-size: 13px; padding: 7px 9px; }
  #counter { font-size: 14px; min-width: 55px; }
  #previous, #next { font-size: 23px; padding: 0 10px; }
  .controls .spacer { display: none; }
  #progress { position: sticky; bottom: 0; }
  .dialog-top { flex-wrap: wrap; gap: 12px; }
  .dialog-top h2 { flex-basis: 100%; }
}