.av-vor{font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:#18304a;background:#f3f7fa}
    .av-vor *{box-sizing:border-box}.av-vor{margin:0;padding:22px}.av-vor .lesson{max-width:1040px;margin:auto}
    .av-vor .lesson{background:#fff;border:1px solid #dce6ed;border-radius:18px;box-shadow:0 10px 32px #18304a0d;overflow:hidden}
    .av-vor header{padding:24px 28px 18px;background:linear-gradient(120deg,#eaf5fb,#fff)}
    .av-vor .eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;color:#247397;margin:0 0 4px}
    .av-vor .av-vor__title{font-size:clamp(23px,3vw,32px);line-height:1.35;margin:0 0 8px}.av-vor .av-vor__panel-title{font-size:17px;margin:0 0 12px}
    .av-vor p{line-height:1.65;margin:0}.av-vor .lead{max-width:730px;color:#40566a}
    .av-vor .layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(290px,.9fr);gap:20px;padding:22px 28px}
    .av-vor .panel{border:1px solid #dce6ed;border-radius:14px;padding:16px;background:#fff;min-width:0}
    .av-vor .map{display:block;width:100%;max-width:470px;margin:auto;background:#f7fbfe;border-radius:12px;touch-action:none;cursor:crosshair}
    .av-vor .map text{font-family:inherit;fill:#526b7e;font-size:13px;font-weight:700}
    .av-vor .map .grid{stroke:#dbe7ef;stroke-width:1}.av-vor .map .course{stroke:#36a0b8;stroke-width:3;stroke-dasharray:8 6}
    .av-vor .map .radial{stroke:#e6a33a;stroke-width:3}.av-vor .map .station{fill:#184d70}.av-vor .map .plane{fill:#e66d47;stroke:#fff;stroke-width:2;cursor:grab}
    .av-vor .map .plane:active{cursor:grabbing}.av-vor .map .hit{fill:transparent;cursor:grab}
    .av-vor .hint{font-size:13px;color:#5b7183;margin-top:10px}.av-vor .readouts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
    .av-vor .readout{background:#f2f7fa;border-radius:9px;padding:9px 11px;font-size:13px;color:#52677a}
    .av-vor .readout strong{display:block;font-size:18px;color:#153e5c}
    .av-vor .instrument{width:min(100%,250px);aspect-ratio:1;border:10px solid #173e59;border-radius:50%;margin:0 auto 13px;position:relative;background:#eaf2f6;box-shadow:inset 0 0 0 2px #9db3c2}
    .av-vor .instrument::before,.av-vor .instrument::after{content:"";position:absolute;top:50%;width:9px;height:2px;background:#5d7485;transform:translateY(-50%)}
    .av-vor .instrument::before{left:16%}.av-vor .instrument::after{right:16%}
    .av-vor .instrument .index{position:absolute;left:50%;top:6px;transform:translateX(-50%);font-weight:800;color:#173e59}
    .av-vor .instrument .flag{position:absolute;top:26%;left:50%;transform:translateX(-50%);background:#fff;border:2px solid #9eb4c2;border-radius:6px;padding:2px 10px;font-size:19px;font-weight:900;min-width:78px;text-align:center;color:#196581}
    .av-vor .instrument .needle{position:absolute;top:41%;bottom:20%;left:50%;width:5px;background:#e66d47;border-radius:3px;transform:translateX(-50%);transition:left .12s}
    .av-vor .instrument .center{position:absolute;left:50%;top:59%;width:14px;height:14px;border:3px solid #173e59;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}
    .av-vor .instrument .dots{position:absolute;top:58%;left:13%;right:13%;display:flex;justify-content:space-between;pointer-events:none}
    .av-vor .instrument .dots i{width:5px;height:5px;border-radius:50%;background:#7693a6}
    .av-vor .obs{text-align:center;font-weight:800;font-size:18px;color:#173e59;margin-bottom:12px}
    .av-vor .status{border-radius:10px;background:#e8f4f9;padding:13px;font-size:14px;line-height:1.6;min-height:102px}
    .av-vor .status strong{display:block;font-size:17px;margin-bottom:3px}
    .av-vor .controls{border-top:1px solid #e2ebf0;padding:20px 28px;display:grid;grid-template-columns:1fr 1fr;gap:18px 24px}
    .av-vor label{display:block;font-weight:700;font-size:14px}.av-vor label output{float:right;color:#11658a;font-size:18px}
    .av-vor input[type=range]{width:100%;margin:14px 0 4px;accent-color:#197fa4;cursor:pointer}.av-vor .sub{font-size:12px;font-weight:400;color:#607789}
    .av-vor .buttons{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
    .av-vor button{border:1px solid #b6d4e1;border-radius:9px;background:#f1f8fb;color:#164d6b;font-family:inherit;font-size:13px;font-weight:700;padding:9px 12px;cursor:pointer}
    .av-vor button:hover,.av-vor button:focus-visible{background:#dbeff7;outline:2px solid #6db4d2;outline-offset:1px}
    .av-vor button.primary{background:#176d90;color:#fff;border-color:#176d90}.av-vor button.primary:hover{background:#105d7d}
    .av-vor .takeaway{margin:0 28px 22px;padding:16px 18px;background:#fff8e9;border-left:4px solid #e9ae49;border-radius:0 9px 9px 0;font-size:14px;line-height:1.65}
    .av-vor .takeaway strong{display:block;margin-bottom:3px}.av-vor .foot{margin:0 28px 24px;color:#657b8b;font-size:12px;line-height:1.6}
    @media(max-width:700px){.av-vor{padding:8px}.av-vor header{padding:20px}.av-vor .layout{grid-template-columns:1fr;padding:16px;gap:12px}.av-vor .controls{grid-template-columns:1fr;padding:16px}.av-vor .takeaway{margin:0 16px 16px}.av-vor .foot{margin:0 16px 18px}.av-vor .buttons{grid-column:1}}
.av-vor .av-vor__title{font-weight:800;border:0;padding:0;background:transparent}
.av-vor .av-vor__panel-title{font-weight:700;border:0;padding:0;background:transparent}