.calendar-social { background:#e9eeea; padding:40px 24px 60px; }
.fixtures-leg { --neon:#2be68b; max-width:1000px; margin:0 auto; color:#f0f7f2; background:linear-gradient(130deg,transparent 34%,#12492d45 34%,#12492d45 47%,transparent 47%),linear-gradient(135deg,#06180f,#0b2b1b 52%,#06160e); padding:32px 46px 26px; border:1px solid #284d38; }
.fixtures-brand,.fixtures-meta { display:flex; align-items:center; justify-content:space-between; gap:18px; font-size:11px; text-transform:uppercase; letter-spacing:.13em; font-weight:700; }
.fixtures-brand b { color:var(--neon); margin-left:14px; font-size:25px; text-transform:none; letter-spacing:-.03em; }
.fixtures-brand>span:last-child { color:#052417; background:var(--neon); padding:8px 24px; clip-path:polygon(5% 0,100% 0,95% 100%,0 100%); }
.fixtures-heading>p { margin:28px 0 14px; text-align:center; color:#f0f7f2; font-size:clamp(28px,4vw,46px); font-weight:750; font-style:italic; text-transform:uppercase; letter-spacing:.12em; }
.fixtures-heading h2 { background:var(--neon); color:#061b10; text-align:center; font-size:clamp(48px,7vw,78px); font-weight:800; font-style:italic; text-transform:uppercase; letter-spacing:.1em; padding:10px; margin:0 -8px 26px; transform:rotate(-1.5deg); line-height:1.15; }
.fixtures-meta { font-size:11px; padding:10px 0 26px; border-bottom:2px solid #39885c; }
.fixtures-meta>span:last-child { color:#a4bfad; font-size:10px; }
.fixtures-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 18px; padding-top:24px; }
.fixture-card { position:relative; min-width:0; background:#102d1eeb; border:1px solid #41644c; border-left:4px solid var(--neon); padding:12px 14px 18px; }
.fixture-away { background:#102319e8; border-left-color:#94b59e; }
.fixture-top { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; }
.fixture-top time { color:#b7edcf; font-size:13px; font-weight:750; text-transform:uppercase; letter-spacing:.02em; }
.fixture-away .fixture-top time { color:#c9d8cf; }
.fixture-location { flex-shrink:0; background:var(--neon); color:#082a18; padding:4px 14px; font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; transform:skew(-10deg); }
.fixture-away .fixture-location { color:#d9e9df; background:#314a3b; border:1px solid #56715e; }
.fixture-opponent { display:flex; align-items:center; gap:14px; min-height:55px; padding-right:15px; }
.fixture-opponent img { display:block; width:52px; height:52px; flex-shrink:0; object-fit:contain; border-radius:50%; background:white; padding:2px; }
.fixture-opponent h3 { margin:0; font-size:19px; font-weight:750; line-height:1.18; text-transform:uppercase; letter-spacing:0; overflow-wrap:break-word; }
.fixture-round { position:absolute; right:9px; bottom:7px; color:#91af9b; font-size:9px; }
.fixture-venue { margin-top:12px; }
.fixture-venue summary { cursor:pointer; color:#b5cdbd; font-size:10px; padding-block:5px; }
.fixture-venue p { font-size:12px; line-height:1.65; color:#d1e2d7; margin:10px 0 0; }
.fixture-totals { align-self:stretch; border:1px solid #30543c; padding:20px; background:#092316; }
.fixture-totals>p { color:#a9c6b3; font-size:9px; letter-spacing:.18em; text-transform:uppercase; margin:0 0 16px; }
.fixture-totals>div { display:flex; justify-content:space-between; gap:20px; padding-bottom:14px; border-bottom:1px solid #3e7052; }
.fixture-totals span { font-size:12px; font-weight:700; text-transform:uppercase; color:#c4d8cc; }
.fixture-totals b { color:var(--neon); font-size:32px; font-style:italic; margin-right:8px; }
.fixtures-footer { display:flex; justify-content:space-between; gap:20px; border-top:1px solid #30553d; margin-top:24px; padding-top:18px; }
.fixtures-footer b { color:var(--neon); font-size:18px; font-style:italic; }
.fixtures-footer span { color:#c2d5c8; font-size:11px; font-weight:600; align-self:center; }
.fixtures-return { max-width:1000px; margin:24px auto 0; }
.fixtures-return>summary { cursor:pointer; display:flex; justify-content:space-between; gap:20px; padding:20px; background:#0d2b1c; color:white; font-size:18px; font-weight:700; }
.fixtures-return>summary span { color:#b4d3bd; font-size:12px; }
.fixture-venue summary:focus-visible,.fixtures-return>summary:focus-visible { outline:3px solid #2be68b; outline-offset:4px; }
@media(max-width:760px) { .calendar-social { padding:24px 16px 40px; } .fixtures-leg { padding:24px; } .fixture-top time { font-size:11px; } .fixture-location { padding:4px 8px; font-size:8px; } .fixture-card { padding:12px; } .fixture-opponent { gap:10px; } .fixture-opponent h3 { font-size:15px; } .fixture-opponent img { width:44px; height:44px; } }
@media(max-width:560px) { .calendar-social { padding:16px 12px 32px; } .fixtures-leg { padding:20px 16px; } .fixtures-brand { font-size:9px; letter-spacing:.06em; } .fixtures-brand b { font-size:22px; margin-left:7px; } .fixtures-brand>span:last-child { padding:7px 12px; font-size:8px; } .fixtures-heading>p { font-size:27px; margin-top:26px; } .fixtures-heading h2 { font-size:49px; } .fixtures-meta { flex-wrap:wrap; gap:10px; padding-bottom:20px; } .fixtures-grid { grid-template-columns:1fr; gap:12px; } .fixture-top time { font-size:13px; } .fixture-location { font-size:9px; padding:4px 12px; } .fixture-opponent h3 { font-size:19px; } .fixture-opponent img { width:50px; height:50px; } .fixtures-footer { flex-direction:column; gap:12px; } .fixtures-footer span { align-self:flex-start; } .fixtures-return>summary { flex-direction:column; gap:8px; font-size:17px; } }