:root{
  --ink:#F7F4EC; --ink2:#F1EDE1; --panel:#FFFFFF; --panel2:#FAF8F1;
  --cream:#1C1C1A; --mut:#5C584C; --dim:#8B8674;
  --accent:#C4552D; --accent-hi:#DA6B41;
  --accent-12:rgba(196,85,45,0.12); --accent-30:rgba(196,85,45,0.3); --accent-55:rgba(196,85,45,0.55);
  --line:rgba(28,28,26,.10); --line2:rgba(28,28,26,.18);
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',sans-serif;background:var(--ink);color:var(--cream);line-height:1.55}
::selection{background:var(--accent);color:#F7F4EC}
.mono{font-family:'JetBrains Mono',monospace}
.wrap{max-width:1160px;margin:0 auto;padding:0 26px}
a{color:inherit;text-decoration:none}
.grain{position:fixed;inset:-50%;width:200%;height:200%;pointer-events:none;z-index:200;opacity:.04;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:grain 7s steps(8) infinite}
@keyframes grain{0%,100%{transform:translate(0,0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(-1%,2%)}}
header{position:sticky;top:0;z-index:100;background:rgba(247,244,236,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.hd-in{max-width:1160px;margin:0 auto;padding:0 26px;height:64px;display:flex;align-items:center;gap:26px}
.brand{display:flex;align-items:center;gap:11px;font-weight:700;font-size:15px}
.brand span{color:var(--accent)}
.brand small{display:block;font-family:'JetBrains Mono',monospace;font-weight:400;font-size:9px;letter-spacing:.22em;color:var(--dim);text-transform:uppercase}
nav{display:flex;gap:22px;margin-left:auto}
nav a{font-size:13px;font-weight:500;color:var(--mut);position:relative;transition:color .2s}
nav a::after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.22,.61,.36,1)}
nav a:hover{color:var(--cream)}
nav a:hover::after{transform:scaleX(1);transform-origin:left}
@media(max-width:760px){nav{display:none}}
.crumbs{font-size:12.5px;color:var(--dim);padding:26px 0 0;font-family:'JetBrains Mono',monospace}
.crumbs a{color:var(--mut)} .crumbs a:hover{color:var(--accent)}
.crumbs b{color:#C9C3AF;font-weight:400;margin:0 7px}
.hero{padding:34px 0 40px;border-bottom:1px solid var(--line)}
.hero-grid{display:grid;grid-template-columns:1fr;gap:34px}
@media(min-width:900px){.hero-grid{grid-template-columns:1fr 320px}}
.kick{font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:18px;display:flex;align-items:center;gap:12px}
.kick::before{content:"";width:28px;height:1px;background:var(--accent)}
h1{font-size:clamp(36px,5.6vw,64px);font-weight:800;letter-spacing:-.035em;line-height:1.02;margin-bottom:16px}
h1 em{font-style:normal;color:var(--accent)}
.lede{color:var(--mut);font-size:16px;max-width:640px;line-height:1.7}
.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.info{align-self:start}
.info .ph img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;position:relative;z-index:1}
.info .ph.stub{background:var(--panel2)}
.info .ph.stub img{object-fit:contain;padding:14px}
.sb-p .av.stub{background:var(--panel2)}
.phcredit{padding:6px 14px 8px;font-size:7px;color:var(--dim);line-height:1.45;border-bottom:1px solid var(--line)}
.phcredit a{color:var(--dim);text-decoration:underline}
.sb-p img.av{width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:top;border:1px solid var(--line2);margin-bottom:10px}
.info .ph{height:230px;background:radial-gradient(120% 120% at 30% 20%,#DCE7D2,var(--ink2));display:flex;align-items:center;justify-content:center;font-size:64px;font-weight:800;color:var(--accent);letter-spacing:.02em;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.info .ph::before{content:"";position:absolute;inset:0;opacity:.07;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360' viewBox='0 0 360 360'%3E%3Cg fill='none' stroke='%23F4F1EA' stroke-width='1.5'%3E%3Crect x='20' y='20' width='320' height='320'/%3E%3Cline x1='20' y1='180' x2='340' y2='180'/%3E%3Cline x1='100' y1='20' x2='100' y2='340'/%3E%3Cline x1='260' y1='20' x2='260' y2='340'/%3E%3Cline x1='100' y1='100' x2='260' y2='100'/%3E%3Cline x1='100' y1='260' x2='260' y2='260'/%3E%3C/g%3E%3C/svg%3E");background-size:280px;opacity:.5}
table.kv{width:100%;border-collapse:collapse;font-size:13px}
table.kv td{padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:top}
table.kv tr:last-child td{border-bottom:none}
table.kv td:first-child{color:var(--dim);font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;width:32%;padding-top:12px;line-height:1.3;hyphens:none}
table.kv td:last-child{font-weight:600;line-height:1.4;text-wrap:pretty;overflow-wrap:break-word;hyphens:none}
.tag{display:inline-block;background:var(--accent-12);color:var(--accent);border:1px solid var(--accent-30);border-radius:99px;padding:2px 10px;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:600}
section{padding:56px 0;border-bottom:1px solid var(--line)}
section:last-of-type{border-bottom:none}
.sec-num{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--dim);text-transform:uppercase;display:block;margin-bottom:12px}
h2.sec{font-size:clamp(24px,3.4vw,34px);font-weight:800;letter-spacing:-.025em;margin-bottom:26px}
h2.sec em{font-style:normal;color:var(--accent)}
.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:34px}
.stat{background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:18px}
.stat .v{font-size:30px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.stat .v span{color:var(--accent)}
.stat .k{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-top:6px}
table.data{width:100%;border-collapse:collapse;font-size:13.5px}
table.data th{text-align:left;font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);padding:10px 12px;border-bottom:1px solid var(--line2)}
table.data td{padding:11px 12px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
table.data tr:hover td{background:rgba(28,28,26,.03)}
table.data a{color:var(--cream);border-bottom:1px solid var(--accent-30);transition:color .2s,border-color .2s}
table.data a:hover{color:var(--accent);border-color:var(--accent)}
.w{color:var(--accent);font-weight:700;font-family:'JetBrains Mono',monospace;font-size:11px}
.l{color:var(--dim);font-weight:700;font-family:'JetBrains Mono',monospace;font-size:11px}
.score{font-family:'JetBrains Mono',monospace;font-size:12.5px;white-space:nowrap}
.chartbox{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px}
.chartbox .cap{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:12px}
.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:30px 26px}
.sb-p{text-align:center} .sb-p .nm{font-size:clamp(20px,3vw,30px);font-weight:800;letter-spacing:-.02em}
.sb-p .ct{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--dim);letter-spacing:.14em;text-transform:uppercase;margin-top:6px}
.sb-sets{display:flex;gap:10px}
.sb-set{min-width:44px;text-align:center;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:8px 6px;font-family:'JetBrains Mono',monospace;font-size:17px;font-weight:600}
.sb-set.win{border-color:var(--accent-55);color:var(--accent);box-shadow:0 8px 22px -14px var(--accent-55)}
.meta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
footer{padding:44px 0 60px;color:var(--dim);font-size:12.5px}
footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:28px}
footer a{color:var(--mut)}
.rel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.rel{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:13.5px;transition:border-color .25s}
.rel:hover{border-color:var(--accent-55)}
.jun-grid{display:grid;grid-template-columns:1fr;gap:24px}
@media(min-width:760px){.jun-grid{grid-template-columns:1fr 1fr}}
.lang{position:relative;margin-left:6px}
.lang-lbl{cursor:pointer;font-size:13.5px;color:var(--mut);display:flex;align-items:center;gap:5px}
.lang>.lang-menu{display:none;position:absolute;right:0;top:100%;padding-top:8px;background:transparent;z-index:50}
.lang-menu-in{background:var(--panel);border:1px solid var(--line2);border-radius:12px;padding:6px;min-width:150px;box-shadow:0 18px 40px -24px rgba(28,28,26,.35)}
.lang:hover>.lang-menu{display:block}
.lang-menu-in a{display:block;padding:7px 12px;border-radius:8px;font-size:13px;color:var(--cream);white-space:nowrap}
.lang-menu-in a:hover{background:var(--panel2)}
.lang-menu-in a.cur{color:var(--accent);font-weight:600}
.rel .t{color:var(--dim);font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;margin-top:4px}

/* ---- 2026-09-26 design iteration ---- */
/* match stats comparison bars */
.cmp{display:flex;align-items:center;gap:10px}
.cmp .bar{flex:1;height:4px;background:var(--panel2);border:1px solid var(--line);border-radius:99px;overflow:hidden;display:flex}
.cmp-l .bar{justify-content:flex-end}
.cmp .bar i{display:block;height:100%;background:var(--accent);border-radius:99px}
.cmp .v{font-family:'JetBrains Mono',monospace;font-size:12.5px;font-variant-numeric:tabular-nums;min-width:44px}
.cmp-l .v{text-align:right}
table.data td.cstat{color:var(--dim);font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;text-align:center;white-space:nowrap}
table.data th.cstat{text-align:center}
/* winner pill in scoreboard */
.wpill{display:inline-block;background:var(--accent);color:#F7F4EC;border-radius:6px;padding:1px 7px;
  font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:600;vertical-align:4px;margin-left:8px}
/* year chips */
.ychips{display:flex;flex-wrap:nowrap;gap:4px;margin:12px 0 6px;width:100%}
.ychips label{flex:1 1 0;min-width:0;text-align:center;font-family:'JetBrains Mono',monospace;
  font-size:11px;line-height:1;border:1px solid var(--line2);border-radius:6px;padding:6px 2px;
  color:var(--mut);cursor:pointer;user-select:none;white-space:nowrap;overflow:hidden;
  transition:background .15s,color .15s,border-color .15s}
.ychips label:hover{border-color:var(--accent-55);color:var(--accent)}
@media(max-width:900px){.ychips label{font-size:10px;padding:5px 1px}}
.ypanes .ypane{display:none}
.page{max-width:86rem;margin:0 auto;padding:0 28px;display:grid;
  grid-template-columns:11rem minmax(0,1fr) 20rem;gap:40px;align-items:start}
nav.toc,.toc{display:block;position:sticky;top:78px;padding-top:26px;margin-left:0;gap:0}
.toc .t{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:10px}
.toc a{display:block;padding:5px 0 5px 10px;color:var(--mut);font-size:13.5px;border-left:2px solid transparent}
.toc a:hover{color:var(--accent);border-left-color:var(--accent)}
article{padding:26px 0 60px;min-width:0}
article h1{font-family:'Source Serif 4',Georgia,serif;font-size:40px;font-weight:600;letter-spacing:-.015em;line-height:1.1}
article .sub{color:var(--dim);font-size:13.5px;margin-top:6px}
article .lead{font-family:'Source Serif 4',Georgia,serif;font-size:17.5px;line-height:1.62;margin:18px 0 8px;max-width:68ch}
article h2{font-family:'Source Serif 4',Georgia,serif;font-size:24px;font-weight:600;margin:38px 0 14px;
  padding-bottom:7px;border-bottom:1px solid var(--line)}
article p{font-family:'Source Serif 4',Georgia,serif;font-size:16.5px;line-height:1.7;margin-bottom:14px;max-width:70ch}
table.d{width:100%;border-collapse:collapse;font-size:13px;margin:6px 0 4px}
table.d th{text-align:left;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--dim);font-weight:500;padding:7px 10px;border-bottom:1px solid var(--line2)}
table.d td{padding:6px 10px;border-bottom:1px solid var(--line);vertical-align:top}
table.d td.num,table.d th.num{text-align:right;font-family:'JetBrains Mono',monospace;font-variant-numeric:tabular-nums}
article .note{font-size:12px;color:var(--dim);margin-top:6px}
.mlist{margin-top:8px}
.mb{border-bottom:1px solid var(--line);padding:11px 2px 12px}
.mhead{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:7px;font-size:12.5px}
.mhead .dt{font-family:'JetBrains Mono',monospace;font-size:11.5px;color:var(--dim)}
.mhead .tn{font-weight:600}
.mhead .rnd{color:var(--mut)}
.mhead .sf{color:var(--dim);margin-left:auto;display:inline-flex;align-items:center;white-space:nowrap}
.side{display:flex;align-items:center;gap:8px;padding:3px 0;font-size:14px;color:var(--mut)}
.side.win{color:var(--cream);font-weight:700}
.side .nm{flex:1;min-width:0}
.sets{display:flex;gap:6px}
.st{font-family:'JetBrains Mono',monospace;font-size:13px;width:2.1rem;text-align:center;
  border-radius:5px;padding:1px 0;color:var(--dim)}
