/* Baseline "For whom" prototype, redesign 2026-10-07: one column that fills in from the top.
   Tokens, .stand / .big / .lineup / .caption come from fd.css (the home's baseline language). Everything here is w- prefixed. */
.w{--ease:cubic-bezier(.23,1,.32,1)}
.top nav a[aria-current]{color:var(--court);text-decoration:underline;text-decoration-color:var(--ball);text-decoration-thickness:3px;text-underline-offset:6px}
.w-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- start: the question, six players ---------- */
.w-top{padding-top:28px}
.w-q1{font:800 clamp(38px,5.6vw,64px)/1 var(--head);letter-spacing:-.04em;margin:0}
.w-sub{margin:10px 0 0;font-size:clamp(16px,1.5vw,18px);line-height:1.5;color:var(--mute);max-width:36em}

.w-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:24px}
.w-tile{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;border-radius:3px;background:var(--court);color:#fff;text-decoration:none;
  transition:transform 160ms var(--ease)}
.w-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 400ms var(--ease)}
.w-tt{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:2px;padding:64px 14px 14px;
  background:linear-gradient(to top,rgba(15,21,18,.94) 0%,rgba(15,21,18,.86) 45%,rgba(15,21,18,.6) 75%,rgba(15,21,18,0) 100%)}
.w-tt b{font:800 clamp(19px,1.7vw,23px)/1.08 var(--head);letter-spacing:-.03em}
.w-tt span{font-size:14px;line-height:1.3;color:rgba(255,255,255,.9)}
.w-tt i{font-style:normal;margin-top:6px;font:800 17px/1.1 var(--head);letter-spacing:-.02em;color:var(--ball);font-variant-numeric:tabular-nums}
.w-tile:active{transform:scale(.98)}
.w-tile:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
@media(hover:hover) and (pointer:fine){.w-tile:hover img{transform:scale(1.04)}.w-tile:hover b{text-decoration:underline;text-decoration-color:var(--ball);text-decoration-thickness:3px;text-underline-offset:4px}}
@media(max-width:1000px){.w-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.w-tile{aspect-ratio:4/3}}
@media(max-width:640px){
  .w-top{padding-top:20px}
  .w-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px}
  .w-tile{aspect-ratio:6/5}
  .w-tt{padding:30px 10px 10px}
  .w-tt b{font-size:18px}.w-tt span{font-size:13px;line-height:1.25}.w-tt i{font-size:15px;margin-top:4px}
}

