@media(orientation:landscape)and (min-width:821px)and (max-width:1280px)and (min-height:640px)and (max-height:900px){:root{--tablet-workspace: calc(100vh - 145px) ;--tablet-gap: 14px}.site-header{height:56px;padding:0 3%}.brand{gap:9px}.brand-mark{width:34px;height:34px;border-radius:9px}.brand-mark .icon{width:23px;height:23px}.brand-name{font-size:17px;letter-spacing:.6px}.brand-name small{margin-top:3px;font-size:7px;letter-spacing:1.2px}.course-tag{font-size:11px}.text-button{font-size:11.5px}.page-shell{padding:12px 3% 10px}.page-heading,body.lens-page .page-heading,body.motor-page .page-heading,body.engine-page .page-heading{margin-bottom:12px}.eyebrow{display:none}h1{font-size:26px;line-height:1.3;letter-spacing:.4px}.page-heading p{margin-top:5px;font-size:11.5px}.title-line{gap:12px}.outline-tag{font-size:9px;padding:3px 7px}.fullscreen-button{height:38px;margin-top:0;padding:0 12px;font-size:11.5px}.fullscreen-button .icon{width:14px;height:14px}.workspace,body.lens-page .lens-workspace,body.motor-page .motor-workspace,body.engine-page .engine-workspace{display:grid;gap:var(--tablet-gap);height:var(--tablet-workspace);height:calc(100svh - 145px);min-height:470px;align-items:stretch}.workspace{grid-template-columns:minmax(0,1fr) 292px}body.lens-page .lens-workspace{grid-template-columns:minmax(0,1fr) 322px}body.motor-page .motor-workspace{grid-template-columns:minmax(0,1fr) 300px}body.engine-page .engine-workspace{grid-template-columns:minmax(0,1fr) 300px;height:calc(100vh - 215px);height:calc(100svh - 215px)}body.engine-page .engine-type-section{gap:8px 20px;margin-bottom:10px;padding:5px 12px}body.engine-page .engine-type-switch{width:250px;padding:3px}body.engine-page .engine-type-switch button{min-height:36px;padding:4px 9px;gap:8px}body.engine-page .engine-type-switch strong{font-size:12px}body.engine-page .engine-type-switch small{margin-top:1px;font-size:8px}body.engine-page .engine-type-switch .icon{width:17px;height:17px}body.engine-page .engine-type-facts dt{margin-bottom:2px;font-size:9.5px}body.engine-page .engine-type-facts dd{font-size:11.5px}body.engine-page .engine-type-hint{display:none}.model-card{height:100%;min-height:0}.model-toolbar{height:56px;padding:0 15px;gap:10px;flex-shrink:0}body.lens-page .lens-toolbar,body.motor-page .motor-toolbar,body.engine-page .engine-toolbar{min-height:0;height:56px;padding:0 15px;gap:10px}.mode-tabs{gap:18px}.mode-tabs button{font-size:12px}.model-stage,body.lens-page .lens-stage,body.motor-page .motor-stage,body.engine-page .engine-stage{flex:1 1 auto;min-height:0;height:auto}.model-caption,body.lens-page .lens-caption,body.motor-page .motor-caption{height:34px;padding:0 15px;font-size:11px}.legend,body.motor-page .motor-legend,body.lens-page .lens-legend{gap:13px}.orbit-hint{font-size:10.5px;gap:5px}body.lens-page .lens-orbit-hint{font-size:10.5px;padding:6px 9px}body.lens-page .lens-focal-pill{padding:5px 9px;font-size:10px}.stage-button{height:38px;padding:0 9px;font-size:11.5px}.stage-button .icon{width:15px;height:15px}.icon-button{width:38px;height:38px}.icon-button .icon{width:18px;height:18px}.lens-view-controls,.motor-view-controls,.engine-view-controls{gap:6px}body.lens-page .lens-view-controls .stage-button,body.motor-page .motor-view-controls .stage-button,body.engine-page .engine-view-controls .stage-button{height:38px;padding:0 9px;font-size:11.5px}body.lens-page .lens-view-controls .icon-button,body.motor-page .motor-view-controls .icon-button,body.engine-page .engine-view-controls .icon-button{width:38px;height:38px}.live-label{font-size:11px}.drag-hint{padding:6px 11px;font-size:10.5px}.motor-orbit-hint,.motor-part-hint,.engine-orbit-hint,.engine-part-hint{font-size:10.5px}.motor-quick-controls button,.engine-quick-controls button{min-width:36px;min-height:34px;font-size:11px}.motor-quick-controls #motor-quick-play,.engine-quick-controls #engine-quick-play{min-width:60px}.motor-quick-controls .icon,.engine-quick-controls .icon{width:14px;height:14px}body.motor-page .motor-status-bar{padding:7px 15px;font-size:11px;gap:6px 12px}body.motor-page .motor-status-bar button{padding:6px 9px;font-size:11px}body.engine-page .engine-combustion-bar{padding:7px 15px;font-size:11px;gap:6px 12px}body.engine-page .engine-combustion-bar button{padding:6px 9px;font-size:11px}body.motor-page .motor-timeline,body.engine-page .engine-timeline{padding:11px 15px 9px}body.motor-page .motor-timeline-heading,body.engine-page .engine-timeline-heading{margin-bottom:19px}body.motor-page .motor-timeline-heading>div:first-child,body.engine-page .engine-timeline-heading>div:first-child{gap:10px}body.motor-page .motor-timeline-heading label,body.engine-page .engine-timeline-heading label{font-size:12px}body.motor-page #motor-cycle-position,body.engine-page #engine-cycle-position{font-size:11px}body.motor-page .motor-angle-reading>span,body.engine-page .engine-angle-reading>span{font-size:11.5px}body.motor-page #motor-angle-value,body.engine-page #engine-angle-value{font-size:23px}body.motor-page .motor-marker,body.engine-page .engine-spark-marker{top:-17px;font-size:9.5px}body.motor-page #motor-angle,body.engine-page #engine-angle{height:26px}body.motor-page .motor-angle-ticks,body.engine-page .engine-angle-ticks{margin-bottom:9px;font-size:9.5px}body.motor-page .motor-phase-segments>span,body.engine-page .engine-timeline-segments>span{padding:7px 3px 6px;font-size:11.5px}body.motor-page .motor-phase-segments b,body.engine-page .engine-timeline-segments b{font-size:9.5px}body.motor-page .motor-current-track,body.motor-page #motor-timeline-help,body.engine-page #engine-timeline-help{display:none}.control-card,body.lens-page .lens-controls,body.motor-page .motor-controls,body.engine-page .engine-controls{display:flex;flex-direction:column;height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:16px 17px 14px}.control-card::-webkit-scrollbar{width:5px}.control-card::-webkit-scrollbar-thumb{background:#d8e2e5;border-radius:3px}.control-card>*{flex-shrink:0}.panel-title{margin-bottom:16px}.panel-title h2{font-size:15px}.control-label{margin-bottom:10px}.control-label label{font-size:12.5px}.control-label output{font-size:24px}.quiet-text{font-size:10px}.select-wrap select{height:40px;font-size:12.5px}.field-hint{font-size:11px}.measurement-grid{gap:8px;margin-bottom:14px}.measurement{padding:10px 10px 9px}.measurement>span{font-size:10.5px}.measurement strong{font-size:30px;margin:3px 0 6px}.auto-button{height:40px;font-size:11.5px}.slider-section{padding-bottom:14px}.circuit-control{padding-bottom:11px}.circuit-control>span{font-size:12px}.parameters{font-size:9px;margin-top:11px}.control-note{font-size:9.5px}body.lens-page .lens-panel-heading{margin-bottom:8px;font-size:12px}body.lens-page #lens-case-number{font-size:10.5px}body.lens-page #lens-case-name{font-size:30px}body.lens-page #lens-case-english{font-size:10px}body.lens-page .lens-relation{margin-top:6px;gap:6px;font-size:12px}body.lens-page .lens-image-badge{margin-top:9px;padding:9px 12px}body.lens-page .lens-image-badge b{font-size:14px}body.lens-page .lens-image-badge span{margin-top:3px;font-size:11.5px}body.lens-page .lens-panel-copy{display:none}body.lens-page .lens-readouts{margin:10px 0 9px;gap:7px}body.lens-page .lens-readout{padding:9px 10px 8px}body.lens-page .lens-readout>span{font-size:10.5px}body.lens-page .lens-readout strong{font-size:24px}body.lens-page .lens-readout strong small{font-size:10px}body.lens-page .lens-screen-status{margin-bottom:10px;padding:9px 11px}body.lens-page #lens-screen-label{font-size:12.5px}body.lens-page #lens-defocus{font-size:9.5px}body.lens-page .lens-screen-status p{margin-top:4px;font-size:11px}body.lens-page .lens-control-section{margin-bottom:10px}body.lens-page .lens-control-label{margin-bottom:8px}body.lens-page .lens-control-label label{font-size:12.5px}body.lens-page .lens-control-label output{font-size:23px}body.lens-page .lens-range-labels{font-size:9.5px;margin-top:5px}body.lens-page .lens-focus-row{margin-top:7px}body.lens-page .lens-focus-button,body.lens-page .lens-screen-toggle{height:40px;font-size:12px}body.lens-page .lens-center-button{width:40px;height:40px}body.lens-page .lens-focus-feedback{margin-top:5px;font-size:10px}body.lens-page .lens-control-hint{padding-top:10px;font-size:10.5px}body.lens-page .lens-full-reset{font-size:10.5px}body.motor-page .motor-panel-heading{margin-bottom:12px;font-size:12px}body.motor-page #motor-phase-number{font-size:10.5px}body.motor-page #motor-phase-name{font-size:32px;letter-spacing:1.5px}body.motor-page #motor-phase-english{font-size:10.5px}body.motor-page .motor-phase-range{margin-top:6px;font-size:12px}body.motor-page .motor-phase-explanation{min-height:0;margin:12px 0 10px;font-size:13px;line-height:1.9}body.motor-page .motor-phase-note{padding:9px 11px;font-size:12px}body.motor-page .motor-state-list{margin-top:12px}body.motor-page .motor-state-list>div{padding:9px 0}body.motor-page .motor-state-list dt{font-size:12px}body.motor-page .motor-state-list dd{font-size:13px}body.motor-page .motor-direction{padding:10px 0}body.motor-page .motor-direction>span{font-size:12px}body.motor-page .motor-direction b{font-size:13px}body.motor-page .motor-boundary-note{min-height:0;margin:8px 0 10px;font-size:11.5px}body.motor-page .motor-energy{padding-top:9px}body.motor-page .motor-energy>span{font-size:11px}body.motor-page .motor-energy p{font-size:12px}body.motor-page .motor-playback,body.engine-page .engine-playback{position:sticky;bottom:0;z-index:2;background:#fff;box-shadow:0 -12px 16px -14px #1f3a4638}body.motor-page .motor-playback:before,body.engine-page .engine-playback:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:18px;background:linear-gradient(to top,#fff,#fff0);pointer-events:none}body.motor-page .motor-playback{padding-top:12px}body.motor-page .motor-playback-buttons{grid-template-columns:42px minmax(0,1fr) 42px;gap:8px}body.motor-page .motor-step-button{min-height:44px}body.motor-page .motor-play-button{font-size:12px}body.motor-page .motor-speed-row{margin-top:12px}body.motor-page .motor-speed-row label{font-size:12px}body.motor-page #motor-speed{padding:8px 10px;font-size:13px}body.motor-page .motor-speed-note{margin-top:8px;font-size:10px}body.engine-page .engine-panel-heading{margin-bottom:12px;font-size:12px}body.engine-page #engine-phase-number{font-size:10.5px}body.engine-page #engine-phase-name{font-size:34px}body.engine-page #engine-phase-english{font-size:10.5px}body.engine-page .engine-phase-range{margin-top:6px;font-size:12px}body.engine-page .engine-phase-explanation{min-height:0;margin:12px 0 10px;font-size:13px;line-height:1.9}body.engine-page .engine-gas-note{padding:9px 11px;font-size:12px}body.engine-page .engine-state-list{margin-top:12px}body.engine-page .engine-state-list>div{padding:9px 0}body.engine-page .engine-state-list dt{font-size:12px}body.engine-page .engine-state-list dd{font-size:13px}body.engine-page .engine-boundary-note{min-height:0;margin:8px 0 10px;font-size:11.5px}body.engine-page .engine-current-energy{padding:9px 0 12px}body.engine-page .engine-current-energy>span{font-size:11px}body.engine-page .engine-current-energy p{font-size:12px}body.engine-page .engine-playback{padding-top:12px}body.engine-page .engine-playback-buttons{grid-template-columns:42px minmax(0,1fr) 42px;gap:8px}body.engine-page .engine-step-button{min-height:44px}body.engine-page .engine-play-button{font-size:12px}body.engine-page .engine-speed-row{margin-top:12px}body.engine-page .engine-speed-row label{font-size:12px}body.engine-page #engine-speed{padding:8px 10px;font-size:13px}body.engine-page .engine-speed-note{margin-top:8px;font-size:10px}input[type=range]::-webkit-slider-thumb{width:22px;height:22px}input[type=range]::-moz-range-thumb{width:14px;height:14px}body.motor-page #motor-angle::-webkit-slider-thumb,body.engine-page #engine-angle::-webkit-slider-thumb{width:23px;height:23px;margin-top:-9.5px}body.motor-page #motor-angle::-moz-range-thumb,body.engine-page #engine-angle::-moz-range-thumb{width:23px;height:23px}.portal-shell{padding:0 3%}.portal-mode{font-size:10px}.portal-hero{grid-template-columns:minmax(0,1fr) 236px;gap:34px;align-items:center;padding:20px 0 18px}.portal-hero .eyebrow{display:none}.portal-hero h1{margin-bottom:10px;font-size:clamp(30px,3.6vw,42px);line-height:1.16;letter-spacing:-.6px}.portal-hero p{max-width:610px;font-size:12px;line-height:1.8}.hero-ops{gap:10px;padding:0 0 0 18px;border-left:1px solid #dde6e9;border-top:0}.ops-title{font-size:8.5px}.hero-op{gap:9px}.hero-op strong{font-size:11px}.hero-op small{margin-top:2px;font-size:9px}.model-index{padding-top:16px}.index-heading{margin-bottom:10px}.index-heading h2{font-size:14px}.index-heading>span{font-size:9.5px}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.model-entry{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.72fr);grid-template-areas:"head visual" "main visual" "foot visual";align-items:start;column-gap:14px;min-height:0;padding:13px 15px}.entry-head{grid-area:head;margin-bottom:8px;font-size:8.5px;letter-spacing:.6px}.entry-live{font-size:8px}.entry-main{grid-area:main}.model-entry h2{margin-bottom:6px;font-size:21px;letter-spacing:.3px}.entry-main p{min-height:0;font-size:11px;line-height:1.7}.entry-visual{grid-area:visual;align-self:stretch;height:auto;min-height:122px;margin:0;padding:4px 6px}.entry-visual svg{max-height:100%}.entry-foot{grid-area:foot;margin-top:10px;padding-top:9px}.entry-topics{font-size:8.5px}.entry-enter{font-size:10px}.portal-page .page-footer{margin-top:14px;padding-top:12px}}@media(orientation:landscape)and (min-width:821px)and (max-width:1280px)and (min-height:640px)and (max-height:700px){.portal-hero{padding:12px 0}.portal-hero p{display:none}.portal-hero h1{margin-bottom:0;font-size:28px}.model-index{padding-top:10px}.entry-visual{min-height:96px}.portal-page .page-footer{margin-top:8px;padding-top:8px}}
