.page-intro{padding-top:46px;padding-bottom:34px}.crumbs{letter-spacing:.4px;color:var(--muted);gap:8px;margin-bottom:22px;font-size:10px;display:flex}.crumbs a{color:var(--muted);border-bottom:1px solid var(--line);text-decoration:none}.crumbs a:hover{color:var(--orange);border-color:var(--orange)}.page-intro h1{font-family:var(--serif);letter-spacing:-1.2px;margin:0 0 16px;font-size:46px;font-weight:400;line-height:1.08}.page-intro p{color:var(--muted);max-width:620px;margin:0;font-size:13px;line-height:1.85}.page-intro+.laboratory,.page-intro+.phase-lab{padding-top:0}.more{padding-top:70px}.more h2{margin:0 0 18px;font-size:12px;font-weight:500}@media (width<=760px){.page-intro{padding-top:30px;padding-bottom:24px}.page-intro h1{font-size:32px}.page-intro p{font-size:12px}}.header nav.dir-nav{gap:30px;margin-left:auto;font-size:13px;display:flex}.dir-nav a{color:var(--ink);padding:6px 0;text-decoration:none;position:relative}.dir-nav a[aria-current=page]{color:var(--orange)}.dir-nav a[aria-current=page]:after{content:"";background:var(--orange);height:1px;position:absolute;bottom:-2px;left:0;right:0}.nav-about{color:var(--muted);border-left:1px solid var(--line);padding-left:26px;font-size:12px;text-decoration:none}.nav-about:hover{color:var(--orange)}@media (width<=1100px) and (width>=761px){.header nav.dir-nav{gap:18px;font-size:12px}.nav-about{padding-left:16px;font-size:11px}}@media (width<=760px){.header{flex-wrap:wrap;gap:0 15px;height:auto;padding-top:16px}.header .brand{flex:1}.nav-about{border:0;padding-left:0;font-size:11px}.header nav.dir-nav{border-top:1px solid var(--line);scrollbar-width:none;order:3;gap:22px;width:100%;margin:12px 0 0;padding:10px 0 12px;font-size:13px;overflow-x:auto}.header nav.dir-nav::-webkit-scrollbar{display:none}.dir-nav a{white-space:nowrap}}.dir-role{font-family:var(--serif);color:var(--sepia);margin:0 0 8px;font-size:14px;font-style:italic}.page-intro .dir-role{color:var(--sepia);font-size:14px}.dir-list{padding-top:22px}.dir-list+.dir-list{padding-top:48px}.dir-list h2{margin:0 0 18px;font-size:12px;font-weight:500}.dir-extra{margin-top:48px}.dir-extra h2{margin:0 0 18px;font-size:12px;font-weight:500}.dir-empty{color:var(--muted);border:1px dashed var(--line);margin:0;padding:22px;font-size:12px;line-height:1.8}.planned{border-top:1px dashed var(--line);max-width:760px;margin:0;padding:0;list-style:none}.planned li{border-bottom:1px dashed var(--line);color:var(--muted);padding:13px 0;font-size:12px}.exp-grid{grid-template-columns:repeat(3,1fr);margin:0;padding:0 1px 1px 0;list-style:none;display:grid}.exp-grid li{border:1px solid var(--line);margin:0 -1px -1px 0}.exp-grid a{height:100%;color:var(--ink);grid-template-columns:1fr auto;gap:6px 12px;padding:20px 22px;text-decoration:none;transition:background .2s;display:grid}.exp-grid a:hover{background:#eaece0}.exp-grid small{letter-spacing:1px;color:var(--muted);text-transform:uppercase;grid-column:1;font-family:monospace;font-size:9px}.exp-grid span{font-family:var(--serif);grid-column:1;font-size:19px}.exp-grid em{color:var(--muted);grid-column:1;font-size:11px;font-style:normal;line-height:1.75}.exp-grid i{color:var(--orange);grid-area:1/2/4;align-self:start;font-style:normal}@media (width<=760px){.exp-grid{grid-template-columns:1fr}}.cards.direction-cards{grid-template-columns:repeat(5,1fr)}@media (width>=1101px){.direction-cards .topic-card{padding:22px 20px 20px}.direction-cards .topic-card h3{font-size:19px}}.direction-card h3 a{color:inherit;text-decoration:none}.direction-card h3 a:hover{color:var(--orange)}@media (width<=1100px) and (width>=761px){.cards.direction-cards{grid-template-columns:repeat(2,1fr)}.direction-cards .topic-card:nth-child(odd){border-left:1px solid var(--line)}.direction-cards .topic-card:nth-child(n+3){border-top:0}}.dir-program{padding-top:10px}.program-head{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:baseline;gap:20px;padding-bottom:12px;display:flex}.program-head h2{margin:0;font-size:12px;font-weight:500}.program-head p{color:var(--muted);margin:0;font-size:11px}.program{margin:0;padding:0;list-style:none}.program-section{border-bottom:1px solid var(--line);grid-template-columns:330px 1fr;gap:40px;padding:26px 0;display:grid}.program-title{grid-template-columns:44px 1fr;align-content:start;display:grid}.program-num{font-family:var(--serif);color:var(--orange);grid-row:1/3;padding-top:4px;font-size:15px;font-style:italic}.program-title h3{font-family:var(--serif);letter-spacing:-.4px;margin:0 0 8px;font-size:24px;font-weight:400}.program-title p{color:var(--muted);margin:0;font-size:11.5px;line-height:1.75}.program-topics{border-top:1px dashed var(--line);grid-template-columns:1fr 1fr;margin:0;padding:0;list-style:none;display:grid}.program-topics li{border-bottom:1px dashed var(--line)}.program-topics li:nth-child(odd){border-right:1px dashed var(--line)}.program-topics a,.program-topics .soon{grid-template-columns:34px 1fr auto;align-items:baseline;gap:8px;height:100%;padding:12px 14px;font-size:12.5px;display:grid}.program-topics small{color:var(--muted);font:10px monospace}.program-topics a{color:var(--ink);background:#eaf0e5}.program-topics a span{border-bottom:1px solid var(--orange)}.program-topics a:hover{background:#dfe8da}.program-topics a i{color:var(--orange);font-style:normal}.program-topics .soon{color:var(--muted)}.program-topics .soon em{letter-spacing:.6px;color:#a5a99c;font-size:9px;font-style:normal}@media (width<=1100px){.program-section{grid-template-columns:1fr;gap:16px}}@media (width<=760px){.program-head{flex-direction:column;gap:4px}.program-topics{grid-template-columns:1fr}.program-topics li:nth-child(odd){border-right:0}.program-title h3{font-size:21px}}.next-topics a{color:var(--ink);border-bottom:1px solid var(--line)}.next-topics a:hover{color:var(--orange);border-color:var(--orange)}.dir-open{border-top:1px solid var(--line);color:var(--ink);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding:13px 0;font-size:12px;text-decoration:none;display:flex}.dir-open b{color:var(--orange);white-space:nowrap;font-size:11px;font-weight:400}.dir-open:hover span{color:var(--orange)}@media (width>=761px){.direction-card .next-topics{min-height:62px}}.menu-btn,.dir-nav-about,.swipe-hint{display:none}@media (width<=760px){.header{z-index:30;flex-wrap:nowrap;gap:12px;height:64px;padding-top:0;position:relative}.header .brand{flex:1}.nav-about{display:none}.menu-btn{height:40px;color:var(--ink);background:0 0;border:0;align-items:center;gap:10px;margin-right:-4px;padding:0 4px 0 12px;font-size:13px;display:flex}.menu-icon{gap:4px;width:18px;display:grid}.menu-icon i{background:currentColor;height:1.5px;transition:transform .2s,opacity .2s;display:block}.menu-open .menu-icon i:first-child{transform:translateY(5.5px)rotate(45deg)}.menu-open .menu-icon i:nth-child(2){opacity:0}.menu-open .menu-icon i:nth-child(3){transform:translateY(-5.5px)rotate(-45deg)}.header nav.dir-nav{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--ink);flex-direction:column;gap:0;margin:0;padding:6px 20px 14px;font-size:17px;display:none;position:absolute;top:100%;left:0;right:0;overflow:visible;box-shadow:0 18px 30px -18px #292e2a59}.header.menu-open nav.dir-nav{display:flex}.dir-nav a,.dir-nav .dir-nav-about{border-bottom:1px solid var(--line);min-height:52px;font-family:var(--serif);align-items:center;padding:0;display:flex}.dir-nav a[aria-current=page]:after{display:none}.dir-nav a[aria-current=page]:before{content:"";background:var(--orange);border-radius:50%;width:6px;height:6px;margin-right:10px}.dir-nav .dir-nav-about{font-family:var(--sans);color:var(--muted);border-bottom:0;font-size:13px}.cards.direction-cards{grid-template-columns:1fr}.direction-cards .topic-card+.topic-card{border-left:1px solid var(--line);border-top:0}.experiment{flex-direction:column;display:flex!important}.experiment>.drawing-panel{display:contents}.experiment>.drawing-panel>*{order:7}.experiment>.drawing-panel>.drawing-title{order:1}.experiment>.drawing-panel>.canvas-wrap{order:2}.experiment>.drawing-panel>.drawing-footer,.experiment>.drawing-panel>.swipe-hint{order:3}.experiment>.drawing-panel>.topic-presets,.experiment>.drawing-panel>.fx-presets{order:4}.experiment>.controls{order:5}.experiment>.drawing-panel>.metrics,.experiment>.drawing-panel>.beam-strength,.experiment>.drawing-panel>.trig-panel{order:6}.experiment>.drawing-panel>.canvas-wrap{z-index:6;background-color:var(--light);border-bottom:1px solid var(--line);max-height:48vh;margin:0;padding:6px 4px;position:sticky;top:0;box-shadow:0 10px 14px -14px #292e2a73}.experiment>.drawing-panel>.drawing-footer{padding-top:10px}.canvas-wrap.is-narrow{max-height:none;padding:4px 0;aspect-ratio:auto!important;height:auto!important;overflow:visible!important}.canvas-wrap.is-narrow svg{width:100%!important;max-width:100%!important;height:auto!important}.experiment>.controls,.experiment>.drawing-panel>.metrics{border-top:1px solid var(--line)}.phase-workspace{flex-direction:column;display:flex!important}.phase-workspace>.phase-chart-side{display:contents}.phase-chart-side>*{order:3;margin-left:8px;margin-right:8px}.phase-chart-side>.phase-chart-caption{order:1;padding-top:18px}.phase-chart-side>#phase-diagram{z-index:6;background:var(--light);border-bottom:1px solid var(--line);order:2;margin:0;padding:6px 8px;position:sticky;top:0;box-shadow:0 10px 14px -14px #292e2a73}.phase-chart-side>.phase-hint{padding-bottom:16px}.phase-workspace>.phase-control-side{order:4}.swipe-hint{color:var(--sepia);justify-content:center;align-items:center;gap:8px;padding:8px 0 2px;font-size:11px;transition:opacity .4s;display:flex}.swipe-hint.is-done{opacity:0}.strobe+.swipe-hint,.strobe>.swipe-hint{padding-top:6px}.can-swipe{scroll-snap-type:none;-webkit-overflow-scrolling:touch}.topic-presets button,.fx-presets button,.phase-presets button,.cal-seg button,.particle-caption button,.strength-bottom button,.trig-top button,.lens-editor button{padding-left:12px;padding-right:12px;min-height:40px!important;font-size:13px!important}.primary-button{min-height:48px;font-size:13px!important}.control-heading button{width:40px!important;height:40px!important}input[type=range]{height:28px!important;margin:6px 0!important}.field select{min-height:44px;font-size:14px!important}.crumbs a{padding:6px 0;display:inline-block}.crumbs,.crumbs a,.crumbs span{font-size:12px!important}.control-tip,.lab-note,.field-hint,.strobe figcaption,.derive-fig figcaption,.topic-graph-note,.fc-q,.fc-live small,.formula small,.beam-strength p,.trig-panel>p,.phase-theory p,.phase-hint,.phase-slider-note,.phase-state p,.fx-live-title,a.theory-source,.theory-content p,.next-topics,.strength-bottom small,.program-topics .soon,.program-topics a,.exp-grid em{line-height:1.7;font-size:12.5px!important}.field label,.field output,.drawing-footer,.drawing-footer span,.phase-key,.phase-key span,.particle-caption,.strength-values,.trig-values span,.trig-values small,.trig-top h4,.strength-top strong,.substance-badge>span,.phase-chart-caption,.phase-chart-caption span,.learning-path i{font-size:12px!important}.eyebrow,.card-top,.card-top span,.available-caption,.topic-label,.range-labels,.range-labels span,.program-topics small,.program-topics .soon em,.exp-grid small,.tl-when,.tl-era-head small,.topic-presets>span,.fx-presets>span,.phase-presets>span,.study-heading,.study-heading span,.instrument-strip .manuscript,.mono{font-size:10.5px!important}.metrics span{font-size:11px!important}footer,footer>span,footer small,th,.cad-tag,sub{font-size:max(11px,.8em)!important}footer>span,footer small{font-size:12px!important}.subject-links>a,.subject-links>button{min-height:46px;font-size:14px!important}main small{font-size:max(11px,1em)}.topic-lead,.what-text p,.page-intro p,.intro,.topic-card p,.direction-card p,.about p:not(.eyebrow),.explore-heading>p,.program-title p,.what-terms dd,.uses-grid p,.fc-read,.fc-symbols dd,.derive-text p{line-height:1.75;font-size:14px!important}}@media (prefers-reduced-motion:reduce){.menu-icon i,.swipe-hint{transition:none}}