:root{--navy:#17457f;--blue:#2a6db5;--gold:#e0a82e;--ink:#222;--mut:#5b6572;--bg:#f3f6fa;--line:#d9e1ec}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.55 "Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--blue)}
a:hover{color:var(--navy)}
img{max-width:100%;height:auto}
.in{max-width:1080px;margin:0 auto;padding:0 16px}
.hd{background:#fff;border-bottom:4px solid var(--gold)}
.hd .in{display:flex;gap:20px;align-items:center;padding-top:16px;padding-bottom:16px}
.emb{flex:none;display:block}
.emb img{display:block;width:64px;height:auto}
.brand{display:block;text-decoration:none;color:var(--navy)}
.brand b{display:block;font-size:20px;line-height:1.25}
.brand span{display:block;font-size:14px;color:var(--mut);margin-top:2px}
.hd .cn{margin-left:auto;text-align:right;font-size:14px;color:var(--mut);line-height:1.4}
.hd .cn b{display:block;white-space:nowrap;font-size:18px;color:var(--navy)}
.bar{background:var(--navy)}
.bar .in{display:flex;flex-wrap:wrap}
.bar a{color:#fff;text-decoration:none;padding:13px 16px;font-size:15px;border-bottom:3px solid transparent}
.bar a:hover,.bar a.on{background:rgba(255,255,255,.1);border-bottom-color:var(--gold)}
.pic{margin:26px 0 0;text-align:center}
.pic img{border-radius:3px;opacity:.9}
.band{background:var(--navy);color:#fff}
.band .in{padding-top:22px;padding-bottom:22px}
.band h1{margin:0;font-size:28px;line-height:1.25}
main.pg{background:#fff;margin:24px auto;max-width:1080px;padding:26px 30px 34px;border:1px solid var(--line);border-radius:4px}
main.pg>h1{margin:0 0 14px;font-size:28px;line-height:1.25;color:var(--navy)}
h2{font-size:22px;color:var(--navy);margin:30px 0 12px;line-height:1.3}
h3{font-size:18px;color:var(--navy);margin:22px 0 8px}
.crumbs{font-size:13px;color:var(--mut);margin:0 0 10px}
.crumbs a{color:var(--mut)}
.lead{font-size:18px;color:#333}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}
.tile{display:block;text-decoration:none;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:3px;padding:14px 16px}
.tile strong{display:block;color:var(--navy);font-size:17px;margin-bottom:4px}
.tile span{font-size:14px;color:var(--mut);line-height:1.4;display:block}
.tile:hover{border-color:var(--blue);border-top-color:var(--gold)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:14px 0 8px}
.cards.l{grid-template-columns:repeat(2,1fr)}
.card{background:var(--bg);border:1px solid var(--line);border-radius:3px;padding:14px 16px}
.card time{display:block;font-size:13px;color:var(--mut);margin-bottom:4px}
.card h3{margin:0 0 6px;font-size:17px}
.card p{margin:0;font-size:15px;line-height:1.45}
.more{margin:6px 0 0}
.more a{font-weight:600}
.info{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}
.info div{background:var(--bg);border-left:4px solid var(--gold);padding:12px 16px;font-size:15px}
.info b{display:block;color:var(--navy);margin-bottom:2px}
.tw{overflow-x:auto}
table.rt{border-collapse:collapse;width:100%;font-size:15px}
table.rt th,table.rt td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}
table.rt th{background:var(--navy);color:#fff;font-weight:600}
table.rt tbody tr:nth-child(even){background:var(--bg)}
table.rt td.n{width:44px;text-align:center;color:var(--mut)}
dl.req{margin:0;display:grid;grid-template-columns:230px 1fr;gap:0;border:1px solid var(--line)}
dl.req dt,dl.req dd{margin:0;padding:9px 14px;border-bottom:1px solid var(--line)}
dl.req dt{background:var(--bg);font-weight:600;color:var(--navy)}
dl.req dt:last-of-type,dl.req dd:last-of-type{border-bottom:0}
.contacts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}
.contact{background:var(--bg);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:3px;padding:14px 18px}
.contact h3{margin:0 0 6px;font-size:17px}
.contact p{margin:3px 0}
ul.ev{columns:2;column-gap:32px;padding-left:20px}
ul.ev li{margin:0 0 7px;break-inside:avoid}
.ft{background:var(--navy);color:#dbe6f5;margin-top:30px}
.ft .in{padding-top:22px;padding-bottom:22px;font-size:14px;display:flex;flex-wrap:wrap;gap:8px 40px;justify-content:space-between}
.ft p{margin:0}
.ft a{color:#fff}
@media(max-width:900px){.tiles,.cards{grid-template-columns:repeat(2,1fr)}.info{grid-template-columns:1fr}}
@media(max-width:640px){
.hd .in{flex-wrap:wrap}.hd .cn{margin-left:0;text-align:left;width:100%}
.brand b{font-size:17px}
.bar a{padding:11px 12px;font-size:14px}
main.pg{margin:0;border-left:0;border-right:0;border-radius:0;padding:20px 16px 28px}
main.pg>h1{font-size:23px}
.tiles,.cards,.cards.l,.contacts{grid-template-columns:1fr}
ul.ev{columns:1}
dl.req{grid-template-columns:1fr}dl.req dt{border-bottom:0;padding-bottom:2px}dl.req dd{padding-top:0}
table.rt.clubs thead{display:none}
table.rt.clubs,table.rt.clubs tbody,table.rt.clubs tr,table.rt.clubs td{display:block;width:100%}
table.rt.clubs tr{border:1px solid var(--line);margin-bottom:10px;background:#fff!important}
table.rt.clubs td{border:0;padding:4px 12px}
table.rt.clubs td.n{display:none}
table.rt.clubs td:first-of-type{font-weight:600;color:var(--navy);padding-top:10px}
}