@font-face{font-family:"Cinzel";src:url('../assets/mythos/fonts/Cinzel.ttf') format('truetype');font-weight:400 900;font-style:normal;font-display:swap}
.page-presentation .mythos-header{position:sticky;top:0;height:101px;z-index:30;background:#020c13}
.page-presentation .mythos-hero{display:none}
.page-presentation .mythos-main{width:100%;max-width:none}
.page-presentation{background-color:#020d16}
.mythos-presentation{display:grid;grid-template-columns:280px minmax(0,1fr);align-items:start;min-height:calc(100dvh - 101px)}
.presentation-sidebar{position:sticky;top:101px;display:flex;flex-direction:column;height:calc(100dvh - 101px);background:#020c14;border-right:1px solid #23414d}
.presentation-sidebar__logo{padding:27px 22px 32px;border-bottom:1px solid #1a3644}
.presentation-sidebar__logo img{width:236px;height:auto;display:block;margin:auto}
.presentation-menu{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#32616e #020c14}
.presentation-menu summary{display:none}
.presentation-toc{padding:26px 22px 34px}
.presentation-toc>a{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 8px;color:#8da8b7;font-size:14px;line-height:1.4;border-left:2px solid transparent;transition:color .2s ease,background .2s ease,border-color .2s ease}
.presentation-toc a:hover,.presentation-toc a:focus-visible{color:#d9f6f7;background:#0b2734}
.presentation-toc a.is-current{color:#d9f6f7;border-left-color:var(--mythos-accent,#00bec9);background:linear-gradient(90deg,#00bec91a,transparent)}
.presentation-toc .presentation-toc__intro{padding:8px;margin-bottom:24px;font:600 14px var(--mythos-heading,'Cinzel'),Georgia,serif;color:#b8e0e7}
.presentation-toc__intro>span{height:1px;flex:1;background:linear-gradient(90deg,#427784,transparent)}
.presentation-toc>p{margin:0 0 15px;padding:0 10px;font-size:11px;color:#6ba7b5;letter-spacing:.12em}
.presentation-toc__number{font-size:11px;color:#49808e;font-variant-numeric:tabular-nums;flex:0 0 18px}
.presentation-toc svg{width:20px;height:20px;color:#73aebe;flex:0 0 20px}
.presentation-sidebar__footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 22px;border-top:1px solid #23414d;font-size:11px;color:#91b8c4}
.presentation-sidebar__footer>a{padding:7px 14px;border:1px solid #234b59;color:#b6d6df}
.presentation-reader{min-width:0;padding:48px 40px 0;background:radial-gradient(ellipse at top,#13374780,transparent 65%)}
.presentation-document{width:100%;max-width:900px;margin:0 auto;border:1px solid #284a58;background:#061722}
.presentation-cover{position:relative;min-height:0;aspect-ratio:16/9;overflow:hidden;background:#092737}
.presentation-cover__art{display:block;width:100%;height:100%;object-fit:cover}
.presentation-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#031421 2%,#03142177 27%,transparent 65%);pointer-events:none}
.presentation-cover__brand{position:absolute;left:35px;right:35px;bottom:34px;z-index:1}
.presentation-cover__brand>img{display:block;width:420px;max-width:70%;height:auto;filter:drop-shadow(0 3px 15px #021019)}
.presentation-cover h1{margin:18px 0 0;color:#bedde6;font:500 16px/1.5 var(--mythos-heading,'Cinzel'),Georgia,serif;letter-spacing:.05em}
.presentation-chapter{padding:46px 48px 52px;scroll-margin-top:126px;background:linear-gradient(#061823e0,#061823ee),url('../assets/mythos/account-panel.png') center/100% 100%;border-top:1px solid #1a3e4d;overflow-wrap:anywhere}
.presentation-chapter h2{position:relative;margin:0 -48px 40px;padding:0 24px 25px;text-align:center;font:600 28px/1.4 var(--mythos-heading,'Cinzel'),Georgia,serif;color:#dbedf1;border-bottom:1px solid #477d89}
.presentation-chapter h2:after{content:"";position:absolute;left:50%;bottom:-7px;width:12px;height:12px;transform:translateX(-50%) rotate(45deg);border:1px solid var(--mythos-accent,#00bec9);background:#061823;box-shadow:0 0 12px #00bec930}
.presentation-chapter p{margin:0 0 22px;color:#a6becb;font-size:16px;line-height:1.9;max-width:74ch}
.presentation-chapter p:last-child{margin-bottom:0}
.presentation-preface p{text-align:center}
.presentation-inline-link{display:table;margin:28px auto 0;padding-bottom:4px;border-bottom:1px solid #296371;color:var(--mythos-accent,#00bec9);font-size:13px}
.presentation-classes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:35px 0 5px}
.presentation-classes figure{margin:0;text-align:center}
.presentation-classes img{display:block;width:80px;height:80px;margin:0 auto 14px;filter:drop-shadow(0 0 10px #00bec921)}
.presentation-classes figcaption{color:#c2e0e8;font:500 15px var(--mythos-heading,'Cinzel'),Georgia,serif}
.presentation-referral{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:35px 0 0;padding:26px 0;border-top:1px solid #244a5b;border-bottom:1px solid #244a5b}
.presentation-referral>div{display:flex;flex-direction:column-reverse;gap:8px;text-align:center;min-width:0}
.presentation-referral dt{font-size:12px;color:#8dafbd}
.presentation-referral dd{margin:0;font:600 32px var(--mythos-heading,'Cinzel'),Georgia,serif;color:#a9eff0}
.presentation-progress{padding:0;margin:34px 0 0;list-style:none}
.presentation-progress li{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #1a3644;color:#c0d7e1;font-size:14px}
.presentation-progress li>span{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#ff6b6b;box-shadow:0 0 9px #ff6b6b40}
.presentation-progress li[data-status=done]>span{background:#6be0a2;box-shadow:0 0 9px #6be0a240}
.presentation-progress li[data-status=in_progress]>span{background:#ffb466;box-shadow:0 0 9px #ffb46640}
.presentation-progress small{margin-left:auto;color:#8eaeba;white-space:nowrap}
.presentation-end{padding:50px 32px;text-align:center;border-top:1px solid #27515f}
.presentation-end>img{display:block;width:230px;max-width:80%;margin:0 auto 24px}
.presentation-end p{margin:0 auto 30px;font-size:14px;color:#9bb7c5;max-width:460px;line-height:1.8}
.presentation-end>div{display:flex;justify-content:center;gap:24px}
.presentation-end .mythos-button{transition:transform .28s ease,filter .28s ease}
.mythos .presentation-end .mythos-button:hover,.mythos .presentation-end .mythos-button:focus-visible{transform:scale(1.06);filter:brightness(1.15) drop-shadow(0 0 8px #00bec930)}
.page-presentation .mythos-footer{margin-left:280px;margin-top:65px}
.page-presentation .mythos-footer__nav,.page-presentation .mythos-footer__inner{width:calc(100% - 64px);max-width:900px}
.page-presentation .mythos-footer__nav{gap:18px;flex-wrap:wrap;justify-content:center;height:auto;line-height:1.8}
.page-presentation .mythos-footer__bottom{margin-top:55px}
@media(min-width:2000px){.mythos-presentation{grid-template-columns:330px minmax(0,1fr)}.page-presentation .mythos-footer{margin-left:330px}.presentation-sidebar__logo img{width:266px}}
@media(max-width:1319px){.mythos-presentation{grid-template-columns:248px minmax(0,1fr)}.presentation-reader{padding:32px 25px 0}.presentation-sidebar__logo img{width:200px}.presentation-toc{padding:20px 14px}.presentation-toc>a{font-size:13px;gap:10px}.page-presentation .mythos-footer{margin-left:248px}.presentation-chapter{padding:38px 32px 42px}.presentation-chapter h2{margin-left:-32px;margin-right:-32px}}
@media(max-width:900px){.mythos-presentation{display:block}.presentation-sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid #244a5b}.presentation-sidebar__logo,.presentation-sidebar__footer{display:none}.presentation-menu{overflow:visible}.presentation-menu summary{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;color:#b6e4eb;cursor:pointer;font-size:14px}.presentation-toc{max-height:50vh;overflow:auto;padding:8px 20px 20px}.presentation-toc .presentation-toc__intro{margin-bottom:8px}.presentation-toc>p{margin-top:16px}.presentation-reader{padding:24px 20px 0}.page-presentation .mythos-footer{margin-left:0}.presentation-cover__brand{left:26px;right:26px;bottom:24px}.presentation-cover h1{font-size:13px}.presentation-chapter p{font-size:15px}.presentation-chapter h2{font-size:25px}.presentation-chapter{scroll-margin-top:126px}}
@media(max-width:740px){.page-presentation .mythos-header{height:138px}.presentation-reader{padding:20px 12px 0}.presentation-cover{aspect-ratio:4/3}.presentation-cover__brand{left:20px;right:20px;bottom:24px}.presentation-cover__brand>img{max-width:86%;width:300px}.presentation-cover h1{font-size:12px;margin-top:12px}.presentation-chapter{padding:32px 22px 36px;scroll-margin-top:158px}.presentation-chapter h2{margin-left:-22px;margin-right:-22px;font-size:23px}.presentation-chapter p{font-size:14px;line-height:1.85}.presentation-classes{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:25px}.presentation-classes img{width:72px;height:72px}.presentation-referral{gap:10px}.presentation-referral dd{font-size:27px}.presentation-referral dt{font-size:10px}.presentation-progress{font-size:12px}.presentation-progress li{gap:10px}.presentation-progress strong{font-size:12px}.presentation-progress small{font-size:10px}.presentation-end{padding:36px 20px}.presentation-end>div{gap:8px}.presentation-end .mythos-button{width:132px;height:48px;background-size:132px auto;font-size:12px}.page-presentation .mythos-footer__inner{width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){.mythos .presentation-end .mythos-button:hover,.mythos .presentation-end .mythos-button:focus-visible{transform:none}}