/* ---------- the typed box: the home's search, mapping to the same choices ---------- */
.w-q{max-width:720px;margin-top:26px}
.w-q .box{display:flex;align-items:center;gap:10px;background:var(--paper);border:2px solid var(--court);border-radius:999px;padding:0 6px 0 18px;min-height:56px}
.w-q .box svg{flex:none;color:var(--mute)}
.w-q input{flex:1;min-width:0;border:0;background:none;font:400 17px var(--body);color:var(--court);padding:14px 0;outline:none}
.w-q input::placeholder{color:#6b716d}
.w-q input::-webkit-search-cancel-button{display:none}
.w-q .box:focus-within{box-shadow:0 0 0 4px var(--ball)}
.w-q button{flex:none;min-height:44px;padding:0 20px;border:0;border-radius:999px;background:var(--court);color:#fff;font:600 15px var(--body);cursor:pointer;transition:transform 160ms var(--ease)}
.w-q button:active{transform:scale(.97)}
.w-q button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.w-help,.w-read{margin:8px 0 0;font-size:14px;color:var(--mute);max-width:46em}
.w-help b,.w-read b{color:var(--court);font-weight:600}
.w-read{margin:14px 0 0;font-size:15px}
@media(max-width:640px){.w-q .box{padding-left:14px}.w-q input{font-size:16px}.w-q button{padding:0 16px}}

/* ---------- after a choice: compact rows ---------- */
.w-choices{padding-top:22px}
.w-row{margin-top:18px}
.w-row:first-child{margin-top:0}
.w-rl{margin:0 0 10px;font:800 21px/1.15 var(--head);letter-spacing:-.03em}
.w-chips{display:flex;flex-wrap:wrap;gap:8px}
.w-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-size:15px;line-height:1.2;text-decoration:none;color:var(--court);background:var(--paper);border:1px solid var(--line);border-radius:22px;
  transition:transform 160ms var(--ease),background-color 160ms ease,border-color 160ms ease}
.w-chip.ph{padding-left:5px}
.w-chip.ph img{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:none}
.w-chip:active{transform:scale(.97)}
.w-chip:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@media(hover:hover){.w-chip:not(.on):hover{border-color:var(--court)}}
.w-chip.on{background:var(--court);border-color:var(--court);color:var(--chalk)}
.w-chip.zero{color:var(--mute);background:transparent;border-style:dashed}
.w-chip.zero.on{color:var(--chalk);background:var(--court);border-style:solid}
.w-c{font:800 14px/1 var(--head);color:var(--blue);font-variant-numeric:tabular-nums}
.w-chip.on .w-c,.w-chip.on .w-c.z{color:var(--ball)}
.w-c.z{color:#6d736f;font-weight:500;font-family:var(--body)}

/* country, budget and the typed box in one row. The dropdowns keep the native list (keyboard, phone picker),
   dressed in the brand: Archivo, a 1px court line, 4px corners, our own chevron; a set filter turns court-dark */
.w-filt{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 14px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.w-f{min-width:0}
.w-f label{display:block;font:600 14px/1.2 var(--body);margin-bottom:6px}
.w-sw{position:relative;display:block}
.w-sel{appearance:none;-webkit-appearance:none;display:block;min-height:48px;min-width:190px;max-width:100%;padding:0 42px 0 14px;font:500 16px/1.2 var(--body);color:var(--court);
  background:var(--paper);border:1px solid var(--court);border-radius:4px;cursor:pointer;font-variant-numeric:tabular-nums;
  transition:background-color 160ms ease,color 160ms ease,box-shadow 160ms ease}
.w-sel option{color:var(--court);background:#fff}
.w-chev{position:absolute;right:13px;top:50%;margin-top:-9px;pointer-events:none;color:var(--court);transition:color 160ms ease}
@media(hover:hover){.w-sel:hover{background:#fff}}
.w-sel:focus-visible{outline:none;box-shadow:0 0 0 4px var(--ball)}
.w-sw.set .w-sel{background:var(--court);color:var(--chalk)}
.w-sw.set .w-chev{color:var(--ball)}
.w-filt .w-q{flex:1 1 340px;margin-top:0}
.w-filt .w-q .box{min-height:48px}
@media(max-width:640px){.w-f{flex:1 1 calc(50% - 7px)}.w-sel{width:100%;min-width:0}.w-filt .w-q{flex-basis:100%}}

/* phone: the folded choices, so the results start on the first screen */
.w-change{margin:14px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.w-change summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:6px 0;cursor:pointer;list-style:none}
.w-change summary::-webkit-details-marker{display:none}
.w-change summary span{font:600 15px/1.35 var(--body)}
.w-change summary b{flex:none;font:600 15px var(--body);text-decoration:underline;text-decoration-color:var(--ball);text-decoration-thickness:3px;text-underline-offset:4px}
.w-change[open] summary b{text-decoration-color:var(--court)}
.w-change summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.w-change[open]{padding-bottom:18px}
.w-change[open] .w-row:first-of-type{margin-top:10px}
.w-change+.w-choices{padding-top:16px}
@media(max-width:640px){.w-chip{font-size:14.5px;padding:0 12px}.w-rl{font-size:20px}.w-sub{font-size:15.5px}}

/* ---------- the result header: the number on the baseline, the academies line up on it ---------- */
.w-res{min-width:0}
@media(prefers-reduced-motion:no-preference){.w-res.in{animation:w-in 220ms var(--ease) both}@keyframes w-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}
.w-head{margin-top:34px}
.w-head .stand{margin-top:0}
.w .big{font-size:clamp(104px,14vw,190px);font-variant-numeric:tabular-nums}
.w-logos{gap:8px 6px}
.w-logos a{width:clamp(40px,4.2vw,54px);background:#fff;border:0;box-shadow:0 0 0 1px var(--line)}
.w-logos a img{object-fit:contain;padding:5px}
.w-logos .mono{width:100%;height:100%;display:grid;place-items:center;background:var(--court);color:#fff;font:800 14px var(--head)}
/* 2026-10-12: the "+N" tile that closes the line-up, in the number's blue, leads to the list below */
.w-logos a.w-rest{display:grid;place-items:center;padding:0;color:var(--blue);font:800 clamp(12px,1.1vw,15px)/1 var(--head);letter-spacing:-.03em;font-variant-numeric:tabular-nums;background:#fff}
.w-logos a.w-rest:hover,.w-logos a.w-rest:focus-visible{box-shadow:0 0 0 3px var(--ball)}
.w-head .caption .lead{margin:0;max-width:18em}
.w-head .caption .best{margin:0;max-width:34em}
.w-note{margin:12px 0 0;color:var(--mute);font-size:14px;max-width:46em}
@media(max-width:640px){
  .w-head{margin-top:20px}
  .w .big{font-size:clamp(96px,30vw,128px)}
  .w-head .stand{grid-template-columns:auto 1fr}
  .w-logos{padding-bottom:8px}
  .w-logos a{width:30px}
  .w-logos a.w-rest{font-size:10px}
  .w-head .caption .lead{font-size:22px}
}

.w-sec{margin-top:44px}
.w-sec>h2{font:800 clamp(24px,2.6vw,32px)/1.05 var(--head);letter-spacing:-.035em;margin:0}
.w-lead{margin:6px 0 0;max-width:42em;font-size:15px;color:var(--mute)}

/* ---------- start: most published pairs, the home's photo cards ---------- */
.w-scs{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px}
.w-scs li{min-width:0}
.w-sc{display:block;color:var(--court);text-decoration:none;border-radius:4px;transition:transform 160ms var(--ease)}
.w-sc:active{transform:scale(.985)}
.w-sc:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.w-sc figure{position:relative;aspect-ratio:4/3;margin:0;overflow:hidden;border-radius:3px;background:#dfe3dd}
.w-sc figure.blank{background:var(--court)}
.w-sc figure img{width:100%;height:100%;object-fit:cover}
.w-sc figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:baseline;gap:6px;padding:48px 14px 12px;color:#fff;
  background:linear-gradient(to top,rgba(15,21,18,.92) 0%,rgba(15,21,18,.8) 45%,rgba(15,21,18,0) 100%)}
.w-sc figcaption b{font:800 34px/1 var(--head);letter-spacing:-.04em;color:var(--ball);font-variant-numeric:tabular-nums}
.w-sc figcaption span{font-size:14px;color:rgba(255,255,255,.92)}
.w-sc .nm{display:block;font:800 19px/1.15 var(--head);letter-spacing:-.025em;margin-top:10px}
.w-sc .wh{display:block;color:var(--mute);font-size:14px;margin-top:3px}
@media(hover:hover){.w-sc:hover .nm{text-decoration:underline;text-decoration-color:var(--ball);text-decoration-thickness:3px;text-underline-offset:3px}}
@media(max-width:960px){.w-scs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.w-scs{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.w-sc figcaption{padding:36px 10px 8px}.w-sc figcaption b{font-size:28px}.w-sc .nm{font-size:16px}.w-sc .wh{font-size:13px}}

/* ---------- programmes (Poster cards from card.js) ---------- */
.progs.w-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 18px;margin-top:18px}
@media(max-width:960px){.progs.w-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.progs.w-grid{grid-template-columns:1fr 1fr;gap:24px 12px}}
.w-card{min-width:0;display:flex;flex-direction:column}
.w-at{margin:4px 0 0;font-size:14px;line-height:1.4;color:var(--mute)}
.w-at a{color:var(--court);text-decoration:none;font-weight:600}
@media(hover:hover){.w-at a:hover{text-decoration:underline}}
.w-askl{display:inline-flex;align-items:center;min-height:44px;font:500 15px/1.3 var(--body);color:var(--court);text-decoration:underline;text-decoration-color:var(--ball);text-decoration-thickness:3px;text-underline-offset:4px}

/* dates (and trial / help-with-fees offers): picture cards, nearest first */
.w-dgrid{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 18px}
.w-dc{min-width:0;display:flex;flex-direction:column}
.w-dc figure{margin:0 0 12px;aspect-ratio:3/2;overflow:hidden;border-radius:3px;background:#dfe3dd}
.w-dc figure.blank{background:var(--court)}
.w-dc figure img{width:100%;height:100%;object-fit:cover}
.w-dc .w-d{font:800 17px/1.2 var(--head);letter-spacing:-.02em;color:var(--blue);font-variant-numeric:tabular-nums}
.w-dc b{display:block;margin-top:4px;font:800 19px/1.2 var(--head);letter-spacing:-.025em}
.w-dd{margin:6px 0 0;font-size:15px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.w-src{margin:8px 0 0;font-size:14px;line-height:1.4;color:var(--mute)}
.w-src a{color:var(--court);display:inline-block;padding:12px 0;margin:-12px 0}
@media(max-width:960px){.w-dgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.w-dgrid{grid-template-columns:1fr;gap:28px}}
.w-dn{margin:0 0 0 4px;vertical-align:1px;padding:2px 6px;font-size:12.5px}

/* ask */
.w-asks{list-style:none;margin:14px 0 0;padding:0;border-top:1px solid var(--line)}
.w-asks li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px 18px;padding:10px 0;border-bottom:1px solid var(--line)}
.w-asks b{display:block;font:800 17px/1.2 var(--head);letter-spacing:-.025em}
.w-asks span{font-size:14px;color:var(--mute)}
.w-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;background:var(--ball);color:var(--court);font:600 15px var(--body);text-decoration:none;border-radius:999px;white-space:nowrap;transition:transform 160ms var(--ease)}
.w-btn:active{transform:scale(.97)}
@media(hover:hover){.w-btn:hover{background:#e9ef3a}}
.w-btn:focus-visible,.w-more:focus-visible,.w-askl:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.w-more{display:inline-flex;align-items:center;min-height:44px;font-size:15px;color:var(--court);white-space:nowrap}
@media(max-width:640px){.w-asks li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px}.w-asks li>div{flex:1 0 100%}.w-btn{white-space:normal;text-align:left}}

/* empty cell: one way out to every academy */
.w-askall{margin:22px 0 0}
.w-askall a{display:inline-flex;align-items:center;min-height:44px;font:600 16px var(--body);color:var(--court);text-decoration:underline;text-decoration-color:var(--ball);text-decoration-thickness:3px;text-underline-offset:4px}
.w-askall a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

/* empty cell: says so, says what to ask, points to what they do publish */
.w-empty{margin-top:18px;max-width:46em;border-left:3px solid var(--ball);padding-left:14px}
.w-empty p{margin:0 0 8px;font-size:16px}.w-empty p:last-child{margin:0}
.w-e1{font-weight:600}
.w-alt a{color:var(--court);font-weight:600}

/* the other checked places: a disclosure, never a truncation */
.w-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.w-facts summary{display:flex;flex-direction:column;gap:2px;min-height:44px;padding:14px 0 14px 30px;cursor:pointer;list-style:none;position:relative}
.w-facts summary::-webkit-details-marker{display:none}
.w-facts summary:before{content:"+";position:absolute;left:0;top:10px;width:22px;height:22px;display:grid;place-items:center;font:800 22px/1 var(--head);transition:transform 200ms var(--ease)}
.w-facts[open] summary:before{transform:rotate(45deg)}
.w-facts summary span{font:800 19px/1.2 var(--head);letter-spacing:-.025em}
.w-facts summary small{font-size:14px;color:var(--mute)}
.w-facts summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.w-fl2{list-style:none;margin:0;padding:0 0 8px}
.w-fl2 li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:2px 20px;padding:10px 0;border-top:1px solid #e3e6e1;font-size:14.5px}
.w-fl2 li div a{font-weight:600;color:var(--court)}
.w-fl2 li div span{display:block;color:var(--mute);font-size:13.5px}
.w-fl2 p{margin:0;color:var(--court)}
.w-fl2 p a{color:var(--court)}
@media(max-width:640px){.w-fl2 li{grid-template-columns:1fr}}

@media(prefers-reduced-motion:reduce){
  .w-tile,.w-tile img,.w-chip,.w-btn,.w-q button,.w-sc,.w-facts summary:before,.w-sel,.w-chev{transition:none}
  .w-tile:active,.w-chip:active,.w-btn:active,.w-q button:active,.w-sc:active{transform:none}
  .w-tile:hover img{transform:none}
  .w-logos a{animation:none}
}

/* 2026-10-08: one quiet Clear next to the filters (and in the folded phone line); shown only when a choice is set */
.w-clear{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:44px;padding:0 4px;flex:0 0 auto;
  font:600 15px/1 var(--body);color:var(--court);text-decoration:underline;text-decoration-color:var(--line);text-decoration-thickness:2px;text-underline-offset:5px;
  transition:text-decoration-color 160ms ease}
@media(hover:hover){.w-clear:hover{text-decoration-color:var(--court)}}
.w-clear:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.w-acts{display:flex;align-items:center;gap:18px;flex:none}
.w-change summary .w-clear{min-height:44px;font-size:15px}
.w-change .w-filt .w-clear{display:none}
.w-help .w-clear{min-height:44px;vertical-align:middle}
@media(max-width:640px){.w-filt .w-clear{order:3}}
/* empty result: two words, centred, nothing else */
.w-none{display:grid;place-items:center;min-height:240px;margin-top:34px;text-align:center}
.w-none h2{margin:0;font:800 clamp(26px,3vw,36px)/1.1 var(--head);letter-spacing:-.03em;color:var(--mute)}
@media(prefers-reduced-motion:reduce){.w-clear{transition:none}}

/* 2026-10-08 who5: results are academies. The home's approved "What it costs" card: cover photo, start price on the gradient,
   name, city and country, a quiet line of what matches. */
.w-acs{margin-top:30px}
.w-apg{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 20px}
.w-apg li{min-width:0}
.w-ap{display:block;color:var(--court);text-decoration:none;border-radius:4px;transition:transform 160ms var(--ease)}
.w-ap:active{transform:scale(.985)}
.w-ap:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.w-ap figure{position:relative;aspect-ratio:4/5;margin:0;overflow:hidden;border-radius:3px;background:#dfe3dd}
.w-ap figure.blank{background:var(--court)}
.w-ap figure img{width:100%;height:100%;object-fit:cover;display:block}
.w-ap figure img.lgo{position:absolute;top:22%;left:50%;width:44%;height:auto;aspect-ratio:1;object-fit:contain;transform:translateX(-50%);background:#fff;border-radius:10px;padding:8px}
.w-dtag{position:absolute;top:12px;left:12px}
.w-ap figcaption{position:absolute;left:0;right:0;bottom:0;padding:64px 14px 14px;color:#fff;
  background:linear-gradient(to top,rgba(15,21,18,.92) 0%,rgba(15,21,18,.86) 45%,rgba(15,21,18,.62) 75%,rgba(15,21,18,0) 100%)}
.w-appr{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 6px;font-variant-numeric:tabular-nums}
.w-appr b{font:800 28px/1.05 var(--head);letter-spacing:-.03em;color:var(--ball)}
.w-appr .fr,.w-appr .u{font-size:14px;color:rgba(255,255,255,.92)}
.w-apask{display:inline-block;font:600 16px/1.3 var(--body);color:#fff;text-decoration:underline;text-decoration-color:var(--ball);text-decoration-thickness:3px;text-underline-offset:5px}
.w-ap .nm{display:block;font:800 19px/1.15 var(--head);letter-spacing:-.025em;margin-top:12px}
.w-ap .wh{display:block;color:var(--mute);font-size:14px;margin-top:3px}
.w-ap .pg{display:block;color:var(--mute);font-size:14px;line-height:1.35;margin-top:6px;padding-top:6px;border-top:1px solid var(--line)}
@media(hover:hover) and (pointer:fine){.w-ap:hover .nm{text-decoration:underline;text-decoration-color:var(--ball);text-decoration-thickness:3px;text-underline-offset:3px}}
.w-ap:focus-visible .nm{text-decoration:underline;text-decoration-color:var(--ball);text-decoration-thickness:3px;text-underline-offset:3px}
@media(max-width:960px){.w-apg{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){
  .w-acs{margin-top:22px}
  .w-apg{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
  .w-ap figcaption{padding:44px 10px 10px}.w-appr b{font-size:21px}.w-appr .fr,.w-appr .u{font-size:13px}.w-apask{font-size:14px}
  .w-dtag{top:8px;left:8px}
  .w-ap .nm{font-size:17px;margin-top:10px}.w-ap .wh,.w-ap .pg{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.w-ap{transition:none}.w-ap:active{transform:none}}

/* 2026-10-09 who6: results are a list, the all.html row language (list.css .al): logo left, name, place, a quiet line,
   the start price on the right as a blue number. 1px lines between rows, the whole row is the link. */
.w-al{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.w-acs{margin-top:22px}
.w-al li{border-bottom:1px solid var(--line)}
.w-alr{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:0 20px;align-items:center;min-height:44px;padding:16px 0;color:var(--court);text-decoration:none;
  transition:background-color 160ms ease}
.w-alr .lg{width:56px;height:56px;border-radius:12px;object-fit:contain;background:#fff;border:1px solid var(--line);padding:5px;display:block}
.w-alr .ph{width:56px;height:56px;border-radius:12px;display:grid;place-items:center;background:var(--paper);border:1px solid var(--line);font:800 15px var(--head);color:var(--mute)}
.w-alr .t{min-width:0}
.w-alr .nm{display:block;font:800 clamp(19px,1.9vw,23px)/1.12 var(--head);letter-spacing:-.03em}
.w-alr .wh{display:block;color:var(--mute);font-size:14px;margin-top:3px}
.w-alr .pg{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;color:var(--mute);font-size:14px;line-height:1.35;margin-top:6px}
.w-alr .w-dtag{position:static;font-size:12.5px}
.w-alp{display:flex;align-items:baseline;justify-content:flex-end;flex-wrap:wrap;gap:0 5px;text-align:right;font-variant-numeric:tabular-nums;max-width:240px}
.w-alp b{font:800 30px/1 var(--head);letter-spacing:-.04em;color:var(--blue)}
.w-alp .fr,.w-alp .u{font-size:13px;color:var(--mute)}
.w-alp .w-alask{font:500 15px/1.3 var(--body);color:var(--court);text-decoration:underline;text-decoration-color:var(--ball);text-decoration-thickness:3px;text-underline-offset:4px;white-space:nowrap}
@media(hover:hover) and (pointer:fine){.w-alr:hover{background:var(--paper)}.w-alr:hover .nm{text-decoration:underline;text-decoration-color:var(--ball);text-decoration-thickness:3px;text-underline-offset:3px}}
.w-alr:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.w-alr:focus-visible .nm{text-decoration:underline;text-decoration-color:var(--ball);text-decoration-thickness:3px;text-underline-offset:3px}
@media(max-width:640px){
  .w-acs{margin-top:16px}
  .w-alr{grid-template-columns:44px minmax(0,1fr);gap:0 14px;align-items:start;padding:14px 0}
  .w-alr .lg,.w-alr .ph{width:44px;height:44px;border-radius:10px;padding:4px}
  .w-alr .nm{font-size:19px}.w-alr .wh,.w-alr .pg{font-size:13.5px}
  .w-alp{grid-column:2;justify-content:flex-start;text-align:left;max-width:none;margin-top:8px}
  .w-alp b{font-size:24px}
}
@media(prefers-reduced-motion:reduce){.w-alr{transition:none}}

/* Clear sits at the right edge: after the typed box on desktop, last in the folded phone line */
.w-filt>.w-clear{margin-left:auto}
.w-change summary .w-acts{gap:16px}
@media(max-width:640px){.w-filt .w-clear{order:0}}