/* WL Open (/wl) · v12. Loaded only on /wl. Shares tokens with rd-base.css / rd.css (Radar look). */
.wl-mast{padding-bottom:36px}
.wl-mast .mega{margin-top:22px;font-size:clamp(56px,calc((100vw - 2*var(--gut)) * 1.62 / var(--fit,10)),184px)}
.wl-sub{margin:20px 0 0;max-width:34em}
.upd.wl-upd{display:flex;align-items:center;gap:8px;margin:22px 0 0;padding:0;border:0;border-radius:0;background:none;font:500 12px/1.3 var(--fm);letter-spacing:.02em;color:var(--mu)}
.wl-upd time{color:var(--mu)}
.wl-upd .upd-y{display:none!important}
.wl-upd .upd-dot{width:6px;height:6px;box-shadow:0 0 0 3px rgba(52,210,123,.14)}

.wl-sec{padding:28px 0 72px}
.wl-g{display:grid;grid-template-columns:1fr;gap:1px;background:var(--hl);border:1px solid var(--hl)}
.wl-c{background:var(--k);padding:20px 16px 14px;display:flex;flex-direction:column;min-width:0;transition:background .25s;scroll-margin-top:96px}
.wl-c:hover{background:var(--k2)}
.wl-h{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;align-items:center}
.wl-logo{width:56px;height:56px;object-fit:cover;border-radius:12px;background:var(--k3);border:1px solid var(--hl)}
.wl-n{min-width:0}
.wl-n h2{margin:0 0 5px;font:800 21px/1.08 var(--disp);letter-spacing:-.025em;color:var(--bone);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wl-n span{display:block;font:500 12px/1.2 var(--fm);color:var(--mu);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wl-d{margin:16px 0 0;color:var(--bone2);font:400 15px/1.45 var(--fb);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wl-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0}
.wl-how{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 9px;border:1px solid var(--hl2);font:600 10px/1 var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--bone);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.wl-how::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:#34D27B}
.wl-chips{display:contents;list-style:none;margin:0;padding:0}
.wl-chips li{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 9px;background:var(--k3);font:500 12px/1 var(--fm);color:var(--bone);white-space:nowrap}
.wl-chips li span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mu)}
.wl-ft{margin-top:auto;padding-top:18px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.wl-c .wl-ft{border-top:0}
.wl-b{display:flex;flex-wrap:wrap;gap:8px}
.wl-b .rb{gap:7px}
.wl-b .rb .arrow{width:12px;height:12px}
.wl-src{display:inline-flex;align-items:center;gap:6px;min-height:40px;margin-bottom:-6px;font:500 12px/1 var(--fm);color:var(--mu);border-bottom:0;white-space:nowrap}
.wl-src time{color:inherit}
.wl-src .arrow{width:11px;height:11px}
.wl-src:hover{color:var(--bone)}
.wl-empty{margin:0;padding:48px 20px;border:1px solid var(--hl);color:var(--bone2);font:400 16px/1.5 var(--fb);text-align:center}
.wl-disc{margin:22px 0 0;max-width:46em;font:400 12px/1.5 var(--fm);color:var(--mu)}
.wl-c:focus-within{background:var(--k2)}

@media (min-width:700px){
  .wl-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wl-c{padding:24px 22px 16px}
}
@media (min-width:1100px){
  .wl-g{grid-template-columns:repeat(3,minmax(0,1fr))}
  .wl-sec{padding:40px 0 112px}
  .wl-sub{margin-top:26px}
  .upd.wl-upd{margin-top:26px}
}