@media screen and (max-width:767px){.nav-container{flex-wrap:wrap;padding:1rem}.nav-link{font-size:0.875rem;padding:0.5rem;margin:0.25rem}.hero-title{font-size:2.5rem !important;line-height:1.2}.hero-subtitle{font-size:1rem !important}.chapter-header{padding:1rem}.chapter-title{font-size:1.75rem !important}.chapter-number{font-size:0.875rem !important}.visualization-container{height:50vh !important;margin:1rem 0}canvas{max-width:100% !important;height:auto !important}.visualization-controls{flex-wrap:wrap;justify-content:center;gap:0.5rem}.visualization-controls button{min-width:44px;min-height:44px;padding:0.75rem 1rem;font-size:0.875rem}.content-section{padding:1rem}.concept-grid{grid-template-columns:1fr !important;gap:1rem}.symbol-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr)) !important;gap:1rem;padding:1rem}.symbol-card{padding:1rem}.symbol-glyph{font-size:3rem}#timeline-viz{height:400px !important}.symbol-modal .modal-content{margin:1rem;padding:1rem;max-height:85vh}#symbol-3d-view{height:200px !important}.card{padding:1rem !important;margin-bottom:1rem}.button{width:100%;margin-bottom:0.5rem;text-align:center}.desktop-only{display:none !important}}@media screen and (min-width:768px) and (max-width:1023px){.nav-container{padding:1.5rem 2rem}.hero-title{font-size:3.5rem !important}.visualization-container{height:60vh !important}.symbol-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr)) !important}.concept-grid{grid-template-columns:repeat(2,1fr) !important}}@media (hover:none) and (pointer:coarse){a,button,.clickable{min-height:44px;min-width:44px}.symbol-card:hover{transform:none !important}.symbol-card:active,.button:active,.nav-link:active{transform:scale(0.98);opacity:0.8}.visualization-container{-webkit-overflow-scrolling:touch}}@media screen and (max-width:767px) and (orientation:landscape){.hero{min-height:auto;padding:2rem 1rem}.visualization-container{height:80vh !important}.chapter-hero{height:auto;min-height:100vh}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.card,.visualization-container{border-width:0.5px}}@media print{.nav,.visualization-controls,.button,.nav-toggle,canvas,#bg-canvas{display:none !important}body{background:white;color:black}.hero,.chapter-header{background:none;color:black;page-break-after:avoid}.content-section{page-break-inside:avoid}.visualization-container::after{content:"[Interactive visualization - see online version]";display:block;padding:2rem;text-align:center;border:1px solid #ccc;color:#666}p,li{line-height:1.6;font-size:11pt}h1,h2,h3{page-break-after:avoid;color:black}}:focus{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}@media (prefers-color-scheme:light){}.mobile-only{display:none}@media screen and (max-width:767px){.mobile-only{display:block}}.touch-only{display:none}@media (hover:none) and (pointer:coarse){.touch-only{display:block}}.responsive-text{font-size:clamp(0.875rem,2vw,1rem)}.responsive-heading{font-size:clamp(1.5rem,5vw,3rem)}.responsive-padding{padding:clamp(1rem,3vw,2rem)}@container (max-width:400px){.visualization-controls{flex-direction:column}}.nav{padding-top:max(1rem,env(safe-area-inset-top));padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}body{padding-bottom:env(safe-area-inset-bottom)}