.wc4dc-qso{--qso-navy:#082f4d;--qso-blue:#0b6fa4;--qso-teal:#0e8d87;--qso-green:#25a867;--qso-red:#d73d45;--qso-amber:#d99b18;--qso-ink:#183844;--qso-muted:#637985;--qso-line:#d8e5eb;--qso-soft:#f4f8fa;width:min(1480px,calc(100% - 28px));margin:28px auto 55px;color:var(--qso-ink);font-family:inherit}
.wc4dc-qso *{box-sizing:border-box}.wc4dc-qso button,.wc4dc-qso input{font:inherit}
.wc4dc-qso__hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;padding:30px 34px;border:1px solid #cfe0e9;border-radius:22px;background:linear-gradient(135deg,#f8fbfc,#edf6f9);box-shadow:0 10px 30px rgba(9,59,85,.06)}
.wc4dc-qso__eyebrow,.wc4dc-qso__panel-label,.wc4dc-qso__scenario-head [data-qso-scenario-kicker]{display:block;color:var(--qso-teal);font-size:.68rem;font-weight:950;letter-spacing:.11em;text-transform:uppercase}
.wc4dc-qso__hero h1{margin:5px 0 10px;color:var(--qso-navy);font-size:clamp(2.2rem,4.7vw,4.25rem);line-height:1.02;letter-spacing:-.045em}.wc4dc-qso__hero p{max-width:880px;margin:0;color:var(--qso-muted);font-size:1rem;line-height:1.65}
.wc4dc-qso__safety{max-width:320px;padding:13px 15px;border:1px solid #b9ddd7;border-radius:14px;background:#edf9f6}.wc4dc-qso__safety strong,.wc4dc-qso__safety span{display:block}.wc4dc-qso__safety strong{color:#0c6f65}.wc4dc-qso__safety span{margin-top:4px;color:#51706e;font-size:.77rem;line-height:1.45}
.wc4dc-qso__progress{display:grid;grid-template-columns:auto minmax(160px,1fr) auto;gap:16px;align-items:center;margin:14px 0;padding:12px 17px;border:1px solid var(--qso-line);border-radius:14px;background:#fff}.wc4dc-qso__progress>div:first-child span,.wc4dc-qso__progress>div:first-child strong{display:block}.wc4dc-qso__progress>div:first-child span{color:var(--qso-muted);font-size:.58rem;font-weight:900;letter-spacing:.08em}.wc4dc-qso__progress>div:first-child strong{color:var(--qso-navy);font-size:.83rem}.wc4dc-qso__progress-track{height:7px;overflow:hidden;border-radius:999px;background:#e7eef2}.wc4dc-qso__progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--qso-teal),var(--qso-blue));transition:width .25s ease}.wc4dc-qso__progress button{border:0;background:transparent;color:#6c7f8a;font-size:.72rem;font-weight:800;cursor:pointer}
.wc4dc-qso__scenarios{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:0 0 14px}.wc4dc-qso__scenarios button{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:2px 8px;align-items:center;padding:12px 13px;border:1px solid var(--qso-line);border-radius:14px;background:#fff;color:var(--qso-ink);text-align:left;cursor:pointer;transition:.15s ease}.wc4dc-qso__scenarios button>span{grid-row:1/3;font-size:1.35rem}.wc4dc-qso__scenarios strong{color:var(--qso-navy);font-size:.82rem}.wc4dc-qso__scenarios small{color:var(--qso-muted);font-size:.65rem}.wc4dc-qso__scenarios button[aria-selected=true]{border-color:#59b9b0;background:#edf9f7;box-shadow:inset 0 0 0 1px #59b9b0}.wc4dc-qso__scenarios button:hover{transform:translateY(-1px)}
.wc4dc-qso__layout{display:grid;grid-template-columns:minmax(185px,.26fr) minmax(540px,1fr) minmax(220px,.32fr);gap:14px;align-items:start}
.wc4dc-qso__how,.wc4dc-qso__coach,.wc4dc-qso__main{min-width:0}.wc4dc-qso__how,.wc4dc-qso__coach{position:sticky;top:100px;padding:18px;border:1px solid var(--qso-line);border-radius:17px;background:#fff;box-shadow:0 7px 22px rgba(8,54,79,.05)}
.wc4dc-qso__how ol{margin:15px 0 0;padding:0;list-style:none}.wc4dc-qso__how li{position:relative;display:grid;grid-template-columns:30px 1fr;gap:9px;padding:0 0 22px}.wc4dc-qso__how li:not(:last-child):after{content:"";position:absolute;left:14px;top:31px;bottom:2px;border-left:2px dotted #cbdde5}.wc4dc-qso__how li>b{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#e7f7f5;color:#087a72;font-size:.74rem}.wc4dc-qso__how li strong,.wc4dc-qso__how li span{display:block}.wc4dc-qso__how li strong{color:var(--qso-navy);font-size:.82rem}.wc4dc-qso__how li span{margin-top:2px;color:var(--qso-muted);font-size:.72rem;line-height:1.45}.wc4dc-qso__tip{display:flex;gap:8px;padding:11px;border-radius:10px;background:#edf9f6}.wc4dc-qso__tip p{margin:0;color:#4c6f6a;font-size:.71rem;line-height:1.45}
.wc4dc-qso__main{padding:0}.wc4dc-qso__scenario-head{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end;margin-bottom:10px;padding:18px 20px;border:1px solid var(--qso-line);border-radius:17px;background:#fff}.wc4dc-qso__scenario-head h2{margin:3px 0 5px;color:var(--qso-navy);font-size:1.35rem}.wc4dc-qso__scenario-head p{max-width:660px;margin:0;color:var(--qso-muted);font-size:.78rem;line-height:1.45}.wc4dc-qso__station-meta{display:flex;gap:6px}.wc4dc-qso__station-meta>span{min-width:95px;padding:7px 9px;border:1px solid #dce8ed;border-radius:9px;background:#f8fbfc}.wc4dc-qso__station-meta small,.wc4dc-qso__station-meta strong{display:block}.wc4dc-qso__station-meta small{color:#758893;font-size:.53rem;font-weight:850;text-transform:uppercase}.wc4dc-qso__station-meta strong{margin-top:2px;color:#0d668f;font-size:.73rem}.wc4dc-qso__station-meta input{width:82px;padding:1px 0;border:0;border-bottom:1px dashed #9bb5c1;background:transparent;color:#0d668f;font-weight:850;text-transform:uppercase;outline:0}
.wc4dc-qso-radio{overflow:hidden;border:7px solid #20313a;border-radius:20px;background:#101b21;box-shadow:0 19px 35px rgba(0,0,0,.17),inset 0 0 0 1px #344a55;outline:none}.wc4dc-qso-radio:focus-visible{box-shadow:0 0 0 3px #53aee0,0 19px 35px rgba(0,0,0,.17)}
.wc4dc-qso-radio__top{display:flex;gap:15px;align-items:center;padding:9px 13px;border-bottom:1px solid #34464e;background:#1b2a31;color:#9eb0b8;font-size:.57rem;font-weight:900;letter-spacing:.06em}.wc4dc-qso-radio__top span{display:flex;align-items:center;gap:5px}.wc4dc-qso-radio__top i{width:7px;height:7px;border-radius:50%;background:#52636b}.wc4dc-qso-radio__top .is-rx i{background:#25c67a;box-shadow:0 0 8px rgba(37,198,122,.6)}.wc4dc-qso-radio__top .is-tx{color:#e3878b;opacity:.35}.wc4dc-qso-radio__top .is-tx i{background:#df4750}.wc4dc-qso-radio.is-transmitting .is-rx{opacity:.35}.wc4dc-qso-radio.is-transmitting .is-rx i{background:#52636b;box-shadow:none}.wc4dc-qso-radio.is-transmitting .is-tx{color:#ff9fa5;opacity:1}.wc4dc-qso-radio.is-transmitting .is-tx i{box-shadow:0 0 8px rgba(223,71,80,.8)}.wc4dc-qso-radio__sim{margin-left:auto}
.wc4dc-qso-radio__body{display:grid;grid-template-columns:minmax(0,1fr) 175px;min-height:390px}.wc4dc-qso-radio__display{padding:15px 16px;background:radial-gradient(circle at 20% 0,#18323a,#0a151a 70%)}.wc4dc-qso-radio__goal{margin-bottom:10px;padding:9px 11px;border:1px solid rgba(87,192,178,.23);border-radius:8px;background:rgba(20,135,123,.08)}.wc4dc-qso-radio__goal small,.wc4dc-qso-radio__goal strong{display:block}.wc4dc-qso-radio__goal small{color:#55c6ba;font-size:.52rem;font-weight:900;letter-spacing:.08em}.wc4dc-qso-radio__goal strong{margin-top:3px;color:#d8f2ee;font-size:.76rem}.wc4dc-qso-radio__transcript{height:295px;overflow:auto;padding-right:7px;scrollbar-width:thin;color:#d1dde1;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;line-height:1.55}.wc4dc-qso-line{margin:0 0 11px}.wc4dc-qso-line__meta{display:flex;gap:8px;color:#6f8d98;font-size:.58rem}.wc4dc-qso-line__meta b{font-weight:900}.wc4dc-qso-line--user .wc4dc-qso-line__meta b{color:#4ed59f}.wc4dc-qso-line--station .wc4dc-qso-line__meta b{color:#5aafe2}.wc4dc-qso-line--system .wc4dc-qso-line__meta b{color:#d7af58}.wc4dc-qso-line p{margin:2px 0 0;color:#d9e4e8}.wc4dc-qso-line--system p{color:#a9bac1;font-style:italic}
.wc4dc-qso-radio__controls{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;border-left:1px solid #354850;background:linear-gradient(180deg,#203039,#17252c)}.wc4dc-qso-radio__meter{display:flex;align-items:end;gap:3px;height:28px}.wc4dc-qso-radio__meter i{width:5px;height:6px;border-radius:2px;background:#3d535c;transition:height .08s ease,background .08s ease}.wc4dc-qso-radio__meter i:nth-child(3n){height:10px}.wc4dc-qso-radio.is-transmitting .wc4dc-qso-radio__meter i:nth-child(-n+4){height:18px;background:#27bb77}.wc4dc-qso-radio.is-transmitting .wc4dc-qso-radio__meter i:nth-child(n+5):nth-child(-n+8){height:23px;background:#d2b62e}.wc4dc-qso-radio.is-transmitting .wc4dc-qso-radio__meter i:nth-child(n+9){height:27px;background:#d94a50}
.wc4dc-qso-ptt{display:grid;width:120px;height:120px;place-items:center;border:8px solid #9da7ac;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f05259,#b82028 65%,#8f171d);color:#fff;box-shadow:0 6px 0 #555f63,0 9px 15px rgba(0,0,0,.38),inset 0 2px 3px rgba(255,255,255,.3);cursor:pointer;touch-action:none;user-select:none}.wc4dc-qso-ptt span{align-self:end;font-size:1.6rem;font-weight:950;letter-spacing:.04em}.wc4dc-qso-ptt small{align-self:start;font-size:.46rem;font-weight:900;letter-spacing:.07em}.wc4dc-qso-ptt:active,.wc4dc-qso-radio.is-transmitting .wc4dc-qso-ptt{transform:translateY(4px);box-shadow:0 2px 0 #555f63,0 5px 10px rgba(0,0,0,.3),inset 0 2px 3px rgba(255,255,255,.24)}.wc4dc-qso-radio__ptt-help{max-width:130px;color:#93a8b0;font-size:.57rem;line-height:1.35;text-align:center}
.wc4dc-qso-radio__fallback{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 12px;border-top:1px solid #32454d;background:#16242b}.wc4dc-qso-radio__fallback label{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}.wc4dc-qso-radio__fallback label span{color:#9bb0b8;font-size:.62rem;font-weight:850}.wc4dc-qso-radio__fallback input{width:100%;padding:8px 9px;border:1px solid #40565f;border-radius:8px;background:#0c171c;color:#e0e8eb;outline:none}.wc4dc-qso-radio__fallback input:focus{border-color:#45aeb2}.wc4dc-qso-radio__fallback button{padding:7px 11px;border:1px solid #4e6974;border-radius:8px;background:#20343d;color:#e5edef;font-size:.67rem;font-weight:850;cursor:pointer}
.wc4dc-qso-radio__footer{display:flex;gap:15px;align-items:center;padding:8px 12px;border-top:1px solid #32454d;background:#111e24;color:#8fa4ac;font-size:.6rem}.wc4dc-qso-radio__footer>span{display:flex;align-items:center;gap:5px;margin-right:auto}.wc4dc-qso-radio__footer b{width:7px;height:7px;border-radius:50%;background:#62727a}.wc4dc-qso-radio__footer b.is-ready{background:#2db975}.wc4dc-qso-radio__footer button{border:0;background:transparent;color:#9eb3bb;font-size:.6rem;font-weight:800;cursor:pointer}.wc4dc-qso-radio__footer input{vertical-align:middle}
.wc4dc-qso__privacy-note{display:flex;gap:8px;margin-top:8px;padding:9px 11px;border-radius:10px;background:#f4f8fa;color:#6b7d87;font-size:.68rem;line-height:1.45}.wc4dc-qso__privacy-note p{margin:0}
.wc4dc-qso__coach-status{margin:14px 0;padding:11px;border-left:4px solid #66aeca;border-radius:0 9px 9px 0;background:#f2f8fb}.wc4dc-qso__coach-status strong,.wc4dc-qso__coach-status p{display:block;margin:0}.wc4dc-qso__coach-status strong{color:var(--qso-navy);font-size:.8rem}.wc4dc-qso__coach-status p{margin-top:3px;color:var(--qso-muted);font-size:.69rem;line-height:1.45}.wc4dc-qso__coach-list{margin:0;padding:0;list-style:none}.wc4dc-qso__coach-list li{display:grid;grid-template-columns:22px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid #eef2f4}.wc4dc-qso__coach-list i{display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:#edf1f3;color:#63747d;font-size:.65rem;font-style:normal}.wc4dc-qso__coach-list li.is-good i{background:#e9f8f0;color:#168b52}.wc4dc-qso__coach-list li.is-tip i{background:#fff6df;color:#a36d04}.wc4dc-qso__coach-list strong,.wc4dc-qso__coach-list span{display:block}.wc4dc-qso__coach-list strong{color:var(--qso-ink);font-size:.72rem}.wc4dc-qso__coach-list span{margin-top:2px;color:var(--qso-muted);font-size:.65rem;line-height:1.4}.wc4dc-qso__hint{width:100%;margin-top:12px;padding:8px;border:1px solid #c9dbe3;border-radius:9px;background:#fff;color:#35657b;font-size:.69rem;font-weight:850;cursor:pointer}.wc4dc-qso__hint-box{margin-top:8px;padding:9px;border-radius:9px;background:#fff7e4;color:#725518;font-size:.68rem;line-height:1.45}.wc4dc-qso__complete{margin-top:14px;padding:16px;border:1px solid #bee5cf;border-radius:13px;background:#eefaf3;text-align:center}.wc4dc-qso__complete>span{display:grid;width:38px;height:38px;margin:0 auto 7px;place-items:center;border-radius:50%;background:#25a867;color:#fff;font-size:1.2rem;font-weight:950}.wc4dc-qso__complete strong{display:block;color:#12683e}.wc4dc-qso__complete p{color:#547266;font-size:.68rem;line-height:1.45}.wc4dc-qso__complete button{padding:8px 11px;border:0;border-radius:999px;background:#0e766e;color:#fff;font-size:.66rem;font-weight:850;cursor:pointer}
.wc4dc-qso__footer-note{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:14px;padding:17px 20px;border-radius:15px;background:var(--qso-navy);color:#d9eaf2}.wc4dc-qso__footer-note strong,.wc4dc-qso__footer-note span{display:block}.wc4dc-qso__footer-note strong{color:#fff}.wc4dc-qso__footer-note span{margin-top:3px;font-size:.73rem}.wc4dc-qso__footer-note a{flex:0 0 auto;padding:9px 12px;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:#fff;font-size:.72rem;font-weight:850;text-decoration:none}
@media(max-width:1180px){.wc4dc-qso__layout{grid-template-columns:1fr minmax(260px,.36fr)}.wc4dc-qso__how{position:static;grid-column:1/-1;display:none}.wc4dc-qso__coach{top:90px}.wc4dc-qso__scenarios{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.wc4dc-qso{width:min(100% - 18px,760px);margin-top:16px}.wc4dc-qso__hero{grid-template-columns:1fr;padding:22px}.wc4dc-qso__safety{max-width:none}.wc4dc-qso__progress{grid-template-columns:1fr auto}.wc4dc-qso__progress-track{grid-column:1/-1;grid-row:2}.wc4dc-qso__scenarios{display:flex;overflow:auto;padding-bottom:4px;scroll-snap-type:x proximity}.wc4dc-qso__scenarios button{flex:0 0 155px;scroll-snap-align:start}.wc4dc-qso__layout{grid-template-columns:1fr}.wc4dc-qso__coach{position:static}.wc4dc-qso__scenario-head{grid-template-columns:1fr}.wc4dc-qso__station-meta{overflow:auto}.wc4dc-qso-radio__body{grid-template-columns:1fr}.wc4dc-qso-radio__controls{padding:18px;border-left:0;border-top:1px solid #354850}.wc4dc-qso-radio__transcript{height:260px}.wc4dc-qso-radio__fallback{grid-template-columns:1fr}.wc4dc-qso-radio__fallback label{grid-template-columns:1fr}.wc4dc-qso-radio__footer{flex-wrap:wrap}.wc4dc-qso-radio__footer>span{width:100%;margin:0}.wc4dc-qso__footer-note{display:block}.wc4dc-qso__footer-note a{display:inline-block;margin-top:12px}}
@media(max-width:520px){.wc4dc-qso__hero h1{font-size:2.2rem}.wc4dc-qso__station-meta{display:grid;grid-template-columns:repeat(3,1fr)}.wc4dc-qso__station-meta>span{min-width:0}.wc4dc-qso-radio{border-width:4px}.wc4dc-qso-radio__display{padding:12px}.wc4dc-qso-radio__transcript{font-size:.68rem}.wc4dc-qso__footer-note{padding:14px}.wc4dc-qso__progress{padding:10px}.wc4dc-qso__coach{padding:15px}}