:root{color-scheme:dark;--gold:#d1ba7b;--cream:#eee5c8;font-family:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}body{margin:0;background:#101714 url('bg.webp') center/cover fixed;color:var(--cream)}
button,select{font:inherit;color:var(--cream);background:#152b25;border:1px solid #756c46;border-radius:5px;padding:9px 12px;min-height:40px;cursor:pointer}
button,select,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:hover,select:hover{border-color:var(--gold);background:#1c3930}
:focus-visible{outline:3px solid #e8cc80;outline-offset:3px}[hidden]{display:none!important}
.toolbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px max(20px,calc((100vw - 1260px)/2));background:#0a1411f7;border-bottom:1px solid #8a794a;box-shadow:0 3px 16px #0008}
.brand{text-decoration:none;color:var(--gold);font-weight:bold;font-size:22px;letter-spacing:2px;white-space:nowrap}.brand span{display:block;font-size:11px;font-weight:normal;letter-spacing:1px;margin-top:4px}
.toolbar-controls{display:flex;align-items:center;gap:9px;font-family:system-ui,sans-serif;font-size:13px}.language-label{display:flex;gap:6px;align-items:center;color:#c5b688}.language-label>span:first-child{font-size:23px}#menu-toggle{display:none}
#section-nav{position:fixed;left:max(10px,calc((100vw - 1320px)/2));top:112px;width:178px;z-index:15;display:flex;flex-direction:column;gap:5px;padding:9px;border:1px solid #675e3d;background:#0d1916eb;border-radius:6px}
#section-nav a{padding:12px 9px;color:#cabd99;text-decoration:none;border:1px solid transparent;border-radius:3px;font-family:system-ui,sans-serif;font-size:12px;line-height:1.5}#section-nav a:hover{background:#26362d;color:#fff0bd}#section-nav a[aria-current=page]{background:linear-gradient(90deg,#214e40,#172d25);border-color:#897547;color:#f4df9c}
main{width:min(900px,100%);margin:20px auto 40px}.slide{width:100%;position:relative;overflow:hidden;margin:0 0 2px}.slide-stage{position:absolute;top:0;left:0;width:900px;transform-origin:top left}.slide-image{display:block;width:900px;height:auto}
.translation-layer{position:absolute;inset:0;font-family:'Segoe UI',Arial,sans-serif;color:#e9e1ba;pointer-events:none}.translation-layer canvas{position:absolute;pointer-events:none}
.localized-text{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;margin:0;line-height:1.5;font-weight:400;text-shadow:0 1px 2px #000,0 0 2px #574a25;pointer-events:auto;overflow-wrap:normal}
.localized-text.caption{font-size:9px;line-height:1.15;text-transform:uppercase}.localized-text.heading{color:#e6d7a6;line-height:1.1;text-transform:uppercase;font-size:14px}.localized-text.hero{font-family:Georgia,serif;color:#ecdca1;font-size:34px;line-height:1.1;text-transform:uppercase;text-shadow:1px 2px 3px #000,0 0 4px #2a6655}.localized-text.body{font-size:14px}
#reading-content{margin:0 14px;padding:28px clamp(18px,5vw,55px);background:#111d19f5;border:1px solid #857349;box-shadow:0 10px 40px #0008;font-family:system-ui,sans-serif;line-height:1.75}#reading-content h2{font-family:Georgia,serif;color:#e2ce8f;font-size:22px;line-height:1.4;border-bottom:1px solid #4b5139;padding-bottom:10px;margin-top:35px}#reading-content h2:first-child{margin-top:0}#reading-content p{margin:9px 0;font-size:16px}#reading-content p.item-caption{font-size:13px;color:#c4b993;display:inline-block;margin-right:18px}
#status{font-family:system-ui,sans-serif;text-align:center;font-size:13px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fallback-image{display:block;max-width:900px;width:100%;height:auto;margin:auto}.notice{text-align:center;padding:20px;background:#14241c}
@media(max-width:1280px){#section-nav{position:static;width:min(900px,calc(100% - 20px));margin:14px auto 0;flex-direction:row;flex-wrap:wrap;justify-content:center}#section-nav a{padding:8px 12px}main{margin-top:12px}}
@media(max-width:640px){.toolbar{padding:10px 12px;gap:9px;flex-wrap:wrap}.brand{font-size:18px}.brand span{font-size:9px}.toolbar-controls{gap:6px;flex-wrap:wrap;margin-left:auto}.language-label{display:none}select,button{padding:8px;font-size:12px}#menu-toggle{display:block}#section-nav{display:none}#section-nav.is-open{display:flex}#section-nav a{flex:1 1 40%;text-align:center}main{margin-top:8px}#reading-content{margin:0 8px}#reading-content p{font-size:15px}}
@media print{.toolbar,#section-nav,#status{display:none}main{width:900px;margin:0}.slide{break-inside:avoid}body{background:#101714}}
.presentation-language-picker{position:relative;font-family:system-ui,sans-serif}
#language-trigger{display:flex;align-items:center;gap:10px;min-width:155px;padding:10px 13px;background:linear-gradient(135deg,#254c3c,#10251f);border:1px solid #b49a5e;border-radius:8px;color:#fff0cf;box-shadow:0 2px 12px #0005}
.presentation-language-picker img{display:block;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px #ffffff30;flex-shrink:0}
#flag-language-options{position:absolute;right:0;top:calc(100% + 10px);width:330px;max-width:calc(100vw - 24px);padding:18px;border:1px solid #a28b54;border-radius:12px;background:linear-gradient(150deg,#173c2e,#0a1a15);box-shadow:0 15px 45px #000b}
#flag-language-options>strong{display:block;font-size:16px;color:#f6e4b2;margin-bottom:14px}.flag-language-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.flag-language-grid button{display:flex;align-items:center;gap:9px;text-align:left;min-height:52px;padding:9px;font-size:13px;background:#ffffff04;border-color:#ffffff20;border-radius:7px}.flag-language-grid small{display:block;font-size:9px;color:#ada98d}.flag-language-grid button[aria-pressed=true]{border-color:#d6b966;background:#ba9c5220}.flag-selected{margin-left:auto;color:#e6c77c}.flag-language-grid button[aria-pressed=false] .flag-selected{visibility:hidden}
@media(max-width:640px){#language-trigger{min-width:132px;padding:9px;font-size:12px}#flag-language-options{position:fixed;left:12px;right:12px;top:110px;width:auto;max-width:none}}