.public-series { --series-accent:#285a72; --series-border:#dce4e9; --series-heading:#26343d; --series-muted:#65737c; background:#f5f8fa; color:var(--series-heading); margin:91px -12px 0; min-height:70vh; padding:1.5rem .75rem 3rem; }
.public-series *, .public-series *::before, .public-series *::after { box-sizing:border-box; }
.public-series__container { margin:0 auto; max-width:1120px; }
.public-series__hero, .public-series__category { background:#fff; border:1px solid var(--series-border); border-radius:13px; box-shadow:0 10px 28px rgba(35,57,69,.06); min-width:0; padding:1.2rem; }
.public-series__hero { display:flex; flex-direction:column; gap:1.25rem; margin-bottom:1.25rem; }
.public-series__eyebrow { color:var(--series-accent); font-family:Montserrat,Arial,sans-serif; font-size:.75rem; font-weight:700; letter-spacing:.08em; margin:0 0 .4rem; text-transform:uppercase; }
.public-series__title { color:var(--series-heading); font-family:Montserrat,Arial,sans-serif; font-size:clamp(1.6rem,4vw,2.5rem); font-weight:700; line-height:1.2; margin:0; overflow-wrap:anywhere; }
.public-series__button { align-items:center; background:var(--series-accent); border:1px solid var(--series-accent); border-radius:8px; color:#fff; display:inline-flex; font-size:.9rem; font-weight:700; gap:.55rem; justify-content:center; padding:.75rem 1rem; text-decoration:none; }
.public-series__button:hover { background:#204b61; color:#fff; }
.public-series__button--secondary { background:#fff; color:var(--series-accent); }
.public-series__content { display:grid; gap:1.25rem; }
.public-series__category-heading { align-items:center; display:flex; flex-wrap:wrap; gap:.75rem; margin-bottom:1.25rem; }
.public-series__category-heading h2 { color:var(--series-accent); font-family:Montserrat,Arial,sans-serif; font-size:1.15rem; font-weight:700; margin:0; overflow-wrap:anywhere; }
.public-series__badge { background:#eaf1f5; border-radius:999px; color:var(--series-accent); font-size:.78rem; font-weight:700; padding:.3rem .65rem; }
.public-series__grid { display:grid; gap:1rem; grid-template-columns:minmax(0,1fr); }
.public-series__card { background:#fafcfd; border:1px solid var(--series-border); border-radius:10px; height:100%; padding:1rem; }
.public-series__series-title { border-bottom:1px solid var(--series-border); color:var(--series-heading); font-family:Montserrat,Arial,sans-serif; font-size:1rem; font-weight:700; margin:0 0 .4rem; padding-bottom:.75rem; }
.public-series__player { align-items:center; border-bottom:1px solid #e7edef; display:flex; gap:.5rem; margin:0; padding:.7rem 0; }
.public-series__player:last-child { border-bottom:0; padding-bottom:0; }
.public-series__player-info { display:flex; flex:1; flex-direction:column; font-size:.93rem; gap:.2rem; min-width:0; overflow-wrap:anywhere; }
.public-series__club { color:var(--series-muted); font-size:.78rem; }
.public-series__player a, .public-series__pair a { flex-shrink:0; }
.public-series__player img, .public-series__pair img, .public-series__table img { border-radius:50%; height:35px; object-fit:cover; vertical-align:middle; width:35px; }
.public-series__pair { border-bottom:1px solid #e7edef; font-size:.93rem; line-height:1.9; margin:0; overflow-wrap:anywhere; padding:.7rem 0; }
.public-series__pair:last-child { border-bottom:0; }
.public-series__table { border-collapse:collapse; color:var(--series-heading); font-size:.93rem; overflow-wrap:anywhere; table-layout:fixed; width:100%; }
.public-series__table td { padding:.55rem 0; text-align:left; }
.public-series__table-pair { border-bottom:1px solid #e7edef; }
.public-series__footer { display:flex; justify-content:flex-start; margin-top:1.25rem; }
.public-series__button:focus-visible, .public-series__player a:focus-visible, .public-series__pair a:focus-visible, .public-series__table a:focus-visible { outline:3px solid #8bb9cf; outline-offset:3px; }
@media (min-width:600px) { .public-series { padding:3rem 1rem 4rem; } .public-series__hero { padding:1.75rem 2rem; } .public-series__category { padding:1.5rem; } .public-series__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:900px) { .public-series__hero { align-items:center; flex-direction:row; justify-content:space-between; } .public-series__hero > div { min-width:0; } .public-series__hero .public-series__button { flex-shrink:0; } .public-series__grid { grid-template-columns:repeat(4,minmax(0,1fr)); } .public-series__grid--doubles { grid-template-columns:repeat(2,minmax(0,1fr)); } }