/* Тенниси — справка для игроков. Простая версия: без анимаций и скриптов. */

:root{
  --dred:#9b1b30;      /* тёмно-красный — шапка, заголовки, кнопки */
  --dred-d:#7c1226;    /* тёмный оттенок */
  --dred-l:#b22240;    /* светлый оттенок — наведение */
  --gold:#e5df00;      /* жёлтый акцент */
  --text:#2b2b2b;      /* основной текст — тёмно-серый, читается легче чёрного */
  --text2:#6a5c5f;     /* второстепенный */
  --pink:#f7deda;      /* фон плашек */
  --pink-l:#fdf3f2;    /* светлая подложка секций */
  --pink-b:#e6bdb7;    /* линейки на розовом */
  --yellow-l:#fdf7d9;  /* жёлтая подложка */
  --line:#e0d3d1;
  --sans:tahoma,verdana,arial,geneva,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}

body{
  margin:0;
  background:#fff;
  color:var(--text);
  font:400 15px/1.7 var(--sans);
}

a{color:var(--dred)}
a:hover{color:var(--dred-l)}
:focus-visible{outline:2px solid var(--dred);outline-offset:2px}
img{max-width:100%;height:auto}

.wrap{max-width:820px;margin:0 auto;padding:0 18px}

/* ——— плашка: это не официальный сайт ——— */
.notofficial{
  background:var(--yellow-l);
  border-bottom:2px solid var(--gold);
  padding:12px 0;
}
.notofficial p{margin:0;font-size:14px;line-height:1.55;color:#4a3b1a}
.notofficial strong{color:#2b2b2b}

/* ——— шапка ——— */
.hdr{background:var(--dred);color:#fff;padding:11px 0}
.hdr a{color:#fff;text-decoration:none}
.hdr nav{font-size:14px;line-height:2}
.hdr nav a{margin-right:16px;border-bottom:1px solid rgba(255,255,255,.35)}
.hdr nav a:hover{border-bottom-color:#fff}
.hdr nav a.here{border-bottom:2px solid var(--gold);font-weight:bold}

/* ——— заголовок страницы ——— */
.top{background:var(--pink-l);border-bottom:1px solid var(--pink-b);padding:26px 0 24px}
.crumbs{font-size:13px;color:var(--text2);margin:0 0 12px}
.crumbs a{color:var(--text2)}
h1{margin:0 0 12px;font-size:26px;line-height:1.25;color:var(--dred-d)}
.lead{margin:0;font-size:16px;line-height:1.6}

/* ——— контент ——— */
main{padding:6px 0 0}
section{padding:26px 0;border-bottom:1px solid var(--line)}
section:last-child{border-bottom:0}
h2{margin:0 0 12px;font-size:20px;line-height:1.3;color:var(--dred-d)}
h3{margin:22px 0 8px;font-size:16px;line-height:1.35;color:var(--dred-d)}
p{margin:0 0 14px}
ul,ol{margin:0 0 14px;padding-left:22px}
li{margin-bottom:7px}

/* ——— плашки ——— */
.box{background:var(--pink-l);border:1px solid var(--pink-b);padding:16px 18px;margin:0 0 16px}
.box p:last-child{margin-bottom:0}
.box-y{background:var(--yellow-l);border-color:var(--gold)}
.note{font-size:13.5px;color:var(--text2);line-height:1.6;margin:16px 0 0}

/* ——— кнопки ——— */
.btn{
  display:inline-block;background:var(--dred);color:#fff;text-decoration:none;
  padding:11px 20px;font-size:15px;font-weight:bold;border:1px solid var(--dred-d);
}
.btn:hover{background:var(--dred-l);color:#fff}
.btn-o{
  display:inline-block;background:#fff;color:var(--dred);text-decoration:none;
  padding:11px 20px;font-size:15px;font-weight:bold;border:1px solid var(--dred);
}
.btn-o:hover{background:var(--pink-l);color:var(--dred)}

/* ——— таблицы ——— */
.tw{overflow-x:auto;margin:0 0 16px}
table{border-collapse:collapse;width:100%;font-size:14.5px;min-width:30rem}
th,td{text-align:left;padding:9px 14px;border:1px solid var(--line);vertical-align:top}
th{background:var(--pink-l);color:var(--dred-d)}

dl.facts{margin:0 0 16px;border-top:1px solid var(--line)}
dl.facts dt{font-weight:bold;color:var(--dred-d);padding:9px 0 0;font-size:14.5px}
dl.facts dd{margin:0;padding:0 0 9px;border-bottom:1px solid var(--line)}

/* ——— партнёрский блок ——— */
.partner{border:2px solid var(--dred);padding:18px 20px;margin:0 0 16px}
.adlabel{margin:0 0 10px;font-size:13px;font-weight:bold;color:var(--dred)}
.partner h3{margin-top:0}

/* ——— список разделов ——— */
ul.pages{list-style:none;padding:0;margin:0}
ul.pages li{margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}
ul.pages li:last-child{border-bottom:0}
ul.pages a{font-weight:bold;font-size:16px}
ul.pages span{display:block;color:var(--text2);font-size:14.5px;margin-top:3px}

/* ——— FAQ ——— */
.faq h3{margin:18px 0 6px}
.faq h3:first-child{margin-top:0}

/* ——— назад/дальше ——— */
.pager{font-size:14.5px;padding:18px 0 0}
.pager a{display:inline-block;margin-right:18px}

/* ——— подвал ——— */
footer{background:var(--dred-d);color:#f0d9dd;padding:26px 0 30px;font-size:14px;line-height:1.65;margin-top:26px}
footer a{color:#fff}
footer h4{color:#fff;font-size:15px;margin:0 0 8px}
footer ul{list-style:none;padding:0;margin:0 0 18px}
footer li{margin-bottom:6px}
footer p{margin:0 0 10px;max-width:46rem}
.small{font-size:12.5px;color:#d3b6bc;border-top:1px solid #92374a;padding-top:14px;margin-top:6px}
.age{
  display:inline-block;border:2px solid var(--gold);color:var(--gold);
  padding:3px 9px;font-weight:bold;font-size:14px;margin-bottom:10px;
}

@media (min-width:700px){
  body{font-size:16px}
  h1{font-size:30px}
  h2{font-size:22px}
}