:root{
  --court:#0f1512; --chalk:#f3f4f2; --blue:#0b5fa5; --ball:#d9e021; --grass:#2b8a4b;
  --line:#cfd3cc; --mute:#5c635e; --paper:#fbfbf9;
  --head:'Bricolage Grotesque',sans-serif; --body:'Archivo',sans-serif;
  --base:7px; /* the baseline */
  --gut:clamp(16px,4vw,56px);
}
*{box-sizing:border-box}
html{background:var(--chalk)}
body{margin:0;font:16px/1.55 var(--body);color:var(--court);background:var(--chalk);-webkit-font-smoothing:antialiased}
a{color:inherit}
img{display:block;max-width:100%}
.top{padding:18px var(--gut);border-bottom:1px solid var(--line)}.wrap{max-width:1240px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.brand{font:800 22px/1 var(--head);letter-spacing:-.04em;text-decoration:none;display:flex;align-items:center;gap:8px}
.brand .mark{width:30px;height:30px;flex:none;display:block}
.ball{width:16px;height:16px;border-radius:50%;background:var(--ball);box-shadow:inset -3px -3px 0 rgba(0,0,0,.08)}
.top nav{display:flex;gap:22px;font-size:15px}
.top nav a{text-decoration:none;color:var(--mute)}
.top nav a:hover{color:var(--court)}
@media(max-width:640px){.top nav{display:none}}
.page{padding:0 var(--gut) 60px;max-width:calc(1240px + 2*var(--gut));margin:0 auto}
.loading{color:var(--mute);padding:40px 0}

/* ---------- hero: the number stands on the baseline, the players line up on it ---------- */
.hero{padding-top:28px}
.who{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.who img{width:52px;height:52px;object-fit:contain;background:#fff;border-radius:12px;padding:6px}
.who .nm{font:800 clamp(28px,4vw,40px)/1 var(--head);letter-spacing:-.035em}

.stand{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:end;gap:0 clamp(16px,3vw,40px);margin-top:16px;padding-bottom:0}
.stand:after{content:"";grid-column:1/-1;height:var(--base);background:var(--court);margin-top:-2px}
.big{font:800 clamp(140px,22vw,290px)/0.78 var(--head);font-variation-settings:'opsz' 96;letter-spacing:-.07em;color:var(--blue);margin:0 0 0 -0.04em;display:block}
.lineup{display:flex;align-items:flex-end;flex-wrap:wrap;gap:6px 4px;padding:0 0 8px;min-width:0}
.lineup a{display:block;width:clamp(36px,4.6vw,62px);aspect-ratio:1;border-radius:50%;overflow:hidden;border:2px solid var(--chalk);box-shadow:0 0 0 1px var(--line);background:#ddd;text-decoration:none;transform-origin:bottom center}
.lineup a img{width:100%;height:100%;object-fit:cover}
.lineup a:hover,.lineup a:focus-visible{box-shadow:0 0 0 3px var(--ball);outline:none}
@media(prefers-reduced-motion:no-preference){
  .lineup a{animation:step .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 45ms + 150ms)}
  @keyframes step{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
}
.caption{display:grid;grid-template-columns:auto 1fr;gap:0 clamp(16px,3vw,40px);align-items:start;margin-top:14px}
.caption .lead{font:800 clamp(20px,2.4vw,28px)/1.15 var(--head);letter-spacing:-.03em;max-width:14em}
.caption .best{font-size:15px;color:var(--mute);padding-top:6px}
.caption .best b{color:var(--court);font-weight:600}
.caption .best a{text-decoration:none;border-bottom:1px solid var(--line)}
@media(max-width:640px){.stand{grid-template-columns:1fr}.big{font-size:clamp(120px,36vw,170px)}.lineup{padding-bottom:10px}.caption{grid-template-columns:1fr;gap:8px}}

/* ---------- plain words ---------- */
.about{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;margin-top:34px;align-items:start}
.about p{font-size:clamp(17px,1.6vw,20px);line-height:1.5;max-width:34em;margin:0}
.facts{font-size:15px;line-height:1.5;border-left:3px solid var(--ball);padding-left:14px;color:var(--mute)}
.facts b{display:block;color:var(--court);font-weight:600}
.facts a{color:var(--court)}
@media(max-width:860px){.about{grid-template-columns:1fr;gap:20px}}
.cover{margin-top:30px;aspect-ratio:21/9;background:#dfe3dd center/cover no-repeat;border-radius:4px}

/* ---------- sections open on the baseline ---------- */
.sec{margin-top:56px;border-top:var(--base) solid var(--court);padding-top:16px}
.sec h2{font:800 clamp(26px,3vw,36px)/1.05 var(--head);letter-spacing:-.035em;margin:0}
.sec .sub{color:var(--mute);margin:6px 0 0;font-size:15px}
.two{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:start}.two>*{min-width:0}
@media(max-width:960px){.two{grid-template-columns:1fr;gap:30px}}

/* programmes: tabs + grid; the card itself is in card.css */
.tabs{display:flex;gap:26px;margin:18px 0 0;border-bottom:1px solid var(--line);overflow-x:auto}
.tabs button{appearance:none;background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-1px;padding:12px 0;font:500 16px var(--body);color:var(--mute);cursor:pointer;white-space:nowrap;min-height:44px}
.tabs button span{color:var(--mute);font-size:13px;margin-left:6px}
.tabs button.on{color:var(--court);border-color:var(--court);font-weight:600}
.tabs button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.progs{display:none;grid-template-columns:repeat(3,1fr);gap:28px 20px;margin-top:22px}
.progs.on{display:grid}
@media(max-width:640px){.progs{grid-template-columns:1fr 1fr;gap:22px 12px}}

/* deals: tickets in ball yellow */
.tickets{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.tk{display:grid;grid-template-columns:72px 1fr;gap:0 14px;align-items:center;text-decoration:none;background:var(--paper);border:1px solid var(--line);border-radius:4px;overflow:hidden;min-height:72px}
.tk img{width:72px;height:100%;object-fit:cover;min-height:72px}
.tk .t{padding:10px 12px 10px 0;font-size:14px;line-height:1.35}
.tk code{display:inline-block;font:800 15px/1 var(--head);letter-spacing:.01em;background:var(--ball);padding:6px 8px;border-radius:3px;margin-bottom:5px}
.tk:hover{border-color:var(--court)}

/* what's new: a timeline (this content really is a sequence) */
.tl{list-style:none;margin:22px 0 0;padding:0;position:relative}
.tl:before{content:"";position:absolute;left:112px;top:6px;bottom:6px;width:2px;background:var(--line)}
.tl li{display:grid;grid-template-columns:96px 1fr;gap:0 34px;padding:0 0 26px;position:relative}
.tl li:before{content:"";position:absolute;left:108px;top:8px;width:10px;height:10px;border-radius:50%;background:var(--court)}
.tl li.up:before{background:var(--ball);box-shadow:0 0 0 2px var(--court)}
.tl .d{font-size:14px;color:var(--mute);padding-top:2px;text-align:right;font-variant-numeric:tabular-nums}
.tl .d.up{color:var(--court);font-weight:600}
.tl .h{font:800 19px/1.25 var(--head);letter-spacing:-.025em}
.tl .h .k{display:inline-block;font:500 13px/1 var(--body);letter-spacing:0;color:var(--mute);margin-left:8px;vertical-align:middle}
.tl .h .k.offer{color:var(--court);background:var(--ball);padding:4px 7px;border-radius:3px}
.tl p{margin:4px 0 0;max-width:36em;font-size:15px}
.tl .s{display:inline-block;margin-top:6px;font-size:13px;color:var(--mute);text-decoration:none;border-bottom:1px solid var(--line)}
.tl .s:hover{color:var(--court);border-color:var(--court)}
@media(max-width:640px){.tl:before{left:5px}.tl li{grid-template-columns:1fr;gap:2px;padding-left:24px}.tl li:before{left:1px}.tl .d{text-align:left}}
.more{margin-top:6px;appearance:none;background:none;border:1px solid var(--court);border-radius:999px;padding:0 18px;min-height:44px;font:500 15px var(--body);cursor:pointer}
.more:hover{background:var(--court);color:#fff}

/* ask */
.ask{margin-top:48px;border-top:var(--base) solid var(--court);padding-top:22px;display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between}
.ask p{margin:0;font:800 clamp(22px,2.6vw,30px)/1.1 var(--head);letter-spacing:-.03em;max-width:18em}
.ask a{display:inline-flex;align-items:center;min-height:52px;padding:0 24px;background:var(--ball);color:var(--court);border-radius:999px;text-decoration:none;font-weight:600;font-size:16px}
.ask a:hover{background:#e9ef3a}
/* footer (2026-10-14, one layout on every page): section links, an optional note, small credit/legal links, Baseline by Studio ECL last */
.foot{padding:14px var(--gut) 36px;border-top:1px solid var(--line);color:var(--mute);font-size:14px;line-height:1.4}.foot .wrap{display:block}
.foot a{color:var(--court);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px;transition:text-decoration-color .15s ease}
.foot a:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:2px}
.ft-nav{display:flex;flex-wrap:wrap;gap:0 28px}
.ft-nav a{display:inline-flex;align-items:center;min-height:44px;font:600 16px/1.2 var(--body);text-decoration:none}
.ft-note{margin:6px 0 2px;max-width:80ch}
.ft-meta{display:flex;flex-wrap:wrap;align-items:center;gap:0 22px}
.ft-meta>*{display:inline-flex;align-items:center;min-height:44px}
.ft-by{margin-left:auto;white-space:nowrap}
.ft-by a{margin-left:.3em;display:inline-flex;align-items:center;min-height:44px}
@media(hover:hover) and (pointer:fine){.foot a:hover{text-decoration-color:currentColor}.ft-nav a:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}}
@media(max-width:640px){.ft-nav{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.ft-by{margin-left:0;width:100%}}

/* where: globe + nearby list */
.globe{position:relative;margin-top:18px;aspect-ratio:1/1;max-height:560px;width:100%;border-radius:4px;overflow:hidden;background:transparent}
.globe .maplibregl-canvas{outline:none}
.gpin{appearance:none;padding:0;width:22px;height:22px;border-radius:50%;background:var(--ball);border:4px solid var(--court);box-shadow:0 0 0 3px rgba(243,244,242,.9),0 2px 8px rgba(15,21,18,.3);cursor:pointer}
.gpin:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
/* nearby pins: small blue dot, 32px (44px on touch) invisible hit area */
.gpin.small{width:32px;height:32px;background:transparent;border:0;box-shadow:none;display:grid;place-items:center}
.gpin.small:after{content:"";width:12px;height:12px;border-radius:50%;background:var(--blue);border:2px solid #fff;box-shadow:0 1px 4px rgba(15,21,18,.3)}
@media(pointer:coarse){.gpin.small{width:44px;height:44px}}
/* the card on the map */
.gpop-a,.gpop-n{max-width:min(340px,calc(100% - 24px))!important}
.gpop-a .maplibregl-popup-content,.gpop-n .maplibregl-popup-content{background:var(--chalk);border:1px solid var(--line);border-radius:4px;box-shadow:0 10px 30px -8px rgba(15,21,18,.28),0 2px 6px rgba(15,21,18,.08);padding:0}
.gpop-a .maplibregl-popup-tip,.gpop-n .maplibregl-popup-tip{display:block;border-top-color:var(--chalk)!important;border-width:8px;filter:drop-shadow(0 1px 0 var(--line))}
.gcard{font:14px/1.4 var(--body);color:var(--court);padding:14px 16px 6px;width:344px;max-width:100%;box-sizing:border-box}
.gc-hd{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center}
.gc-lg{width:44px;height:44px;border-radius:4px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;box-sizing:border-box;padding:4px}
.gc-lg img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.gc-lg.mono{font:800 14px/1 var(--head);letter-spacing:-.02em;color:var(--mute);background:var(--paper)}
.gc-t b{display:block;font:800 18px/1.15 var(--head);letter-spacing:-.03em}
.gc-t span{display:block;color:var(--mute);font-size:13px;line-height:1.35;margin-top:3px}
.gc-meta{list-style:none;margin:12px 0 0;padding:10px 0 0;border-top:1px solid var(--line);display:grid;gap:4px}
.gc-meta li{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;line-height:1.35}
.gc-meta svg{flex:none;margin-top:1px;color:var(--grass)}
.gc-act{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;margin-top:12px}
.gc-go{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;background:var(--ball);color:var(--court);border-radius:4px;text-decoration:none;font:600 15px var(--body);transition:transform 160ms cubic-bezier(.23,1,.32,1),box-shadow 160ms ease}
@media(hover:hover){.gc-go:hover{box-shadow:inset 0 0 0 2px var(--court)}}
.gc-go:active{transform:scale(.97)}
.gc-gm{display:inline-flex;align-items:center;min-height:44px;color:var(--court);font-size:14px;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.gc-gm:hover{text-decoration-color:var(--court)}
.gc-near{display:flex;align-items:center;min-height:44px;margin-top:8px;border-top:1px solid var(--line);color:var(--blue);font-weight:600;font-size:14px;text-decoration:none}
.gc-near:hover{text-decoration:underline;text-underline-offset:3px}
.gcard a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.gcard.sm{width:auto;min-width:200px;padding:12px 14px 10px;display:flex;flex-direction:column;gap:2px}
.gcard.sm b{font:800 16px/1.2 var(--head);letter-spacing:-.025em;margin-bottom:2px}
.gcard.sm span{color:var(--mute);font-size:13px}
.gc-open{align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;margin-top:8px;border:1px solid var(--court);border-radius:4px;color:var(--court);text-decoration:none;font-weight:600;font-size:14px}
@media(hover:hover){.gc-open:hover{background:var(--court);color:#fff}}
@media(prefers-reduced-motion:reduce){.gc-go{transition:none}.gc-go:active{transform:none}}
/* map buttons */
.gbar{position:absolute;left:10px;bottom:10px;right:56px;display:flex;flex-wrap:wrap;gap:8px;pointer-events:none}
.gfly{pointer-events:auto;appearance:none;border:1px solid var(--court);background:var(--chalk);color:var(--court);border-radius:4px;min-height:44px;padding:0 14px;font:500 14px var(--body);cursor:pointer;box-shadow:0 2px 8px rgba(15,21,18,.12)}
.gfly[hidden]{display:none}
@media(hover:hover){.gfly:hover{background:var(--court);color:#fff}}
.gfly:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.globe .maplibregl-cooperative-gesture-screen{font:500 15px/1.4 var(--body);background:rgba(15,21,18,.62)}
@media(max-width:640px){.globe{aspect-ratio:3/4}.gcard{width:calc(100vw - 56px)}.gc-hd{grid-template-columns:40px minmax(0,1fr);gap:10px}.gc-lg{width:40px;height:40px}.gc-t b{font-size:17px}}
.globe .maplibregl-ctrl-group button{width:36px;height:36px}
@media(pointer:coarse){.globe .maplibregl-ctrl-group button{width:44px;height:44px}}
.near{list-style:none;margin:16px 0 0;padding:0;border-top:1px solid var(--line)}
.near li a{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none;min-height:60px}
.near img,.near .ph{width:44px;height:44px;border-radius:10px;object-fit:contain;background:#fff;padding:4px;border:1px solid var(--line)}
.near .t b{display:block;font:600 15px/1.3 var(--body)}.near .t span{display:block;color:var(--mute);font-size:13px;line-height:1.4;margin-top:1px}
.near li a:hover b{text-decoration:underline;text-decoration-color:var(--ball);text-decoration-thickness:3px;text-underline-offset:3px}
.where .sub a{color:var(--court)}
.near .ph{display:grid;place-items:center;font:800 13px var(--head);letter-spacing:-.02em;color:var(--mute);background:var(--paper)}

/* the facts */
.nums{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:20px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
@media(max-width:640px){.nums{grid-template-columns:1fr 1fr}}
.num{display:flex;flex-direction:column;gap:2px;padding:16px 16px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none;min-width:0}
.num b{font:800 clamp(30px,3.6vw,44px)/1 var(--head);letter-spacing:-.045em;color:var(--blue);font-variant-numeric:tabular-nums}
.num .k{font:600 14px/1.3 var(--body);margin-top:6px}.num .d{font-size:13px;color:var(--mute);line-height:1.4}
.num:hover b{color:var(--court)}
.basics{margin:26px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 32px}
@media(max-width:640px){.basics{grid-template-columns:1fr}}
.basics div{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.4}
.basics dt{color:var(--mute);margin:0}.basics dd{margin:0}.basics dd a{color:var(--court);text-decoration:none;border-bottom:1px solid var(--line)}.basics dd a:hover{border-color:var(--court)}
.basics dd.no{color:var(--mute);font-style:italic}
.split{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:30px}
@media(max-width:640px){.split{grid-template-columns:1fr;gap:22px}}
.split h3{font:800 20px/1.15 var(--head);letter-spacing:-.03em;margin:0 0 6px}
.people{list-style:none;margin:0;padding:0}
.people li a{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);text-decoration:none;min-height:56px}
.people .in{width:40px;height:40px;border-radius:50%;background:var(--court);color:#fff;display:grid;place-items:center;font:800 13px var(--head)}
.people .in.ball{background:var(--ball);border:3px solid var(--court);width:22px;height:22px;margin:0 auto}
.people b{display:block;font:600 15px/1.3 var(--body)}.people small{display:block;font-size:13px;color:var(--mute);line-height:1.4}
.people li a:hover b{text-decoration:underline;text-decoration-color:var(--ball);text-decoration-thickness:3px;text-underline-offset:3px}
/* news aside */
.newsl{list-style:none;margin:16px 0 0;padding:0;border-top:1px solid var(--line)}
.newsl li a{display:block;padding:10px 0;border-bottom:1px solid var(--line);text-decoration:none}
.newsl .d{display:block;font-size:12px;color:var(--mute);font-variant-numeric:tabular-nums}.newsl .d.up{color:var(--court);font-weight:600}
.newsl .t{display:block;font:600 14px/1.35 var(--body);margin-top:2px}
.newsl li a:hover .t{text-decoration:underline;text-decoration-color:var(--ball);text-decoration-thickness:3px;text-underline-offset:3px}
.aside .more,aside .more{margin-top:12px}

/* one to three players: bigger faces with names on the baseline */
.lineup.few{gap:18px;padding-bottom:14px}
.lineup.few a{width:auto;aspect-ratio:auto;border:0;box-shadow:none;border-radius:0;background:none;display:flex;align-items:flex-end;gap:14px;text-decoration:none}
.lineup.few a img{width:clamp(72px,9vw,120px);height:clamp(72px,9vw,120px);border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px var(--line),0 0 0 4px var(--chalk)}
.lineup.few a:hover img,.lineup.few a:focus-visible img{box-shadow:0 0 0 3px var(--ball)}
.lineup.few .nm{font:800 clamp(18px,2vw,24px)/1.1 var(--head);letter-spacing:-.03em;color:var(--court);padding-bottom:6px}
.lineup.few .nm small{display:block;font:400 14px/1.3 var(--body);color:var(--mute);letter-spacing:0;margin-top:3px}

.tk{cursor:default}.tk:hover{border-color:var(--line)}
.people li{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);min-height:56px}
.newsl li div{padding:10px 0;border-bottom:1px solid var(--line)}
.srcline{margin:26px 0 0;font-size:13px;color:var(--mute);line-height:1.5}.srcline a{color:var(--mute)}
.basics dd.no{font-style:normal}

/* at a glance */
.glance{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}
@media(max-width:640px){.glance{grid-template-columns:1fr 1fr;gap:10px}}
.gl{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;row-gap:2px;padding:12px 14px;border:1px solid var(--line);border-radius:4px;background:var(--paper);min-height:72px;align-content:center}
.gl .gi{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ball);color:var(--court)}
.gl.no .gi{background:var(--chalk);border:1px solid var(--line);color:var(--mute)}.gl.maybe .gi{background:var(--chalk);border:1px dashed var(--court)}
.gl .gk{font:600 14px/1.2 var(--body)}.gl .gv{font-size:13px;color:var(--mute);line-height:1.35}
.np{margin:10px 0 0;font-size:13px;color:var(--mute)}
.people img.in{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--line)}
.people .in.badge{width:40px;height:40px;border-radius:10px;background:var(--court);color:var(--ball);font:800 11px/1 var(--head);letter-spacing:.02em}
.more.lnk{display:inline-flex;align-items:center;text-decoration:none;color:var(--court)}

.one{max-width:880px}.one .split{grid-template-columns:1fr 1fr}

/* hero meta row */
.meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:12px;font-size:15px;color:var(--court)}
.mi{display:inline-flex;align-items:center;gap:7px;min-height:36px}
.mi svg{color:var(--mute)}.mi b{font-weight:600}.mi .mu{color:var(--mute)}
.mi.acts{gap:8px;margin-left:auto}
@media(max-width:640px){.mi.acts{margin-left:0;width:100%}}
.mbtn{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid var(--court);border-radius:999px;text-decoration:none;font-weight:500;font-size:14px;color:var(--court)}
.mbtn:hover{background:var(--court);color:#fff}
.mico{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;color:var(--court)}
.mico:hover{border-color:var(--court)}

/* players without a photo: monogram on the baseline */
.lineup a .mono{width:100%;height:100%;display:grid;place-items:center;background:var(--court);color:#fff;font:800 clamp(12px,1.4vw,18px) var(--head);letter-spacing:-.02em}
.lineup.few a .mono{width:clamp(72px,9vw,120px);height:clamp(72px,9vw,120px);border-radius:50%;font-size:clamp(24px,3vw,40px);box-shadow:0 0 0 1px var(--line),0 0 0 4px var(--chalk)}

@media(max-width:640px){.tabs{flex-wrap:wrap;gap:4px 18px;overflow:visible}.tabs button{padding:10px 0}}

.caption .later{grid-column:2;font-size:14px;color:var(--mute);margin-top:6px;line-height:1.45}.caption .later a{color:var(--court);text-decoration:none;border-bottom:1px solid var(--line)}@media(max-width:640px){.caption .later{grid-column:1}}

/* programmes full width: one pane per tab, its deals sit above its cards */
.pane{display:none}.pane.on{display:block}
.pane .progs{display:grid}
@media(min-width:1320px){.pane .progs{grid-template-columns:repeat(4,minmax(0,1fr))}}
.deals{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr));gap:8px 16px}
.deals li{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--ball);border-radius:4px;font-size:14px;line-height:1.4;min-width:0}
.deals .chip{flex:none;display:inline-flex;align-items:center;min-height:24px}
.deals code{font:800 14px/1 var(--head);letter-spacing:.01em;background:var(--ball);color:var(--court);padding:5px 7px;border-radius:3px}
.deals .chip.plain{font:600 12px/1 var(--body);text-transform:uppercase;letter-spacing:.06em;color:var(--mute);padding-top:1px}
.deals .dt{min-width:0;padding-top:2px}
.deals small{display:inline-block;margin-left:6px;font-size:12px;color:var(--mute)}
.pane .deals+.progs{margin-top:24px}
.split.solo{grid-template-columns:1fr}
@media(max-width:640px){
  .deals li{padding:9px 10px;gap:10px;font-size:14px}
  .deals .chip.plain{display:none}

}
@media(max-width:640px){.one .split{grid-template-columns:1fr;gap:26px}}

/* ---------- 2026-10-06 polish: deals column, coach tiles, tournaments under coaches ---------- */
/* body grid: Programmes + The facts on the left; deals in a 300px column that follows the reader down.
   The grid ends with The facts, so the sticky column stops there and never reaches Where it is or the footer. */
.bodyg>.dcol{min-width:0}
@media(min-width:1024px){
  .bodyg.has-deals{display:grid;grid-template-columns:minmax(0,1fr) 300px;column-gap:48px;align-items:start}
  .bodyg.has-deals>*{min-width:0}
  .bodyg.has-deals>.progsec{grid-column:1;grid-row:1}
  .bodyg.has-deals>.factsec{grid-column:1;grid-row:2}
  .bodyg.has-deals>.dcol{grid-column:2;grid-row:1/3;align-self:stretch}
  .bodyg.has-deals .pane .progs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dstick{position:sticky;top:24px}
  .dcol h2{font-size:clamp(24px,2.2vw,28px)}
}
.tickets{list-style:none;padding:0}
.tk{align-items:stretch}
.tk img,.tk-ph{width:72px;height:100%;min-height:72px}
.tk-ph{display:grid;place-items:center;background:var(--court);color:var(--ball)}
.tk .t{align-self:center;padding:10px 12px 10px 0}
.tk code{margin-bottom:6px}
.tk .w{display:block}
.tk:focus{outline:none}

/* coaches: quiet tiles, photo + name + role */
.blk{margin-top:34px}
.blk h3{font:800 20px/1.15 var(--head);letter-spacing:-.03em;margin:0 0 14px}
.coaches{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px}
.coaches li{min-width:0}
.cph{width:100%;aspect-ratio:1;object-fit:cover;object-position:50% 25%;border-radius:4px;background:var(--line);margin-bottom:10px}
.cph.mono{display:grid;place-items:center;border-radius:50%;background:var(--court);color:#fff;font:800 clamp(26px,3vw,38px)/1 var(--head);letter-spacing:-.02em}
.coaches b{display:block;font:600 15px/1.3 var(--body)}
.coaches small{display:block;font-size:13px;line-height:1.4;color:var(--mute);margin-top:2px}
@media(max-width:640px){.coaches{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}}
.blk .people{border-top:1px solid var(--line)}
/* monogram tiles stay quiet: paper circle, ink initials (a row of solid black discs read too heavy) */
.cph.mono{background:#e6e9e3;color:var(--court);box-shadow:inset 0 0 0 1px var(--line);font-size:clamp(22px,2.4vw,30px)}
.tk-ph{background:#e6e9e3;color:var(--mute);box-shadow:inset -1px 0 0 var(--line)}

/* ---------- 2026-10-06 coaches without photos: name and role lead, a small monogram marks the row ---------- */
.crow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;border-top:1px solid var(--line)}
.crow.solo{grid-template-columns:minmax(0,1fr)}
.crow.after{margin-top:26px}
.crow li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);min-height:68px;min-width:0}
.cav{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:50% 25%;background:var(--line)}
.cav.mono{display:grid;place-items:center;background:#e6e9e3;color:var(--court);box-shadow:inset 0 0 0 1px var(--line);font:800 13px/1 var(--head);letter-spacing:-.01em}
.crow .ct{min-width:0}
.crow b{display:block;font:800 18px/1.2 var(--head);letter-spacing:-.025em}
.crow small{display:block;font-size:14px;line-height:1.4;color:var(--mute);margin-top:2px}
@media(max-width:640px){.crow{grid-template-columns:minmax(0,1fr)}.crow li{min-height:64px;padding:12px 0}.crow b{font-size:17px}}
/* tournaments: the full calendar; a long one splits into two columns on wide screens */
@media(min-width:768px){.tlist.wide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}.tlist.wide li{min-width:0}}
/* photo tiles speak the same type as the list rows */
.coaches b{font:800 17px/1.2 var(--head);letter-spacing:-.025em}
.coaches small{font-size:14px}
@media(max-width:640px){.coaches b{font-size:16px}.coaches small{font-size:13px}}

/* ---------- 2026-10-07 good to know: how to get in, visits, languages, school, college (gap round) ---------- */
.know{margin:22px 0 0;border-top:1px solid var(--line)}
.know div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.45}
.know dt{color:var(--mute);margin:0}.know dd{margin:0;overflow-wrap:anywhere}
.kd{color:var(--mute);font-size:13px}
.ks{font-size:13px;color:var(--mute);white-space:nowrap;text-underline-offset:2px}.ks:hover{color:var(--court)}
@media(max-width:640px){.know div{grid-template-columns:1fr;gap:2px;padding:10px 0}}

/* 2026-10-07 hover fix: link-styled pills (.more.lnk) turn black on hover, the text must turn white */
.more.lnk:hover{color:#fff}

/* 2026-10-08 who5: a search carried over from For whom. One plain line above the grid, matches first,
   on the arrival tab only the matches until "Show all". */
.mline{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 18px;margin-top:18px;padding:6px 0 6px 14px;border-left:3px solid var(--ball)}
.mline p{margin:0;font-size:16px;line-height:1.4}
.mline b{font-weight:600}
.mtog{appearance:none;background:none;border:0;padding:0 2px;min-height:44px;cursor:pointer;font:600 15px/1 var(--body);color:var(--court);
  text-decoration:underline;text-decoration-color:var(--ball);text-decoration-thickness:3px;text-underline-offset:5px;transition:transform 160ms cubic-bezier(.23,1,.32,1)}
.mtog:active{transform:scale(.97)}
@media(hover:hover) and (pointer:fine){.mtog:hover{text-decoration-color:var(--court)}}
.mtog:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.pane.only .pc[data-nm]{display:none}
.mline+.progs{margin-top:16px}
@media(max-width:640px){.mline{padding-left:12px}.mline p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.mtog{transition:none}.mtog:active{transform:none}}

/* 2026-10-09: the popup link "N places nearby" lands here; the list lights up once so the eye finds it */
#nearby h2:focus{outline:none}
#nearby .near li a{transition:background-color 900ms ease-out}
#nearby.flash .near li a{background-color:rgba(217,224,33,.32);transition:none}
#nearby.flash h2{text-decoration:underline;text-decoration-color:var(--ball);text-decoration-thickness:4px;text-underline-offset:6px}
@media(prefers-reduced-motion:reduce){#nearby .near li a{transition:none}}
/* 2026-10-09 unify: one page for every place where a pro grew up (sparse pages) */
.two.solo{grid-template-columns:minmax(0,1fr)}
.about.nos{grid-template-columns:minmax(0,1fr)}
.nf{padding:72px 0 96px;text-align:center}
.nf h1{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;letter-spacing:-.03em;font-size:clamp(32px,5vw,48px);margin:0 0 12px}
.nf p{color:var(--mute,#5c635e);margin:0}
.nf a{color:inherit;text-decoration:underline;text-underline-offset:3px;display:inline-block;min-height:44px;line-height:44px}
.nums.n1{grid-template-columns:1fr;max-width:calc(100% / 3)}
.nums.n2{grid-template-columns:repeat(2,1fr);max-width:calc(200% / 3)}
@media(max-width:640px){.nums.n1{max-width:50%}.nums.n2{max-width:none}}