:root{--ep-nav-height:50px;--ep-dark:#273136;--ep-accent:#e7a18a}
html{scroll-padding-top:calc(var(--ep-nav-height) + 16px)}
body.ep-has-nav{padding-top:var(--ep-nav-height)!important;box-sizing:border-box}
.ep-nav-shell,.ep-nav-shell *{box-sizing:border-box}
.ep-nav-shell{position:fixed!important;inset:0 0 auto 0!important;z-index:2147483000!important;height:var(--ep-nav-height)!important;background:rgba(39,49,54,.96)!important;color:#f7f3ee!important;box-shadow:0 5px 18px rgba(22,31,35,.20);border-bottom:1px solid rgba(255,255,255,.15);display:block!important;padding:0!important;text-align:left!important;font:600 14px/1.4 system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.ep-nav-inner{height:100%;width:100%;margin:auto;max-width:1440px;padding:0 clamp(13px,3vw,42px);display:flex;align-items:center;justify-content:space-between;gap:20px}
.ep-nav-brand{color:#f7f3ee!important;font:700 19px/1.2 Georgia,'Times New Roman',serif!important;text-decoration:none!important;white-space:nowrap;display:inline-flex;align-items:center;min-height:44px}
.ep-nav-brand span{color:var(--ep-accent)!important;margin-left:.35em}
.ep-nav-links{display:flex;align-items:center;gap:clamp(10px,1.7vw,26px)}
.ep-nav-links a{color:#f7f3ee!important;text-decoration:none!important;font-size:13px!important;font-weight:650!important;white-space:nowrap;display:inline-flex;align-items:center;min-height:44px;padding:0 2px}
.ep-nav-links a:hover,.ep-nav-brand:hover{color:#ffcfbd!important}
.ep-nav-links a:focus-visible,.ep-nav-brand:focus-visible,.ep-nav-toggle:focus-visible{outline:3px solid #f6cf9e!important;outline-offset:2px!important;border-radius:4px}
.ep-nav-toggle{display:none;cursor:pointer;background:#f7f3ee!important;color:#273136!important;border:1px solid #b8c7ca!important;border-radius:7px!important;padding:7px 13px!important;min-height:40px;min-width:72px;font:700 13px system-ui,sans-serif!important}
body.ep-has-nav .ep-table-scroll{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
body.ep-has-nav .ep-table-scroll>table{min-width:100%;width:max-content;max-width:none}
body.ep-has-nav.ep-guide-wrap>header{flex-wrap:wrap;min-width:0;overflow-wrap:anywhere}
body.ep-has-nav .case-aside{top:calc(var(--ep-nav-height) + 20px)}
body.ep-has-nav .nav[aria-label='Module navigation']{top:var(--ep-nav-height)}
body.ep-has-nav .sidebar{top:calc(var(--ep-nav-height) + 76px)}
body.ep-has-nav .toolbar{top:var(--ep-nav-height)}
/* Full-viewport lesson samples must retain their viewport, independent of the site bar. */
body.ep-immersive{height:100dvh!important;min-height:0!important;overflow:hidden!important}
body.ep-immersive .app{height:calc(100dvh - var(--ep-nav-height))!important;max-height:calc(100dvh - var(--ep-nav-height))!important}
/* Lesson 17 uses viewport-positioned panels rather than an .app wrapper. */
body.ep-offset-panels .topbar{top:calc(var(--ep-nav-height) + 8px)!important}
body.ep-offset-panels .main{top:calc(var(--ep-nav-height) + 58px)!important}
@media(max-width:830px){
 .ep-nav-shell{backdrop-filter:none;-webkit-backdrop-filter:none}
 .ep-nav-toggle{display:inline-flex;align-items:center;justify-content:center}
 .ep-nav-links{position:absolute;right:12px;top:calc(var(--ep-nav-height) - 1px);width:min(300px,calc(100vw - 24px));display:none;flex-direction:column;align-items:stretch;gap:0;background:#273136;border:1px solid #7c8c90;box-shadow:0 12px 24px rgba(0,0,0,.3);border-radius:0 0 12px 12px;padding:8px 12px}
 .ep-nav-shell.ep-open .ep-nav-links{display:flex}
 .ep-nav-links a{font-size:15px!important;padding:7px 12px;min-height:43px;border-bottom:1px solid rgba(255,255,255,.11)}
 .ep-nav-links a:last-child{border-bottom:0}
}
@media(prefers-reduced-motion:reduce){.ep-nav-shell *{transition:none!important;animation:none!important}}
@media print{.ep-table-scroll{overflow:visible!important}body.ep-has-nav .ep-table-scroll>table{width:100%!important;min-width:0!important}.ep-nav-shell{display:none!important}body.ep-has-nav{padding-top:0!important}body.ep-immersive .app{height:auto!important;max-height:none!important}}


html{scroll-padding-top:calc(var(--ep-nav-height) + 18px)}
body.ep-has-nav > .ep-nav-shell{display:block!important;position:fixed!important;top:0!important;right:0!important;bottom:auto!important;left:0!important;z-index:2147483640!important;transform:none!important;will-change:auto!important;pointer-events:auto!important;visibility:visible!important}
body.ep-has-nav{isolation:auto!important}
body.ep-has-nav .ep-nav-inner{display:flex!important;}
/* Keep form and research anchors below the fixed header. */
body.ep-has-nav [id]{scroll-margin-top:calc(var(--ep-nav-height) + 16px)}
@media print{body.ep-has-nav > .ep-nav-shell{display:none!important}}