.radar-article{--radar-green:#72e294;--radar-cyan:#63c7d7;background:#17131f}
.radar-article .breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:28px;color:#aaa0b1;font-size:.78rem}
.radar-article .breadcrumbs a{color:inherit;text-decoration:none}
.radar-article .breadcrumbs a:hover{color:#fff}
.radar-story-hero{padding:34px 0 58px;background:radial-gradient(circle at 82% 35%,rgba(114,226,148,.1),transparent 28rem)}
.radar-story-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);gap:64px;align-items:center}
.radar-story-hero h1{max-width:720px;margin:0;font:600 clamp(2.7rem,4.6vw,4.45rem)/1.04 "Sora",sans-serif;letter-spacing:-.042em}
.radar-story-hero .eyebrow,.radar-section .eyebrow{margin:0 0 14px;color:var(--radar-cyan);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.radar-story-hero__lead{max-width:680px;margin:20px 0 0;color:#d0c8d4;font-size:1.04rem;line-height:1.7}
.radar-story-hero__visual{margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#0d0b10}
.radar-story-hero__visual img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#0d0b10}
.radar-story-hero__visual--outdoor{position:relative;isolation:isolate;background:#101411}.radar-story-hero__visual--outdoor::before{position:absolute;z-index:-1;inset:-22px 0 40px;content:"";background:linear-gradient(rgba(12,10,15,.28),rgba(12,10,15,.48)),url('/assets/dragon-radar/dragon-radar-outdoor-front.jpg') center 43%/cover no-repeat;filter:blur(15px);transform:scale(1.08)}.radar-story-hero__visual--outdoor img{height:410px;object-fit:contain;background:transparent;transform:scale(1.14)}
.radar-story-hero__visual figcaption{padding:11px 14px;color:#aaa0b1;font-size:.76rem}
.radar-facts{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 0;padding:0;list-style:none}
.radar-facts li{padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#d8d1dc;font-size:.77rem}
.radar-section{padding:60px 0;border-top:1px solid rgba(255,255,255,.1)}
.radar-section--soft{background:#1c1724}
.radar-section__head{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1fr);gap:70px;align-items:start;margin-bottom:32px}
.radar-section h2{max-width:640px;margin:0;font:600 clamp(2rem,3.6vw,3.35rem)/1.08 "Sora",sans-serif;letter-spacing:-.035em}
.radar-section__intro{max-width:680px;margin:3px 0 0;color:#c7becb;font-size:1rem;line-height:1.72}
.radar-challenge__heading{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);column-gap:70px;align-items:end;margin-bottom:30px}.radar-challenge__heading .eyebrow{grid-column:1/-1}.radar-challenge__heading .radar-section__intro{margin-bottom:2px}
.radar-challenge{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:38px;align-items:stretch;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#211b2b}
.radar-challenge__visual{margin:0;overflow:hidden;border-radius:10px;background:#0c0a0f}.radar-challenge__visual img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.radar-challenge__visual figcaption{padding:11px 14px;color:#aaa0b1;font-size:.76rem}
.radar-challenge__points{display:flex;flex-direction:column;justify-content:center}.radar-challenge__points article{display:grid;grid-template-columns:32px 1fr;gap:14px;padding:20px 4px;border-bottom:1px solid rgba(255,255,255,.1)}.radar-challenge__points article:last-child{border-bottom:0}.radar-challenge__points span{color:var(--radar-cyan);font:.65rem/1.6 "Sora",sans-serif;letter-spacing:.08em}.radar-challenge strong{display:block;margin-bottom:7px;font:600 .95rem "Sora",sans-serif}.radar-challenge p{margin:0;color:#ada3b3;font-size:.84rem;line-height:1.55}
.radar-design{display:grid;grid-template-columns:360px minmax(0,1fr);gap:54px;align-items:center;padding:28px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#211b2b}
.radar-exploded{margin:0;max-width:360px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:#0c0a0f}
.radar-exploded img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.radar-exploded figcaption{padding:12px 14px;color:#aaa0b1;font-size:.76rem}
.radar-parts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;list-style:none}
.radar-parts li{padding:16px;border-top:1px solid rgba(255,255,255,.12)}.radar-parts strong{display:block;font-size:.9rem}.radar-parts span{display:block;margin-top:5px;color:#aaa0b1;font-size:.79rem;line-height:1.5}
.radar-spec{grid-column:1/-1;margin:18px 0 0;padding:16px 18px;border-left:2px solid var(--radar-green);background:rgba(114,226,148,.06);color:#c9c1cd;font-size:.83rem}.radar-spec strong{color:#fff}
.radar-carousel{position:relative}.radar-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,calc((100% - 28px)/3));gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 13px;scrollbar-color:#695d73 transparent}.radar-slide{scroll-snap-align:start;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:#0c0a0f}.radar-slide img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.radar-slide figcaption{padding:15px}.radar-slide strong{display:block;font:600 .92rem "Sora",sans-serif}.radar-slide span{display:block;margin-top:6px;color:#aaa0b1;font-size:.78rem;line-height:1.5}.radar-swipe{display:none;margin:10px 0 0;color:#8f8497;font-size:.75rem;text-align:right}
.radar-result{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:48px;align-items:center}.radar-result-copy p{color:#c7becb}.radar-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px}.radar-gallery figure{margin:0;overflow:hidden;border-radius:13px;background:#0c0f0e}.radar-gallery figure:nth-child(2){display:none}.radar-gallery img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}.radar-gallery figcaption{min-height:58px;padding:10px 13px;color:#aaa0b1;font-size:.75rem}
.radar-article .actions{margin-top:25px}.radar-article .radar-primary{background:var(--radar-green);border-color:var(--radar-green);color:#111}.radar-article .radar-disclaimer{margin-top:16px;color:#807687;font-size:.69rem}
@media(max-width:900px){.radar-story-hero__grid,.radar-section__head,.radar-challenge__heading,.radar-challenge,.radar-design,.radar-result{grid-template-columns:1fr;gap:28px}.radar-story-hero__visual{max-width:620px}.radar-exploded{max-width:360px}.radar-track{grid-auto-columns:48%}}
@media(max-width:760px){.radar-story-hero{padding:20px 0 40px}.radar-story-hero__grid{gap:24px}.radar-story-hero__visual{order:-1}.radar-story-hero__visual img{aspect-ratio:1/1}.radar-story-hero h1{font-size:2.45rem}.radar-story-hero__lead{font-size:.95rem}.radar-section{padding:46px 0}.radar-section__head{margin-bottom:24px}.radar-section h2{font-size:2.05rem}.radar-challenge__heading{margin-bottom:22px}.radar-challenge{gap:8px;padding:12px}.radar-challenge__points article{padding:17px 4px}.radar-design{gap:22px;padding:16px}.radar-exploded{max-width:100%}.radar-parts{grid-template-columns:1fr}.radar-track{grid-auto-columns:86%;gap:10px}.radar-result{gap:24px}.radar-gallery{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.radar-gallery::-webkit-scrollbar{display:none}.radar-gallery figure,.radar-gallery figure:nth-child(2){display:block;flex:0 0 88%;scroll-snap-align:start}.radar-swipe{display:block;text-align:left}.radar-article .actions{display:grid;gap:12px}.radar-article .button{width:100%}}
@media(max-width:760px){.radar-story-hero__visual--outdoor img{height:min(112vw,480px)}}