:is(#flight-five,.surface-practice){--foreground:#194d70;--secondary:#e6f2fa;--blue:#299bc5;--orange:#f0aa45;--purple:#a678bd;--border:#bfd2df;--green:#159273;color:var(--foreground)}
:is(#flight-five,.surface-practice) h2{font-size:25px;line-height:1.5}:is(#flight-five,.surface-practice) p{line-height:1.9;font-size:15px;color:#526f83}
:is(#flight-five,.surface-practice) .views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}:is(#flight-five,.surface-practice) figure{margin:0;min-width:0}:is(#flight-five,.surface-practice) .views figure{background:white;border:1px solid #d9e5ec;border-radius:18px;padding:20px}:is(#flight-five,.surface-practice) figcaption{font-size:15px;font-weight:700;text-align:center;margin-bottom:8px}:is(#flight-five,.surface-practice) svg{display:block;width:100%;height:auto;overflow:hidden}:is(#flight-five,.surface-practice) .air{fill:var(--secondary);stroke:var(--foreground);stroke-width:2;stroke-linejoin:round}:is(#flight-five,.surface-practice) .ail{fill:var(--blue);stroke:var(--foreground)}:is(#flight-five,.surface-practice) .ele{fill:var(--orange);stroke:var(--foreground)}:is(#flight-five,.surface-practice) .rud{fill:var(--purple);stroke:var(--foreground)}:is(#flight-five,.surface-practice) .ground{stroke:var(--border);stroke-dasharray:4 5;fill:none}:is(#flight-five,.surface-practice) .moving{transition:transform .65s ease;transform-box:view-box;transform-origin:120px 90px}
:is(#flight-five,.surface-practice) label{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;font-size:14px;font-weight:700;line-height:1.7}:is(#flight-five,.surface-practice) input{width:100%;min-height:40px;accent-color:#0e5297}:is(#flight-five,.surface-practice) .ends{display:flex;justify-content:space-between;font-size:12px;color:#647c8b}:is(#flight-five,.surface-practice) output{color:#0e5297}:is(#flight-five,.surface-practice) button{cursor:pointer;font-family:inherit}:is(#flight-five,.surface-practice) .teaching-note,:is(#flight-five,.surface-practice) .source-links{font-size:12px;line-height:1.9}:is(#flight-five,.surface-practice) .turn-lab{margin:42px 0;padding:28px;background:#e7f3f9;border-radius:22px}.turn-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center}#turn-map{background:#f8fbfd;border-radius:16px}.turn-actions{display:flex;gap:8px;flex-wrap:wrap}.turn-actions button{background:white;border:1px solid #b5cddc;border-radius:9px;padding:10px;color:#174f76;font-size:14px}.turn-explain{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.turn-explain article{border-top:3px solid #a8d1e3}:is(#flight-five,.surface-practice) .turn-explain h2{font-size:21px}
@media(max-width:850px){:is(#flight-five,.surface-practice) .views,.turn-explain,.turn-grid{grid-template-columns:1fr}:is(#flight-five,.surface-practice) .views figure{display:grid;grid-template-columns:1fr;max-width:550px;width:100%;margin:auto}:is(#flight-five,.surface-practice) .views svg{max-height:200px}:is(#flight-five,.surface-practice) .turn-lab{padding:18px}.turn-grid{gap:20px}}
@media(prefers-reduced-motion:reduce){:is(#flight-five,.surface-practice) .moving{transition:none}}

.surface-practice{margin:40px 0;scroll-margin-top:24px}.surface-practice .views{margin-bottom:18px}