.st.w{background:var(--accent-12);color:var(--accent);font-weight:600}
aside{padding-top:26px}
.info{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.info .ph{background:var(--panel2);aspect-ratio:5/4;height:auto!important;display:block;border-bottom:1px solid var(--line);overflow:hidden;width:100%;font-size:0}
.info .ph img{width:100%!important;height:100%!important;max-width:none;object-fit:cover;object-position:center 62%;display:block}
.info .ph.stub img{object-fit:contain;padding:14px}
.info .cap{padding:12px 14px;border-bottom:1px solid var(--line);font-weight:700;font-size:15px}
.info .sub2{font-weight:400;color:var(--dim);font-size:12px;margin-top:2px}
.info table{width:100%;border-collapse:collapse;font-size:12.5px}
.info th{text-align:left;font-weight:400;color:var(--dim);padding:7px 14px;width:45%;vertical-align:top}
.info td{padding:7px 14px;font-weight:600;text-align:right}
.info tr+tr th,.info tr+tr td{border-top:1px solid var(--line)}
.info .links{display:flex;gap:6px;flex-wrap:wrap;padding:11px 14px;border-top:1px solid var(--line)}
.info .links a{border:1px solid var(--line2);border-radius:99px;padding:4px 10px;font-size:11.5px;color:var(--mut)}
@media(max-width:1100px){.page{grid-template-columns:minmax(0,1fr) 20rem}.toc{display:none}}
@media(max-width:820px){.page{grid-template-columns:1fr;padding:0 18px}aside{position:static;order:-1;padding-top:16px}
  article h1{font-size:30px}.mhead .sf{margin-left:0}}

/* ---- значки меню и оглавления, плашки, покрытия ---- */
nav a .ic,.toc a .ic{width:15px;height:15px;flex:none;margin-right:7px;opacity:.75}
nav a{display:inline-flex;align-items:center}
.toc a{display:flex;align-items:center}
.toc a:hover .ic,nav a:hover .ic{opacity:1}
.report{font-size:12px;color:var(--dim);border:1px solid var(--line);border-radius:99px;
  padding:4px 11px;margin-left:10px;white-space:nowrap}
.report:hover{color:var(--mut);border-color:var(--line2)}
.report::after{display:none!important}
@media(max-width:760px){.report{display:none}}
.tbadge{display:inline-flex;align-items:center;justify-content:center;min-width:4.4rem;height:1.45rem;
  border-radius:6px;padding:0 7px;font-family:'JetBrains Mono',monospace;font-size:10.5px;
  font-weight:600;letter-spacing:.02em;color:#fff;white-space:nowrap}
.tbadge.gs{background:linear-gradient(180deg,#1d3f6e,#12294a)}
.tbadge.oly{background:#fff;color:#1C1C1A;border:1px solid var(--line2)}
.tbadge.atp-1000,.tbadge.wta-1000{background:linear-gradient(180deg,#d8b24c,#b2892b);color:#241a05}
.tbadge.atp-500,.tbadge.wta-500{background:linear-gradient(180deg,#d8dadd,#b4b8bd);color:#23262a}
.tbadge.atp-250{background:#1f3d63}
.tbadge.wta-250{background:#6b3fa0}
.tbadge.wta-125,.tbadge.wta-finals{background:#4b2a75}
.tbadge.atp-finals{background:#16304f}
.tbadge.atp-ch{background:#1f5c3a}
.tbadge.itf-m{background:#1f6bb0}
.tbadge.itf-w{background:#c8367f}
.tbadge.itf-j{background:#8be04e;color:#14310a}
.tbadge.cup{background:#5c584c}
.surf-ic{margin-right:5px;display:inline-flex;align-items:center;justify-content:center;width:17px;
  height:17px;border-radius:50%;color:#fff;font-family:'JetBrains Mono',monospace;font-size:9.5px;
  font-weight:600;font-style:normal;line-height:1}
.tcat{display:flex;gap:8px;align-items:center;margin-top:10px}
.tsurf{font-size:12.5px;color:var(--mut)}

/* ---- мобильная шапка: бургер и языки чипами ---- */
.navtoggle{display:none}
.burger{display:none;cursor:pointer;color:var(--mut);margin-left:auto}
.nav-langs{display:none}
@media(max-width:760px){
  header .hd-in{flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:10px}
  .burger{display:inline-flex;align-items:center}
  nav{display:none;width:100%;flex-direction:column;gap:2px;margin-left:0;padding-top:10px}
  #navtoggle:checked ~ nav{display:flex}
  nav a{padding:8px 0}
  .hd-in nav .lang{display:none}
  .nav-langs{display:flex;gap:8px;flex-wrap:wrap;padding-top:10px}
  .nav-langs a{border:1px solid var(--line2);border-radius:99px;padding:4px 11px;font-size:12px;color:var(--mut)}
  .nav-langs a.cur{border-color:var(--accent-55);color:var(--accent);background:var(--accent-12)}
}
@media(min-width:761px){.nav-langs{display:none!important}.burger{display:none!important}}

input.yr{display:none!important}
input.navtoggle,#navtoggle{display:none!important}

/* ---- график рейтинга по годам ---- */
article h3.subh{font-family:'Source Serif 4',Georgia,serif;font-size:18px;font-weight:600;margin:6px 0 2px}
.ychips label.all{flex:0 0 auto;padding:6px 10px}
article .chartbox{padding:14px 14px 8px;border-radius:12px;margin-bottom:22px}

/* ---- страница турнира ---- */
.tsub{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px}
.tsub span{display:inline-flex;align-items:center}
.ychips.tabs label{flex:0 1 auto;padding:6px 12px}
table.champs td{vertical-align:middle}
table.champs td.champ{font-weight:700}
table.d td.sc{white-space:nowrap}
table.d td.yrs{color:var(--mut);font-size:12px}
article .fl,.info .fl,.tsub .fl{margin-right:5px}
.edy{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:var(--accent);margin:18px 0 0;
  padding-bottom:4px;border-bottom:1px solid var(--line2)}
.info .ph.logo{aspect-ratio:auto!important;height:auto!important;display:flex;align-items:center;justify-content:center;
  padding:26px 18px;background:var(--panel2)}
.info .ph.logo img{width:auto!important;height:auto!important;max-width:70%!important;max-height:120px;object-fit:contain}
@media(max-width:600px){
  table.champs{font-size:12px;table-layout:fixed}
  table.champs th,table.champs td{padding:6px 4px;overflow-wrap:anywhere}
  table.champs th:first-child,table.champs td:first-child{width:3rem}
  table.champs th:last-child,table.champs td:last-child{width:5.6rem}
  table.d td.sc{white-space:normal;font-size:11px}
}
@media(max-width:1100px){nav.toc{display:none!important}}