:root{--color-background:beige;--color-text:#000;--color-border:#ddd;--color-active-bg:rgba(0,0,0,.1);--opacity-inactive:0.3;--layout-nav-width:400px;--layout-header-height:auto;--layout-padding:2rem;--layout-border-radius:4px;--font-size-h1-first-letter:144px;--font-size-nav-h1:1.2rem;--font-size-nav-h2:1rem;--font-size-nav-h3:0.9rem;--font-size-nav-h4:0.85rem;--font-size-nav-h5:0.8rem;--font-size-nav-h6:0.75rem;--spacing-nav-indent-base:1rem;--spacing-nav-item:0.5rem 0;--transition-duration:0.3s;--transition-easing:ease;--transition-fast:0.2s ease}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-background);color:var(--color-text);height:100vh}a{color:inherit;text-decoration:none}.app-layout{display:grid;grid-template-rows:auto auto 1fr;grid-template-columns:var(--layout-nav-width) 1fr;height:100vh;background-color:var(--color-background);color:var(--color-text)}.header-carousel{grid-column:1/-1;height:var(--layout-header-height);transition:height var(--transition-duration) var(--transition-easing)}.header-body{grid-column:1/-1;padding:var(--layout-padding);transition:opacity var(--transition-duration) var(--transition-easing),height var(--transition-duration) var(--transition-easing)}.contextual-navigation{grid-column:1;position:relative;border-right:1px solid var(--color-border)}.content-panel,.contextual-navigation{grid-row:3;overflow-y:auto;padding:var(--layout-padding)}.content-panel{grid-column:2}.nav-item{padding:var(--spacing-nav-item);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--layout-border-radius)}.nav-item[data-level="1"]{font-size:var(--font-size-nav-h1);font-weight:700}.nav-item[data-level="2"]{font-size:var(--font-size-nav-h2);padding-left:var(--spacing-nav-indent-base)}.nav-item[data-level="3"]{font-size:var(--font-size-nav-h3);padding-left:calc(var(--spacing-nav-indent-base) * 2)}.nav-item[data-level="4"]{font-size:var(--font-size-nav-h4);padding-left:calc(var(--spacing-nav-indent-base) * 3)}.nav-item[data-level="5"]{font-size:var(--font-size-nav-h5);padding-left:calc(var(--spacing-nav-indent-base) * 4)}.nav-item[data-level="6"]{font-size:var(--font-size-nav-h6);padding-left:calc(var(--spacing-nav-indent-base) * 5)}.nav-item.active{background-color:var(--color-active-bg)}.nav-item.inactive{opacity:var(--opacity-inactive)}.h1-first-letter{font-size:var(--font-size-h1-first-letter);line-height:1}@media (max-width:768px){.app-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.contextual-navigation{display:none}.mobile-nav-toggle{display:block;position:fixed;top:1rem;left:1rem;z-index:1000;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--layout-border-radius);padding:.5rem;cursor:pointer}}@media (min-width:769px){.mobile-nav-toggle{display:none}}