/* HIMMELSFREI® - Gegenanflug, Querabflug und Queranflug. */
.trainer-jumps{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 20px}
.trainer-jumps a{display:inline-flex;min-height:42px;align-items:center;gap:7px;padding:9px 15px;border:1px solid #bfd7e9;border-radius:99px;background:white;color:#174e78;font-size:13px;font-weight:750;text-decoration:none}
.trainer-jumps a:hover{background:#e2f2ff}
.pattern-drill-link{display:block;margin:0 15px 14px;color:#135784;font-size:12px;font-weight:750}
.circuit-training{margin-top:22px;scroll-margin-top:18px}
.circuit-training [hidden]{display:none!important}
.circuit-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:22px 24px;background:linear-gradient(115deg,#10324f,#185f8e);color:white}
.circuit-header .eyebrow{color:#b8def8}
.circuit-header h2{margin:4px 0 5px;font-size:clamp(22px,2.3vw,29px);line-height:1.2;letter-spacing:-.025em}
.circuit-header p{margin:0;color:#d4e8f6;font-size:13px;max-width:650px}
.circuit-mode{display:flex;padding:4px;border:1px solid #ffffff55;border-radius:11px;gap:4px}
.circuit-mode button{min-height:44px;border:0;border-radius:7px;background:transparent;color:#e4f2fc;padding:9px 15px;font-size:13px;font-weight:750}
.circuit-mode button[aria-pressed=true]{background:white;color:#164e78;box-shadow:0 2px 8px #061c3630}
.circuit-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px 24px;background:#f6fafc;border-bottom:1px solid #dbe7ef}
.circuit-controls label{display:grid;gap:6px;color:#486a81;font-size:12px;font-weight:700;min-width:0}
.circuit-controls select{width:100%;min-width:0;min-height:44px;border:1px solid #bcd4e5;border-radius:9px;background:white;color:#153e5b;font:650 14px system-ui,sans-serif;padding:9px 10px}
.circuit-body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,1fr);gap:24px;padding:24px}
.circuit-visuals{min-width:0}
.circuit-map{position:relative;border:1px solid #d0e1e7;border-radius:13px;background:#f3f8f5;overflow:hidden}
.circuit-map svg{display:block;width:100%;height:auto;aspect-ratio:560/350}
.circuit-map-note{padding:8px 12px;border-top:1px solid #dbe7e2;background:#fbfdfb;font-size:11px;color:#526f70;text-align:center;min-height:34px}
.circuit-compass-row{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:18px;margin-top:12px}
.circuit-compass-row svg{display:block;width:140px;height:140px}
.circuit-compass-key{display:grid;gap:8px;color:#58758a;font-size:12px}
.circuit-compass-key strong{color:#234e6d}
.circuit-color{display:inline-block;width:9px;height:9px;margin-right:6px;border-radius:50%;background:#d99a30}
.circuit-color.blue{background:#167dbb}
.circuit-question{align-self:start;padding:20px;border:1px solid #d2e5f2;border-radius:13px;background:#f1f8fd;min-width:0}
.circuit-situation{display:block;font-weight:750;font-size:13px;color:#3b6989;margin:7px 0}
.circuit-question h3{font-size:27px;line-height:1.1;letter-spacing:-.025em;color:#113e61;margin:9px 0 12px}
.circuit-question p{color:#4b6c83;font-size:13px;line-height:1.5;margin:8px 0}
.circuit-result{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:11px 0 4px}
.circuit-result strong{color:#136b9f;font-size:43px;font-weight:850;font-variant-numeric:tabular-nums;line-height:1.1;letter-spacing:-.04em}
.circuit-result span{color:#55768c;font-size:12px}
.circuit-form label{display:block;margin:12px 0 6px;color:#345d78;font-size:12px;font-weight:750}
.circuit-answer-row{display:flex;align-items:center;gap:10px}
.circuit-answer-row input{width:100%;min-width:0;min-height:50px;padding:9px 12px;text-align:center;font:800 25px system-ui,sans-serif;border:1px solid #a8c7de;background:white;border-radius:9px;color:#123d5c;scroll-margin:100px}
.circuit-answer-row span{font-size:12px;color:#658194;white-space:nowrap}
.circuit-form button{margin-top:10px;width:100%;min-height:44px}
.circuit-feedback{min-height:22px}
.circuit-feedback.good{color:#116849!important;font-weight:750}
.circuit-feedback.bad{color:#a63e33!important;font-weight:700}
.circuit-rule{padding:10px 12px;background:#fff;border-left:3px solid #167dbb;border-radius:0 8px 8px 0}
.circuit-radio{font-size:12px!important;padding-top:8px;border-top:1px solid #cfdfeb}
.circuit-next{width:100%;min-height:44px;margin-top:10px}
.circuit-score{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap;border-top:1px solid #d1e3ef;margin-top:14px;padding-top:12px;font-size:12px;color:#4f738c}
.circuit-score button{font-size:11px;padding:7px 9px;min-height:44px}
.circuit-reference{margin:0 24px 22px}
.circuit-reference h3{font-size:16px;color:#174b6e;margin:0 0 10px}
.circuit-table-wrap{overflow-x:auto;border:1px solid #ccdfec;border-radius:11px}
.circuit-reference table{border-collapse:collapse;width:100%;font-size:13px;font-variant-numeric:tabular-nums}
.circuit-reference th,.circuit-reference td{padding:10px 14px;text-align:left;border-bottom:1px solid #e0ebf2}
.circuit-reference thead{background:#ecf5fc;color:#255878}
.circuit-reference tbody tr:last-child>*{border-bottom:0}
.circuit-reference tbody tr[data-active=true]{background:#e8f4fd;color:#125c8b;font-weight:800}
.circuit-reference tbody td{white-space:nowrap}
.circuit-reference p{font-size:12px;color:#58778b;line-height:1.5}
.circuit-downloads{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:17px 24px;background:#eff7fc;border-top:1px solid #dbe7ef}
.circuit-downloads p{font-size:12px;color:#4d718a;margin:4px 0 0}
.circuit-downloads strong{color:#1d5279;font-size:14px}
.circuit-downloads a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-align:center}
.circuit-model-note{margin:0;padding:13px 24px;background:#fafcfd;border-top:1px solid #e2ebf2;color:#657e8e;font-size:11px;line-height:1.5}
.circuit-training button:focus-visible,.circuit-training input:focus-visible,.circuit-training select:focus-visible,.trainer-jumps a:focus-visible{outline:3px solid #2184bf;outline-offset:3px}
@media(max-width:760px){
 .circuit-header{padding:19px 16px}
 .circuit-mode{width:100%}.circuit-mode button{flex:1}
 .circuit-controls{padding:14px 16px;gap:10px;grid-template-columns:1fr 1fr}
 .circuit-controls label:last-child{grid-column:1/-1}
 .circuit-controls select{font-size:13px;padding:9px 7px}
 .circuit-body{grid-template-columns:minmax(0,1fr);padding:16px;gap:16px}
 .circuit-question{grid-row:1;padding:16px}
 .circuit-visuals{grid-row:2}
 .circuit-reference{margin:0 16px 18px}
 .circuit-reference th,.circuit-reference td{padding:9px 8px;font-size:12px}
 .circuit-downloads{padding:16px}.circuit-downloads a{width:100%}
 .circuit-model-note{padding:12px 16px}
}
@media(max-width:380px){.circuit-compass-row{grid-template-columns:120px minmax(0,1fr);gap:10px}.circuit-compass-row svg{width:120px;height:120px}.circuit-compass-key{font-size:11px}.circuit-mode button{padding:9px 10px}}