/* Общая страница турнира Чемпионат Европы: копия output/tournament-page/t-euro/style.css (sync_competition.py). Правки - в макете. */
/* Страница турнира «Чемпионат Европы» (все розыгрыши) в общем языке УЕФА ЕВРО, без привязки к одному розыгрышу.
   Палитра [брендбук-копия, BRANDS.md 2.2]: синий #143CDB, зелёный #00BA5D, красный #FF0000 (под текстом - #C80000), жёлтый #FFCB00,
   тёмный #1E1E28, серые #EEF4F7 / #D4E3EB / #AAC8D7 / #739BAA. Плоско, без градиентов, углы прямые, срезы - косые.
   Шрифт - Roboto Flex (OFL, кириллица, копия из образца v2-euro): заголовки wght 1000 / wdth 151, текст wght 300 / wdth 75.
   Корень <article class="tp tp--t-euro">, разделы - .eo-*. */
@font-face{font-family:'EO Flex';font-style:normal;font-weight:100 1000;font-stretch:25% 151%;font-display:swap;src:url(/fonts/roboto-flex/RobotoFlex-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'EO Flex';font-style:normal;font-weight:100 1000;font-stretch:25% 151%;font-display:swap;src:url(/fonts/roboto-flex/RobotoFlex-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ================================================================ основа */
.tp--t-euro{
  --blue:#143CDB;--green:#00BA5D;--red:#FF0000;--yellow:#FFCB00;--dark:#1E1E28;
  --blue-l:#226CFF;--blue-d:#1F2369;--red-m:#C80000;--dark-l:#34343D;
  --g1:#EEF4F7;--g2:#D4E3EB;--g3:#AAC8D7;--g4:#739BAA;
  --ink:#1E1E28;--mut:#4A5E6C;
  --f:'EO Flex',Manrope,system-ui,sans-serif;
  --ease:cubic-bezier(.22,1,.36,1);
  position:relative;isolation:isolate;display:block;overflow-x:clip;
  background:var(--g1);color:var(--ink);font:300 17px/1.45 var(--f);font-stretch:75%;font-variant-numeric:tabular-nums;
  -webkit-font-smoothing:antialiased;margin-bottom:-40px;padding-bottom:72px;
}
.tp--t-euro *,.tp--t-euro *::before,.tp--t-euro *::after{box-sizing:border-box}
.tp--t-euro :where(h1,h2,h3,p,ol,ul,dl,dd,dt,figure){margin:0;padding:0}
.tp--t-euro :where(ol,ul){list-style:none}
.tp--t-euro :where(div,li,span,a,p,section,header,nav){min-width:0}
.tp--t-euro :is(h1,h2,h3){font-weight:inherit;letter-spacing:normal;color:inherit;font-family:var(--f)}
.tp--t-euro a{color:inherit;text-decoration:none}
.tp--t-euro img{display:block;max-width:100%}
.tp--t-euro button{font:inherit;color:inherit}
.tp--t-euro :focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.tp--t-euro .eo-in{max-width:1440px;margin:0 auto;padding:0 40px}
.tp--t-euro .eo-sec{padding-top:96px;scroll-margin-top:96px}
.tp--t-euro .nw{white-space:nowrap}
.tp--t-euro .eo-flag{flex:none;width:24px;height:16px;object-fit:cover;box-shadow:0 0 0 1px rgba(30,30,40,.14)}
.tp--t-euro .eo-flag--none{display:inline-block;background:repeating-linear-gradient(135deg,#AAC8D7 0 2px,#EEF4F7 2px 4px)}
.tp--t-euro .eo-cr{display:block;margin-top:4px;color:var(--mut);font:400 12px/1.35 var(--f);font-stretch:75%}

/* тона: фон и текст (на зелёном и жёлтом - тёмный текст, на синем, тёмном и среднем красном - белый) */
.tp--t-euro .eo-t-blue{--bg:var(--blue);--fg:#fff;--fg2:#dfe6ff}
.tp--t-euro .eo-t-green{--bg:var(--green);--fg:var(--ink);--fg2:#13261c}
.tp--t-euro .eo-t-red{--bg:var(--red-m);--fg:#fff;--fg2:#ffe1e1}
.tp--t-euro .eo-t-yellow{--bg:var(--yellow);--fg:var(--ink);--fg2:#2b2a20}
.tp--t-euro .eo-t-dark{--bg:var(--dark);--fg:#fff;--fg2:#c9d3dc}
.tp--t-euro .eo-t-white{--bg:#fff;--fg:var(--ink);--fg2:var(--mut)}

/* заголовок раздела: шесть ломтиков + сверхширокий капс */
.tp--t-euro .eo-h{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;margin:0 0 30px}
.tp--t-euro .eo-ms{flex:none;width:58px;height:34px}
.tp--t-euro .eo-h__t{font:1000 clamp(26px,3vw,44px)/1 var(--f);font-stretch:151%;text-transform:uppercase;letter-spacing:-.005em}
.tp--t-euro .eo-h__n{padding:6px 12px 5px;background:var(--yellow);color:var(--ink);font:700 16px/1.1 var(--f);font-stretch:75%}
.tp--t-euro .eo-h--dark .eo-h__t{color:#fff}
.tp--t-euro .eo-arr{display:inline-block;width:22px;height:14px;background:currentColor;clip-path:polygon(0 42%,64% 42%,64% 0,100% 50%,64% 100%,64% 58%,0 58%)}

/* фото в скошенном кадре и монограмма на ломтике */
.tp--t-euro .eo-pic{position:relative;display:block;flex:none;overflow:hidden;background:var(--bg,var(--g2));clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)}
.tp--t-euro .eo-pic img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.tp--t-euro .eo-pic--mono{display:grid;place-items:center;color:var(--fg)}
.tp--t-euro .eo-pic--mono b{font-weight:1000;font-stretch:151%;line-height:1;text-transform:uppercase}

/* ================================================================ 1. ПЕРВЫЙ ЭКРАН: синий, кубок на полосе цифр */
.tp--t-euro .eo-hero{position:relative;background:var(--blue);color:#fff;overflow:hidden}
.tp--t-euro .eo-hero__in{padding-top:20px}
.tp--t-euro .eo-crumbs ol{display:flex;flex-wrap:wrap;gap:4px 0;font:400 14px/1.4 var(--f);font-stretch:75%;color:rgba(255,255,255,.86)}
.tp--t-euro .eo-crumbs li + li::before{content:"›";margin:0 8px;color:rgba(255,255,255,.6)}
.tp--t-euro .eo-crumbs a:hover{color:var(--yellow);text-decoration:underline}
.tp--t-euro .eo-crumbs [aria-current]{color:#fff;font-weight:600}
.tp--t-euro .eo-hero__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.55fr) minmax(0,.95fr);gap:32px;align-items:end;margin-top:26px}
.tp--t-euro .eo-hero__main{container-type:inline-size;align-self:center;padding-bottom:40px}
.tp--t-euro .eo-hero__title{display:grid;gap:22px;justify-items:start}
.tp--t-euro .eo-mark{display:inline-grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:12px 18px 12px 14px;background:#fff;color:var(--blue)}
.tp--t-euro .eo-mark__cup{grid-row:1/3;width:34px;height:82px;color:var(--g4)}
.tp--t-euro .eo-mark__w{font:1000 38px/1 var(--f);font-stretch:151%;letter-spacing:-.01em}
.tp--t-euro .eo-mark__s{display:block;line-height:0}
.tp--t-euro .eo-mark__sl{width:100%;max-width:120px;height:14px}
.tp--t-euro .eo-hero__h1{font:1000 min(80px,11.6cqi)/.92 var(--f);font-stretch:151%;text-transform:uppercase;letter-spacing:-.01em}
.tp--t-euro .eo-hero__n{display:grid;gap:6px;margin-top:22px}
.tp--t-euro .eo-hero__n b{font:1000 min(44px,7cqi)/1 var(--f);font-stretch:151%;text-transform:uppercase;color:var(--yellow)}
.tp--t-euro .eo-hero__n span{font:300 19px/1.35 var(--f);font-stretch:75%;color:#fff}
.tp--t-euro .eo-hero__cup{display:grid;justify-items:center;align-self:end}
.tp--t-euro .eo-hero__img{width:auto;height:min(520px,46vw);max-width:none;margin-bottom:-6px}
/* чемпион: жёлтая плашка со скошенным краем */
.tp--t-euro .eo-cp{container-type:inline-size;align-self:center;margin-bottom:40px;padding:22px 64px 24px 24px;background:var(--yellow);color:var(--ink);
  clip-path:polygon(0 0,100% 0,calc(100% - 40px) 100%,0 100%)}
.tp--t-euro .eo-cp__k{font:600 14px/1.2 var(--f);font-stretch:75%;text-transform:uppercase;letter-spacing:.3em}
.tp--t-euro .eo-cp__name{display:grid;justify-items:start;gap:12px;margin-top:14px}
.tp--t-euro .eo-cp__flag{width:84px;aspect-ratio:3/2;height:auto;object-fit:cover;box-shadow:0 0 0 2px var(--ink)}
.tp--t-euro .eo-cp__name span{font:1000 min(60px,13.4cqi)/.95 var(--f);font-stretch:151%;text-transform:uppercase;letter-spacing:-.01em}
.tp--t-euro .eo-cp__name:hover span{text-decoration:underline;text-decoration-thickness:4px;text-underline-offset:6px}
.tp--t-euro .eo-cp__fin{display:grid;gap:4px;margin-top:18px}
.tp--t-euro .eo-cp__r{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 6px 6px 12px;background:#fff;font:500 18px/1.15 var(--f);font-stretch:75%}
.tp--t-euro .eo-cp__r.is-w{background:var(--ink);color:#fff;font-weight:800}
.tp--t-euro .eo-cp__r b{min-width:38px;padding:5px 6px 4px;text-align:center;background:var(--g1);color:var(--ink);font:1000 22px/1 var(--f);font-stretch:130%}
.tp--t-euro .eo-cp__r.is-w b{background:var(--yellow)}
.tp--t-euro .eo-cp__fin small{font:700 14px/1.2 var(--f);font-stretch:75%}
.tp--t-euro .eo-cp__fin:hover .eo-cp__r.is-w{background:var(--blue-d)}
.tp--t-euro .eo-cp__m{margin-top:10px;font:400 16px/1.3 var(--f);font-stretch:75%}
.tp--t-euro .eo-cp__go{display:inline-flex;align-items:center;gap:10px;margin-top:14px;font:900 15px/1 var(--f);font-stretch:110%;text-transform:uppercase;letter-spacing:.02em}
.tp--t-euro .eo-cp__go:hover{text-decoration:underline}
/* полоса цифр: ломтики во всю ширину */
.tp--t-euro .eo-fband{--d:14px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:0 var(--d);background:var(--blue)}
.tp--t-euro .eo-fs{display:flex;flex-direction:column;justify-content:center;gap:6px;margin:0 calc(-1 * var(--d));padding:26px calc(var(--d) * 2 + 22px) 24px;
  background:var(--bg);color:var(--fg);clip-path:polygon(calc(var(--d) * 2) 0,calc(100% - var(--d) * 2) 0,100% 100%,0 100%)}
.tp--t-euro .eo-fs.is-odd{clip-path:polygon(0 0,100% 0,calc(100% - var(--d) * 2) 100%,calc(var(--d) * 2) 100%)}
.tp--t-euro .eo-fs b{font:1000 clamp(36px,3.4vw,58px)/1 var(--f);font-stretch:151%}
.tp--t-euro .eo-fs span{font:400 16px/1.2 var(--f);font-stretch:75%;color:var(--fg2)}

/* ================================================================ 2. ВСЕ РОЗЫГРЫШИ: ломтики-розыгрыши */
.tp--t-euro .eo-eds{--d:14px;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));padding:0 var(--d)}
.tp--t-euro .eo-ed{margin:0 calc(-1 * var(--d));background:var(--bg);color:var(--fg);clip-path:polygon(calc(var(--d) * 2) 0,calc(100% - var(--d) * 2) 0,100% 100%,0 100%)}
.tp--t-euro .eo-ed.is-odd{clip-path:polygon(0 0,100% 0,calc(100% - var(--d) * 2) 100%,calc(var(--d) * 2) 100%)}
.tp--t-euro .eo-ed__in{display:flex;flex-direction:column;align-items:flex-start;height:100%;padding:30px calc(var(--d) * 2 + 14px) 30px}
.tp--t-euro .eo-ed__y{font:1000 clamp(40px,3.6vw,54px)/1 var(--f);font-stretch:151%;letter-spacing:-.01em}
.tp--t-euro .eo-ed__y:hover{text-decoration:underline;text-decoration-thickness:3px}
.tp--t-euro .eo-ed__k{margin-top:20px;font:600 13px/1 var(--f);font-stretch:75%;text-transform:uppercase;letter-spacing:.3em;color:var(--fg2)}
.tp--t-euro .eo-ed__ch{display:grid;justify-items:start;gap:10px;margin-top:10px}
.tp--t-euro .eo-ed__flag{width:60px;aspect-ratio:3/2;height:auto;object-fit:cover;box-shadow:0 0 0 2px #fff}
.tp--t-euro .eo-ed__ch b{font:1000 clamp(18px,1.6vw,23px)/1.05 var(--f);font-stretch:128%;text-transform:uppercase}
.tp--t-euro .eo-ed__ch:hover b{text-decoration:underline}
.tp--t-euro .eo-eb{display:grid;gap:3px;width:100%;margin-top:18px}
.tp--t-euro .eo-eb__r{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 5px 5px 9px;background:#fff;color:var(--mut);
  font:500 15px/1.15 var(--f);font-stretch:75%}
.tp--t-euro .eo-eb__r .eo-flag{width:20px;height:13px}
.tp--t-euro .eo-eb__r.is-w{color:var(--ink);font-weight:800}
.tp--t-euro .eo-eb__r b{min-width:28px;padding:4px 5px 3px;text-align:center;background:var(--g1);color:var(--mut);font:900 17px/1 var(--f);font-stretch:110%}
.tp--t-euro .eo-eb__r.is-w b{background:var(--blue);color:#fff}
.tp--t-euro .eo-eb__x{justify-self:start;margin-top:3px;padding:3px 7px;background:#fff;color:var(--red-m);font:800 13px/1.1 var(--f);font-stretch:75%}
.tp--t-euro .eo-eb:hover .eo-eb__r{background:var(--g1)}
.tp--t-euro .eo-ed__where{margin-top:12px;font:400 15px/1.3 var(--f);font-stretch:75%;color:var(--fg2)}
.tp--t-euro .eo-es{width:100%;margin-top:18px;padding-top:14px;border-top:2px solid color-mix(in srgb,var(--fg) 30%,transparent)}
.tp--t-euro .eo-es__k{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 8px;font:600 13px/1.2 var(--f);font-stretch:75%;text-transform:uppercase;letter-spacing:.12em;color:var(--fg2)}
.tp--t-euro .eo-es__k b{font:900 13px/1.2 var(--f);font-stretch:100%;letter-spacing:.02em;color:var(--fg)}
.tp--t-euro .eo-es ul{display:grid;gap:6px;margin-top:8px}
.tp--t-euro .eo-es li{display:grid}
.tp--t-euro .eo-es li a{font:800 16px/1.2 var(--f);font-stretch:85%}
.tp--t-euro .eo-es li span{font:400 14px/1.2 var(--f);font-stretch:75%;color:var(--fg2)}
.tp--t-euro .eo-es__many{margin-top:8px;font:600 15px/1.35 var(--f);font-stretch:80%}
.tp--t-euro .eo-es a:hover{text-decoration:underline}
.tp--t-euro .eo-ed__st{margin-top:16px;font:400 15px/1.3 var(--f);font-stretch:75%;color:var(--fg2)}
.tp--t-euro .eo-ed__av{margin-top:4px;font:400 15px/1.2 var(--f);font-stretch:75%;color:var(--fg2)}
.tp--t-euro .eo-ed__av b{font:1000 24px/1 var(--f);font-stretch:140%;color:var(--fg)}
.tp--t-euro .eo-ed__go{display:inline-flex;align-items:center;gap:10px;margin-top:auto;padding:12px 14px 11px;background:var(--fg);color:var(--bg);
  font:900 14px/1 var(--f);font-stretch:110%;text-transform:uppercase;letter-spacing:.02em;transform:translateY(6px)}
.tp--t-euro .eo-ed__go:hover{background:#fff;color:var(--ink)}
.tp--t-euro .eo-ed.eo-t-dark .eo-ed__go:hover{background:var(--yellow)}

/* ================================================================ 3. ПОБЕДИТЕЛИ: строки с кубками */
.tp--t-euro .eo-tts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.tp--t-euro .eo-tg{background:#fff;border:1px solid var(--g2)}
.tp--t-euro .eo-tg__h{display:flex;align-items:center;gap:12px;padding:16px 22px 14px;font:1000 20px/1 var(--f);font-stretch:140%;text-transform:uppercase}
.tp--t-euro .eo-tts__key{display:flex;align-items:center;gap:8px;margin:-12px 0 18px;font:600 13px/1.2 var(--f);font-stretch:75%;text-transform:uppercase;letter-spacing:.12em;color:var(--mut)}
.tp--t-euro .eo-key{display:inline-block;margin-left:12px}
.tp--t-euro .eo-key:first-child{margin-left:0}
.tp--t-euro .eo-key .eo-ci{display:block;width:10px;height:24px}
.tp--t-euro .eo-key.is-w .eo-ci{color:var(--blue)}
.tp--t-euro .eo-key.is-l .eo-ci{color:var(--g3)}
.tp--t-euro .eo-tt{position:relative;display:grid;grid-template-columns:64px 64px minmax(0,1fr) auto;align-items:center;gap:0 18px;
  padding:14px 22px;border-top:1px solid var(--g2)}
.tp--t-euro .eo-tt.is-w::before{content:"";position:absolute;left:-1px;top:-1px;bottom:0;width:8px;background:var(--yellow);clip-path:polygon(0 0,100% 0,60% 100%,0 100%)}
.tp--t-euro .eo-tt__n{display:grid;place-items:center;width:64px;height:64px;background:var(--yellow);color:var(--ink);font:1000 44px/1 var(--f);font-stretch:151%}
.tp--t-euro .eo-tt.is-l{grid-template-columns:64px minmax(0,1fr) auto}
.tp--t-euro .eo-tt__nw{display:grid;justify-items:center;gap:4px}
.tp--t-euro .eo-tt__nw small{font:500 12px/1 var(--f);font-stretch:75%;color:var(--mut)}
.tp--t-euro .eo-tt__flag{width:64px;aspect-ratio:3/2;height:auto;object-fit:cover;box-shadow:0 0 0 1px rgba(30,30,40,.14)}
.tp--t-euro .eo-tt__nm{font:1000 clamp(18px,1.6vw,24px)/1.05 var(--f);font-stretch:128%;text-transform:uppercase}
.tp--t-euro .eo-tt__nm:hover{color:var(--blue)}
.tp--t-euro .eo-tt__cups{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 10px}
.tp--t-euro .eo-tc{display:grid;justify-items:center;align-content:start;gap:5px;min-width:56px;padding:6px 6px 8px;transition:background .2s var(--ease)}
.tp--t-euro .eo-tc:hover{background:var(--g1)}
.tp--t-euro .eo-tc .eo-ci{width:30px;height:72px}
.tp--t-euro .eo-tc.is-w .eo-ci{color:var(--blue)}
.tp--t-euro .eo-tc.is-l .eo-ci{color:var(--g3)}
.tp--t-euro .eo-tc b{font:900 16px/1 var(--f);font-stretch:110%}
.tp--t-euro .eo-tc.is-l b{color:var(--mut)}
.tp--t-euro .eo-tc small{margin-top:-2px;font:500 12px/1 var(--f);font-stretch:75%;color:var(--mut)}

/* ================================================================ 4. БОМБАРДИРЫ: голы ломтиками */
.tp--t-euro .eo-gs{display:block;height:auto;max-width:100%}
.tp--t-euro .eo-top{display:grid;grid-template-columns:56px 156px minmax(0,1fr) auto 150px;align-items:center;gap:0 26px;padding:22px 26px;background:#fff;border:1px solid var(--g2)}
.tp--t-euro .eo-top__rk{font:1000 56px/1 var(--f);font-stretch:151%;color:var(--mut)}
.tp--t-euro .eo-top__ph{width:156px;height:176px}
.tp--t-euro .eo-top__ph.eo-pic--mono b{font-size:58px}
.tp--t-euro .eo-top__who{display:grid;gap:6px}
.tp--t-euro .eo-top__nm{font:1000 clamp(26px,2.4vw,38px)/1 var(--f);font-stretch:140%;text-transform:uppercase}
.tp--t-euro .eo-top__nm:hover{color:var(--blue)}
.tp--t-euro .eo-top__bar{min-width:0}
.tp--t-euro .eo-gs--top{width:min(424px,32vw)}
.tp--t-euro .eo-top__g{display:grid;justify-items:center;align-self:stretch;align-content:center;background:var(--yellow)}
.tp--t-euro .eo-top__g b{font:1000 84px/.9 var(--f);font-stretch:151%}
.tp--t-euro .eo-top__g span{font:500 16px/1 var(--f);font-stretch:75%}
.tp--t-euro .eo-srs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;margin-top:20px}
.tp--t-euro .eo-sr{display:grid;grid-template-columns:34px 58px minmax(0,1fr) auto 52px;align-items:center;gap:0 14px;padding:10px 12px 10px 14px;background:#fff;border:1px solid var(--g2)}
.tp--t-euro .eo-sr__rk{font:1000 22px/1 var(--f);font-stretch:140%;color:var(--mut);text-align:center}
.tp--t-euro .eo-sr__ph{width:58px;height:66px}
.tp--t-euro .eo-sr__ph.eo-pic--mono b{font-size:22px}
.tp--t-euro .eo-sr__who{display:grid;gap:2px}
.tp--t-euro .eo-sr__nm{font:800 18px/1.15 var(--f);font-stretch:85%}
.tp--t-euro .eo-sr__nm:hover{color:var(--blue)}
.tp--t-euro .eo-sr__tm{display:flex;align-items:center;gap:7px;font:400 15px/1.2 var(--f);font-stretch:75%}
.tp--t-euro .eo-sr__tm .eo-flag{width:21px;height:14px}
.tp--t-euro .eo-sr__tm a:hover{text-decoration:underline}
.tp--t-euro .eo-sr__x{font:400 14px/1.2 var(--f);font-stretch:75%;color:var(--mut)}
.tp--t-euro .eo-sr__bar{justify-self:end}
.tp--t-euro .eo-sr__bar .eo-gs{width:calc(var(--n) * 16px + 5px)}
.tp--t-euro .eo-sr__g{display:grid;place-items:center;width:52px;height:52px;background:var(--ink);color:#fff;font:1000 26px/1 var(--f);font-stretch:140%}
.tp--t-euro .eo-top .eo-sr__tm{font-size:17px}
.tp--t-euro .eo-top .eo-sr__x{font-size:16px}

/* ================================================================ 5. РЕКОРДЫ: тёмный лист, столбцы и табло */
.tp--t-euro .eo-records{margin-top:96px;padding-bottom:96px;background:var(--dark);color:#fff}
.tp--t-euro .eo-board{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.tp--t-euro .eo-rb{min-width:0;padding:24px 26px 26px;background:var(--bg,#fff);color:var(--fg,var(--ink))}
.tp--t-euro .eo-rb__k{font:600 14px/1.2 var(--f);font-stretch:75%;text-transform:uppercase;letter-spacing:.26em}
.tp--t-euro .eo-records .eo-board>.eo-rb__k{color:#fff}
.tp--t-euro .eo-sss{display:grid;gap:8px}
.tp--t-euro .eo-ss{display:grid;grid-template-columns:250px minmax(0,1fr) 150px minmax(0,1fr);grid-template-areas:"k h s a" "k m m m";align-items:center;
  column-gap:20px;background:var(--dark-l);transition:background .2s var(--ease)}
.tp--t-euro .eo-ss:hover{background:#3f3f4a}
.tp--t-euro .eo-ss__k{grid-area:k;align-self:stretch;display:flex;align-items:center;padding:16px 46px 16px 22px;background:var(--bg);color:var(--fg);
  clip-path:polygon(0 0,100% 0,calc(100% - 26px) 100%,0 100%);font:900 15px/1.2 var(--f);font-stretch:110%;text-transform:uppercase;letter-spacing:.04em}
.tp--t-euro .eo-ss__t{display:flex;align-items:center;gap:14px;padding-top:16px;font:500 clamp(18px,1.7vw,26px)/1.1 var(--f);font-stretch:75%;color:#c9d3dc}
.tp--t-euro .eo-ss__t b{font-weight:inherit}
.tp--t-euro .eo-ss__t.is-w{color:#fff;font-weight:900}
.tp--t-euro .eo-ss__t--h{grid-area:h;justify-content:flex-end;text-align:right}
.tp--t-euro .eo-ss__t--a{grid-area:a}
.tp--t-euro .eo-ss__fl{width:48px;aspect-ratio:3/2;height:auto;object-fit:cover}
.tp--t-euro .eo-ss__s{grid-area:s;display:grid;justify-items:center;margin-top:16px;padding:8px 10px 6px;background:var(--yellow);color:var(--ink);font:1000 42px/1 var(--f);font-stretch:140%}
.tp--t-euro .eo-ss__s small{margin-top:3px;font:800 13px/1 var(--f);font-stretch:75%}
.tp--t-euro .eo-ss__m{grid-area:m;padding:10px 0 14px;text-align:center;font:400 15px/1.3 var(--f);font-stretch:75%;color:#c9d3dc}

/* голы за матч: ломтики в цветах розыгрышей, высота от нуля */
.tp--t-euro .eo-rb--av{background:#fff;color:var(--ink)}
.tp--t-euro .eo-av{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:10px;height:300px;margin-top:20px}
.tp--t-euro .eo-av li{display:flex;flex-direction:column;justify-content:flex-end;height:100%;min-width:0}
.tp--t-euro .eo-av__s{display:flex;flex-direction:column;gap:5px;height:calc(var(--v) * 100%);padding:18px 26px 18px 28px;background:var(--bg);color:var(--fg);
  clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);transition:filter .2s var(--ease)}
.tp--t-euro .eo-av li.is-odd .eo-av__s{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 100%,14px 100%)}
.tp--t-euro .eo-av__s:hover{filter:brightness(1.08)}
.tp--t-euro .eo-av__s b{font:1000 clamp(30px,3vw,46px)/1 var(--f);font-stretch:140%}
.tp--t-euro .eo-av__y{font:900 20px/1 var(--f);font-stretch:120%}
.tp--t-euro .eo-av__s small{font:400 15px/1.25 var(--f);font-stretch:75%;color:var(--fg2)}
.tp--t-euro .eo-av__tag{align-self:flex-start;margin-top:auto;padding:5px 8px 4px;background:var(--fg);color:var(--bg);font:800 12px/1.1 var(--f);font-stretch:100%;text-transform:uppercase;letter-spacing:.06em}
.tp--t-euro .eo-av__short{display:none}
/* сборные: ленты ломтиков, ширина ломтика = значение */
.tp--t-euro .eo-rbns{display:grid;gap:10px}
.tp--t-euro .eo-rbns>.eo-rb__k,.tp--t-euro .eo-sxs>.eo-rb__k{margin-bottom:6px;color:#fff}
.tp--t-euro .eo-rbn{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:stretch}
.tp--t-euro .eo-rbn__k{display:flex;align-items:center;padding:0 44px 0 20px;background:var(--bg);color:var(--fg);
  clip-path:polygon(0 0,100% 0,calc(100% - 24px) 100%,0 100%);font:1000 22px/1 var(--f);font-stretch:140%;text-transform:uppercase}
.tp--t-euro .eo-rbn__l{--d:11px;display:flex;padding:0 var(--d) 0 0;margin-left:-14px}
.tp--t-euro .eo-rbn__l li{flex-basis:0;flex-shrink:1;min-width:0;margin:0 calc(-1 * var(--d));background:var(--bg);color:var(--fg);
  clip-path:polygon(calc(var(--d) * 2) 0,calc(100% - var(--d) * 2) 0,100% 100%,0 100%)}
.tp--t-euro .eo-rbn__l li.is-odd{clip-path:polygon(0 0,100% 0,calc(100% - var(--d) * 2) 100%,calc(var(--d) * 2) 100%)}
.tp--t-euro .eo-rbn__l a{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:4px 10px;height:100%;
  padding:12px calc(var(--d) * 2 + 4px)}
.tp--t-euro .eo-rbn__fl{grid-row:1/3;width:34px;aspect-ratio:3/2;height:auto;object-fit:cover;box-shadow:0 0 0 1px rgba(30,30,40,.2)}
.tp--t-euro .eo-rbn__nm{font:600 15px/1.1 var(--f);font-stretch:72%;white-space:nowrap}
.tp--t-euro .eo-rbn__l b{font:1000 28px/1 var(--f);font-stretch:140%}
.tp--t-euro .eo-rbn__l a:hover .eo-rbn__nm{text-decoration:underline}
/* в стартовом составе: косые ломтики разной высоты (от нуля) */
.tp--t-euro .eo-sx{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:12px;margin-top:18px}
.tp--t-euro .eo-sx li{display:grid;grid-template-rows:290px auto auto auto;justify-items:center;text-align:center;min-width:0}
.tp--t-euro .eo-sx__bar{align-self:end;display:flex;flex-direction:column;width:100%;height:calc(var(--v) * 290px);overflow:hidden;background:var(--bg);color:var(--fg);
  clip-path:polygon(10% 0,100% 0,90% 100%,0 100%)}
.tp--t-euro .eo-sx__bar.is-odd{clip-path:polygon(0 0,90% 0,100% 100%,10% 100%)}
.tp--t-euro .eo-sx__ph{display:block;height:120px;overflow:hidden}
.tp--t-euro .eo-sx__ph img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.tp--t-euro .eo-sx__mono{display:grid;place-items:center;height:120px;font:1000 32px/1 var(--f);font-stretch:151%}
.tp--t-euro .eo-sx__n{margin-top:10px;font:1000 30px/1 var(--f);font-stretch:140%;color:#fff}
.tp--t-euro .eo-sx__nm{margin-top:6px;font:800 15px/1.15 var(--f);font-stretch:80%;color:#fff}
.tp--t-euro .eo-sx__nm:hover{text-decoration:underline}
.tp--t-euro .eo-sx__c{display:flex;align-items:center;gap:6px;margin-top:4px;font:400 14px/1.2 var(--f);font-stretch:75%;color:#c9d3dc}
.tp--t-euro .eo-sx__c .eo-flag{width:18px;height:12px}

/* ================================================================ 6. ВИДЕО, ФОТО, СТАТЬИ */
.tp--t-euro .eo-sl{--cw:min(100vw - 80px,1360px);overflow-x:clip}
.tp--t-euro .eo-sl .eo-h{flex-wrap:nowrap}
.tp--t-euro .eo-sl__nav{display:flex;gap:8px;margin-left:auto}
.tp--t-euro .eo-sl__btn{display:grid;place-items:center;width:52px;height:52px;border:0;cursor:pointer;background:var(--ink);color:#fff;transition:background .2s var(--ease)}
.tp--t-euro .eo-sl__btn:hover:not(:disabled){background:var(--blue)}
.tp--t-euro .eo-sl__btn:disabled{opacity:.35;cursor:default}
.tp--t-euro .eo-sl__btn i{width:18px;height:16px;background:currentColor;clip-path:polygon(100% 42%,36% 42%,36% 0,0 50%,36% 100%,36% 58%,100% 58%)}
.tp--t-euro .eo-sl__btn--next i{transform:scaleX(-1)}
.tp--t-euro .eo-sl__track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:0 0 14px;scrollbar-width:thin;scrollbar-color:var(--g3) transparent}
.tp--t-euro .eo-sl__track > li{flex:none;scroll-snap-align:start}
@media (min-width:600px){
  .tp--t-euro .eo-sl__track{margin-right:calc(50% - 50vw);padding-right:calc(50vw - 50%);scroll-padding-left:0}
  .tp--t-euro .eo-sl__track > li:last-child{margin-right:calc(50vw - 50%)}
}
.tp--t-euro .eo-soon{position:absolute;left:14px;top:14px;z-index:2;padding:6px 10px 5px;background:var(--yellow);color:var(--ink);font:900 13px/1 var(--f);font-stretch:130%;text-transform:uppercase;letter-spacing:.06em}
.tp--t-euro .eo-cap{margin-top:10px;font:700 18px/1.2 var(--f);font-stretch:75%}
.tp--t-euro .eo-vc{width:calc((var(--cw) - 36px) / 2.4)}
.tp--t-euro .eo-vc__f{position:relative;display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;background:var(--bg)}
.tp--t-euro .eo-vc__f::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22%;background:url(/images/edition/euro/germany2024/slices-dark.svg) 0 0/auto 100% repeat-x}
.tp--t-euro .eo-vc__f.eo-t-blue::after{background-image:url(/images/edition/euro/germany2024/slices-blue.svg)}
.tp--t-euro .eo-vc__play{position:relative;z-index:1;display:grid;place-items:center;width:76px;height:76px;margin-bottom:8%;background:var(--yellow);clip-path:polygon(14% 0,100% 0,86% 100%,0 100%)}
.tp--t-euro .eo-vc__play i{width:24px;height:28px;margin-left:5px;background:var(--ink);clip-path:polygon(0 0,100% 50%,0 100%)}
.tp--t-euro .eo-pc__f{position:relative;height:300px;overflow:hidden;background:var(--g2)}
.tp--t-euro .eo-pc--p .eo-pc__f{width:225px}.tp--t-euro .eo-pc--l .eo-pc__f{width:400px}
.tp--t-euro .eo-pc--s .eo-pc__f{width:300px}.tp--t-euro .eo-pc--w .eo-pc__f{width:534px}
.tp--t-euro .eo-pc__f::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(102deg,transparent 0 22px,rgba(255,255,255,.16) 22px 42px,transparent 42px 48px,rgba(30,30,40,.08) 48px 64px)}
.tp--t-euro .eo-pc__f--0{background:var(--blue)}.tp--t-euro .eo-pc__f--1{background:var(--green)}
.tp--t-euro .eo-pc__f--2{background:var(--red-m)}.tp--t-euro .eo-pc__f--3{background:var(--dark)}
.tp--t-euro .eo-pc__ic{position:absolute;left:50%;top:50%;width:64px;height:46px;transform:translate(-50%,-50%);border:4px solid #fff;border-radius:4px}
.tp--t-euro .eo-pc__ic::before{content:"";position:absolute;left:50%;top:50%;width:20px;height:20px;transform:translate(-50%,-50%);border:4px solid #fff;border-radius:50%}
.tp--t-euro .eo-pc__ic::after{content:"";position:absolute;left:8px;top:-10px;width:18px;height:6px;background:#fff}
.tp--t-euro .eo-ac{width:calc((var(--cw) - 54px) / 3.4);background:#fff;border:1px solid var(--g2)}
.tp--t-euro .eo-ac__cover{position:relative;display:grid;place-items:center;aspect-ratio:16/10;overflow:hidden;background:var(--blue)}
.tp--t-euro .eo-ac__cover::after{content:"";position:absolute;left:0;right:0;bottom:0;height:24%;background:url(/images/edition/euro/germany2024/slices-blue.svg) 0 0/auto 100% repeat-x}
.tp--t-euro .eo-ac__cover::before{content:"";width:64px;height:80px;margin-bottom:12%;background:
  linear-gradient(var(--ink),var(--ink)) 12px 18px/40px 5px no-repeat,linear-gradient(var(--ink),var(--ink)) 12px 32px/40px 5px no-repeat,
  linear-gradient(var(--ink),var(--ink)) 12px 46px/28px 5px no-repeat,#fff;clip-path:polygon(0 0,72% 0,100% 22%,100% 100%,0 100%)}
.tp--t-euro .eo-ac__cover--1{background:var(--dark)}
.tp--t-euro .eo-ac__cover--1::after,.tp--t-euro .eo-ac__cover--2::after{background-image:url(/images/edition/euro/germany2024/slices-dark.svg)}
.tp--t-euro .eo-ac__cover--2{background:var(--green)}
.tp--t-euro .eo-ac__b{display:grid;gap:10px;padding:16px 18px 20px}
.tp--t-euro .eo-ac__b i{display:block;height:12px;background:var(--g2)}
.tp--t-euro .eo-ac__b i:nth-of-type(2){width:86%}.tp--t-euro .eo-ac__b i:nth-of-type(3){width:58%}

.tp--t-euro .eo-src{margin-top:64px;color:var(--mut);font:400 14px/1.4 var(--f);font-stretch:75%}
/* подвал сайта в тёмно-синем турнира - config/tournament_themes.php (chrome euro, footer) */

@media (prefers-reduced-motion:no-preference){
  .tp--t-euro .eo-hero__img{animation:eo-rise .9s var(--ease) both}
  .tp--t-euro .eo-cp{animation:eo-in .7s var(--ease) .1s both}
  @keyframes eo-rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
  @keyframes eo-in{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
}

/* ================================================================ ширины */
@media (max-width:1240px){
  .tp--t-euro .eo-hero__grid{grid-template-columns:minmax(0,1.1fr) 140px minmax(0,1fr);gap:22px}
  .tp--t-euro .eo-hero__main{padding-bottom:26px}
  .tp--t-euro .eo-cp{margin-bottom:26px;padding:18px 52px 20px 20px}
  .tp--t-euro .eo-hero__img{height:320px}
  .tp--t-euro .eo-mark__w{font-size:30px}
  .tp--t-euro .eo-mark__cup{width:28px;height:68px}
  .tp--t-euro .eo-fs{padding:22px calc(var(--d) * 2 + 10px) 20px}
  .tp--t-euro .eo-fs b{font-size:34px}
  .tp--t-euro .eo-fs span{font-size:15px}
  .tp--t-euro .eo-eds{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:16px}
  .tp--t-euro .eo-top{grid-template-columns:44px 120px minmax(0,1fr) 120px;grid-template-areas:"rk ph who g" "rk ph bar g"}
  .tp--t-euro .eo-top__rk{grid-area:rk}.tp--t-euro .eo-top__ph{grid-area:ph;width:120px;height:136px}.tp--t-euro .eo-top__who{grid-area:who}
  .tp--t-euro .eo-top__bar{grid-area:bar;margin-top:14px}.tp--t-euro .eo-top__g{grid-area:g}
  .tp--t-euro .eo-gs--top{width:min(424px,100%)}
  .tp--t-euro .eo-srs{grid-template-columns:1fr}
  .tp--t-euro .eo-rbn__nm{display:none}
  .tp--t-euro .eo-rbn__fl{grid-row:auto}
  .tp--t-euro .eo-tts{grid-template-columns:1fr}
}

@media (max-width:900px) and (min-width:761px){
  .tp--t-euro .eo-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,.62fr);grid-template-areas:"main cup" "cp cup"}
  .tp--t-euro .eo-hero__main{grid-area:main;padding-bottom:0}
  .tp--t-euro .eo-hero__cup{grid-area:cup}
  .tp--t-euro .eo-cp{grid-area:cp;margin-bottom:36px}
  .tp--t-euro .eo-hero__img{height:460px}
}

@media (max-width:760px){
  .tp--t-euro{font-size:16px}
  .tp--t-euro .eo-in{padding:0 16px}
  .tp--t-euro .eo-sec{padding-top:64px}
  .tp--t-euro .eo-h{margin-bottom:22px;gap:10px 12px}
  .tp--t-euro .eo-ms{width:46px;height:28px}
  .tp--t-euro .eo-h__t{font-size:26px}
  .tp--t-euro .eo-h__n{font-size:15px}

  .tp--t-euro .eo-hero__in{padding-top:14px}
  .tp--t-euro .eo-crumbs ol{font-size:13px}
  .tp--t-euro .eo-hero__grid{grid-template-columns:minmax(0,1fr) 112px;grid-template-areas:"main main" "cp cp" "n cup";gap:0 12px;margin-top:16px}
  .tp--t-euro .eo-hero__main{display:contents}
  .tp--t-euro .eo-hero__title{grid-area:main;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;container-type:inline-size}
  .tp--t-euro .eo-mark{grid-template-columns:auto;grid-template-rows:auto;justify-items:center;row-gap:4px;padding:8px 9px}
  .tp--t-euro .eo-mark__cup{grid-row:auto;width:20px;height:48px}
  .tp--t-euro .eo-mark__w{font-size:16px}
  .tp--t-euro .eo-mark__sl{max-width:56px;height:8px}
  .tp--t-euro .eo-hero__h1{font-size:min(31px,8.6cqi)}
  .tp--t-euro .eo-cp{grid-area:cp;margin:18px 0 0;padding:16px 44px 18px 16px;clip-path:polygon(0 0,100% 0,calc(100% - 26px) 100%,0 100%)}
  .tp--t-euro .eo-cp__k{font-size:13px;letter-spacing:.2em}
  .tp--t-euro .eo-cp__name{grid-template-columns:auto minmax(0,1fr);align-items:center;margin-top:10px}
  .tp--t-euro .eo-cp__flag{width:56px}
  .tp--t-euro .eo-cp__name span{font-size:min(40px,11.6cqi)}
  .tp--t-euro .eo-cp__r{font-size:16px}
  .tp--t-euro .eo-cp__r b{font-size:19px;min-width:34px}
  .tp--t-euro .eo-cp__m{font-size:15px}
  .tp--t-euro .eo-hero__n{grid-area:n;align-self:center;margin-top:18px}
  .tp--t-euro .eo-hero__n b{font-size:21px}
  .tp--t-euro .eo-hero__n span{font-size:15px}
  .tp--t-euro .eo-hero__cup{grid-area:cup;margin-top:14px}
  .tp--t-euro .eo-hero__img{height:230px;margin-bottom:-4px}
  .tp--t-euro .eo-fband{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 var(--d)}
  .tp--t-euro .eo-fband::-webkit-scrollbar{display:none}
  .tp--t-euro .eo-fs{flex:0 0 150px;scroll-snap-align:start;padding:18px calc(var(--d) * 2 + 10px) 16px}
  .tp--t-euro .eo-fs b{font-size:34px}
  .tp--t-euro .eo-fs span{font-size:14px}

  .tp--t-euro .eo-eds{grid-template-columns:1fr;gap:12px;padding:0}
  .tp--t-euro .eo-ed,.tp--t-euro .eo-ed.is-odd{margin:0;clip-path:polygon(0 0,100% 0,calc(100% - 22px) 100%,0 100%)}
  .tp--t-euro .eo-ed__in{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:16px;padding:20px 40px 22px 18px}
  .tp--t-euro .eo-ed__y{grid-column:1;grid-row:1/3;align-self:start;font-size:40px}
  .tp--t-euro .eo-ed__k{grid-column:2;margin-top:2px}
  .tp--t-euro .eo-ed__ch{grid-column:2;grid-template-columns:auto minmax(0,1fr);align-items:center;margin-top:8px}
  .tp--t-euro .eo-ed__flag{width:40px}
  .tp--t-euro .eo-ed__ch b{font-size:17px;font-stretch:112%}
  .tp--t-euro .eo-eb,.tp--t-euro .eo-ed__where,.tp--t-euro .eo-es,.tp--t-euro .eo-ed__st,.tp--t-euro .eo-ed__av,.tp--t-euro .eo-ed__go{grid-column:1/-1}
  .tp--t-euro .eo-ed__go{justify-self:start;margin-top:16px;transform:none}

  .tp--t-euro .eo-tt{grid-template-columns:52px 44px minmax(0,1fr);grid-template-areas:"n f nm" "c c c";gap:10px 12px;padding:14px 14px 12px}
  .tp--t-euro .eo-tt__nw{grid-area:n}
  .tp--t-euro .eo-tt__n{width:52px;height:52px;font-size:32px}
  .tp--t-euro .eo-tt.is-l{grid-template-columns:44px minmax(0,1fr);grid-template-areas:"f nm" "c c"}
  .tp--t-euro .eo-tt__flag{grid-area:f;width:44px}
  .tp--t-euro .eo-tt__nm{grid-area:nm;font-size:20px}
  .tp--t-euro .eo-tt__cups{grid-area:c;justify-content:flex-start;gap:6px 8px}
  .tp--t-euro .eo-tg__h{padding:14px 14px 12px;font-size:18px}
  .tp--t-euro .eo-tts__key{margin:-8px 0 14px;flex-wrap:wrap}
  .tp--t-euro .eo-tc{min-width:52px;padding:4px}
  .tp--t-euro .eo-tc .eo-ci{width:24px;height:58px}

  .tp--t-euro .eo-top{grid-template-columns:96px minmax(0,1fr);grid-template-areas:"ph who" "bar bar" "g g";gap:12px 14px;padding:16px}
  .tp--t-euro .eo-top__rk{display:none}
  .tp--t-euro .eo-top__ph{width:96px;height:110px}
  .tp--t-euro .eo-top__ph.eo-pic--mono b{font-size:36px}
  .tp--t-euro .eo-top__nm{font-size:24px}
  .tp--t-euro .eo-top__bar{margin-top:0}
  .tp--t-euro .eo-gs--top{width:100%}
  .tp--t-euro .eo-top__g{grid-auto-flow:column;align-items:baseline;justify-content:start;gap:10px;padding:10px 14px}
  .tp--t-euro .eo-top__g b{font-size:52px}
  .tp--t-euro .eo-sr{grid-template-columns:22px 40px minmax(0,1fr) 40px;grid-template-areas:"rk ph who g" "rk ph bar g";gap:5px 10px;padding:8px 8px 8px 6px}
  .tp--t-euro .eo-sr__x{display:none}
  .tp--t-euro .eo-sr .eo-cr{margin-top:1px}
  .tp--t-euro .eo-sr__bar .eo-gs{width:calc(var(--n) * 11px + 4px)}
  .tp--t-euro .eo-sr__rk{grid-area:rk;font-size:18px}
  .tp--t-euro .eo-sr__ph{grid-area:ph;width:40px;height:46px}
  .tp--t-euro .eo-sr__ph.eo-pic--mono b{font-size:15px}
  .tp--t-euro .eo-sr__who{grid-area:who}
  .tp--t-euro .eo-sr__bar{grid-area:bar;justify-self:start}
  .tp--t-euro .eo-sr__g{grid-area:g;width:40px;height:40px;font-size:20px}
  .tp--t-euro .eo-sr__nm{font-size:16px}
  .tp--t-euro .eo-sr__tm{font-size:14px}

  .tp--t-euro .eo-records{margin-top:64px;padding-bottom:64px}
  .tp--t-euro .eo-av{gap:6px;height:230px;margin-top:16px}
  .tp--t-euro .eo-av__s{gap:4px;padding:12px 10px 10px 12px;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%)}
  .tp--t-euro .eo-av li.is-odd .eo-av__s{clip-path:polygon(0 0,calc(100% - 7px) 0,100% 100%,7px 100%)}
  .tp--t-euro .eo-av__s b{font-size:18px;font-stretch:120%}
  .tp--t-euro .eo-av__y{font-size:13px}
  .tp--t-euro .eo-av__s small,.tp--t-euro .eo-av__full{display:none}
  .tp--t-euro .eo-av__short{display:inline}
  .tp--t-euro .eo-av__tag{padding:4px 5px 3px;letter-spacing:0}
  .tp--t-euro .eo-rbn{grid-template-columns:1fr;gap:6px}
  .tp--t-euro .eo-rbn__k{justify-self:start;padding:8px 30px 8px 12px;font-size:15px;clip-path:polygon(0 0,100% 0,calc(100% - 16px) 100%,0 100%)}
  .tp--t-euro .eo-rbn__l{--d:6px;margin-left:0;padding:0 var(--d)}
  .tp--t-euro .eo-rbn__l a{grid-template-columns:1fr;justify-items:center;gap:4px;padding:10px calc(var(--d) * 2 + 2px)}
  .tp--t-euro .eo-rbn__fl{grid-row:auto;width:30px}
  .tp--t-euro .eo-rbn__nm{display:none}
  .tp--t-euro .eo-rbn__l b{font-size:20px}
  .tp--t-euro .eo-rbns{gap:14px}
  .tp--t-euro .eo-sx{grid-template-columns:1fr;gap:10px}
  .tp--t-euro .eo-sx li{grid-template-columns:minmax(0,1fr) 104px;grid-template-rows:auto auto;grid-template-areas:"bar n" "nm c";align-items:center;justify-items:start;gap:4px 10px;text-align:left}
  .tp--t-euro .eo-sx__bar{grid-area:bar;flex-direction:row;width:calc(var(--v) * 100%);height:44px;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%)}
  .tp--t-euro .eo-sx__bar.is-odd{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 100%,0 100%)}
  .tp--t-euro .eo-sx__ph,.tp--t-euro .eo-sx__mono{flex:none;width:44px;height:44px}
  .tp--t-euro .eo-sx__mono{font-size:15px}
  .tp--t-euro .eo-sx__n{grid-area:n;justify-self:end;margin:0;font-size:22px}
  .tp--t-euro .eo-sx__nm{grid-area:nm;margin:0;font-size:14px}
  .tp--t-euro .eo-sx__c{grid-area:c;justify-self:end;margin:0;font-size:13px}
  .tp--t-euro .eo-board{gap:12px}
  .tp--t-euro .eo-rb{padding:18px 16px 20px}
  .tp--t-euro .eo-rb__k{font-size:13px;letter-spacing:.18em}
  .tp--t-euro .eo-ss{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"k k k" "h s a" "m m m";column-gap:10px}
  .tp--t-euro .eo-ss__k{padding:10px 40px 10px 14px;justify-self:start;font-size:13px}
  .tp--t-euro .eo-ss__t{flex-direction:column-reverse;align-items:flex-end;gap:6px;padding:14px 0 0;font-size:16px}
  .tp--t-euro .eo-ss__t--h{padding-left:12px}
  .tp--t-euro .eo-ss__t--a{flex-direction:column;align-items:flex-start;padding-right:12px}
  .tp--t-euro .eo-ss__fl{width:40px}
  .tp--t-euro .eo-ss__s{font-size:30px;padding:7px 8px 5px}
  .tp--t-euro .eo-ss__m{padding:10px 12px 14px;font-size:14px}

  .tp--t-euro .eo-sl__nav{display:none}
  .tp--t-euro .eo-sl__track{gap:12px;margin-right:-16px;padding-right:16px}
  .tp--t-euro .eo-vc{width:80vw}
  .tp--t-euro .eo-ac{width:74vw}
  .tp--t-euro .eo-pc__f{height:230px}
  .tp--t-euro .eo-pc--p .eo-pc__f{width:172px}.tp--t-euro .eo-pc--l .eo-pc__f{width:306px}
  .tp--t-euro .eo-pc--s .eo-pc__f{width:230px}.tp--t-euro .eo-pc--w .eo-pc__f{width:300px}
  .tp--t-euro .eo-src{margin-top:48px}
}