/* Full marketing exports, shared with the homepage. Never crop their captions. */
.club-flow{margin:32px 0}.club-flow h2,.club-statuses h2{text-wrap:balance}
.club-flow ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:24px 0}
.club-flow li{display:flex;align-items:flex-start;gap:14px;padding:24px;border:1px solid var(--line,#dedede);border-radius:24px}
.club-step{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:#0C3F45;color:white;font-size:18px;font-weight:700}
.club-flow h3{font-size:clamp(18px,2vw,23px);line-height:1.3;margin:0 0 12px;text-wrap:balance}.club-flow p{margin:0;line-height:1.6}
.club-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.club-status-card{position:relative;display:block;padding:24px;color:inherit;text-decoration:none;border:1px solid var(--line,#dedede);border-radius:24px;background:var(--surface,#fff);transition:transform .2s,border-color .2s}
.club-status-card:hover{transform:translateY(-3px);border-color:#0C3F45}.club-status-card:focus-visible{outline:3px solid #0C3F45;outline-offset:4px}
.club-status-card h3{font-size:24px;line-height:1.25;margin:22px 24px 12px 0;overflow-wrap:normal;text-wrap:balance}.club-status-card p{line-height:1.6;margin:0}.club-status-card>span{position:absolute;right:24px;bottom:24px}
.club-artwork{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;border-radius:16px;background:#042920}
.club-subscription{padding:24px 0;margin-top:16px;display:flex;flex-direction:column;gap:24px}
.club-subscription h4{font-size:16px;margin:0 0 10px;color:var(--muted,#6b6b6b)}.club-subscription ul{margin:0;padding:0 0 0 20px;display:grid;gap:6px}.club-subscription li{font-size:16px;line-height:1.5}.club-subscription p.muted{margin-top:0;font-size:14px}
/* Premium dark card, same family as .band — stays night-colored in both site themes (#126). */
.club-subscription-card{background:linear-gradient(165deg,var(--surface-night),color-mix(in srgb,var(--surface-night) 82%,black));border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:clamp(24px,4vw,36px);color:var(--ink-on-night);max-width:560px;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.club-subscription-card .kicker{color:var(--gold,#FFC963);margin:0;text-align:center}
.club-subscription-card h3{font-size:22px;margin:14px 0 20px;color:var(--ink-on-night);text-align:center}
.club-subscription-card p{font-size:16px;line-height:1.6;margin:0;color:var(--ink-on-night-muted)}
.club-price-pair{display:flex;align-items:baseline;justify-content:center;gap:12px;margin:0 0 28px}
.club-price-pair s{color:var(--ink-on-night-muted);font-weight:400;opacity:.7;font-size:20px}
.club-price-pair b{color:var(--gold,#FFC963);font-weight:800;font-size:clamp(40px,12vw,52px);font-variant-numeric:tabular-nums}
.club-cards-intro{font-size:18px;line-height:1.6;margin:0 0 20px;text-wrap:balance}
.club-status-page{max-width:960px;padding-top:40px;padding-bottom:72px}.club-status-page header{margin:32px 0}.club-status-page h1{font-size:clamp(32px,6vw,64px);line-height:1.15;text-wrap:balance;overflow-wrap:normal}
.club-status-page>.club-artwork{max-width:360px;margin:32px auto}.club-status-copy{display:grid;gap:24px;margin:40px 0}.club-status-copy h2{font-size:24px;margin:0 0 12px}.club-status-copy p{font-size:18px;line-height:1.7;margin:0}.club-status-page .club-instagram{margin-top:24px;white-space:normal;text-align:center;padding:16px 24px;max-width:100%}
@media(min-width:601px) and (max-width:1000px){.club-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.club-flow ol,.club-status-grid{grid-template-columns:1fr}.club-flow li,.club-status-card{padding:20px}.club-status-page{padding-top:24px}.club-status-page h1{font-size:32px}}

.club-status-card{text-align:left}.club-status-card p{padding-right:28px}

/* /torneo-padelada/ explainer page (#torneo-padelada content, not the live table). Scoped so it never touches home-v7. */
.tp-page .tp-intro{display:flex;flex-direction:column;gap:24px}
.tp-page .tp-intro-copy{min-width:0}
.tp-page .tp-devices{display:flex;gap:24px;align-items:flex-end;justify-content:center;flex-wrap:wrap;margin-top:8px}
/* Same frame component as the homepage (home-v7.html/.css): markup, geometry and asset identical;
   the screen fallback colour is fixed (not var(--surface)) so it never turns purple in dark mode. */
.tp-page .device{position:relative;flex:none;line-height:0;isolation:isolate}
.tp-page .device .screen{position:absolute;overflow:hidden;z-index:0}
.tp-page .device .screen img{display:block;width:100%;height:100%;object-fit:contain;object-position:top center}
.tp-page .device .bezel{position:relative;z-index:1;width:100%;height:auto;pointer-events:none;display:block}
.tp-page .device.phone{width:min(220px,46vw)}
.tp-page .device.phone .screen{left:5.102%;top:2.2%;width:89.796%;height:95.6%;border-radius:12.6%/5.8%;background:#fff1ea}
.tp-page .device.watch{width:min(140px,30vw)}
.tp-page .device.watch .screen{left:9.6654%;top:21.0405%;width:73.4201%;height:56.6474%;border-radius:24.04%/20.16%;background:#000}
@media(min-width:820px){
  .tp-page .tp-intro{flex-direction:row;align-items:center;gap:40px}
  .tp-page .tp-intro-copy{flex:1}
  .tp-page .tp-devices{flex:none;margin-top:0;justify-content:flex-end}
}

.tp-page .points-scale{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.tp-page .points-scale .chip{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--surface);border-radius:16px;padding:12px 10px;text-align:center;flex:1 1 84px;min-width:84px}
.tp-page .points-scale b{font-size:clamp(18px,2.4vw,24px);font-variant-numeric:tabular-nums;line-height:1}
.tp-page .points-scale span{color:var(--ink-muted);font-size:12px;line-height:1.3}

.tp-page .points-field-compare{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}
.tp-page .field-pill{display:flex;flex-direction:column;gap:6px;background:var(--surface);border-radius:20px;padding:16px 20px;min-width:140px;flex:1 1 140px}
.tp-page .field-pill .bar{display:block;height:8px;border-radius:999px;background:var(--brand-coral)}
.tp-page .field-pill b{font-size:20px;font-variant-numeric:tabular-nums}
.tp-page .field-pill span{color:var(--ink-muted);font-size:14px}
.tp-page .points-linear-note{margin-top:8px;font-size:13px}

/* Fixed colours (not the theme-flipping --surface-night/--on-inverse pair): in dark mode those
   two land close in lightness and the code drops below WCAG AA. */
.tp-page .trophy-card{display:flex;align-items:center;gap:16px;background:#24123A;color:#FFF1EA;border-radius:24px;padding:20px 24px;max-width:420px;margin-top:8px}
.tp-page .trophy-card svg{flex:none;width:36px;height:36px;color:#FFC963}
.tp-page .trophy-code{display:flex;flex-direction:column;gap:2px;min-width:0}
.tp-page .trophy-code span{font-size:13px;color:#CDBFD6}
.tp-page .trophy-code b{font-size:18px;color:#FFF1EA;font-variant-numeric:tabular-nums;letter-spacing:.02em;overflow-wrap:anywhere}

.tp-page .ctable-example{position:relative;max-width:720px;margin-top:8px;padding-top:28px}
.tp-page .example-badge{position:absolute;top:0;left:0;margin:0;padding:4px 12px;border-radius:999px;background:var(--brand-mango);color:#24123A;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.tp-page .ctable-example .ctable{margin-top:4px}
.tp-page h3#tp-season-live{font-size:clamp(18px,2.4vw,22px);margin:28px 0 0}

@media(max-width:400px){
  .tp-page .trophy-card{max-width:100%;padding:16px 18px}
  .tp-page .points-field-compare{flex-direction:column}
}

/* Тёмная тема D4: остатки сливового (#352052/#CDBFD6/--night/#FFF1EA) -> графит */
html[data-theme=dark] .tp-page .trophy-card{background:#1C1D20;color:#F5F5F7;box-shadow:inset 0 0 0 1px #3A3B40}html[data-theme=dark] .tp-page .trophy-code span{color:#A8AAB2}html[data-theme=dark] .tp-page .trophy-code b{color:#F5F5F7}
@media(prefers-color-scheme:dark){html:not([data-theme=light]) .tp-page .trophy-card{background:#1C1D20;color:#F5F5F7;box-shadow:inset 0 0 0 1px #3A3B40}html:not([data-theme=light]) .tp-page .trophy-code span{color:#A8AAB2}html:not([data-theme=light]) .tp-page .trophy-code b{color:#F5F5F7}}