:root{--wtm-green:#064b36;--wtm-green-2:#0c674a;--wtm-mint:#eaf4ee;--wtm-ink:#10251e;--wtm-muted:#5c6b65;--wtm-line:#dce5e1;--wtm-soft:#f6f8f7;--wtm-live:#d71920;--wtm-focus:#10251e;--wtm-radius:12px;--wtm-shadow:0 8px 24px rgba(12,44,34,.08)}
*{box-sizing:border-box}
html{color:var(--wtm-ink);background:#fff;font-family:"DM Sans","Noto Sans Arabic","Noto Sans JP","Noto Sans SC",Arial,sans-serif;line-height:1.45}
body{margin:0;background:#fff}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
:focus-visible{outline:3px solid var(--wtm-focus);outline-offset:3px;border-radius:4px;box-shadow:0 0 0 6px #fff}
.wtm-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.wtm-report-page{min-height:100vh;background:var(--wtm-soft)}
.wtm-report-header{height:68px;display:flex;align-items:center;padding-inline:clamp(20px,5vw,64px);border-bottom:1px solid var(--wtm-line);background:#fff}
.wtm-report-header a{display:flex;align-items:center;gap:10px;color:var(--wtm-green);font:800 24px/1 Syne,"Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif}
.wtm-report-header a:hover{text-decoration:none}
.wtm-report-header img{width:auto;height:32px}
.wtm-report-page main{width:min(100% - 32px,680px);margin:clamp(32px,7vw,76px) auto}
.wtm-report-card{padding:clamp(24px,5vw,44px);border:1px solid var(--wtm-line);border-radius:var(--wtm-radius);background:#fff;box-shadow:var(--wtm-shadow)}
.wtm-report-card h1{margin:0 0 18px;font:800 clamp(32px,6vw,52px)/1 Syne,"Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif;letter-spacing:-.035em}
.wtm-report-card>p{margin:0 0 20px;color:var(--wtm-muted);font-size:17px}
.wtm-report-scope{margin:0 0 24px;padding:14px 16px;border-radius:9px;background:var(--wtm-mint);color:var(--wtm-muted)}
.wtm-report-scope p{margin:0;overflow-wrap:anywhere}
.wtm-report-scope p+p{margin-top:4px}
.wtm-report-form fieldset{display:grid;gap:8px;margin:0;padding:0;border:0}
.wtm-report-form legend{margin-bottom:12px;font-size:18px;font-weight:800}
.wtm-report-form label{display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 14px;border:1px solid var(--wtm-line);border-radius:9px;cursor:pointer;font-weight:700}
.wtm-report-form label:has(input:checked){border-color:var(--wtm-green);background:var(--wtm-mint)}
.wtm-report-form input{width:20px;height:20px;accent-color:var(--wtm-green);flex:none}
.wtm-report-form button{min-height:48px;margin-top:18px;padding:11px 18px;border:0;border-radius:9px;background:var(--wtm-green);color:#fff;font:800 15px "DM Sans","Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif;cursor:pointer}
.wtm-report-back{display:inline-flex;align-items:center;min-height:44px;margin-top:22px;color:var(--wtm-green);font-weight:800}
.wtm-skip-link{position:fixed;z-index:100;left:16px;top:12px;transform:translateY(-160%);padding:10px 14px;border-radius:8px;background:var(--wtm-green);color:#fff;font-weight:800}
.wtm-skip-link:focus{transform:translateY(0)}
.wtm-prototype-banner{min-height:34px;padding:7px 20px;background:#10251e;color:#fff;text-align:center;font-size:13px;font-weight:700;letter-spacing:.02em}
.wtm-site-header{height:68px;border-bottom:1px solid var(--wtm-line);display:flex;align-items:center;padding:0 26px;gap:30px;background:#fff;position:relative;min-width:0}
.wtm-brand{display:flex;align-items:center;gap:10px;color:var(--wtm-green);font-family:Syne,"Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif;font-weight:800;font-size:24px;white-space:nowrap}
/* The brand mark is a portrait monogram — the artwork's own ratio is 85.8 x 130 —
   so every rule that sizes it sets a height and lets the width follow the art. A
   square box squashes it, and the breakpoints below step the height only. */
.wtm-brand img{width:auto;height:32px}
.wtm-header-context{margin-inline-start:auto;display:flex;align-items:stretch;border:1px solid var(--wtm-line);border-radius:12px;background:#fff}
.wtm-header-territory,.wtm-language-switcher summary{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 8px;grid-template-rows:auto auto;align-content:center;column-gap:10px;min-height:48px;padding:7px 12px;color:var(--wtm-ink);font-size:13px;font-weight:800;line-height:1.15;text-align:start}
.wtm-header-territory{min-width:150px}
.wtm-header-territory::after,.wtm-language-switcher summary::after{content:"";grid-column:2;grid-row:1/3;align-self:center;width:6px;height:6px;border-inline-end:1.5px solid currentColor;border-block-end:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.wtm-header-territory:hover,.wtm-language-switcher summary:hover{background:var(--wtm-soft);text-decoration:none}
.wtm-header-territory small,.wtm-language-switcher summary small{grid-column:1;color:var(--wtm-muted);font-size:12px;font-weight:700}
.wtm-language-switcher{position:relative;color:var(--wtm-green);border-inline-start:1px solid var(--wtm-line)}
.wtm-language-switcher summary{min-width:112px;cursor:pointer;list-style:none}
.wtm-language-switcher summary abbr{display:none;text-decoration:none}
.wtm-language-switcher summary::-webkit-details-marker{display:none}
.wtm-language-switcher[open] summary{background:var(--wtm-mint)}
.wtm-language-switcher nav{position:absolute;z-index:20;inset-block-start:calc(100% + 8px);inset-inline-end:0;display:grid;gap:4px;width:168px;padding:8px;background:#fff;border:1px solid var(--wtm-line);border-radius:14px;box-shadow:0 12px 30px rgba(16,37,30,.12)}
.wtm-language-switcher nav a{display:flex;align-items:center;justify-content:center;min-height:40px;border-radius:9px;color:var(--wtm-ink);font-size:13px;font-weight:800;text-decoration:none}
.wtm-language-switcher nav a:hover,.wtm-language-switcher nav a:focus-visible,.wtm-language-switcher nav a[aria-current="page"]{background:var(--wtm-mint);color:var(--wtm-green)}
.wtm-header-territory>span{grid-column:1;color:var(--wtm-ink)}
.wtm-header-territory>abbr{display:none;text-decoration:none}
.wtm-top-nav{display:flex;gap:20px;font-size:14px;font-weight:650}
.wtm-header-search{margin-left:auto;min-width:240px;max-width:390px;width:28vw;border:1px solid var(--wtm-line);border-radius:9px;padding:11px 14px;color:var(--wtm-muted);background:var(--wtm-soft);font-size:14px}
.wtm-header-search:hover{text-decoration:none;border-color:#9db3a9;color:var(--wtm-ink)}
.wtm-mobile-menu{display:none;margin-left:auto;position:relative;font:700 14px "DM Sans","Noto Sans Arabic","Noto Sans JP","Noto Sans SC"}
.wtm-mobile-menu summary{list-style:none;min-height:44px;display:flex;align-items:center;border:1px solid var(--wtm-line);background:#fff;border-radius:8px;padding:9px 12px;cursor:pointer}
.wtm-mobile-menu summary::-webkit-details-marker{display:none}
.wtm-mobile-menu nav{position:absolute;z-index:20;right:0;top:50px;width:220px;padding:8px;background:#fff;border:1px solid var(--wtm-line);border-radius:10px;box-shadow:var(--wtm-shadow);display:grid}
.wtm-mobile-menu nav a{padding:10px 12px;border-radius:7px}
.wtm-mobile-menu nav a:hover{background:var(--wtm-mint);text-decoration:none}
.wtm-layout{display:grid;grid-template-columns:68px minmax(0,1fr) 282px;min-height:800px;max-width:1580px;margin:0 auto}
.wtm-layout--directory{grid-template-columns:68px minmax(0,1fr)}
.wtm-layout--nav-open{grid-template-columns:68px 320px minmax(0,1fr)}
/* With the discovery panel open the guide has no column to sit in, so desktop
   gives the content the whole width. Narrow screens keep the guide, which is
   part of the page flow there rather than a column. */
@media(min-width:1121px){.wtm-layout--nav-open .wtm-main--with-guide{grid-template-columns:minmax(0,1fr);grid-template-areas:"primary" "lower"}.wtm-layout--nav-open .wtm-right-guide{display:none}}
.wtm-left-rail{position:sticky;top:0;align-self:start;z-index:6;max-height:100vh;border-right:1px solid var(--wtm-line);padding:18px 10px;display:flex;flex-direction:column;align-items:center;gap:8px;background:#fbfcfb}
.wtm-rail-link{width:48px;min-height:52px;border-radius:9px;display:grid;place-items:center;align-content:center;gap:2px;color:var(--wtm-muted);font-size:12px;font-weight:700;text-align:center}
.wtm-rail-link[aria-current="page"],.wtm-rail-link:hover{background:var(--wtm-mint);color:var(--wtm-green);text-decoration:none}
.wtm-rail-link[aria-expanded="true"]{background:var(--wtm-green);color:#fff;text-decoration:none}
.wtm-rail-icon{width:19px;height:19px;display:block}
.wtm-rail-link--browse{display:none}
.wtm-discovery-panel{position:sticky;top:0;align-self:start;height:100vh;overflow:auto;border-right:1px solid var(--wtm-line);padding:24px 20px 36px;background:#fff;z-index:5}
.wtm-discovery-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:17px;border-bottom:1px solid var(--wtm-line)}
.wtm-discovery-heading h2{font:800 23px/1.08 Syne,"Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif;letter-spacing:-.025em;margin:0}
.wtm-discovery-heading p{margin:7px 0 0;color:var(--wtm-muted);font-size:13px;line-height:1.45}
.wtm-discovery-close{flex:0 0 auto;min-height:40px;display:inline-flex;align-items:center;color:var(--wtm-green);font-size:13px;font-weight:800}
.wtm-discovery-list{list-style:none;margin:14px 0 12px;padding:0}
.wtm-discovery-list li+li{border-top:1px solid var(--wtm-line)}
.wtm-discovery-list a{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 2px;color:var(--wtm-ink);font-size:14px;font-weight:750}
.wtm-discovery-list a:hover{color:var(--wtm-green);text-decoration:none}
.wtm-discovery-list a>span:first-child{display:grid;gap:1px}
.wtm-discovery-list small{color:var(--wtm-muted);font-size:12px;font-weight:650}
.wtm-discovery-all{display:inline-flex;min-height:44px;align-items:center;color:var(--wtm-green);font-size:13px;font-weight:800}
.wtm-discovery-group{padding:17px 0;border-bottom:1px solid var(--wtm-line)}
.wtm-discovery-group:last-child{border-bottom:0}
.wtm-discovery-group h3{font:800 17px/1.2 Syne,"Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif;margin:0 0 4px}
.wtm-discovery-group .wtm-discovery-list{margin-top:4px}
.wtm-discovery-search{display:grid;gap:8px;margin:18px 0}
.wtm-discovery-search label{font-size:12px;font-weight:800}
.wtm-discovery-search>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}
.wtm-discovery-search input{min-width:0;min-height:44px;border:1px solid #9db3a9;border-radius:8px;padding:10px 11px;font:14px DM Sans,"Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif;color:var(--wtm-ink);background:#fff}
.wtm-discovery-search button{min-height:44px;border:0;border-radius:8px;padding:9px 13px;background:var(--wtm-green);color:#fff;font:800 13px DM Sans,"Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif;cursor:pointer}
.wtm-discovery-count{margin:0;color:var(--wtm-muted);font-size:12px;font-weight:750}
.wtm-discovery-suggestions{padding-top:4px}
.wtm-discovery-suggestions>strong{font-size:12px}
.wtm-discovery-suggestions p{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0 0}
.wtm-discovery-suggestions a{border:1px solid var(--wtm-line);border-radius:999px;padding:7px 10px;color:var(--wtm-green);font-size:12px;font-weight:800}
.wtm-discovery-suggestions a:hover{background:var(--wtm-mint);text-decoration:none}
.wtm-discovery-empty{margin-top:17px;padding:16px;border:1px solid var(--wtm-line);border-radius:10px;background:var(--wtm-soft)}
.wtm-discovery-empty strong{display:block}
.wtm-discovery-empty p{margin:6px 0 12px;color:var(--wtm-muted);font-size:13px}
.wtm-discovery-empty a{color:var(--wtm-green);font-size:13px;font-weight:800}
.wtm-directory-page{max-width:1120px;margin:0 auto;padding-bottom:40px}
.wtm-directory-page>header{max-width:760px;margin-bottom:24px}
.wtm-directory-page>header h1{font:800 clamp(38px,5vw,64px)/.98 Syne,"Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif;letter-spacing:-.035em;margin:0;text-wrap:balance}
.wtm-directory-page>header p{margin:12px 0 0;color:var(--wtm-muted);font-size:16px;line-height:1.5}
.wtm-directory-search{display:grid;gap:8px;max-width:680px;margin:0 0 16px}
.wtm-directory-search label{font-size:13px;font-weight:800}
.wtm-directory-search>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.wtm-directory-search input{min-width:0;min-height:48px;border:1px solid #9db3a9;border-radius:9px;padding:11px 13px;font:15px DM Sans,"Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif;color:var(--wtm-ink);background:#fff}
.wtm-directory-search button{min-height:48px;border:0;border-radius:9px;padding:10px 18px;background:var(--wtm-green);color:#fff;font:800 14px DM Sans,"Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif;cursor:pointer}
.wtm-directory-count{margin:0 0 16px;color:var(--wtm-muted);font-size:13px;font-weight:700}
.wtm-directory-index{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 28px;padding:14px 0;border-top:1px solid var(--wtm-line);border-bottom:1px solid var(--wtm-line)}
.wtm-directory-index a{display:grid;place-items:center;min-width:44px;min-height:44px;border-radius:7px;color:var(--wtm-green);font-size:13px;font-weight:800}
.wtm-directory-index a:hover{background:var(--wtm-mint);text-decoration:none}
.wtm-directory-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 42px;align-items:start}
.wtm-directory-letter{min-width:0}
.wtm-directory-letter h2{font:800 28px/1 Syne,"Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif;margin:0;padding-bottom:10px;border-bottom:2px solid var(--wtm-green)}
.wtm-directory-letter ul{list-style:none;margin:0;padding:0}
.wtm-directory-letter li+li{border-top:1px solid var(--wtm-line)}
.wtm-directory-letter a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:10px 2px;color:var(--wtm-ink)}
.wtm-directory-letter a:hover{color:var(--wtm-green);text-decoration:none}
.wtm-directory-letter a>span:first-child{display:grid;gap:2px;min-width:0}
.wtm-directory-letter strong{font-size:15px;line-height:1.25}
.wtm-directory-letter small{color:var(--wtm-muted);font-size:12px;text-transform:capitalize}
.wtm-directory-empty{max-width:680px;padding:22px;border:1px solid var(--wtm-line);border-radius:12px;background:var(--wtm-soft)}
.wtm-directory-empty h2{font:800 22px Syne,"Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif;margin:0}
.wtm-directory-empty p{color:var(--wtm-muted);margin:8px 0 14px}
.wtm-directory-empty a{color:var(--wtm-green);font-weight:800}
/* The territory index reuses the directory group for its regions. Only the two
   parts that are its own get rules: the state vocabulary, and the countries we
   hold no viewing rights for. Weight separates them, not a second language. */
.wtm-territory-legend{margin:40px 0 0;padding:28px 0 0;border-top:1px solid var(--wtm-line)}
.wtm-territory-legend h2{font:800 22px/1 Syne,"Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif;margin:0 0 18px}
.wtm-territory-legend dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 42px;margin:0;max-width:900px}
.wtm-territory-legend div{min-width:0}
.wtm-territory-legend dt{font:700 15px/1.25 "DM Sans","Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif;color:var(--wtm-ink)}
.wtm-territory-legend dd{margin:5px 0 0;color:var(--wtm-muted);font-size:14px;line-height:1.45}
.wtm-coverage--strong{color:var(--wtm-green)}
.wtm-directory-letter--unsupported{margin-top:40px;padding-top:28px;border-top:1px solid var(--wtm-line)}
.wtm-directory-letter--unsupported h2{border-bottom-color:#c9d6d0}
.wtm-territory-note{margin:12px 0 0;max-width:640px;color:var(--wtm-muted);font-size:14px;line-height:1.5}
/* Uncovered countries are named as a set, not listed as destinations, so they
   sit in columns without the row rules the linked groups use. */
.wtm-directory-letter--unsupported ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:32px;margin-top:8px}
.wtm-directory-letter .wtm-territory-static{display:flex;align-items:center;min-height:46px;padding:8px 2px;color:var(--wtm-muted);border-top:0}
.wtm-directory-letter .wtm-territory-static strong{font-size:15px;font-weight:700}
/* The competition index leads with the answer — the competitions this territory
   can be answered for — so it is set as a panel above the catalogue rather than
   as another letter group, and the catalogue below stays the complete list. */
.wtm-directory-covered{margin:0 0 26px;padding:22px 24px;border:1px solid var(--wtm-line);border-radius:12px;background:var(--wtm-soft)}
.wtm-directory-covered h2{font:800 22px/1.15 Syne,"Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif;margin:0}
.wtm-directory-covered ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;list-style:none;margin:16px 0 0;padding:0}
.wtm-directory-covered li+li{border-top:0}
.wtm-directory-covered a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:50px;padding:8px 2px;color:var(--wtm-ink)}
.wtm-directory-covered a:hover{color:var(--wtm-green);text-decoration:none}
.wtm-directory-covered strong{font-size:15px}
.wtm-directory-covered small{display:block;color:var(--wtm-muted);font-size:12px;margin-top:2px}
/* The broadcaster groups are headed by a sentence, not a letter or a region name,
   so they take the panel's heading size rather than the letter-group one — at
   28px a sentence like "We can name a channel on these in the UK" runs to five
   lines on a 320px phone. */
.wtm-directory-letter--answer h2{font-size:22px;line-height:1.15}
/* The guides read as articles rather than as indexes or fixture lists, so they
   take one editorial measure at every width instead of the fixture column plus a
   rail. The measure is deliberately narrower than the directories: a guide is
   read top to bottom, not scanned as a list. */
.wtm-guide-page{max-width:760px;margin:0 auto;padding-bottom:40px}
.wtm-guide-page>header{margin-bottom:26px}
/* The heading shrinks with the viewport rather than sitting at a fixed minimum:
   a German compound such as "funktionieren" is one word, so at 320px a 32px
   heading clips the column instead of wrapping. The break rules are a backstop
   for any locale whose longest word still exceeds the measure. */
/* The floor is set by the longest word any locale puts in a heading — a German
   compound such as "Fußballtermine" is one unbreakable unit, and Syne is a wide
   face, so a 26px floor broke it mid-word on a 320px screen. The break rule
   below is the last resort, not the mechanism. */
.wtm-guide-page>header h1{font:800 clamp(23px,6.5vw,50px)/1.02 Syne,"Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif;letter-spacing:-.03em;margin:0;text-wrap:balance;overflow-wrap:break-word}
.wtm-guide-page>header p{margin:14px 0 0;max-width:68ch;color:var(--wtm-muted);font-size:17px;line-height:1.5}
.wtm-guide-page .wtm-content-module p{line-height:1.6}
.wtm-guide-page .wtm-module-grid{margin-top:0;align-items:stretch}
/* A pair of peer cards reads as a pair when their actions line up, so each card
   is a column with its link at the foot rather than wherever its copy happens to
   end. Scoped to the guide grid: other module grids are not peer pairs. */
.wtm-guide-page .wtm-module-grid>.wtm-content-module{display:flex;flex-direction:column}
.wtm-guide-page .wtm-module-grid>.wtm-content-module>.wtm-text-link{margin-top:auto;padding-top:14px}
/* A page with a guide lays its own content out in two columns: the primary
   column, and the guide beside it on desktop. The guide is one DOM node that
   the narrow layout drops below the primary column, so it never has to be
   rendered twice with one copy hidden. */
.wtm-main{min-width:0;padding:28px 30px 56px}
.wtm-main--with-guide{display:grid;grid-template-columns:minmax(0,1fr) 282px;grid-template-areas:"primary guide" "lower guide";align-items:start;padding:0;grid-column:2/4}
.wtm-main--with-guide>.wtm-main-primary{grid-area:primary;padding:28px 30px 0;min-width:0}
.wtm-main--with-guide>.wtm-main-lower{grid-area:lower;padding:0 30px 56px;min-width:0}
.wtm-right-guide{grid-area:guide;align-self:start;border:1px solid var(--wtm-line);border-top:0;padding:28px 18px 14px;background:#fbfcfb}
.wtm-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:18px}
.wtm-kicker{color:var(--wtm-green-2);font-size:13px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;margin-bottom:6px}
.wtm-hero h1{font:800 clamp(32px,3.4vw,46px)/1 Syne,"Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif;letter-spacing:-.04em;margin:0;max-width:900px;text-wrap:balance}
.wtm-hero p{font-size:16px;color:var(--wtm-muted);margin:9px 0 0;max-width:720px}
.wtm-date-carousel{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:stretch;gap:7px;margin:18px 0}
.wtm-date-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(120px,1fr);gap:7px;min-width:0;overflow-x:auto;scrollbar-width:none;overscroll-behavior-inline:contain}
.wtm-date-rail::-webkit-scrollbar{display:none}
.wtm-date-arrow{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--wtm-line);border-radius:9px;background:#fff;color:var(--wtm-green);cursor:pointer}
.wtm-date-arrow:hover{border-color:#9db3a9;background:var(--wtm-soft)}
.wtm-date-arrow:focus-visible{outline:3px solid var(--wtm-focus);outline-offset:2px}
.wtm-date-arrow svg{width:20px;height:20px}
.wtm-date-link{border:1px solid var(--wtm-line);border-radius:9px;padding:9px 6px;text-align:center;color:var(--wtm-muted);font-size:12px;background:#fff}
.wtm-date-link strong{display:block;color:var(--wtm-ink);font-size:14px}
.wtm-date-link[aria-current="date"]{background:var(--wtm-green);border-color:var(--wtm-green);color:#fff}
.wtm-date-link[aria-current="date"] strong{color:#fff}
.wtm-date-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin:-4px 0 16px;font-size:13px;font-weight:750;color:var(--wtm-green)}
.wtm-filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:4px 0 0;padding-bottom:2px}
.wtm-filter-bar a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;border:1px solid var(--wtm-line);border-radius:999px;background:#fff;color:var(--wtm-green);font-size:14px;font-weight:750}
.wtm-filter-bar a:hover{border-color:#9db3a9;background:var(--wtm-soft);text-decoration:none}
.wtm-filter-bar a[aria-current="page"]{background:var(--wtm-green);border-color:var(--wtm-green);color:#fff}
.wtm-filter-panel{display:flex;align-items:center;gap:18px;margin:12px 0 0;padding:13px 15px;border:1px solid var(--wtm-line);border-radius:10px;background:var(--wtm-soft);font-size:13px}
.wtm-filter-panel>strong{white-space:nowrap}
.wtm-filter-panel>div{display:flex;gap:8px 16px;flex-wrap:wrap;color:var(--wtm-green);font-weight:750}
.wtm-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:22px 0 10px}
.wtm-section-heading h2{font:800 25px/1.1 Syne,"Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif;letter-spacing:-.02em;margin:0}
.wtm-section-heading p{margin:4px 0 0;color:var(--wtm-muted);font-size:14px}
.wtm-text-link{color:var(--wtm-green);font-size:14px;font-weight:800}
.wtm-featured-module{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,348px);border:1px solid var(--wtm-line);border-radius:var(--wtm-radius);overflow:hidden;background:#fff;box-shadow:var(--wtm-shadow)}
.wtm-featured-match,.wtm-featured-viewing{padding:22px 24px}
.wtm-featured-match{display:flex;flex-direction:column;justify-content:center}
.wtm-featured-viewing{background:var(--wtm-mint);border-left:1px solid #cfe1d8}
.wtm-module-label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--wtm-green);margin-bottom:12px}
.wtm-featured-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:14px;color:var(--wtm-muted);margin-bottom:18px}
.wtm-featured-status{background:var(--wtm-live);color:#fff;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:800}
.wtm-featured-teams{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center;max-width:570px}
.wtm-featured-teams>div{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;font:750 18px/1.18 "DM Sans","Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif;min-width:0}
.wtm-featured-teams>div strong{min-width:0;overflow-wrap:anywhere}
.wtm-featured-teams>div:last-child{grid-template-columns:minmax(0,1fr) 48px;justify-content:end;text-align:right}
.wtm-featured-teams>div:last-child .wtm-featured-crest{grid-column:2;grid-row:1}
.wtm-featured-teams>div:last-child strong{grid-column:1;grid-row:1}
.wtm-featured-v{font-weight:800;color:var(--wtm-muted)}
.wtm-featured-crest{width:48px;height:48px;object-fit:contain}
.wtm-featured-flag{width:48px;height:36px;object-fit:cover;border-radius:5px;border:1px solid var(--wtm-line)}
.wtm-featured-crest-fallback{width:48px;height:48px;border-radius:50%;background:#eef2f0}
.wtm-featured-match>.wtm-text-link{display:inline-block;margin-top:18px}
.wtm-featured-context-note{margin:14px 0 0;color:var(--wtm-muted);font-size:13px;line-height:1.4}
.wtm-featured-viewing h3{font:800 22px/1.1 Syne,"Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif;margin:0 0 12px}
.wtm-featured-providers{list-style:none;margin:0;padding:0;border-top:1px solid #cfe1d8}
.wtm-featured-provider{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #cfe1d8}
.wtm-featured-provider-logo{width:86px;height:32px;object-fit:contain}
.wtm-featured-provider strong{display:block;font-size:15px}
.wtm-featured-provider-link{display:inline-block;color:var(--wtm-green);font-size:13px;font-weight:800;margin-top:2px}
.wtm-provider-channel-list{list-style:none;margin:4px 0 0;padding:0;display:block;color:var(--wtm-muted);font-size:13px;line-height:1.45}
.wtm-provider-channel-list li{display:inline;white-space:nowrap}
.wtm-provider-channel-list li+li::before{content:" · ";color:#91a29b}
.wtm-access-options{list-style:none;padding:11px 0 0}
.wtm-access-options>span{display:block;margin-bottom:5px;color:var(--wtm-muted);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.wtm-access-options>ul{display:flex;flex-wrap:wrap;gap:5px 16px;list-style:none;margin:0;padding:0}
.wtm-access-options>ul>li{color:var(--wtm-ink);font-size:14px;font-weight:750;line-height:1.35}
.wtm-access-options a{color:var(--wtm-green);font-weight:800}
.wtm-featured-note,.wtm-featured-pending p{font-size:13px;color:var(--wtm-muted);margin:10px 0 0}
.wtm-featured-pending{background:#fff;border:1px solid #cfe1d8;border-radius:9px;padding:16px}
.wtm-schedule-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--wtm-line)}
.wtm-schedule-row{display:grid;grid-template-columns:92px minmax(230px,1.3fr) minmax(190px,.7fr);gap:18px;align-items:center;min-height:80px;padding:13px 8px;border-bottom:1px solid var(--wtm-line)}
.wtm-schedule-row--same-time{background:#fbfcfb}
.wtm-row-time{align-self:start;padding-top:2px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.wtm-row-date{font-size:12px;line-height:1.1;color:var(--wtm-muted);font-weight:700;white-space:nowrap}
.wtm-row-time time{font:800 20px/1 "DM Sans","Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif;font-variant-numeric:tabular-nums;color:var(--wtm-green);letter-spacing:-.02em}
.wtm-row-state{display:inline-flex;border-radius:999px;padding:3px 7px;font-size:12px;font-weight:800;letter-spacing:.05em}
.wtm-row-state--live{background:var(--wtm-live);color:#fff}
.wtm-row-state--next{background:var(--wtm-mint);color:var(--wtm-green);border:1px solid #b8d3c5}
.wtm-row-match{min-width:0;display:flex;flex-direction:column;gap:5px}
.wtm-row-fixture{font:700 18px/1.25 "DM Sans","Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif;letter-spacing:-.01em;overflow-wrap:anywhere}
a.wtm-row-fixture:hover{text-decoration:none;color:var(--wtm-green-2)}
.wtm-row-competition{font-size:14px;color:var(--wtm-muted)}
.wtm-row-providers{display:flex;align-items:center;justify-content:flex-start;gap:7px;flex-wrap:wrap}
.wtm-provider-pill{display:inline-flex;align-items:center;min-height:36px;padding:7px 11px;border-radius:999px;background:var(--provider-bg);color:var(--provider-fg);font-size:14px;line-height:1.15;font-weight:800;text-decoration:none;white-space:normal}
a.wtm-provider-pill:hover{box-shadow:inset 0 0 0 2px rgba(255,255,255,.5);text-decoration:none}
.wtm-listing-pending{font-size:14px;color:var(--wtm-muted);font-weight:700}
/* "We have not verified a channel yet" is a promise still open; "no coverage
   here" is an answer. They read differently on purpose. */
.wtm-listing-pending--unavailable{font-weight:650}
/* The one line that says which territory the channels below are for, and what a
   missing one means. It belongs to the schedule heading, not to a module. */
.wtm-coverage-note{margin:4px 0 0;color:var(--wtm-muted);font-size:14px;max-width:70ch}
.wtm-listing-trust{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:8px;padding:9px 8px 11px;border-bottom:1px solid var(--wtm-line);font-size:13px}
.wtm-listing-trust p{display:flex;align-items:center;gap:0;margin:0;color:var(--wtm-muted);flex-wrap:wrap}
.wtm-listing-trust>a{color:var(--wtm-green);font-weight:750;white-space:nowrap}
.wtm-empty-state{border:1px solid var(--wtm-line);border-radius:10px;padding:28px;background:var(--wtm-soft)}
.wtm-empty-state h3{font:800 20px Syne,"Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif;margin:0 0 6px}
.wtm-empty-state p{margin:0;color:var(--wtm-muted)}
.wtm-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;margin-top:32px}
.wtm-content-module{border:1px solid var(--wtm-line);border-radius:10px;padding:18px;background:#fff}
.wtm-content-module--wide{grid-column:1/-1}
.wtm-faq-module{grid-column:1/-1}
.wtm-content-module h2,.wtm-content-module h3{font:800 18px/1.15 Syne,"Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif;margin:0 0 8px}
.wtm-content-module p{font-size:14px;color:var(--wtm-muted);margin:0 0 12px}
.wtm-link-list{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:14px}
.wtm-link-list a{color:var(--wtm-green);font-weight:700}
.wtm-football-directory{padding:22px}
.wtm-football-directory>h2{font-size:24px;margin-bottom:17px}
.wtm-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.wtm-directory-group{min-width:0;padding:0 22px;border-left:1px solid var(--wtm-line)}
.wtm-directory-group:first-child{padding-left:0;border-left:0}
.wtm-directory-group:last-child{padding-right:0}
.wtm-directory-group h3{font:800 15px/1.2 "DM Sans","Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif;margin-bottom:11px;color:var(--wtm-ink)}
.wtm-directory-group .wtm-link-list{gap:9px}
.wtm-territory-rights>p{max-width:56rem}
.wtm-country-switch{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 2px;border-top:1px solid var(--wtm-line);border-bottom:1px solid var(--wtm-line)}
.wtm-country-switch h2{font:800 18px/1.15 Syne,"Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif;margin:0 0 3px}
.wtm-country-switch p{font-size:14px;color:var(--wtm-muted);margin:0}
.wtm-country-switch .wtm-text-link{flex:none}
.wtm-rights-list{margin:0 0 13px}
.wtm-rights-list>div{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr);gap:14px;padding:7px 0;border-bottom:1px solid var(--wtm-line);font-size:13px}
.wtm-rights-list dt{font-weight:750}
.wtm-rights-list dd{margin:0;color:var(--wtm-muted)}
.wtm-faq-module details{border-top:1px solid var(--wtm-line);padding:9px 0}
.wtm-faq-module details:first-of-type{margin-top:4px}
.wtm-faq-module summary{cursor:pointer;color:var(--wtm-green);font-size:14px;font-weight:750}
.wtm-faq-module details p{margin:7px 0 0}
.wtm-guide-card{border:1px solid var(--wtm-line);border-radius:10px;background:#fff;padding:16px;margin-bottom:14px}
.wtm-guide-card--accent{background:var(--wtm-mint);border-color:#cee0d7}
.wtm-guide-card h2,.wtm-guide-card h3{font:800 18px/1.15 Syne,"Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif;margin:0 0 8px}
.wtm-guide-card p{font-size:13px;color:var(--wtm-muted);margin:0 0 12px}
.wtm-guide-fixture{display:grid;gap:3px;padding:2px 0 4px}
.wtm-guide-fixture time,.wtm-guide-fixture>span:first-child{color:var(--wtm-green);font-weight:800;font-variant-numeric:tabular-nums}
.wtm-guide-fixture strong{font-size:15px;color:var(--wtm-ink)}
.wtm-plan-list{list-style:none;margin:0 0 12px;padding:0}
.wtm-plan-list li{border-top:1px solid var(--wtm-line)}
.wtm-plan-list a{display:grid;gap:2px;padding:10px 0}
.wtm-plan-list a:hover{text-decoration:none}
.wtm-plan-list span{color:var(--wtm-green);font-size:12px;font-weight:750;font-variant-numeric:tabular-nums}
.wtm-plan-list strong{font-size:13px;line-height:1.25}
.wtm-plan-list small{color:var(--wtm-muted);font-size:12px;line-height:1.25}
.wtm-mini-list{list-style:none;padding:0;margin:0;display:grid;gap:9px;font-size:13px}
.wtm-mini-list li{border-bottom:1px solid var(--wtm-line);padding-bottom:8px}
.wtm-mini-list li:last-child{border:0;padding:0}
.wtm-site-footer{border-top:1px solid var(--wtm-line);background:#f7f9f8;padding:38px max(28px,calc((100vw - 1400px)/2));display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:28px}
.wtm-footer-brand p{color:var(--wtm-muted);font-size:13px;max-width:260px}
.wtm-footer-group h2{font:800 14px Syne,"Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif;margin:0 0 10px}
.wtm-footer-group ul{list-style:none;padding:0;margin:0;display:grid;gap:7px;font-size:13px;color:var(--wtm-muted)}
.wtm-identity-copy{display:flex;align-items:center;gap:18px;min-width:0}
.wtm-identity-logo{width:58px;height:58px;object-fit:contain;flex:0 0 auto}
.wtm-identity-logo--broadcaster{width:112px;height:46px}
.wtm-identity-meta{font-weight:700;color:var(--wtm-green)!important;font-size:14px!important}
.wtm-identity-actions{margin-top:12px}
.wtm-follow-toggle{appearance:none;min-height:44px;display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border:1px solid #9db3a9;border-radius:999px;background:#fff;color:var(--wtm-green);font:800 13px/1 "DM Sans","Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif;cursor:pointer}
.wtm-follow-toggle:hover{background:var(--wtm-mint);border-color:var(--wtm-green)}
.wtm-follow-toggle[aria-pressed="true"]{background:var(--wtm-mint);border-color:#6f9f8b}
.wtm-follow-icon{width:16px;height:16px;flex:0 0 auto}
.wtm-follow-icon--following{display:none}
.wtm-follow-toggle[aria-pressed="true"] .wtm-follow-icon--add{display:none}
.wtm-follow-toggle[aria-pressed="true"] .wtm-follow-icon--following{display:block}
.wtm-schedule-module{scroll-margin-top:20px}
.wtm-prototype-controls{margin-top:14px}
.wtm-page-switcher,.wtm-state-switcher{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.wtm-page-switcher a,.wtm-state-switcher a{min-height:36px;display:inline-flex;align-items:center;padding:7px 10px;border:1px solid var(--wtm-line);border-radius:999px;color:var(--wtm-green);font-size:13px;font-weight:750}
.wtm-page-switcher a[aria-current="page"],.wtm-state-switcher a[aria-current="page"]{background:var(--wtm-green);color:#fff;border-color:var(--wtm-green)}
.wtm-match-page-lead{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);border:1px solid var(--wtm-line);border-radius:var(--wtm-radius);overflow:hidden;background:#fff;box-shadow:var(--wtm-shadow)}
.wtm-match-event,.wtm-match-viewing{padding:24px 26px}
.wtm-match-event{display:flex;flex-direction:column;justify-content:center;min-width:0}
.wtm-match-viewing{background:var(--wtm-mint);border-left:1px solid #cfe1d8}
.wtm-match-competition{margin:0 0 18px;color:var(--wtm-muted);font-size:14px;font-weight:700}
.wtm-match-competition a{color:var(--wtm-green)}
.wtm-match-clubs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:center}
.wtm-match-clubs{margin:0}
.wtm-match-club{display:flex;align-items:center;gap:12px;min-width:0}
.wtm-match-club:last-child{flex-direction:row-reverse;text-align:right}
.wtm-match-clubs img{width:58px;height:58px;object-fit:contain;flex:0 0 auto}
/* A national team's slot holds a flag, which is a different shape from a crest:
   a straight-edged rectangle rather than a square object centred in the slot. */
.wtm-match-clubs .wtm-match-flag{width:58px;height:44px;object-fit:cover;border-radius:5px;border:1px solid var(--wtm-line)}
.wtm-match-clubs strong{font:750 19px/1.18 "DM Sans","Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif;letter-spacing:-.015em;overflow-wrap:normal;word-break:normal}
.wtm-match-club--text-only{justify-content:center;text-align:center;padding-inline:6px}
.wtm-match-versus{font:800 14px DM Sans,"Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif;color:var(--wtm-muted)}
.wtm-match-crest-fallback{width:58px;height:58px;border-radius:50%;background:#eef2f0;flex:0 0 auto}
.wtm-match-kickoff{display:flex;align-items:center;gap:12px;margin-top:22px;padding-top:17px;border-top:1px solid var(--wtm-line)}
.wtm-match-kickoff time{display:flex;align-items:baseline;gap:10px}
.wtm-match-kickoff time strong{font:800 28px/1 DM Sans,"Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif;color:var(--wtm-green);font-variant-numeric:tabular-nums}
.wtm-match-kickoff time span{color:var(--wtm-muted);font-size:14px;font-weight:650}
.wtm-match-status{display:inline-flex;border-radius:999px;padding:5px 9px;background:#edf2ef;color:var(--wtm-ink);font-size:12px;font-weight:800;text-transform:uppercase}
.wtm-match-status--live{background:var(--wtm-live);color:#fff}
.wtm-match-context{font-size:13px;color:var(--wtm-muted);margin:14px 0 0}
.wtm-match-viewing h2{font:800 24px/1.1 Syne,"Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif;letter-spacing:-.025em;margin:0 0 13px}
.wtm-match-provider-list{list-style:none;margin:0;padding:0;border-top:1px solid #cfe1d8}
.wtm-match-provider-list>.wtm-match-provider{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #cfe1d8}
.wtm-match-provider-list img{width:86px;height:30px;object-fit:contain}
.wtm-match-provider-list>.wtm-match-provider strong{display:block;font-size:15px;line-height:1.25;overflow-wrap:anywhere}
.wtm-match-provider-list>.wtm-match-provider a{display:inline-block;margin-top:3px;color:var(--wtm-green);font-size:13px;font-weight:800}
.wtm-match-evidence-note{font-size:13px;color:var(--wtm-muted);margin:11px 0 0}
.wtm-match-pending p{font-size:13px;color:var(--wtm-muted);margin:0}
.wtm-match-pending{padding:16px;border:1px solid #cfe1d8;border-radius:9px;background:#fff}
::selection{background:#bfe1cf;color:var(--wtm-ink)}
@media(max-width:1350px){.wtm-header-search{display:none}}
@media(max-width:1120px){.wtm-layout,.wtm-layout--directory{grid-template-columns:62px minmax(0,1fr)}.wtm-layout--nav-open{grid-template-columns:62px 300px minmax(0,1fr)}.wtm-main{padding:26px 24px}.wtm-main--with-guide{grid-column:auto;grid-template-columns:minmax(0,1fr);grid-template-areas:"primary" "guide" "lower"}.wtm-main--with-guide>.wtm-main-primary{padding:26px 24px 0}.wtm-main--with-guide>.wtm-main-lower{padding:0 24px 26px}.wtm-right-guide{margin:24px 0 0;border-left:0;border-right:0;border-top:1px solid var(--wtm-line);border-bottom:1px solid var(--wtm-line);padding:24px;background:#fbfcfb}.wtm-featured-module,.wtm-match-page-lead{grid-template-columns:1fr}.wtm-featured-match{justify-content:flex-start}.wtm-featured-viewing,.wtm-match-viewing{border-left:0;border-top:1px solid #cfe1d8}.wtm-match-event{justify-content:flex-start}.wtm-module-grid{grid-template-columns:repeat(2,1fr)}.wtm-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:960px){.wtm-layout,.wtm-layout--nav-open{display:block}.wtm-left-rail{position:sticky;top:0;z-index:8;max-height:none;border-right:0;border-bottom:1px solid var(--wtm-line);padding:6px 12px;flex-direction:row;justify-content:flex-start;background:rgba(255,255,255,.98);overflow-x:auto}.wtm-rail-link{width:auto;min-width:72px;min-height:48px;padding:4px 9px}.wtm-rail-link--category{display:none}.wtm-rail-link--browse{display:grid}.wtm-discovery-panel{position:relative;top:auto;height:auto;max-height:none;border-right:0;border-bottom:1px solid var(--wtm-line);padding:20px 24px 26px}.wtm-discovery-heading{max-width:720px}.wtm-discovery-search,.wtm-discovery-list,.wtm-discovery-suggestions,.wtm-discovery-empty,.wtm-discovery-group{max-width:720px}.wtm-main{padding-top:22px}.wtm-main--with-guide>.wtm-main-primary{padding-top:22px}.wtm-site-footer{grid-template-columns:repeat(2,minmax(0,1fr))}.wtm-footer-brand{grid-column:1/-1}}
@media(max-width:720px){.wtm-prototype-banner{font-size:12px;padding-inline:12px}.wtm-site-header{height:62px;padding:0 14px;gap:12px}.wtm-brand{font-size:18px}.wtm-brand img{width:auto;height:28px}.wtm-header-territory{font-size:12px}.wtm-header-territory span{display:none}.wtm-left-rail{padding-inline:8px}.wtm-rail-link{min-width:72px;min-height:44px;padding:4px 7px}.wtm-rail-icon{width:17px;height:17px}.wtm-discovery-panel{padding:18px 16px 24px}.wtm-discovery-heading h2{font-size:21px}.wtm-main{padding:18px 16px 36px}.wtm-hero{display:block;margin-bottom:12px}.wtm-hero h1{font-size:32px;line-height:1.02}.wtm-hero p{font-size:14px;margin-top:6px}.wtm-identity-copy{align-items:flex-start;gap:12px}.wtm-identity-logo{width:44px;height:44px}.wtm-identity-logo--broadcaster{width:86px;height:38px}.wtm-hero--broadcaster .wtm-identity-copy{display:block}.wtm-hero--broadcaster .wtm-identity-logo{margin-bottom:8px}.wtm-date-rail{display:flex;overflow-x:auto;gap:7px;margin:13px -16px 10px;padding:0 16px 5px}.wtm-date-link{flex:0 0 76px}.wtm-date-actions{justify-content:flex-start;gap:14px;margin:0 0 13px;overflow-x:auto;white-space:nowrap;font-size:13px}.wtm-filter-bar{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:2px 16px 5px;scrollbar-width:thin}.wtm-filter-bar a{flex:0 0 auto;min-height:44px}.wtm-filter-panel{display:block;margin-top:8px}.wtm-filter-panel>strong{display:block;margin-bottom:8px}.wtm-listing-trust{display:block;padding:8px 2px 11px}.wtm-listing-trust p{display:grid;gap:2px}.wtm-listing-trust>a{display:inline-block;margin-top:7px}.wtm-featured-match,.wtm-featured-viewing{padding:17px}.wtm-featured-teams{gap:8px}.wtm-featured-teams>div,.wtm-featured-teams>div:last-child{grid-template-columns:1fr;justify-items:center;text-align:center;font:800 17px/1.15 "DM Sans","Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif;gap:7px}.wtm-featured-teams>div strong{overflow-wrap:normal;word-break:normal}.wtm-featured-teams>div:last-child .wtm-featured-crest,.wtm-featured-teams>div:last-child strong{grid-column:1;grid-row:auto}.wtm-featured-crest{width:46px;height:46px}.wtm-section-heading{align-items:start;margin-top:18px}.wtm-section-heading h2{font-size:22px}.wtm-schedule-row{grid-template-columns:76px minmax(0,1fr);gap:7px 14px;min-height:108px;padding:14px 2px}.wtm-row-time{grid-row:1/span 2}.wtm-row-time time{font-size:18px}.wtm-row-fixture{font-size:18px}.wtm-row-competition{font-size:14px;order:2}.wtm-row-providers{grid-column:2;justify-content:flex-start}.wtm-provider-pill{font-size:15px;min-height:38px}.wtm-match-event,.wtm-match-viewing{padding:18px 16px}.wtm-match-competition{margin-bottom:14px}.wtm-match-clubs{gap:8px}.wtm-match-club,.wtm-match-club:last-child{flex-direction:column;text-align:center;gap:7px}.wtm-match-clubs img,.wtm-match-crest-fallback{width:46px;height:46px}.wtm-match-clubs strong{font:800 17px/1.16 DM Sans,"Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif}.wtm-match-kickoff{align-items:flex-start}.wtm-match-kickoff time{display:grid;gap:3px}.wtm-match-kickoff time strong{font-size:25px}.wtm-match-viewing h2{font-size:22px}.wtm-match-provider-list>.wtm-match-provider{grid-template-columns:82px minmax(0,1fr);padding:11px 0}.wtm-match-provider-list img{width:74px}.wtm-module-grid{grid-template-columns:1fr;margin-top:26px}.wtm-content-module--wide,.wtm-faq-module{grid-column:auto}.wtm-football-directory{padding:18px}.wtm-football-directory>h2{font-size:22px}.wtm-directory-grid{grid-template-columns:1fr}.wtm-directory-group,.wtm-directory-group:first-child,.wtm-directory-group:last-child{padding:14px 0;border-left:0;border-top:1px solid var(--wtm-line)}.wtm-directory-group:first-child{padding-top:0;border-top:0}.wtm-country-switch{display:block;padding:16px 2px}.wtm-country-switch .wtm-text-link{display:inline-block;margin-top:11px}.wtm-main--with-guide>.wtm-main-primary{padding:18px 16px 0}.wtm-main--with-guide>.wtm-main-lower{padding:0 16px 36px}.wtm-right-guide{margin:22px 0 0;padding:22px 16px}.wtm-site-footer{padding:32px 18px;grid-template-columns:1fr 1fr}.wtm-footer-brand{grid-column:1/-1}}
@media(max-width:720px){/* A single long word ("competitions") at a fixed 36px is wider than a 320px
   column, so the title clipped instead of wrapping. Scaling with the viewport
   keeps the 36px ceiling at 400px and above while letting narrow phones shrink
   rather than overflow. */.wtm-directory-page>header h1{font-size:clamp(26px,9vw,36px)}.wtm-directory-page>header p{font-size:14px}.wtm-directory-search>div{grid-template-columns:1fr}.wtm-directory-search button{width:100%}.wtm-directory-results{grid-template-columns:1fr;gap:26px}.wtm-directory-index a{min-width:44px;min-height:44px}}
@media(max-width:720px){.wtm-territory-legend{margin-top:30px;padding-top:22px}.wtm-territory-legend dl{grid-template-columns:1fr;gap:14px}.wtm-directory-letter--unsupported{margin-top:30px;padding-top:22px}.wtm-directory-letter--unsupported ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}}
@media(max-width:720px){.wtm-directory-covered{padding:18px 16px}.wtm-directory-covered h2{font-size:20px}.wtm-directory-covered ul{grid-template-columns:1fr;margin-top:12px}}
@media(max-width:720px){.wtm-directory-letter--answer h2{font-size:20px}}
@media(max-width:360px){.wtm-site-header{padding-inline:8px;gap:6px}.wtm-brand{font-size:14px;gap:5px;min-width:0}.wtm-brand img{width:auto;height:24px}.wtm-mobile-menu summary{min-height:44px;padding:7px 8px}.wtm-left-rail{padding-inline:4px}.wtm-rail-link{min-width:50px;padding-inline:3px}.wtm-hero h1{font-size:30px}.wtm-featured-match,.wtm-featured-viewing{padding:14px}.wtm-site-footer{grid-template-columns:1fr}.wtm-footer-brand{grid-column:auto}.wtm-schedule-row{grid-template-columns:68px minmax(0,1fr);gap:7px 10px}.wtm-row-date{font-size:12px;white-space:normal}.wtm-row-time time{font-size:17px}}

@media(max-width:720px){.wtm-header-context{margin-inline-start:auto;border-radius:10px}.wtm-header-territory,.wtm-language-switcher summary{display:flex;align-items:center;justify-content:center;gap:7px;min-width:48px;min-height:44px;padding:7px 9px}.wtm-header-territory>span,.wtm-header-territory small,.wtm-language-switcher summary span,.wtm-language-switcher summary small{display:none}.wtm-header-territory>abbr,.wtm-language-switcher summary abbr{display:block;font-size:12px}.wtm-header-territory::after,.wtm-language-switcher summary::after{width:5px;height:5px;transform:rotate(45deg) translateY(-1px)}}
@media(pointer:coarse){.wtm-provider-pill{min-height:44px}.wtm-date-link{min-height:44px}}
@media(max-width:720px){.wtm-date-carousel{grid-template-columns:44px minmax(0,1fr) 44px;gap:4px;margin:13px -16px 10px;padding:0 8px}.wtm-date-rail{display:grid;grid-auto-columns:76px;gap:7px;margin:0;padding:0 8px 5px}.wtm-date-arrow{align-self:stretch;position:relative;z-index:1;background:rgba(255,255,255,.96)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.wtm-site-header .wtm-brand abbr{display:none;text-decoration:none}
@media(max-width:720px){.wtm-site-header{gap:10px}.wtm-site-header .wtm-brand>span{display:none}.wtm-site-header .wtm-brand abbr{display:inline;font:800 14px/1 "DM Sans","Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif;color:var(--wtm-green)}.wtm-header-territory{white-space:nowrap}}

/* Script coverage. DM Sans and Syne carry no Arabic or CJK glyphs, so the
   stacks above fall through to these faces. The renderer loads only the face
   the current locale needs, which keeps Han glyphs on the correct regional
   variant instead of resolving Chinese and Japanese at fallback time. */

/* Right-to-left shell. Arabic is the only right-to-left locale. Most of the
   shell already uses logical inset and padding properties; these are the
   remaining physical edges. Shell-level only: full RTL layout, mirrored
   icons and Arabic text expansion have not been audited. */
@media(min-width:961px){[dir="rtl"] .wtm-left-rail{border-right:0;border-left:1px solid var(--wtm-line)}[dir="rtl"] .wtm-discovery-panel{border-right:0;border-left:1px solid var(--wtm-line)}}
@media(min-width:1121px){[dir="rtl"] .wtm-featured-viewing,[dir="rtl"] .wtm-match-viewing{border-left:0;border-right:1px solid #cfe1d8}}
[dir="rtl"] .wtm-mobile-menu nav{right:auto;left:0}
[dir="rtl"] .wtm-match-club:first-child{text-align:right}
[dir="rtl"] .wtm-match-club:last-child{flex-direction:row;text-align:left}
[dir="rtl"] .wtm-directory-results li a>span[aria-hidden="true"]{display:inline-block;transform:scaleX(-1)}

/* Widget prompt. A publisher-facing footnote, not a call to action: it sits in
   the footer at the same muted weight as the link groups beside it, so a fan
   scanning for fixtures never has to read past a banner to reach the page. */
.wtm-footer-widget{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:2px;padding-top:16px;border-top:1px solid var(--wtm-line);color:var(--wtm-muted);font-size:13px}
.wtm-footer-widget p{margin:0;max-width:52ch}
.wtm-footer-widget .wtm-text-link{font-size:13px}

/* Viewing answers. An unavailable answer is a state, not a broken panel: it
   keeps the same quiet card as a pending one but drops the mint tint so it
   never reads as an active broadcast. */
.wtm-featured-pending--unavailable,.wtm-match-pending--unavailable{background:var(--wtm-soft);border-color:var(--wtm-line)}

/* Reporting a listing is a footnote on the answer, not a page action, so it
   sits below the evidence note at link weight. */
.wtm-featured-report,.wtm-match-report{display:inline-block;margin-top:12px;color:var(--wtm-green);font-size:13px;font-weight:750}
.wtm-match-report{margin-top:11px}

/* How many teams or services the personal filters currently hold. */
.wtm-filter-empty{display:grid;gap:14px}
.wtm-service-picker{display:grid;gap:10px;padding-top:14px;border-top:1px solid var(--wtm-line)}
.wtm-service-picker>strong{font-size:13px;color:var(--wtm-muted);font-weight:750}
.wtm-service-picker .wtm-link-list{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}

/* A territory we hold no viewing evidence for. Stated plainly above the empty
   schedule rather than left for the visitor to infer from blank rows. */
.wtm-territory-notice{margin:2px 0 14px;padding:12px 14px;border:1px solid var(--wtm-line);border-radius:9px;background:var(--wtm-soft);color:var(--wtm-muted);font-size:14px;max-width:70ch}

/* A lapsed check keeps the answer and adds this caption, so a fan is warned
   that the channel is being rechecked without losing the option they can use. */
.wtm-row-stale{color:var(--wtm-muted);font-size:13px;font-weight:650;align-self:center}
@media(pointer:coarse){.wtm-footer-group a,.wtm-directory-group a{display:inline-flex;align-items:center;min-height:44px}}
/* Current league table. The club column is the only flexible one and the figures
   hold fixed widths, so the numbers stay one tight block against the right edge
   instead of drifting apart across a wide page; the club column and the pos
   column sit on the start edge, so a long name reads from the table's own left
   margin and the row rules run the full width of the column above them. W/D/L are
   detail columns and drop below 720px rather than being squeezed into the
   viewport. */
.wtm-standings-module{margin-top:26px}
.wtm-standings{width:auto;max-width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.wtm-standings th,.wtm-standings td{padding:9px 6px;text-align:end;border-bottom:1px solid var(--wtm-line);font-size:14px}
.wtm-standings thead th{font-size:12px;font-weight:700;color:var(--wtm-muted)}
.wtm-standings .wtm-standings-pos{width:44px;text-align:start;color:var(--wtm-muted)}
.wtm-standings .wtm-standings-team{text-align:start;font-weight:650;padding-right:24px}
.wtm-standings .wtm-standings-team a{color:inherit}
/* The club's mark rides inside its own link, so it is part of the club's hit area
   rather than a separate target, and a club with no asset simply has no mark. */
.wtm-standings .wtm-standings-crest{width:18px;height:18px;object-fit:contain;margin-right:8px;vertical-align:-4px}
.wtm-standings .wtm-standings-stat{width:46px}
.wtm-standings .wtm-standings-goal-difference{width:56px}
.wtm-standings .wtm-standings-points{width:56px}
.wtm-standings tbody .wtm-standings-points{font-weight:800}
.wtm-standings-compact{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:9px}
.wtm-standings-compact li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center}
@media(max-width:720px){.wtm-standings-detail{display:none}.wtm-standings th,.wtm-standings td{padding:10px 4px}.wtm-standings .wtm-standings-team{padding-right:10px}.wtm-standings .wtm-standings-crest{width:16px;height:16px;margin-right:6px;vertical-align:-3px}.wtm-standings .wtm-standings-pos{width:30px}.wtm-standings .wtm-standings-stat{width:34px}.wtm-standings .wtm-standings-goal-difference,.wtm-standings .wtm-standings-points{width:44px}}

/* The scoring chart. Same rank width and same edge as the table beside it, so the
   pair reads as one block; the club sits under the player because WTM holds no
   player page to link to yet, and the goals stay the single figure on the end
   edge. */
.wtm-scorers-module{margin-top:26px}
.wtm-scorers{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.wtm-scorers th,.wtm-scorers td{padding:9px 6px;text-align:end;border-bottom:1px solid var(--wtm-line);font-size:14px}
.wtm-scorers thead th{font-size:12px;font-weight:700;color:var(--wtm-muted)}
.wtm-scorers .wtm-scorers-rank{width:44px;text-align:start;color:var(--wtm-muted)}
.wtm-scorers .wtm-scorers-player{text-align:start}
.wtm-scorers .wtm-scorers-player strong{display:block;font-weight:650}
.wtm-scorers .wtm-scorers-player a{display:block;margin-top:2px;color:var(--wtm-muted);font-size:13px;font-weight:600}
.wtm-scorers .wtm-scorers-goals{width:56px;font-weight:800}

/* Read together, so they share a row whenever the column is wide enough to hold
   both. The table is as wide as its contents rather than as wide as the column,
   so a club name is never followed by a field of nothing before its figures; the
   chart takes the rest and the space between the two is real separation.
   Two tables side by side are scanned as columns, so that gap is wider than the
   page's row rhythm and clearly wider than the gutters inside either table,
   which is what stops them reading as one confused grid. The wrap is decided by
   the space actually available rather than by a viewport guess, so it holds
   inside any column width, including the in-app browser. */
.wtm-league-pair{display:flex;flex-wrap:wrap;gap:30px 56px;align-items:start;margin-top:26px}
.wtm-league-pair>*{margin-top:0}
.wtm-league-pair>.wtm-standings-module{flex:0 1 auto}
.wtm-league-pair>.wtm-scorers-module{flex:1 1 360px;max-width:520px}

/* Head to head on a match page. The record is the answer and the meetings are the
   evidence for it, so they stay in one module: the record on top, the results it
   was counted from ruled off underneath.
   The meetings flow into as many tight columns as the width allows rather than
   sitting as one narrow list inside a wide column: a result row only needs about
   320px, so a wide page gets three of them side by side and the band is filled
   with results instead of empty space beside them. */
.wtm-h2h-module{margin-top:26px}
.wtm-h2h-record{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 10px;font-size:14px;color:var(--wtm-muted)}
.wtm-h2h-record-item{display:inline-flex;align-items:baseline;gap:8px}
.wtm-h2h-record-item strong{font:800 18px/1 Syne,"Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif;color:var(--wtm-ink);font-variant-numeric:tabular-nums}
.wtm-h2h-record-sep{color:var(--wtm-line)}
.wtm-h2h-meetings{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:0 40px}
.wtm-h2h-row{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:14px;align-items:start;padding:12px 2px;border-bottom:1px solid var(--wtm-line)}
.wtm-h2h-when{padding-top:3px}
.wtm-h2h-when time{font-size:12px;line-height:1.25;font-weight:700;color:var(--wtm-muted);white-space:nowrap;font-variant-numeric:tabular-nums}
/* A past meeting is secondary to the fixture being read, so it sits a step below
   the schedule rows while the score keeps the weight. */
.wtm-h2h-row .wtm-row-fixture{font-size:16px}
.wtm-h2h-row .wtm-row-competition{font-size:13px}
.wtm-h2h-score{font:800 18px/1.2 "DM Sans","Noto Sans Arabic","Noto Sans JP","Noto Sans SC",sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;align-self:start;unicode-bidi:isolate}
@media(max-width:720px){.wtm-h2h-record{gap:4px 8px}.wtm-h2h-meetings{grid-template-columns:1fr;gap:0}.wtm-h2h-row{grid-template-columns:78px minmax(0,1fr) auto;gap:12px;padding:12px 2px}}

/* A national team's flag steps down with the crests on a phone, and keeps the
   wider-than-tall shape that makes it read as a flag rather than a badge. */
@media(max-width:720px){.wtm-match-clubs .wtm-match-flag{width:46px;height:34px}.wtm-featured-flag{width:46px;height:34px}}

/* ── Motion ────────────────────────────────────────────────────────────────────

   One small system: four durations, two curves, one press depth. Motion here does
   exactly two jobs — it confirms that a press landed, and it keeps a state change
   legible. Nothing moves to announce itself.

   The three bands, and nothing outside them:
     100–140ms  press, hover and focus feedback
     160–220ms  a local state change: a colour, a border, an open or close
     250–350ms  only where a change crosses a distance and continuity is the point

   Everything animates transform, opacity, colour, or one bounded block-size. No
   blur, filter, shadow or background-position: they read soft, cost paint, and buy
   nothing on a fixture feed. There is no @keyframes in this file, so there is no
   loop to switch off — no shimmer, no pulse, no reveal — and LIVE stays a static
   badge. A loop in a sports utility is decoration.

   The calendar rail's slide is the one animation CSS cannot express, because it
   runs per frame in JavaScript against a scroll offset. It reads its duration from
   these tokens, and --wtm-ease-rail names the same curve its frame loop evaluates,
   so the rail is not a second set of numbers. */

:root{
  --wtm-motion-press:110ms;
  --wtm-motion-quick:140ms;
  --wtm-motion-local:190ms;
  --wtm-motion-continuity:300ms;
  --wtm-ease-out:cubic-bezier(.22,1,.36,1);
  /* The rail's curve. The frame loop evaluates 1-(1-p)^3, the cubic form of this
     bezier, because evaluating a bezier per frame is not worth the arithmetic. */
  --wtm-ease-rail:cubic-bezier(.33,1,.68,1);
  --wtm-press-depth:.99;
  /* Lets the FAQ disclosure interpolate to an intrinsic block size. Inherited, so
     it applies wherever a size transition is actually written; nothing else in
     this sheet transitions a height. */
  interpolate-size:allow-keywords;
}

/* Feedback. A control that fills its own box takes the press: it reads as the
   surface giving under the finger, which is the whole of the effect. An inline
   text link cannot — a transform is a no-op on an inline box, and shrinking a word
   reads as a wobble — so text takes opacity instead, below. Hover, press and the
   state settle share one clock, so a control answers at one speed rather than
   three.

   The two selector lists below must stay identical: the first names what may
   move, the second is the movement. tests-motion.mjs asserts they match. */
.wtm-date-link,
.wtm-date-arrow,
.wtm-rail-link,
.wtm-filter-bar a,
.wtm-directory-letter a,
.wtm-directory-covered a,
.wtm-directory-index a,
.wtm-discovery-list a,
.wtm-discovery-suggestions a,
.wtm-plan-list a,
.wtm-follow-toggle,
.wtm-header-search,
.wtm-mobile-menu nav a,
summary,
a.wtm-provider-pill,
.wtm-cov-tab,
a.wtm-cov-chip,
.wtm-cov-search button{
  transition:transform var(--wtm-motion-press) var(--wtm-ease-out),background-color var(--wtm-motion-quick) var(--wtm-ease-out),border-color var(--wtm-motion-quick) var(--wtm-ease-out),color var(--wtm-motion-quick) var(--wtm-ease-out),opacity var(--wtm-motion-press) var(--wtm-ease-out);
}
.wtm-date-link:active,
.wtm-date-arrow:active,
.wtm-rail-link:active,
.wtm-filter-bar a:active,
.wtm-directory-letter a:active,
.wtm-directory-covered a:active,
.wtm-directory-index a:active,
.wtm-discovery-list a:active,
.wtm-discovery-suggestions a:active,
.wtm-plan-list a:active,
.wtm-follow-toggle:active,
.wtm-header-search:active,
.wtm-mobile-menu nav a:active,
summary:active,
a.wtm-provider-pill:active,
.wtm-cov-tab:active,
a.wtm-cov-chip:active,
.wtm-cov-search button:active{
  transform:scale(var(--wtm-press-depth));
}

/* A text link presses with opacity. It is the smallest change that still
   acknowledges the tap without moving a line of text. */
a.wtm-text-link,
a.wtm-row-fixture,
a.wtm-row-competition,
.wtm-row-fixture,
.wtm-row-competition{
  transition:color var(--wtm-motion-quick) var(--wtm-ease-out),opacity var(--wtm-motion-press) var(--wtm-ease-out);
}
a.wtm-text-link:active,
a.wtm-row-fixture:active,
a.wtm-row-competition:active{opacity:.72}

/* A date card answers the pointer the way the arrows beside it already do. It had
   no hover state at all, which is why the rail felt inert next to its own buttons. */
.wtm-date-link:hover{border-color:#9db3a9;background:var(--wtm-soft)}
.wtm-date-link[aria-current="date"]:hover{border-color:var(--wtm-green);background:var(--wtm-green)}

/* Disclosure. The FAQ items are native <details>, so the open state belongs to the
   element and no script measures a height. Where the browser can interpolate an
   intrinsic block size the panel settles over --wtm-motion-local and the chevron
   turns with it; everywhere else the disclosure opens exactly as it does today. It
   is a short settle, not a drawer.

   The language switcher is deliberately excluded. Its menu is positioned off the
   summary, so animating the content box would move the menu while it opened. */
.wtm-faq-module details::details-content{
  block-size:0;
  overflow:clip;
  opacity:0;
  transition:block-size var(--wtm-motion-local) var(--wtm-ease-out),opacity var(--wtm-motion-quick) var(--wtm-ease-out),content-visibility var(--wtm-motion-local) allow-discrete;
}
.wtm-faq-module details[open]::details-content{block-size:auto;opacity:1}
.wtm-faq-module summary::after{transition:transform var(--wtm-motion-local) var(--wtm-ease-out)}
.wtm-faq-module details[open] > summary::after{transform:rotate(225deg) translateY(2px)}

/* Reduced motion removes the movement and keeps the feedback. A press still reads
   as a press because the background and border settle, and the disclosure opens
   without a size transition. The date rail makes the same call for its own
   frame loop, and the matchMedia check in the page script is its authority. */
@media(prefers-reduced-motion:reduce){
  .wtm-date-link:active,
  .wtm-date-arrow:active,
  .wtm-rail-link:active,
  .wtm-filter-bar a:active,
  .wtm-directory-letter a:active,
  .wtm-directory-covered a:active,
  .wtm-directory-index a:active,
  .wtm-discovery-list a:active,
  .wtm-discovery-suggestions a:active,
  .wtm-plan-list a:active,
  .wtm-follow-toggle:active,
  .wtm-header-search:active,
  .wtm-mobile-menu nav a:active,
  summary:active,
  a.wtm-provider-pill:active,
  .wtm-cov-tab:active,
  a.wtm-cov-chip:active,
  .wtm-cov-search button:active{transform:none}
  .wtm-faq-module details::details-content{transition:none}
  .wtm-faq-module summary::after{transition:none}
}