.calendar-page{color:#0a2a3b;background:#f5f3eb;min-height:100vh}.calendar-top{color:#fff;background:#071c2c;align-items:center;gap:42px;height:82px;padding:0 5vw;display:flex}.calendar-brand{align-items:center;gap:12px;margin-right:auto;display:flex}.calendar-brand img{object-fit:contain;width:52px;height:52px}.calendar-brand span{flex-direction:column;display:flex}.calendar-brand b{font-size:21px}.calendar-brand small{letter-spacing:.16em;color:#afbdc5;font-size:9px}.calendar-top nav{gap:26px;display:flex}.calendar-top nav a{color:#cfdae0;font-size:13px}.calendar-hero{color:#fff;background:#0b2c3e;grid-template-columns:1.4fr .6fr;align-items:end;gap:8vw;padding:85px 7vw 75px;display:grid}.calendar-hero>div>span{color:#b8f22e;letter-spacing:.18em;font-size:10px;font-weight:800}.calendar-hero h1{margin:22px 0;font:clamp(48px,6vw,82px)/.98 Georgia,serif}.calendar-hero p{color:#c7d4da;max-width:720px;font-size:18px;line-height:1.6}.calendar-hero aside{border-left:4px solid #b8f22e;flex-direction:column;gap:10px;padding:12px 0 12px 28px;display:flex}.calendar-hero aside small{letter-spacing:.16em;color:#b8f22e}.calendar-hero aside strong{text-transform:capitalize;font:34px Georgia,serif}.calendar-hero aside b{color:#c5d2d8;font-size:13px}.calendar-hero aside a{margin-top:12px;text-decoration:underline}.calendar-content{padding:60px 7vw 100px}.calendar-tools{justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px;display:flex}.kind-filter{flex-wrap:wrap;gap:8px;display:flex}.kind-filter button{color:#0a2a3b;background:0 0;border:1px solid #9eacae;border-radius:999px;padding:11px 17px}.kind-filter button.active{color:#fff;background:#0b2c3e;border-color:#0b2c3e}.calendar-tools label{letter-spacing:.12em;font-size:10px;font-weight:800}.calendar-tools select{color:#0a2a3b;background:#fff;border:1px solid #acb8b8;min-width:250px;margin-top:8px;padding:12px;display:block}.calendar-summary{border-top:1px solid #9babae;align-items:baseline;gap:10px;padding:23px 0 30px;display:flex}.calendar-summary b{font:38px Georgia,serif}.calendar-summary span{color:#566d77}.calendar-summary i{color:#6e858d;margin-left:auto;font-size:11px;font-style:normal}.event-days{flex-direction:column;gap:14px;display:flex}.event-day{background:#fff;border:1px solid #d8dfdc;grid-template-columns:180px 1fr;display:grid}.event-day>header{border-right:1px solid #d8dfdc;padding:28px}.event-day>header span{text-transform:uppercase;letter-spacing:.14em;color:#78931b;font-size:10px;font-weight:800}.event-day>header h2{text-transform:capitalize;margin:10px 0;font:30px Georgia,serif}.event-day article{border-bottom:1px solid #e3e8e5;grid-template-columns:72px 76px 1fr;align-items:center;gap:18px;padding:19px 24px;display:grid}.event-day article:last-child{border-bottom:0}.event-day time{font-weight:800}.event-kind{text-transform:uppercase;letter-spacing:.08em;text-align:center;padding:6px;font-size:9px}.event-kind.training{color:#315d52;background:#dcebe5}.event-kind.match{color:#344b00;background:#e4f39e}.event-kind.other{color:#6b5c2f;background:#eee8d8}.event-day article small{color:#6b8615;font-weight:800}.event-day article h3{margin:4px 0;font-size:17px}.event-day article p{color:#63747a;margin:0;font-size:12px}.calendar-empty,.calendar-error{background:#fff;border-left:5px solid #b8f22e;padding:50px}.calendar-error span{letter-spacing:.15em;color:#779414;font-size:10px;font-weight:800}.calendar-error h2{font:38px Georgia,serif}.calendar-error a{color:#fff;background:#0b2c3e;margin-top:15px;padding:14px 18px;display:inline-block}.calendar-footer{color:#fff;background:#071c2c;grid-template-columns:auto 1fr auto;align-items:center;gap:35px;padding:38px 6vw;display:grid}.calendar-footer>div{align-items:center;gap:12px;display:flex}.calendar-footer img{width:44px}.calendar-footer p{color:#aebdc4;font-size:12px}.calendar-footer>a{font-size:12px;text-decoration:underline}@media (max-width:800px){.calendar-top nav{display:none}.calendar-hero{grid-template-columns:1fr}.calendar-tools{flex-direction:column;align-items:stretch}.calendar-tools select{width:100%}.event-day{grid-template-columns:1fr}.event-day>header{border-bottom:1px solid #d8dfdc;border-right:0;padding:20px 22px}.event-day article{grid-template-columns:60px 68px 1fr}.calendar-footer{grid-template-columns:1fr}.calendar-summary i{display:none}}@media (max-width:520px){.calendar-hero,.calendar-content{padding-left:20px;padding-right:20px}.calendar-hero h1{font-size:45px}.event-day article{grid-template-columns:55px 1fr}.event-day article>div{grid-column:1/-1}.event-kind{justify-self:start}.calendar-top{padding:0 20px}}
