:root{--ink:#172b37;--navy:#08283d;--paper:#faf6ee;font-family:Georgia,'Times New Roman',serif;color:var(--ink);background:var(--navy)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,a{font:600 .9rem/1.2 system-ui,sans-serif}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #efbe64;outline-offset:3px}button:disabled{opacity:.35;cursor:default}
.presentation-shell{height:100vh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 18px;color:white;background:#08283d}.brand{border:0;background:none;color:#eaca90;display:flex;align-items:center;gap:12px;padding:0;min-height:44px;letter-spacing:.08em}.brand span{color:white;font:600 1.05rem Georgia,serif;letter-spacing:0}.top-actions{display:flex;gap:8px;align-items:center}
.icon-button,.utility-link,.nav-button,#closeIndexBtn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #ffffff35;border-radius:6px;color:white;background:#ffffff0c;text-decoration:none}
.stage{min-height:0;min-width:0;display:grid}.slide-card{min-height:0;min-width:0;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);overflow:auto;background:var(--paper)}.visual{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;background:#10232c}.visual img{display:block;width:100%;height:100%;object-fit:contain}
.content{min-width:0;min-height:0;overflow:auto;display:flex;flex-direction:column;align-items:stretch;gap:clamp(12px,1.8vh,20px);padding:clamp(22px,3vw,48px);scrollbar-gutter:stable;line-height:1.45}.content>*{flex-shrink:0}.eyebrow{margin:0;color:var(--accent);font:700 .8rem/1.3 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}h2{margin:0;font-size:clamp(1.8rem,3vw,3rem);line-height:1.08;overflow-wrap:break-word}.question{margin:0;font-size:clamp(1.2rem,1.8vw,1.65rem);line-height:1.3;color:#6c4a2b;font-style:italic}.lead{margin:0;font-size:clamp(1rem,1.45vw,1.35rem);line-height:1.45}
.content ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}.content li{font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.35;padding:7px 0 7px 14px;border-left:3px solid var(--accent)}.content .timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px}.timeline li{font-size:1rem}.message{margin:0;padding:14px 16px;border-left:4px solid var(--accent);background:#eee7d9;font-size:clamp(1rem,1.3vw,1.25rem);line-height:1.4;font-weight:bold}
.map-grid{display:grid;gap:10px}.concept-card{display:grid;grid-template-columns:118px minmax(0,1fr);align-items:center;gap:12px;padding:14px 16px;color:white;border-radius:4px;min-width:0}.concept-card h3{margin:0;font:700 1rem/1.3 system-ui,sans-serif}.concept-card p{margin:0;font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.3}.jump-row{display:flex;margin-top:auto;padding-top:4px}.jump-button{min-height:44px;padding:10px 16px;border:1px solid #17394e;border-radius:5px;color:#17394e;background:transparent}.jump-button:hover{background:#17394e;color:white}
.cover{grid-template-columns:1fr;overflow:hidden}.cover .visual{position:relative;overflow:hidden;container-type:size;background:#130f0b}.cover-art{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(100cqw,103.93cqh);height:min(100cqh,96.22cqw);overflow:hidden}.cover-art img{position:absolute;max-width:none;width:137.67%;height:130.75%;left:-1.05%;top:-15.59%;object-fit:fill}
.controls{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:16px;color:white;padding:8px 18px max(8px,env(safe-area-inset-bottom));background:#08283d}.concept-links{display:flex;justify-content:center;gap:8px}.concept-links button{min-height:44px;padding:10px 18px;border:0;border-bottom:3px solid var(--accent);background:transparent;color:white;border-radius:3px}.concept-links button:hover,.concept-links button[aria-current=page]{background:var(--accent)}.progress{font:400 .85rem system-ui,sans-serif;color:#c1ced7;white-space:nowrap}.dots{display:none}.nav-button.primary{background:#155779}
#indexPanel{position:fixed;inset:70px 18px auto auto;width:min(410px,calc(100vw - 32px));max-height:calc(100dvh - 100px);margin:0;padding:20px;border:1px solid #d5cbb8;border-radius:10px;color:var(--ink);background:var(--paper);box-shadow:0 20px 80px #0006;overflow:auto}#indexPanel::backdrop{background:#00152170}.index-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.index-title h2{font-size:1.8rem}#closeIndexBtn{color:var(--ink);border-color:#17394e40}#indexNav{display:grid;gap:6px}.index-item{display:grid;grid-template-columns:32px 1fr;align-items:center;gap:12px;width:100%;text-align:left;padding:8px;border:1px solid #19384720;border-radius:5px;background:transparent;color:var(--ink);min-height:48px}.index-item span{display:grid;place-items:center;width:30px;height:30px;color:white;background:var(--accent);border-radius:3px}.index-item.active{background:#123e55;color:white}
.transition-slide{grid-template-columns:1fr;align-items:center;background:linear-gradient(110deg,#08283deb,#08283dbb),url('../img/Testo-antefatto-contesto.webp') center/cover;color:white}.transition-inner{width:min(900px,100%);padding:clamp(24px,6vw,80px);margin:auto}.transition-inner h2{font-size:clamp(2rem,4.5vw,4rem)}.transition-inner p{font-size:clamp(1.2rem,2vw,1.8rem);line-height:1.5;margin:24px 0}.transition-inner .jump-button{background:#e7bc75;color:#132b3a;border:0}
@media(max-width:900px) and (orientation:portrait){.slide-card:not(.cover):not(.transition-slide){grid-template-columns:1fr;grid-template-rows:auto auto;align-content:start}.slide-card:not(.cover) .visual{aspect-ratio:16/9}.content{overflow:visible;padding:24px;min-height:auto}}
@media(max-width:600px){.topbar{padding:6px 10px;gap:6px}.brand span{display:none}.top-actions{gap:5px}.icon-button,.utility-link{padding:8px;font-size:.8rem}.controls{grid-template-columns:1fr auto 1fr;gap:6px;padding:6px 10px}.concept-links{grid-column:1/-1;grid-row:1}.concept-links button{flex:1;padding:8px}.progress{grid-column:2;grid-row:2}#prevBtn{grid-column:1;grid-row:2}#nextBtn{grid-column:3;grid-row:2}.nav-button{padding:8px;font-size:.8rem}.content{gap:14px}.concept-card{grid-template-columns:1fr;gap:5px}.content .timeline{grid-template-columns:1fr}.slide-card:not(.cover):not(.transition-slide){grid-template-columns:1fr;grid-template-rows:auto auto;align-content:start}.slide-card:not(.cover) .visual{aspect-ratio:16/9}.content{overflow:visible;min-height:auto}}
@media(max-height:700px) and (min-width:901px){.content{padding:20px 26px;gap:12px}.content li{padding-block:4px}.content .timeline li{padding-block:2px}.concept-card{padding:10px 14px}.message{padding:10px 14px}}