/* Shared design system for the navigation pages in the main navigation. */
.cp-inner-page, .ip-footer-cta {
    --cp-deep:#24171c; --cp-green:#8e2033; --cp-yellow:#cc243b; --cp-red:#cc243b;
    --cp-gold:#ffffff; --cp-panel:#ffffff; --cp-canvas:#ffffff; --cp-canvas-alt:#ffffff;
    --cp-border:#e8dfe2; --cp-border-light:#e8dfe2; --cp-text-muted:#75666d;
    --ip-ink:#24171c; --ip-muted:#75666d; --ip-line:#e8dfe2; --ip-panel:#ffffff;
    font-family:'Inter',sans-serif; color:var(--ip-ink); background:#ffffff;
}
.cp-inner-page *, .ip-footer-cta * { box-sizing:border-box; }
.cp-inner-page [hidden] { display:none !important; }
.ip-shell, .cp-inner-page .ab-shell, .cp-inner-page .tr-shell { width:min(1440px,calc(100% - 112px)); margin-inline:auto; padding-inline:0; }
.cp-inner-page .ip-breadcrumb { display:flex; align-items:center; gap:17px; padding-block:18px; border-bottom:0; font-size:12px; color:var(--ip-muted); }
.cp-inner-page .ip-breadcrumb a { color:inherit; text-decoration:none; }
.cp-inner-page .ip-breadcrumb > span:last-child { color:var(--ip-ink); }
.cp-inner-page .ip-hero-grid { display:grid; grid-template-columns:1.2fr .8fr; align-items:center; gap:clamp(28px,5vw,72px); padding-block:18px 28px; animation:ip-enter .45s ease backwards; }
.cp-inner-page .ip-eyebrow, .ip-footer-cta .ip-eyebrow { display:block; color:var(--ip-ink); font:600 10px/1.5 'Inter',sans-serif; letter-spacing:.12em; text-transform:uppercase; margin-bottom:12px; }
.cp-inner-page .ip-hero h1 { color:var(--ip-ink); font:500 clamp(36px,3.6vw,52px)/1.1 'Inter',sans-serif; letter-spacing:-.055em; text-transform:none; margin:0; }
.cp-inner-page .ip-hero h1 > span { color:#75666d; }
.cp-inner-page .ip-intro { max-width:385px; }
.cp-inner-page .ip-intro p { font:400 14px/1.65 'Inter',sans-serif; color:var(--ip-muted); margin:0; }
.cp-inner-page .ip-intro p:first-child { color:var(--ip-ink); font-size:18px; line-height:1.4; letter-spacing:-.02em; margin-bottom:8px; }
.cp-inner-page :is(a,button,input,select):focus-visible, .ip-footer-cta a:focus-visible { outline:2px solid #8e2033; outline-offset:4px; }
.cp-inner-page.ip-directory-page { padding:0 0 56px; overflow:clip; }
.ip-directory-page h2, .ip-directory-page h3, .ip-directory-page h4 { font-family:'Inter',sans-serif; font-weight:500; text-transform:none; letter-spacing:-.025em; color:var(--ip-ink); }
.ip-directory-page p { color:var(--ip-muted); line-height:1.8; }
.ip-directory-page a { color:inherit; text-decoration:none; }
.ip-directory-page button, .ip-directory-page input, .ip-directory-page select { font-family:inherit; }
.ip-directory-page .row.g-4 { --bs-gutter-x:20px; --bs-gutter-y:20px; }
.ip-directory-page .ip-directory-heading { display:flex; align-items:baseline; justify-content:space-between; gap:20px; border-top:1px solid var(--ip-line); padding:20px 0 18px; }
.ip-directory-page .ip-directory-heading h2 { font-size:25px; margin:0; }
.ip-directory-page .ip-directory-heading p { font-size:12px; margin:0; }
.ip-directory-page .cp-search-wrap { margin:0 0 20px; max-width:none; }
.ip-directory-page .cp-search-card { position:relative; display:flex; align-items:center; gap:16px; padding:0; background:transparent; border:0; box-shadow:none; border-radius:0; }
.ip-directory-page .cp-search-icon { position:absolute; left:14px; color:var(--ip-muted); pointer-events:none; }
.ip-directory-page .cp-search-input { width:100%; min-width:0; height:48px; flex:1; background:var(--ip-panel); border:1px solid #cbb9c1; border-radius:4px; color:var(--ip-ink); padding:10px 13px 10px 42px; font-size:13px; }
.ip-directory-page .cp-filter-divider { display:none; }
.ip-directory-page .cp-filter-select { width:220px; min-width:0; height:48px; background:var(--ip-panel); border:1px solid #cbb9c1; border-radius:4px; color:var(--ip-ink); padding:10px 30px 10px 13px; font-size:13px; }
.ip-directory-page .cp-search-submit, .ip-button, .ip-directory-page .cp-reset-btn, .ip-directory-page .cp-plan-btn, .ip-directory-page .cp-pricing-help-btn { display:inline-flex; align-items:center; justify-content:space-between; gap:24px; min-height:48px; border:1px solid #24171c; border-radius:4px; background:#24171c; color:#ffffff; padding:12px 20px; font:500 13px/1.4 'Inter',sans-serif; text-decoration:none; white-space:nowrap; transition:background .25s ease; }
.ip-directory-page .cp-search-submit:hover, .ip-button:hover, .ip-directory-page .cp-reset-btn:hover, .ip-directory-page .cp-plan-btn:hover, .ip-directory-page .cp-pricing-help-btn:hover { background:#8e2033; color:#ffffff; }
.ip-directory-page .cp-search-submit > span:last-child, .ip-button > span, .ip-directory-page .cp-plan-btn > span:last-child { color:#cc243b; font-size:20px; line-height:1; }
.ip-directory-page :is(.cp-ground-card,.cp-academy-card,.cp-blog-card,.cp-match-card,.pricing-card,.cp-auction-card) { display:flex; flex-direction:column; min-width:0; background:var(--ip-panel); border:1px solid var(--ip-line); border-radius:6px; overflow:hidden; box-shadow:none; color:var(--ip-ink); transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.ip-directory-page :is(.cp-ground-card,.cp-academy-card,.cp-blog-card,.cp-match-card,.pricing-card,.cp-auction-card):hover { transform:translateY(-3px); border-color:#77626c; box-shadow:0 7px 18px rgba(36,23,28,.05); }
.ip-directory-page .cp-card-stage { position:relative; aspect-ratio:16/9; max-height:180px; flex-shrink:0; overflow:hidden; background:#ffffff; }
.ip-directory-page .cp-card-stage > img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.ip-directory-page :is(.cp-ground-card,.cp-academy-card,.cp-blog-card,.cp-auction-card):hover .cp-card-stage > img { transform:scale(1.025); }
.ip-directory-page .cp-card-stage-placeholder { display:grid; place-items:center; height:100%; color:#75666d; font:500 54px 'Inter',sans-serif; background:#f4f0f2; }
.ip-directory-page .cp-card-body { padding:20px; flex:1; display:flex; flex-direction:column; }
.ip-directory-page .cp-card-title, .ip-directory-page .cp-post-title { font-size:19px; font-weight:500; line-height:1.35; margin:0 0 10px; overflow-wrap:anywhere; }
.ip-directory-page .cp-card-location { display:flex; align-items:center; gap:7px; font-size:12px; line-height:1.6; color:var(--ip-muted); }
.ip-directory-page .cp-card-location svg { flex-shrink:0; }
.ip-directory-page .cp-card-desc, .ip-directory-page .cp-post-excerpt { margin:10px 0 14px; color:var(--ip-muted); font-size:13px; line-height:1.65; }
.ip-directory-page .cp-card-action { margin-top:auto; padding-top:14px; }
.ip-directory-page .cp-card-btn, .ip-directory-page .cp-read-more-link { display:flex; align-items:center; justify-content:space-between; width:100%; padding-top:13px; border-top:1px solid var(--ip-line); font-size:12px; font-weight:500; color:var(--ip-ink); }
.ip-directory-page :is(.arrow-icon,.action-arrow,.cp-read-more-link .arrow) { display:inline-block; font-size:21px; transition:transform .25s ease; color:var(--ip-ink); }
.ip-directory-page :is(.cp-ground-card,.cp-academy-card,.cp-blog-card,.cp-match-card,.cp-auction-card):hover :is(.arrow-icon,.action-arrow,.cp-read-more-link .arrow) { transform:translate(3px,-3px); }
.ip-directory-page :is(.cp-type-badge,.cp-verified-tag,.cp-category-tag) { position:absolute; top:14px; left:14px; max-width:calc(100% - 28px); padding:5px 9px; border-radius:3px; background:#ffffff; color:#8e2033; font-size:10px; font-weight:500; line-height:1.5; }
.ip-directory-page .cp-academy-head { display:flex; align-items:flex-start; gap:14px; margin-bottom:18px; }
.ip-directory-page .cp-academy-meta { min-width:0; }
.ip-directory-page .cp-academy-logo-wrap { width:46px; height:46px; flex-shrink:0; border:1px solid var(--ip-line); border-radius:4px; overflow:hidden; }
.ip-directory-page .cp-academy-logo-wrap img { width:100%; height:100%; object-fit:contain; }
.ip-directory-page .cp-card-stats { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; padding-block:15px; border-block:1px solid var(--ip-line); }
.ip-directory-page .cp-stat-fees { font-size:20px; font-weight:500; }
.ip-directory-page .cp-stat-fees small { font-size:11px; color:var(--ip-muted); font-weight:400; }
.ip-directory-page .cp-stat-timing { display:flex; align-items:center; gap:5px; font-size:11px; color:var(--ip-muted); }
.ip-directory-page .cp-facilities-wrap { display:flex; flex-wrap:wrap; gap:8px 14px; padding-top:17px; }
.ip-directory-page .cp-facility-tag { font-size:10px; color:var(--ip-muted); }
.ip-directory-page .cp-facility-tag i { font-style:normal; margin-right:3px; }
.ip-directory-page .cp-pagination-shell { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px; padding-top:38px; }
.ip-directory-page :is(.cp-page-number,.cp-page-btn) { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:44px; min-width:44px; padding:10px 13px; background:var(--ip-panel); border:1px solid var(--ip-line); border-radius:4px; color:var(--ip-ink); font-size:12px; }
.ip-directory-page .cp-page-number.active { background:#8e2033; color:#ffffff; border-color:#8e2033; }
.ip-directory-page .cp-page-indicator { font-size:12px; color:var(--ip-muted); margin-inline:14px; }
.ip-directory-page .cp-empty-state { text-align:center; padding:55px 20px; width:100%; border:1px solid var(--ip-line); border-radius:6px; background:var(--ip-panel); }
.ip-directory-page .cp-empty-title { font-size:24px; margin-bottom:15px; }
.ip-directory-page .cp-empty-desc { font-size:14px; max-width:440px; margin:0 auto 22px; }
/* Matches: the same card treatment, with the scoreboard remaining prominent. */
.ip-directory-page .cp-filter-tabs-wrap { display:flex; flex-wrap:wrap; gap:26px; border-bottom:1px solid var(--ip-line); margin:0 0 20px; }
.ip-directory-page .cp-tab-pill { padding:12px 0 16px; min-height:48px; background:transparent; border:0; border-bottom:2px solid transparent; border-radius:0; color:var(--ip-muted); font-size:13px; }
.ip-directory-page .cp-tab-pill.active { color:var(--ip-ink); font-weight:600; border-bottom-color:#8e2033; }
.ip-directory-page .cp-pulse-dot { display:none; }
.ip-directory-page .cp-match-card { width:100%; padding:18px; }
.ip-directory-page .cp-match-top, .ip-directory-page .cp-match-type { display:flex; align-items:center; gap:10px; }
.ip-directory-page .cp-match-top { justify-content:space-between; margin-bottom:10px; }
.ip-directory-page .cp-match-type { color:var(--ip-muted); font-size:11px; }
.ip-directory-page .cp-match-overs { font-size:10px; }
.ip-directory-page .cp-match-badge { display:inline-flex; align-items:center; gap:5px; border-radius:3px; background:#f4f0f2; color:var(--ip-muted); padding:5px 8px; font-size:9px; font-weight:500; }
.ip-directory-page .cp-badge-live { background:#f4f0f2; color:#8e2033; }
.ip-directory-page .cp-badge-live .cp-live-dot { width:5px; height:5px; border-radius:50%; background:#8e2033; }
.ip-directory-page .cp-badge-upcoming { background:#f4f0f2; color:#39232c; }
.ip-directory-page .cp-match-venue-row { display:flex; align-items:center; gap:7px; color:var(--ip-muted); font-size:11px; margin-bottom:10px; }
.ip-directory-page .cp-match-venue-row svg { flex-shrink:0; }
.ip-directory-page .cp-scoreboard-body { padding-block:4px 10px; }
.ip-directory-page .cp-team-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-block:5px; }
.ip-directory-page .cp-team-info { min-width:0; }
.ip-directory-page .cp-team-name { display:block; font-size:14px; line-height:1.5; font-weight:500; }
.ip-directory-page .cp-team-score { flex-shrink:0; font-size:20px; line-height:1.3; font-weight:500; }
.ip-directory-page .cp-team-score .empty { color:var(--ip-muted); font-size:11px; font-weight:400; }
.ip-directory-page .cp-match-result-banner { padding:8px 0; border-top:1px solid var(--ip-line); font-size:11px; color:var(--ip-muted); }
.ip-directory-page .cp-match-result-banner i { display:none; }
.ip-directory-page .cp-match-footer { display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--ip-line); margin-top:auto; padding-top:10px; font-size:12px; }
/* Journal cards and sidebar. */
.ip-directory-page .cp-post-meta, .ip-directory-page .cp-author-wrap { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.ip-directory-page .cp-post-meta { justify-content:space-between; gap:12px; margin:0 0 20px; color:var(--ip-muted); font-size:10px; }
.ip-directory-page .cp-author-pic img { display:block; width:25px; height:25px; border-radius:50%; object-fit:cover; }
.ip-directory-page .cp-post-date { white-space:nowrap; }
.ip-directory-page .cp-post-date svg { margin-right:4px; }
.ip-directory-page .cp-read-more-link { margin-top:auto; }
.ip-directory-page .cp-sidebar-widget { background:var(--ip-panel); border:1px solid var(--ip-line); border-radius:6px; padding:24px; margin-bottom:24px; }
.ip-directory-page .cp-widget-title { font-size:19px; margin:0 0 20px; }
.ip-directory-page .cp-widget-title i { display:none; }
.ip-directory-page .cp-search-form { display:flex; }
.ip-directory-page .cp-search-form input { min-width:0; width:100%; height:48px; background:var(--ip-panel); color:var(--ip-ink); border:1px solid #cbb9c1; border-right:0; border-radius:4px 0 0 4px; padding:12px; font-size:12px; }
.ip-directory-page .cp-search-form button { min-width:48px; height:48px; background:#24171c; color:#ffffff; border:1px solid #24171c; border-radius:0 4px 4px 0; }
.ip-directory-page .cp-popular-item { display:flex; align-items:flex-start; gap:13px; padding-block:16px; border-bottom:1px solid var(--ip-line); }
.ip-directory-page .cp-popular-item:last-child { border-bottom:0; padding-bottom:0; }
.ip-directory-page .cp-popular-item:first-child { padding-top:0; }
.ip-directory-page .cp-popular-thumb { width:62px; height:62px; flex-shrink:0; background:#ffffff; border-radius:3px; overflow:hidden; }
.ip-directory-page .cp-popular-thumb img { width:100%; height:100%; object-fit:cover; }
.ip-directory-page .cp-popular-cat, .ip-directory-page .cp-popular-date { font-size:10px; color:var(--ip-muted); }
.ip-directory-page .cp-popular-heading { font-size:14px; line-height:1.5; margin:5px 0; }
.ip-directory-page .cp-category-list { margin:0; padding:0; list-style:none; }
.ip-directory-page .cp-category-link { display:flex; justify-content:space-between; gap:15px; padding-block:12px; border-top:1px solid var(--ip-line); font-size:13px; }
.ip-directory-page .cp-tag-cloud { display:flex; flex-wrap:wrap; gap:8px; }
.ip-directory-page .cp-tag-pill { padding:6px 9px; border:1px solid var(--ip-line); border-radius:3px; font-size:11px; color:var(--ip-muted); }
/* Membership plans retain real prices and features without decorative tier icons. */
.ip-directory-page .cp-toggle-container { display:flex; justify-content:flex-start; margin:0 0 28px; border-top:1px solid var(--ip-line); padding-top:24px; }
.ip-directory-page .plan-toggle { display:inline-flex; border:1px solid #cbb9c1; border-radius:4px; padding:4px; gap:4px; background:var(--ip-panel); }
.ip-directory-page .toggle-slider { display:none; }
.ip-directory-page .plan-toggle-btn { background:transparent; border:0; border-radius:3px; color:var(--ip-muted); min-height:44px; min-width:100px; padding:10px 18px; font-size:13px; transition:background .2s ease,color .2s ease; }
.ip-directory-page .plan-toggle-btn.active { background:#8e2033; color:#ffffff; }
.ip-directory-page .pricing-card { padding:24px; }
.ip-directory-page .cp-plan-title { font-size:23px; margin:0 0 24px; }
.ip-directory-page .cp-price-box { margin-bottom:24px; }
.ip-directory-page .cp-discount-pill { display:inline-block; margin-bottom:13px; background:#f4f0f2; color:#39232c; padding:4px 8px; font-size:10px; border-radius:3px; }
.ip-directory-page .cp-price-row { display:flex; align-items:baseline; flex-wrap:wrap; gap:5px; }
.ip-directory-page .cp-price-currency { font-size:17px; }
.ip-directory-page .cp-price-val { font-size:40px; font-weight:500; line-height:1.2; letter-spacing:-.045em; }
.ip-directory-page .cp-price-period { font-size:11px; color:var(--ip-muted); }
.ip-directory-page .yearly-val { display:none; }
.ip-directory-page .cp-limit-chip { display:flex; gap:10px; padding-block:18px; border-block:1px solid var(--ip-line); font-size:12px; line-height:1.6; }
.ip-directory-page .cp-limit-sub { display:block; color:var(--ip-muted); font-size:10px; margin-top:8px; }
.ip-directory-page .cp-limit-icon { display:none; }
.ip-directory-page .cp-features-list { list-style:none; padding:0; margin:24px 0; }
.ip-directory-page .cp-feature-item { display:flex; gap:9px; font-size:12px; line-height:1.7; margin-bottom:13px; }
.ip-directory-page .cp-check-icon { color:#8e2033; }
.ip-directory-page .cp-card-cta-wrap { margin-top:auto; }
.ip-directory-page .cp-plan-btn { width:100%; }
.ip-directory-page .cp-trust-section { width:min(1440px,calc(100% - 112px)); margin:64px auto -90px; }
.ip-directory-page .cp-pricing-help-banner { padding:45px; background:#ffffff; border:1px solid var(--ip-line); border-radius:6px; text-align:left; }
.ip-directory-page .cp-pricing-help-banner h3 { font-size:28px; line-height:1.3; max-width:700px; margin:0 0 15px; }
.ip-directory-page .cp-pricing-help-banner p { max-width:660px; font-size:14px; margin-bottom:24px; }
.ip-footer-cta { background:#ffffff; border-top:1px solid var(--ip-line); padding-block:64px; }
.ip-cta-grid { display:grid; grid-template-columns:1.2fr .8fr; align-items:end; gap:70px; }
.ip-footer-cta h2 { font:500 clamp(30px,3.2vw,48px)/1.15 'Inter',sans-serif; letter-spacing:-.04em; text-transform:none; margin:0; color:#24171c; }
.ip-footer-cta p { color:var(--ip-muted); font-size:15px; line-height:1.8; margin:0 0 23px; max-width:385px; }
.ip-reveal { opacity:0; transform:translateY(16px); transition:opacity .5s ease,transform .6s ease !important; }
.ip-reveal.ip-visible { opacity:1; transform:none; }
@keyframes ip-enter { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:none; } }
@media (max-width:1000px) {
    .ip-shell, .cp-inner-page .ab-shell, .cp-inner-page .tr-shell { width:calc(100% - 64px); }
    .cp-inner-page .ip-hero-grid { gap:40px; }
    .ip-directory-page .cp-filter-select { width:180px; }
    .ip-directory-page .cp-trust-section { width:calc(100% - 64px); }
}
@media (max-width:700px) {
    .ip-shell, .cp-inner-page .ab-shell, .cp-inner-page .tr-shell { width:calc(100% - 40px); }
    .cp-inner-page .ip-breadcrumb { padding-block:16px; }
    .cp-inner-page .ip-hero-grid { grid-template-columns:1fr; gap:16px; padding-block:12px 24px; }
    .cp-inner-page .ip-hero h1 { font-size:clamp(32px,8vw,40px); }
    .cp-inner-page .ip-intro { max-width:100%; }
    .cp-inner-page .ip-intro p:first-child { font-size:17px; margin-bottom:7px; }
    .ip-directory-page .cp-search-card { flex-wrap:wrap; gap:12px; }
    .ip-directory-page .cp-search-icon { top:15px; }
    .ip-directory-page .cp-search-input { flex:auto; width:100%; font-size:16px; }
    .ip-directory-page .cp-filter-select { flex:1; font-size:16px; }
    .ip-directory-page .cp-search-submit { min-width:115px; }
    .ip-directory-page .cp-card-body, .ip-directory-page .cp-match-card, .ip-directory-page .pricing-card { padding:18px; }
    .ip-directory-page .cp-filter-tabs-wrap { gap:10px 20px; }
    .ip-directory-page .cp-tab-pill { font-size:11px; }
    .ip-directory-page .cp-search-form input { font-size:16px; }
    .ip-directory-page .cp-sidebar { margin-top:36px; }
    .ip-directory-page .cp-trust-section { width:calc(100% - 40px); }
    .ip-directory-page .cp-pricing-help-banner { padding:28px 22px; }
    .ip-directory-page .cp-pricing-help-banner h3 { font-size:26px; }
    .ip-footer-cta { padding-block:48px; }
    .ip-cta-grid { grid-template-columns:1fr; gap:25px; }
    .ip-directory-page .ip-directory-heading { align-items:flex-start; flex-direction:column; gap:8px; }
}
@media (prefers-reduced-motion:reduce) { .cp-inner-page *, .ip-footer-cta * { animation:none !important; transition:none !important; } .ip-reveal { opacity:1; transform:none; } }

.ip-directory-page.ip-yearly .yearly-val { display:inline; }
.ip-directory-page.ip-yearly .monthly-val { display:none; }

.ip-directory-page .cp-academy-logo-wrap, .ip-directory-page .cp-popular-thumb { display:grid; place-items:center; font-size:20px; color:#75666d; background:#f4f0f2; }
.ip-directory-page .cp-popular-thumb .cp-card-stage-placeholder { font-size:20px; width:100%; }

/* Directory controls share the same labels and alignment as tournament filters. */
.ip-directory-page .cp-search-card { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) auto; align-items:end; }
.ip-directory-page .cp-search-card > div { min-width:0; }
.ip-directory-page .cp-search-card label { display:block; margin-bottom:8px; font-size:11px; color:var(--ip-muted); line-height:1.5; }
.ip-directory-page .ip-search-input-wrap { position:relative; }
.ip-directory-page .ip-search-input-wrap .cp-search-icon { top:15px; left:14px; }
.ip-directory-page .cp-filter-select { width:100%; }
.cp-inner-page :is(.ab-button,.tr-button) { border-radius:4px; }
@media (max-width:700px) {
    .ip-directory-page .cp-search-card { grid-template-columns:minmax(0,1fr) auto; }
    .ip-directory-page .ip-search-field { grid-column:1/-1; }
}
/* Public detail pages: shared editorial layout, scoped away from directories and dashboards. */
.cp-detail-page { --dt-ink:#24171c; --dt-muted:#77626c; --dt-line:#cbb9c1; --dt-paper:#ffffff; background:#ffffff; color:var(--dt-ink); font:400 15px/1.65 'Inter',sans-serif; padding:0 0 80px; min-height:65vh; }
.cp-detail-page *, .cp-detail-page *::before, .cp-detail-page *::after { box-sizing:border-box; }
.cp-detail-page :is(.container,.container-fluid,.dt-hero,.dt-record-grid) { width:calc(100% - 80px); max-width:1320px; margin-inline:auto; padding-inline:0!important; }
.cp-detail-page :is(.container,.container-fluid) :is(.container,.container-fluid) { width:100%; }
.cp-detail-page :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) { font-family:'Inter',sans-serif; font-weight:500; color:var(--dt-ink); letter-spacing:-.025em; text-transform:none; line-height:1.3; }
.cp-detail-page :is(h2,.h2) { font-size:26px; margin-bottom:22px; }
.cp-detail-page :is(h3,.h3) { font-size:22px; }
.cp-detail-page :is(h4,.h4) { font-size:18px; }
.cp-detail-page :is(h5,.h5) { font-size:16px; }
.cp-detail-page p { color:var(--dt-muted); line-height:1.8; }
.cp-detail-page a { color:inherit; text-decoration:none; }
.cp-detail-page a:hover { color:#39232c; }
.cp-detail-page :is(button,input,select,textarea) { font-family:inherit; }
.cp-detail-page :is(a,button,input,select,textarea):focus-visible { outline:2px solid #39232c; outline-offset:4px; }
.cp-detail-page img { max-width:100%; }
.cp-detail-page .dt-hero { padding:24px 0; border-bottom:1px solid var(--dt-line); margin-bottom:24px; }
.cp-detail-page .dt-breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:12px; font-size:12px; color:var(--dt-muted); margin-bottom:20px; }
.cp-detail-page .dt-breadcrumb a { text-decoration:underline; text-underline-offset:4px; }
.cp-detail-page .dt-breadcrumb > span:last-child { color:var(--dt-ink); }
.cp-detail-page .dt-hero-row { display:flex; align-items:center; justify-content:space-between; gap:32px; }
.cp-detail-page .dt-identity { display:flex; align-items:center; gap:24px; min-width:0; }
.cp-detail-page .dt-identity-text { min-width:0; }
.cp-detail-page .dt-eyebrow { font:600 10px/1.5 'Inter',sans-serif; letter-spacing:.14em; text-transform:uppercase; color:#39232c; margin:0 0 13px; }
.cp-detail-page .dt-hero h1 { font-size:clamp(30px,3.6vw,48px); line-height:1.12; margin:0; letter-spacing:-.045em; overflow-wrap:anywhere; }
.cp-detail-page .dt-avatar { position:relative; display:grid; place-items:center; width:104px; height:104px; flex:0 0 104px; border:1px solid var(--dt-line); border-radius:8px; background:#f4f0f2; font-size:38px; font-weight:500; overflow:hidden; color:#8e2033; }
.cp-detail-page .dt-avatar img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.cp-detail-page.dt-tournament .dt-avatar img { object-fit:contain; }
.cp-detail-page .dt-meta { display:flex; flex-wrap:wrap; gap:10px 20px; color:var(--dt-muted); font-size:13px; margin-top:18px; align-items:center; }
.cp-detail-page .dt-tag { padding:4px 9px; border:1px solid #cbb9c1; border-radius:3px; color:#8e2033; background:#f4f0f2; font-size:11px; }
.cp-detail-page .dt-summary { display:flex; align-items:stretch; flex-shrink:0; padding:20px 0; }
.cp-detail-page .dt-summary > div { min-width:100px; padding:0 24px; border-left:1px solid var(--dt-line); }
.cp-detail-page .dt-summary strong { display:block; font-size:32px; font-weight:500; letter-spacing:-.04em; line-height:1.2; font-variant-numeric:tabular-nums; }
.cp-detail-page .dt-summary span { display:block; font-size:11px; color:var(--dt-muted); margin-top:8px; }
.cp-detail-page :is(.match-card,.card,.booking-card,.enrollment-card,.map-card,.dt-panel,.accordion-item) { background:var(--dt-paper); color:var(--dt-ink); border:1px solid var(--dt-line); border-radius:6px; box-shadow:none; overflow-wrap:anywhere; }
.cp-detail-page .match-card { padding:22px; }
.cp-detail-page .match-card .match-card { border-radius:4px; }
.cp-detail-page .dt-profile-layout > .container-fluid > .match-card { padding:0!important; background:transparent; border:0; }
.cp-detail-page .dt-profile-layout > .container-fluid > .match-card > .tab-content { padding:28px 0 0!important; }
.cp-detail-page .dt-profile-layout > .container-fluid > .match-card > .nav { border:1px solid var(--dt-line)!important; border-radius:5px; padding:5px!important; background:var(--dt-paper); }
.cp-detail-page :is(.nav-tabs,.match-tabs) { display:flex; flex-wrap:nowrap; justify-content:flex-start!important; gap:4px; overflow-x:auto; overflow-y:hidden; max-width:100%; scrollbar-width:thin; border-color:var(--dt-line)!important; }
.cp-detail-page .nav-item { flex-shrink:0; }
.cp-detail-page :is(.nav-tabs .nav-link,.tab-btn) { display:inline-flex; align-items:center; justify-content:center; white-space:nowrap; padding:13px 18px; min-height:46px; color:var(--dt-muted); background:transparent; background-image:none; border:0!important; border-radius:3px; font-size:13px; font-weight:500; text-transform:none!important; letter-spacing:0; box-shadow:none; transition:background-color .2s ease,color .2s ease; }
.cp-detail-page :is(.nav-tabs .nav-link,.tab-btn):hover { background:#f4f0f2; color:var(--dt-ink); }
.cp-detail-page :is(.nav-tabs .nav-link.active,.tab-btn.active) { background:#8e2033; color:#ffffff; }
.cp-detail-page .nav-tabs::before,.cp-detail-page .nav-tabs::after { display:none; }
.cp-detail-page .table { color:var(--dt-ink); border-color:var(--dt-line); font-size:13px; margin:0; --bs-table-bg:transparent; --bs-table-striped-bg:#f4f0f2; --bs-table-hover-bg:#f4f0f2; }
.cp-detail-page .table > :not(caption) > * > * { padding:15px 17px; background-color:transparent; border-color:var(--dt-line); color:inherit; vertical-align:middle; }
.cp-detail-page .table thead { background:#f4f0f2; color:#39232c; font-size:11px; font-weight:500; }
.cp-detail-page .table :is(.text-white,.bg-dark,.bg-success,.bg-primary) { background:#f4f0f2!important; color:var(--dt-ink)!important; }
.cp-detail-page .dt-table-wrap { width:100%; overflow:auto; border:1px solid var(--dt-line); border-radius:4px; margin:16px 0; }
.cp-detail-page .dt-table-wrap .table { min-width:540px; }
.cp-detail-page .row { --bs-gutter-x:24px; --bs-gutter-y:0; }
.cp-detail-page :is(.bg-light,.bg-white) { background:var(--dt-paper)!important; }
.cp-detail-page :is(.text-primary,.text-info,.text-danger) { color:#8e2033!important; }
.cp-detail-page :is(.bg-primary,.bg-info,.bg-warning) { background:#f4f0f2!important; color:#8e2033!important; }
.cp-detail-page :is(.bg-dark,.bg-success) { background:#8e2033!important; color:#ffffff!important; }
.cp-detail-page .team-name { font-weight:500; font-size:16px; }
.cp-detail-page .score { color:#8e2033; font-variant-numeric:tabular-nums; }
.cp-detail-page :is(.accordion-button,.accordion-button:not(.collapsed)) { background:#ffffff; color:var(--dt-ink); box-shadow:none; font:500 15px 'Inter',sans-serif; }
.cp-detail-page .accordion-button:focus { box-shadow:inset 0 0 0 2px #cbb9c1; }
.cp-detail-page .accordion-body { background:#ffffff; }
.cp-detail-page .data img { height:48px; width:48px; object-fit:cover; border-radius:50%; }
.cp-detail-page :is(.gallery-thumbnail,.gallery-modal-img) { border-radius:5px; overflow:hidden; }
.cp-detail-page .gallery-thumbnail { transition:transform .25s ease; }
.cp-detail-page .gallery-thumbnail:hover { transform:translateY(-3px); }
.cp-detail-page .gallery-thumbnail img { width:100%; height:200px; object-fit:cover; }
.cp-detail-page .gallery-desc { font-size:13px; color:var(--dt-muted); }
.cp-detail-page .modal-content { background:var(--dt-paper); color:var(--dt-ink); border-radius:6px; border:1px solid var(--dt-line); }
.cp-detail-page .modal-image .modal-body { background:#24171c; }
.cp-detail-page .modal-image .gallery-modal-img { max-height:70vh; object-fit:contain; }
.cp-detail-page :is(.ground-content,.academy-content) { display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:38px; padding:0; align-items:start; }
.cp-detail-page :is(.main-content,.sidebar) { min-width:0; }
.cp-detail-page .sidebar { padding:0; width:auto; position:static; height:auto; background:transparent; }
.cp-detail-page :is(.ground-image,.academy-image) { border:1px solid var(--dt-line); border-radius:6px; overflow:hidden; margin:0 0 30px; background:#f4f0f2; }
.cp-detail-page :is(.ground-image,.academy-image) > img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; }
.cp-detail-page :is(.ground-description,.academy-description,.ground-details,.academy-details,.address-section,.facilities-section,.other-facilities) { margin-bottom:32px; }
.cp-detail-page :is(.booking-card,.enrollment-card,.map-card,.dt-panel) { padding:22px; margin-bottom:20px; }
.cp-detail-page :is(.booking-card,.enrollment-card) h3 { font-size:22px; margin:0 0 17px; }
.cp-detail-page :is(.booking-card,.enrollment-card,.map-card) p { font-size:13px; }
.cp-detail-page .enrollment-card { background:#8e2033; color:#ffffff; text-align:left; }
.cp-detail-page .enrollment-card h3 { color:#ffffff; }
.cp-detail-page .enrollment-card p { color:#cbb9c1; }
.cp-detail-page .price-info { margin:20px 0 14px; color:#ffffff; }
.cp-detail-page .price-info .price { color:#ffffff; font:500 36px 'Inter',sans-serif; }
.cp-detail-page .price-info .period { font:400 12px 'Inter',sans-serif; color:#cbb9c1; }
.cp-detail-page :is(.book-btn,.enroll-btn,.dt-button,.cric-btn) { display:inline-flex; align-items:center; justify-content:space-between; gap:20px; width:100%; min-height:46px; padding:12px 16px; border:1px solid #8e2033; border-radius:4px; background:#8e2033; color:#ffffff; font-size:13px; font-weight:500; line-height:1.5; box-shadow:none; text-decoration:none; transition:background-color .2s ease,transform .2s ease; }
.cp-detail-page :is(.book-btn,.dt-button,.cric-btn):hover { background:#39232c; color:#ffffff; transform:translateY(-1px); box-shadow:none; }
.cp-detail-page .enroll-btn { background:#cc243b; color:#24171c; border-color:#cc243b; }
.cp-detail-page .enroll-btn:hover { background:#cbb9c1; color:#24171c; transform:translateY(-1px); box-shadow:none; }
.cp-detail-page .enroll-btn[data-bs-toggle] { background:transparent; color:#ffffff; border-color:#77626c; }
.cp-detail-page .enroll-btn[data-bs-toggle]:hover { background:#39232c; }
.cp-detail-page .dt-button-outline { background:transparent; color:#8e2033; width:auto; flex-shrink:0; }
.cp-detail-page .dt-map-link { display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid var(--dt-line); padding-top:16px; font-size:12px; font-weight:500; }
.cp-detail-page .dt-coordinate { font-size:11px!important; color:var(--dt-muted); font-variant-numeric:tabular-nums; }
.cp-detail-page .details-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; }
.cp-detail-page .detail-item { background:transparent; border-radius:0; padding:18px 0; border-bottom:1px solid var(--dt-line); gap:14px; align-items:flex-start; font-size:13px; }
.cp-detail-page .detail-item i { font-size:16px; color:#77626c; margin-top:4px; }
.cp-detail-page .detail-item strong { color:var(--dt-ink); font-weight:500; margin-bottom:5px; }
.cp-detail-page .detail-item span { color:var(--dt-muted); }
.cp-detail-page :is(.nearby-section,.trials-section,.camps-section) { margin-top:45px; padding-top:32px; border-top:1px solid var(--dt-line); }
.cp-detail-page .section-header { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:20px; }
.cp-detail-page .section-header h2 { margin:0; }
.cp-detail-page :is(.nearby-grid,.trials-grid,.camps-grid) { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.cp-detail-page :is(.nearby-card,.trial-card,.camp-card) { display:block; background:var(--dt-paper); border:1px solid var(--dt-line); border-radius:6px; overflow:hidden; box-shadow:none; }
.cp-detail-page :is(.trial-card,.camp-card) { padding:20px; }
.cp-detail-page .nearby-card:hover { transform:translateY(-2px); box-shadow:none; }
.cp-detail-page .nearby-info h4 { color:var(--dt-ink); }
.cp-detail-page .nearby-info p { color:var(--dt-muted); }
.cp-detail-page .facility-item { background:var(--dt-paper); color:var(--dt-ink); border:1px solid var(--dt-line); border-radius:4px; box-shadow:none; }
.cp-detail-page .facility-item i { color:#8e2033; }
.cp-detail-page .dt-image-fallback { display:grid; place-items:center; flex-shrink:0; background:#f4f0f2; color:#77626c; font:500 18px/1 'Inter',sans-serif; border:1px solid var(--dt-line); border-radius:4px; width:48px; height:48px; }
.cp-detail-page .dt-media-fallback { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; width:100%; aspect-ratio:auto; background:#f4f0f2; color:#77626c; padding:18px; }
.cp-detail-page .dt-media-fallback .dt-media-mark { font-size:32px; color:#8e2033; letter-spacing:-.06em; }
.cp-detail-page .dt-media-fallback p { font-size:12px; margin:0; text-align:center; }
.cp-detail-page .dt-empty { padding:24px 20px; color:var(--dt-muted); font-size:13px; text-align:center; border:1px solid var(--dt-line); border-radius:5px; background:var(--dt-paper); margin:12px 0; }
.cp-detail-page .stat-card { background:#8e2033; color:#ffffff; min-height:200px; border-radius:5px; overflow:hidden; }
.cp-detail-page .stat-data { padding:24px; }
.cp-detail-page .stat-title { color:#ffffff; font:500 17px 'Inter',sans-serif; }
.cp-detail-page .stat-main { font-size:32px; margin:12px 0; }
.cp-detail-page .stat-line { border-top:1px solid #77626c; margin:12px 0; }
.cp-detail-page .stat-info { font-size:13px; }
.cp-detail-page .stat-footer { padding:15px 24px; font-size:12px; background:#39232c; color:#cbb9c1; }
.cp-detail-page #members .match-card { height:100%; padding:22px; }
.cp-detail-page #members .match-card img { height:64px; width:64px; flex-shrink:0; object-fit:cover; border-radius:50%; }
.cp-detail-page #members .match-card .dt-image-fallback { height:64px; width:64px; border-radius:50%; }
.cp-detail-page #members .match-card h4 { font-size:17px; }
.cp-detail-page #members .match-card p { font-size:12px; }
.cp-detail-page .dt-record-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.6fr); gap:30px; }
.cp-detail-page .dt-facts { margin:24px 0 0; }
.cp-detail-page .dt-facts > div { border-top:1px solid var(--dt-line); padding:16px 0; }
.cp-detail-page .dt-facts dt { color:var(--dt-muted); font-weight:400; font-size:11px; margin-bottom:5px; }
.cp-detail-page .dt-facts dd { font-size:14px; margin:0; overflow-wrap:anywhere; }
.cp-detail-page .dt-facts-two { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 28px; }
.cp-detail-page .dt-prose { color:var(--dt-muted); }
.cp-detail-page .dt-tagline { padding-top:20px; font-size:14px; font-style:italic; }
.cp-detail-page.dt-blog .dt-hero { padding-bottom:25px; margin-bottom:40px; }
.cp-detail-page .dt-journal-label { color:var(--dt-ink); margin:0; font-size:15px; }
.cp-detail-page.dt-blog .dt-eyebrow { display:none; }
.cp-detail-page .blog-details { padding:0; overflow:visible; background:transparent; }
.cp-detail-page .blog-details > .container { max-width:900px; }
.cp-detail-page .dt-article { padding:0; border:0; margin:0; }
.cp-detail-page .post-stats { color:var(--dt-muted); font-size:12px; display:flex; flex-wrap:wrap; gap:8px 20px; }
.cp-detail-page .post-stats :is(.category-name,.posted-time) { font:400 12px 'Inter',sans-serif; color:var(--dt-muted); padding:0; background:none; border:0; }
.cp-detail-page .blog-details .dt-article .post-title { color:var(--dt-ink); font:500 clamp(32px,4vw,54px)/1.15 'Inter',sans-serif; letter-spacing:-.04em; margin:22px 0 28px; }
.cp-detail-page .blog-details .dt-article .post-title span { background:none; }
.cp-detail-page .author-info { display:flex; align-items:center; gap:12px; padding:0; margin:0 0 30px; }
.cp-detail-page .author-info .author-pic { width:36px; height:36px; flex:0 0 36px; border-radius:50%; overflow:hidden; }
.cp-detail-page .author-pic img { width:100%; height:100%; object-fit:cover; }
.cp-detail-page .author-descr { display:flex; align-items:center; flex-wrap:wrap; gap:9px; font-size:12px; }
.cp-detail-page .author-descr :is(.auth-name,.auth-designation,.break-icon) { font:400 12px 'Inter',sans-serif!important; color:var(--dt-muted)!important; }
.cp-detail-page .post-img { border-radius:6px; overflow:hidden; margin-bottom:32px; }
.cp-detail-page .post-img img { width:100%; height:auto; max-height:520px; object-fit:cover; }
.cp-detail-page .post-content { color:var(--dt-ink); font:400 17px/1.9 'Inter',sans-serif; max-width:780px; margin-inline:auto; }
.cp-detail-page .post-content p { font:inherit; color:inherit; margin:0 0 24px; }
.cp-detail-page .post-content :is(h2,h3) { margin-top:32px; }
.cp-detail-page .post-content :is(ul,ol) { padding-left:24px; list-style:revert; margin-bottom:24px; }
.cp-detail-page .post-actions { padding:24px 0; border-block:1px solid var(--dt-line); }
.cp-detail-page .post-actions .post-stats { gap:12px; }
.cp-detail-page .post-actions .post-stats span { font-size:12px; color:var(--dt-muted); }
.cp-detail-page .dt-discussion { padding:36px 0; border:0; }
.cp-detail-page .post-comment-form { display:flex; gap:15px; padding:0 0 32px; border:0; }
.cp-detail-page .post-comment-form .commentor-pic { display:none; }
.cp-detail-page .part-form { flex:1; min-width:0; }
.cp-detail-page .part-form form { display:flex; gap:10px; padding:0; background:transparent; border:0; }
.cp-detail-page .part-form input { min-width:0; width:100%; min-height:48px; border:1px solid var(--dt-line); border-radius:4px; background:var(--dt-paper); color:var(--dt-ink); padding:12px 15px; font-size:14px; }
.cp-detail-page .part-form button { position:static!important; inset:auto!important; transform:none!important; width:auto!important; min-height:48px; padding:10px 20px; background:#8e2033; color:#ffffff; border:0; border-radius:4px; font-size:12px; }
.cp-detail-page :is(.element-title,.element-titl) { font:500 22px 'Inter',sans-serif; color:var(--dt-ink); }
.cp-detail-page :is(.single-comment,.single-reply) { display:flex; gap:16px; padding:24px 0; border-bottom:1px solid var(--dt-line); }
.cp-detail-page .commentor-pic { flex:0 0 36px; width:36px; height:36px; }
.cp-detail-page .commentor-pic img { width:36px; height:36px; object-fit:cover; border-radius:50%; }
.cp-detail-page .part-comment-info { flex:1; min-width:0; }
.cp-detail-page .comment-stats { display:flex; gap:14px; flex-wrap:wrap; font-size:12px; margin-bottom:10px; }
.cp-detail-page .comment-stats .commentator-name { color:var(--dt-ink); font:500 13px 'Inter',sans-serif; }
.cp-detail-page .comment-stats .commented-time { color:var(--dt-muted); font:400 11px 'Inter',sans-serif; }
.cp-detail-page .part-comment-info p { font-size:14px; }
.cp-detail-page .comment-into-social { display:flex; gap:16px; }
.cp-detail-page .comment-into-social .single-social { font-size:12px; color:var(--dt-muted); cursor:pointer; }
.cp-detail-page .dt-related-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:24px; }
.cp-detail-page .dt-related-grid .single-blog { background:var(--dt-paper); border:1px solid var(--dt-line); border-radius:5px; overflow:hidden; }
.cp-detail-page .dt-related-grid .part-img { aspect-ratio:16/9; overflow:hidden; }
.cp-detail-page .dt-related-grid .part-img img { width:100%; height:100%; object-fit:cover; }
.cp-detail-page .dt-related-grid .part-text { padding:22px; background:transparent; }
.cp-detail-page .dt-related-grid .post-category { font-size:10px; color:var(--dt-muted); }
.cp-detail-page .dt-related-grid .blog-post-title { font-size:21px; margin:12px 0; }
.cp-detail-page .dt-related-grid .post-info-stats { font-size:11px; color:var(--dt-muted); display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.cp-detail-page .dt-related-grid .post-creator { display:flex; align-items:center; gap:8px; }
.cp-detail-page .dt-related-grid .creator-pic { width:26px; height:26px; border-radius:50%; overflow:hidden; }
.cp-detail-page .dt-related-grid .creator-pic img { width:100%; height:100%; object-fit:cover; }
@media (min-width:768px) { .cp-detail-page .col-md-2-4 { flex:0 0 auto; width:20%; } }
@media (max-width:1100px) { .cp-detail-page .dt-hero-row { align-items:flex-start; flex-direction:column; gap:24px; } .cp-detail-page .dt-summary { padding:0; } .cp-detail-page .dt-summary > div:first-child { border:0; padding-left:0; } .cp-detail-page :is(.ground-content,.academy-content) { grid-template-columns:minmax(0,1fr) 300px; gap:26px; } }
@media (max-width:767px) {
.cp-detail-page { padding-bottom:48px; font-size:14px; }
.cp-detail-page :is(.container,.container-fluid,.dt-hero,.dt-record-grid) { width:calc(100% - 40px); }
.cp-detail-page .dt-hero { padding:20px 0; margin-bottom:20px; }
.cp-detail-page .dt-breadcrumb { margin-bottom:28px; font-size:11px; }
.cp-detail-page .dt-identity { gap:16px; align-items:flex-start; }
.cp-detail-page .dt-avatar { width:64px; height:64px; flex-basis:64px; font-size:28px; border-radius:5px; }
.cp-detail-page .dt-hero h1 { font-size:32px; }
.cp-detail-page .dt-meta { font-size:12px; gap:8px 12px; margin-top:13px; }
.cp-detail-page .dt-eyebrow { font-size:9px; margin-bottom:10px; }
.cp-detail-page .dt-summary strong { font-size:28px; }
.cp-detail-page .dt-summary > div { min-width:85px; padding-inline:20px; }
.cp-detail-page :is(.ground-content,.academy-content,.dt-record-grid) { grid-template-columns:1fr; gap:12px; }
.cp-detail-page :is(.booking-card,.enrollment-card,.map-card,.dt-panel,.match-card) { padding:22px; }
.cp-detail-page :is(.nearby-grid,.trials-grid,.camps-grid,.dt-related-grid) { grid-template-columns:1fr; gap:20px; }
.cp-detail-page .section-header { flex-direction:column; align-items:flex-start; gap:14px; }
.cp-detail-page .section-header .nav { width:100%; }
.cp-detail-page :is(.nav-tabs .nav-link,.tab-btn) { padding:11px 14px; font-size:12px; }
.cp-detail-page .dt-profile-layout > .container-fluid > .match-card > .tab-content { padding-top:20px!important; }
.cp-detail-page .table > :not(caption) > * > * { padding:12px; }
.cp-detail-page .dt-facts-two { gap:0 20px; }
.cp-detail-page .dt-facts dd { font-size:13px; }
.cp-detail-page .post-content { font-size:16px; }
.cp-detail-page .dt-media-fallback { padding:24px; }
.cp-detail-page .replies-container { margin-left:10px!important; }
.cp-detail-page .details-grid { grid-template-columns:1fr; }
.cp-detail-page .dt-button-outline { width:100%; }
}
@media (prefers-reduced-motion:no-preference) {
.cp-detail-page .dt-hero-row { animation:dt-enter .4s ease both; }
.cp-detail-page .dt-panel,.cp-detail-page #members .match-card { transition:border-color .25s ease,transform .25s ease; }
.cp-detail-page #members a:hover .match-card { transform:translateY(-2px); border-color:#cbb9c1; }
@keyframes dt-enter { from { opacity:.4; transform:translateY(8px); } to { opacity:1; transform:none; } }
}
@media (prefers-reduced-motion:reduce) { .cp-detail-page *, .cp-detail-page *::before,.cp-detail-page *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
.cp-detail-page :is(.ground-image,.academy-image,.post-img) .dt-media-fallback { aspect-ratio:auto; min-height:112px; }
.cp-detail-page .blog-details .dt-article .post-stats span.category-name { color:#39232c; background:none; letter-spacing:.08em; }
.cp-detail-page .blog-details .dt-article .post-stats span.category-name::after { display:none; }
.cp-detail-page .dt-table-wrap .table .dt-image-fallback { width:36px; height:36px; font-size:12px; }
@media (max-width:767px) { .cp-detail-page :is(.ground-image,.academy-image,.post-img) .dt-media-fallback { min-height:96px; } }
.cp-detail-page .rounded-pill { white-space:nowrap; flex-shrink:0; }
.cp-detail-page :is(.team1,.team2,.team-name,.score,.kpifDJ,.stats-count,.stats-title) { color:var(--dt-ink); }
.cp-detail-page .match-card .d-flex:has(> .rounded-pill) { gap:10px; align-items:flex-start; }
.cp-detail-page .dt-table-wrap { overflow-x:auto; }
.cp-detail-page .dt-table-wrap :is(th,td) { overflow-wrap:normal; word-break:normal; }
.cp-detail-page .dt-table-wrap th { white-space:nowrap; }
.cp-detail-page #pt .dt-table-wrap .table { min-width:900px; }
.cp-detail-page .stats-card { min-height:98px; height:auto; min-width:120px; flex:1 1 120px; padding:20px 16px; background:var(--dt-paper); border:1px solid var(--dt-line); border-radius:4px; box-shadow:none; }
.cp-detail-page .stats-card .stats-score { color:var(--dt-ink); font:500 28px/1.3 'Inter',sans-serif; letter-spacing:-.035em; }
.cp-detail-page .stats-card .stats-title { color:var(--dt-muted); font:400 12px/1.5 'Inter',sans-serif; margin-top:7px; }
.cp-detail-page :is(select,.form-select,.form-control) { background-color:var(--dt-paper); border:1px solid #cbb9c1; border-radius:4px; color:var(--dt-ink); min-height:44px; font-size:13px; max-width:100%; }
.cp-detail-page :is(.btn-outline-primary,.btn-primary,.btn-outline-success) { border-color:#8e2033; color:#8e2033; background:transparent; box-shadow:none; border-radius:4px; }
.cp-detail-page :is(.btn-outline-primary,.btn-primary,.btn-outline-success):hover { background:#8e2033; color:#ffffff; }
.cp-detail-page .modal .cric-btn { background:#8e2033!important; background-image:none!important; color:#ffffff!important; border:1px solid #8e2033!important; border-radius:4px; box-shadow:none!important; width:auto; min-width:130px; justify-content:center; }
.cp-detail-page .modal .cric-btn:hover { background:#39232c!important; }
.cp-detail-page .modal-header { padding:22px 24px; border-color:var(--dt-line); }
.cp-detail-page .modal-body { padding:24px; }
.cp-detail-page .modal .btn-close { opacity:.7; }
.cp-detail-page .dt-discussion .all-comments { margin:8px 0 0; padding:0; border:0; }
.cp-detail-page .dt-discussion .element-titl { margin:0 0 20px; }
.cp-detail-page .dt-discussion .single-comment { align-items:flex-start; }
.cp-detail-page .dt-discussion .commentor-pic .dt-image-fallback { width:36px; height:36px; border-radius:50%; font-size:13px; }
.cp-detail-page .dt-related { border-top:1px solid var(--dt-line); padding-top:28px; }
.cp-detail-page .dt-discussion .post-comment-form { padding:0 0 28px; margin:0; background:transparent; border:0; border-radius:0; box-shadow:none; }
.cp-detail-page .dt-discussion .part-form form { align-items:flex-start; }
.cp-detail-page .dt-discussion .part-form form :is(input,button) { height:48px; min-height:48px; }
.cp-detail-page .dt-discussion .part-form form button { -webkit-text-fill-color:currentColor; background-clip:border-box; background-image:none; }
.cp-detail-page .dt-discussion .part-form { background:transparent; padding:0; border:0; border-radius:0; box-shadow:none; }
.cp-detail-page :is(.academy-details,.facilities-section) { background:transparent; border:0; border-radius:0; padding:0; }
/* Detail controls must override legacy gradient layers, including active !important rules. */
.cp-detail-page .cric-btn { width:auto; background:#8e2033!important; background-image:none!important; color:#ffffff!important; border-color:#8e2033!important; box-shadow:none; }
.cp-detail-page .cric-btn:hover { background:#39232c!important; color:#ffffff!important; }
.cp-detail-page .cric-btn::before,.cp-detail-page .cric-btn::after { content:none; display:none; background:none; }
.cp-detail-page .tab-btn { background:transparent!important; background-image:none!important; color:var(--dt-muted)!important; border-radius:3px; }
.cp-detail-page .tab-btn:hover { background:#f4f0f2!important; color:var(--dt-ink)!important; }
.cp-detail-page .tab-btn.active,.cp-detail-page .tab-btn[aria-selected="true"] { background:#8e2033!important; background-image:none!important; color:#ffffff!important; }
.cp-detail-page .tab-btn::before,.cp-detail-page .tab-btn::after { content:none; background:none; }
.cp-detail-page .dt-roster-card { display:flex; flex-direction:column; gap:20px; padding:20px; margin:0; }
.cp-detail-page .dt-roster-identity { display:flex; align-items:center; gap:14px; min-width:0; }
.cp-detail-page .dt-roster-avatar { width:56px; height:56px; flex:0 0 56px; font-size:23px; border-radius:50%; }
.cp-detail-page .dt-roster-description { min-width:0; }
.cp-detail-page .dt-roster-card .player-name { font-size:16px; margin:0 0 5px; line-height:1.35; }
.cp-detail-page .dt-roster-description p { font-size:12px; margin:0; }
.cp-detail-page .dt-roster-link { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:14px; margin-top:auto; border-top:1px solid var(--dt-line); font-size:12px; font-weight:500; color:#8e2033; }
.cp-detail-page .dt-roster-link > span { font-size:19px; transition:transform .2s ease; }
.cp-detail-page .dt-roster-link:hover > span { transform:translate(2px,-2px); }
.cp-detail-page #teamsAccordion .accordion-body { padding:24px 16px 12px; }
.cp-detail-page #teamsAccordion .accordion-header { margin:0; }
.cp-detail-page #teamsAccordion .accordion-item + .accordion-item { margin-top:12px; }
.cp-detail-page #teamsAccordion .accordion-button::after { filter:grayscale(1); }
.cp-detail-page .dt-team-action { display:inline-flex; width:auto; }
@media (max-width:767px) {
.cp-detail-page #teamsAccordion .accordion-body { padding:18px 4px 6px; }
.cp-detail-page .dt-roster-card { padding:18px; gap:18px; }
}
/* Match centre, scoring tools and the remaining public directories. */
.cp-detail-page .dt-page-description { max-width:680px; margin:12px 0 0; color:var(--dt-muted); font-size:15px; }
.cp-detail-page .dt-directory-tools { display:flex; justify-content:space-between; align-items:center; gap:24px; margin:0 0 24px; }
.cp-detail-page .dt-directory-tools > p { margin:0; font-size:13px; }
.cp-detail-page .dt-search { display:flex; align-items:center; gap:14px; }
.cp-detail-page .dt-search label { font-size:12px; white-space:nowrap; }
.cp-detail-page .dt-search input { width:300px; min-height:46px; padding:10px 14px; border:1px solid #cbb9c1; border-radius:4px; background:var(--dt-paper); color:var(--dt-ink); font-size:13px; }
.cp-detail-page .dt-person { display:flex; align-items:center; gap:14px; min-width:0; }
.cp-detail-page .dt-person strong { display:block; font-size:14px; font-weight:500; }
.cp-detail-page .dt-person small { display:block; font-size:11px; color:var(--dt-muted); margin-top:4px; }
.cp-detail-page .dt-player-table .dt-roster-avatar { width:40px; height:40px; flex-basis:40px; font-size:18px; }
.cp-detail-page .dt-player-table td { padding-block:18px; }
.cp-detail-page .dt-player-table .dt-person { min-width:210px; }
.cp-detail-page .dt-profile-link { display:inline-flex; gap:20px; font-size:12px; font-weight:500; white-space:nowrap; }
.cp-detail-page [hidden] { display:none!important; }
.cp-detail-page .dt-inline-link { border:0; padding:0; }
.cp-detail-page .dt-fixture-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.cp-detail-page .dt-fixture { margin:0; }
.cp-detail-page .dt-fixture-top { display:flex; justify-content:space-between; align-items:center; gap:18px; font-size:11px; padding-bottom:12px; border-bottom:1px solid var(--dt-line); }
.cp-detail-page .dt-fixture-teams { padding:16px 0; display:grid; grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr); gap:18px; align-items:center; }
.cp-detail-page .dt-fixture-teams .dt-person { flex-direction:column; align-items:flex-start; }
.cp-detail-page .dt-fixture-teams h2 { font-size:20px; margin:0; }
.cp-detail-page .dt-fixture > p { font-size:12px; }
.cp-detail-page .dt-versus { color:var(--dt-muted); font-size:.65em; font-weight:400; letter-spacing:0; }
.cp-detail-page .dt-fixture-empty { grid-column:1/-1; padding:30px 22px; }
.cp-detail-page .dt-fixture-empty .dt-button { width:auto; margin-top:12px; }
.cp-detail-page .dt-promo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.cp-detail-page .dt-promo-card { display:flex; flex-direction:column; margin:0; padding:22px; }
.cp-detail-page .dt-promo-card h2 { font-size:23px; margin-bottom:12px; }
.cp-detail-page .dt-promo-card > p:not(.dt-eyebrow) { font-size:14px; margin-bottom:18px; }
.cp-detail-page .dt-promo-code-callout { display:flex; align-items:center; justify-content:space-between; gap:32px; padding:24px 0 0; margin-top:28px; border-top:1px solid var(--dt-line); }
.cp-detail-page .dt-promo-code-callout h2 { margin-bottom:12px; }
.cp-detail-page .dt-promo-code-callout p { margin-bottom:0; font-size:14px; }
.cp-detail-page .dt-promo-code-callout .dt-button { width:auto; }
.cp-detail-page .dt-code-layout { grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:32px; }
.cp-detail-page .dt-code-help { padding:16px 0; }
.cp-detail-page .dt-code-help p { font-size:14px; margin-bottom:28px; }
.cp-detail-page .dt-code-help .dt-map-link { margin-top:24px; }
.cp-detail-page .promo-form { display:block; padding:0; margin:28px 0 0; background:transparent; box-shadow:none; }
.cp-detail-page .promo-form label { display:block; font-size:12px; margin-bottom:9px; }
.cp-detail-page .dt-code-input { display:flex; gap:12px; }
.cp-detail-page .dt-code-input input { min-width:0; flex:1; width:100%; height:48px; border:1px solid #cbb9c1; background:var(--dt-paper); border-radius:4px; padding:10px 13px; color:var(--dt-ink); font:400 14px 'Inter',sans-serif; }
.cp-detail-page .dt-code-input .dt-button { width:auto; white-space:nowrap; }
.cp-detail-page .dt-notice { padding:18px 20px; background:#f4f0f2; border:1px solid #cbb9c1; border-radius:4px; margin:24px 0 0; color:var(--dt-ink); font-size:14px; }
.cp-match-page .dt-match-content { width:calc(100% - 80px); max-width:1320px; margin-inline:auto; }
.cp-match-page .dt-match-content > .row { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:26px; margin:0!important; }
.cp-match-page .dt-match-content > .row > :is(.col-md-8,.col-md-4) { width:auto; padding:0!important; min-width:0; }
.cp-match-page .dt-match-content .match-card { padding:20px!important; }
.cp-match-page .dt-match-content #myTab { padding:0 0 14px; border-bottom:1px solid var(--dt-line)!important; }
.cp-match-page .dt-match-content #myTabContent { padding:22px 0 0!important; }
.cp-match-page .dt-match-content .table { font-size:12px; }
.cp-match-page .dt-match-content .table th { font-size:10px; }
.cp-match-page :is(.table-responsive,.tab-content,.tab-pane) { max-width:100%; min-width:0; }
.cp-match-page .table th,.cp-match-page .table td { vertical-align:middle; }
.cp-match-page .table img { width:36px!important; height:36px!important; object-fit:cover; border-radius:50%; }
.cp-match-page .table .dt-image-fallback { width:36px; height:36px; font-size:12px; border-radius:50%; }
.cp-match-page .c-box { display:inline-flex; justify-content:center; align-items:center; min-width:38px; height:38px; font-size:12px; border-radius:4px; }
.cp-match-page .OverEnd { background:#f4f0f2!important; color:var(--dt-ink)!important; border-top:1px solid #cbb9c1!important; }
.cp-match-page .OverEnd :is(h3,h4,h5,h6,p) { color:inherit; }
.cp-match-page .dt-match-content #commentary .table { min-width:0; }
.cp-match-page .dt-match-content #commentary .table td { white-space:normal; }
.cp-match-page .dt-match-content #commentary .dt-table-wrap { border:0; }
.cp-match-page .dt-match-person { display:flex; align-items:center; gap:14px; min-height:104px; padding:18px!important; }
.cp-match-page .dt-match-person h4 { font-size:16px; margin:0 0 5px; }
.cp-match-page .dt-match-person p { font-size:12px; margin:0; }
.cp-match-page #teams .row > [class*="col-"] { width:50%; }
.cp-match-page #teams > .d-flex h2 { font-size:22px; margin:0; }
.cp-match-page #teams > .d-flex > img { height:36px; width:36px; border-radius:50%; object-fit:cover; }
.cp-match-page .bg-secondary { background:#f4f0f2!important; color:var(--dt-ink)!important; }
.cp-match-page .cric-bg { background:#8e2033!important; color:#ffffff!important; border:1px solid #8e2033; border-radius:4px; background-image:none!important; }
.cp-match-page .video-wrapper { width:100%; aspect-ratio:16/9; overflow:hidden; border-radius:4px; }
.cp-match-page .video-wrapper iframe { width:100%; height:100%; }
.cp-match-page .formCard input { margin-bottom:18px; }
.cp-match-page .form-control:focus,.cp-detail-page .promo-form input:focus { border-color:#77626c; box-shadow:0 0 0 3px rgba(11,61,35,.08); }
.cp-match-page :is(.bg-gradient-primary,.cric-bg)::before,.cp-match-page :is(.bg-gradient-primary,.cric-bg)::after { background:none; }
.cp-match-page .dt-editor-content > .card { margin-bottom:24px; }
.cp-match-page :is(.card,.card-header,.card-body,.modal-content) { box-shadow:none!important; border-radius:5px; }
.cp-match-page .card { border:1px solid var(--dt-line)!important; }
.cp-match-page .card-header { padding:18px 22px!important; background:var(--dt-paper); color:var(--dt-ink); border-bottom:1px solid var(--dt-line); }
.cp-match-page .card-header :is(h4,h5,h6) { color:var(--dt-ink); font-size:15px; }
.cp-match-page .card-header i { color:inherit; }
.cp-match-page .main-header,.cp-match-page .modal-header { background:#8e2033!important; background-image:none!important; color:#ffffff!important; border-radius:5px 5px 0 0!important; }
.cp-match-page .main-header :is(h2,h4,h5,h6),.cp-match-page .modal-header :is(h2,h4,h5,h6) { color:#ffffff!important; }
.cp-match-page .main-header h2 { font-size:22px; margin-bottom:7px!important; }
.cp-match-page .main-header small { font-size:12px; }
.cp-match-page .main-header .row { row-gap:20px; }
.cp-match-page .card-body { padding:24px!important; }
.cp-match-page .modal-body .card-body { padding:18px!important; }
.cp-match-page :is(.shadow,.shadow-lg) { box-shadow:none!important; }
.cp-match-page :is(.btn-success,.btn-ball) { background:#8e2033!important; color:#ffffff!important; border:1px solid #8e2033!important; box-shadow:none!important; border-radius:4px; }
.cp-match-page :is(.btn-success,.btn-ball):hover { background:#39232c!important; }
.cp-match-page :is(.btn-outline-primary,.btn-outline-secondary,.btn-secondary) { background:transparent; color:#8e2033; border:1px solid #cbb9c1; border-radius:4px; box-shadow:none; }
.cp-match-page :is(.btn-outline-primary,.btn-outline-secondary,.btn-secondary):hover { background:#f4f0f2; color:#8e2033; border-color:#77626c; }
.cp-match-page .btn { font:500 12px/1.5 'Inter',sans-serif; padding:11px 15px; min-height:42px; }
.cp-match-page .btn::before,.cp-match-page .btn::after { background-image:none; }
.cp-match-page .team-buttons { flex-wrap:wrap; }
.cp-match-page .team-buttons a { flex:1; text-align:center; white-space:normal; }
.cp-match-page .team-buttons .btn-outline-light { color:#ffffff; border-color:#77626c; }
.cp-match-page .team-buttons .btn-success { background:#cc243b!important; border-color:#cc243b!important; color:#24171c!important; }
.cp-match-page .over-container { display:flex; align-items:center; gap:18px; padding:18px 20px; margin-bottom:14px; border:1px solid var(--dt-line); border-radius:4px; background:var(--dt-paper); }
.cp-match-page .over-label { flex:0 0 65px; font-size:13px; font-weight:500; }
.cp-match-page .balls-row { display:flex; flex-wrap:wrap; gap:8px; }
.cp-match-page .btn-ball { min-width:44px; padding:10px; opacity:1; transform:none; animation:none; }
.cp-match-page .spinner-border { color:#8e2033; }
.cp-match-page :is(.alert-info,.alert1-info) { background:#f4f0f2; color:var(--dt-ink); border:1px solid var(--dt-line); }
.cp-match-page .alert-warning { background:#f4f0f2; border:1px solid #cbb9c1; color:#39232c; }
.cp-match-page .modal-dialog { max-width:880px; }
.cp-match-page .modal-footer { border-top:1px solid var(--dt-line); padding:18px 24px; gap:10px; }
.cp-match-page .modal label { font-size:12px; font-weight:500; color:var(--dt-ink); }
.cp-match-page .custom-control { display:flex; align-items:center; gap:8px; }
.cp-match-page input[type="checkbox"] { accent-color:#8e2033; width:16px; height:16px; }
.cp-match-page .highcharts-container { max-width:100%; }
.cp-match-page #emptyState h5 { font-size:22px; }
.cp-match-page #emptyState p { max-width:480px; margin-inline:auto; font-size:14px; }
@media (min-width:1200px) { .cp-match-page #teams .row > [class*="col-"] { width:50%; } }
@media (max-width:1100px) { .cp-detail-page .dt-promo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .cp-match-page .dt-match-content > .row { grid-template-columns:minmax(0,1fr) 280px; gap:22px; } }
@media (max-width:900px) { .cp-match-page .dt-match-content > .row { grid-template-columns:1fr; } }
@media (max-width:767px) {
.cp-detail-page .dt-directory-tools { flex-direction:column; align-items:stretch; gap:18px; }
.cp-detail-page .dt-search { align-items:stretch; flex-direction:column; gap:8px; }
.cp-detail-page .dt-search input { width:100%; }
.cp-detail-page .dt-page-description { font-size:14px; }
.cp-detail-page :is(.dt-fixture-grid,.dt-promo-grid,.dt-code-layout) { grid-template-columns:1fr; gap:20px; }
.cp-detail-page .dt-promo-card { padding:24px; }
.cp-detail-page .dt-promo-code-callout { flex-direction:column; align-items:flex-start; }
.cp-detail-page .dt-code-layout { gap:5px; }
.cp-detail-page .dt-code-input { flex-direction:column; }
.cp-detail-page .dt-code-input .dt-button { width:100%; }
.cp-detail-page .dt-code-help { padding-top:10px; }
.cp-match-page .dt-match-content { width:calc(100% - 40px); }
.cp-match-page .dt-match-content .match-card { padding:16px!important; }
.cp-match-page .dt-match-content .nav-link { min-height:44px; padding:11px 13px!important; }
.cp-match-page #teams .row > [class*="col-"] { width:100%; }
.cp-match-page .dt-match-person { min-height:92px; }
.cp-match-page .c-box { min-width:30px; height:30px; font-size:10px; }
.cp-match-page :is(.card-body,.modal-body .card-body) { padding:18px!important; }
.cp-match-page .main-header { padding:22px 18px!important; }
.cp-match-page .main-header .col-md-4 { width:100%; }
.cp-match-page .over-container { flex-wrap:wrap; gap:14px; padding:18px; }
.cp-match-page .over-label { flex-basis:100%; }
.cp-match-page .over-container > .balls-row { flex-basis:100%; }
.cp-match-page .over-container > .btn { margin-left:0; }
.cp-match-page .modal-dialog { margin:12px; }
.cp-match-page .modal-footer .btn { flex:1; }
}
@media (prefers-reduced-motion:no-preference) { .cp-detail-page .dt-promo-card { transition:transform .25s ease,border-color .25s ease; } .cp-detail-page .dt-promo-card:hover { transform:translateY(-3px); border-color:#cbb9c1; } }
.cp-match-page .modal-dialog-scrollable .modal-content > form { display:flex; flex-direction:column; min-height:0; overflow:hidden; }
.cp-match-page .modal-dialog-scrollable .modal-content > form > .modal-body { overflow-y:auto; }
.cp-match-page .modal-dialog-scrollable .modal-footer { flex-shrink:0; }
.cp-detail-page .dt-player-table th { position:relative; }
.cp-match-page .match-result:empty { display:none; }
.cp-match-page #teams > .d-flex > .dt-image-fallback { width:36px; height:36px; font-size:13px; }
.cp-match-page .mvps img,.cp-match-page .mvps .dt-image-fallback { width:56px!important; height:56px!important; object-fit:cover; border-radius:50%; }

/* Public utilities and statistics: shared paper, forest and restrained accents. */
.cp-detail-page :is(.dt-partner-intro,.dt-app-layout,.dt-import-layout,.dt-error-layout) { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start; }
.cp-detail-page :is(.dt-partner-intro,.dt-partner-next) { padding-block:12px 32px; }
.cp-detail-page .dt-partner-intro h2,.cp-detail-page .dt-app-copy h2 { font-size:clamp(28px,3vw,40px); line-height:1.2; letter-spacing:-.035em; }
.cp-detail-page :is(.dt-partner-intro,.dt-app-copy,.dt-partner-next,.dt-import-help,.dt-error-layout) p { color:var(--dt-muted); font-size:15px; line-height:1.8; }
.cp-detail-page .dt-partner-cards .dt-panel { margin:0; }
.cp-detail-page .dt-partner-next { display:flex; align-items:center; justify-content:space-between; gap:32px; margin-top:32px; padding-top:24px; border-top:1px solid var(--dt-line); }
.cp-detail-page .dt-partner-next p { max-width:640px; margin-bottom:0; }
.cp-detail-page .dt-partner-next .dt-eyebrow { margin-bottom:14px; }
.cp-detail-page .dt-partner-next .dt-button { flex-shrink:0; }
.cp-detail-page .dt-error-layout { grid-template-columns:.8fr 1.2fr; align-items:center; padding-block:35px 80px; }
.cp-detail-page .dt-error-layout p.dt-error-code { font-size:clamp(100px,15vw,210px); font-weight:500; color:#cbb9c1; line-height:1; margin:0; letter-spacing:-.08em; }
.cp-detail-page .dt-error-layout h2 { font-size:30px; letter-spacing:-.03em; }
.cp-detail-page .dt-utility-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.cp-detail-page .dt-utility-actions .dt-button,.cp-detail-page .dt-partner-intro .dt-button { width:auto; display:inline-flex; gap:24px; }
.cp-detail-page .dt-error-links { display:flex; gap:26px; flex-wrap:wrap; padding-top:32px; margin-top:32px; border-top:1px solid var(--dt-line); }
.cp-detail-page .dt-error-links a { color:var(--dt-ink); font-size:13px; text-decoration:underline; text-underline-offset:5px; }
.cp-detail-page .dt-app-layout { align-items:center; padding-bottom:32px; }
.cp-detail-page .dt-app-copy > p { max-width:480px; }
.cp-detail-page .dt-store-links { display:flex; flex-wrap:wrap; gap:12px; margin:28px 0 32px; }
.cp-detail-page .dt-store-links a { display:inline-block; border-radius:7px; }
.cp-detail-page .dt-store-links img { display:block; height:50px; width:auto; max-width:170px; object-fit:contain; }
.cp-detail-page .dt-app-features { margin:0 0 24px; }
.cp-detail-page .dt-app-features > div { border-top:1px solid var(--dt-line); padding:17px 0; }
.cp-detail-page .dt-app-features dt { color:var(--dt-ink); font-size:14px; font-weight:500; margin-bottom:4px; }
.cp-detail-page .dt-app-features dd { color:var(--dt-muted); font-size:13px; margin:0; }
.cp-detail-page .dt-app-preview { display:grid; place-items:center; padding:32px; background:#f4f0f2; border:1px solid var(--dt-line); border-radius:6px; }
.cp-detail-page .dt-app-phone { width:218px; max-width:100%; padding:6px; background:#24171c; border-radius:22px; overflow:hidden; }
.cp-detail-page .dt-app-phone img { display:block; width:100%; height:auto; border-radius:16px; }
.cp-detail-page .dt-app-preview p { margin:18px 0 0; font-size:12px; color:var(--dt-muted); }
.cp-detail-page .dt-import-layout { grid-template-columns:1.35fr 1fr; gap:32px; margin-bottom:28px; }
.cp-detail-page .dt-import-layout .dt-panel { margin:0; }
.cp-detail-page .dt-import-help { padding:20px 0; }
.cp-detail-page .dt-import-help h2 { font-size:24px; line-height:1.3; }
.cp-detail-page .dt-import-help p { font-size:14px; }
.cp-detail-page .dt-upload-field { margin:28px 0 24px; }
.cp-detail-page .dt-upload-field label { display:block; font-size:13px; font-weight:500; margin-bottom:10px; color:var(--dt-ink); }
.cp-detail-page .dt-upload-field input { background:var(--dt-paper); border:1px solid #cbb9c1; min-height:48px; color:var(--dt-ink); font:inherit; font-size:13px; border-radius:4px; }
.cp-detail-page .dt-upload-field input::file-selector-button { background:#f4f0f2; color:var(--dt-ink); border:0; border-right:1px solid var(--dt-line); padding:14px; margin-right:14px; }
.cp-detail-page .dt-field-help { font-size:12px; color:var(--dt-muted); margin:9px 0 0; }
.cp-detail-page .errorlist { color:#9b332b; font-size:12px; padding-left:18px; margin-top:8px; }
.cp-detail-page .dt-section-heading { display:flex; align-items:baseline; justify-content:space-between; gap:20px; margin-bottom:18px; }
.cp-detail-page .dt-section-heading h2 { font-size:24px; margin:0; }
.cp-detail-page .dt-section-heading p { font-size:12px; color:var(--dt-muted); margin:0; }
.cp-detail-page .dt-upload-table { min-width:720px; }
.cp-detail-page .dt-upload-table th { position:relative; }
.cp-detail-page .dt-upload-name { white-space:normal!important; overflow-wrap:anywhere; max-width:340px; min-width:180px; }
.cp-detail-page .dt-cell-error { color:#9b332b!important; }
.dt-local-stats { padding-bottom:calc(var(--ls-bar-h,110px) + 32px); }
.dt-local-stats .ls-synced { color:var(--dt-muted); font-size:12px; margin:12px 0 0; }
.dt-local-stats .ls-jump { position:sticky; top:var(--ls-nav-h,0px); z-index:20; display:flex; gap:6px; padding:10px 0; margin:0 auto 28px; width:calc(100% - 80px); max-width:1320px; background:var(--dt-bg,#ffffff); border-bottom:1px solid var(--dt-line); overflow-x:auto; }
.dt-local-stats .ls-jump a { flex-shrink:0; padding:10px 15px; font-size:12px; color:var(--dt-ink); border-radius:4px; }
.dt-local-stats .ls-jump a:hover,.dt-local-stats .ls-jump a:focus-visible { background:#f4f0f2; }
.dt-local-stats .ls-main { width:calc(100% - 80px); max-width:1320px; margin:auto; }
.dt-local-stats .ls-card { padding:28px; margin:0 0 24px; background:var(--dt-paper); border:1px solid var(--dt-line); border-radius:6px; scroll-margin-top:calc(var(--ls-nav-h,0px) + 85px); }
.dt-local-stats .ls-card h2 { font-size:24px; margin:0 0 8px; letter-spacing:-.025em; }
.dt-local-stats .ls-note { color:var(--dt-muted); font-size:12px; line-height:1.7; margin:0; }
.dt-local-stats .ls-seam { height:1px; background:var(--dt-line); margin:22px 0; }
.dt-local-stats .ls-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.dt-local-stats .ls-field { min-width:0; }
.dt-local-stats .ls-field.is-wide { grid-column:1 / -1; }
.dt-local-stats .ls-lbl { display:block; color:var(--dt-ink); font-size:12px; font-weight:500; margin-bottom:8px; }
.dt-local-stats .ls-lbl i { font-style:normal; color:#9b332b; margin-left:4px; }
.dt-local-stats .ls-input { width:100%; min-width:0; height:46px; background:#ffffff; border:1px solid #cbb9c1; color:var(--dt-ink); border-radius:4px; padding:10px 12px; font:400 14px/1.5 'Inter',sans-serif; font-variant-numeric:tabular-nums; }
.dt-local-stats .ls-input::placeholder { color:#77626c; }
.dt-local-stats .ls-input:focus { outline:0; border-color:#77626c; box-shadow:0 0 0 3px rgba(11,61,35,.08); }
.dt-local-stats .is-bad .ls-input { border-color:#a1483e; }
.dt-local-stats .ls-err { color:#9b332b; font-size:12px; display:block; margin-top:6px; }
.dt-local-stats .ls-file-input { height:auto; }
.dt-local-stats .ls-file-input::file-selector-button { border:0; background:#f4f0f2; color:var(--dt-ink); padding:6px 10px; margin-right:12px; border-radius:3px; }
.dt-local-stats .ls-verify-preview { margin-bottom:20px; }
.dt-local-stats .ls-verify-img { display:block; max-width:100%; max-height:240px; border:1px solid var(--dt-line); border-radius:4px; object-fit:contain; }
.dt-local-stats .ls-flash { width:calc(100% - 80px); max-width:1320px; margin:0 auto 24px; padding:16px; font-size:13px; background:#f4f0f2; border:1px solid #cbb9c1; color:#8e2033; }
.dt-local-stats .ls-flash.is-bad { border-color:#a1483e; color:#9b332b; }
.ls-bar { position:fixed; inset:auto 0 0; z-index:80; background:#8e2033; color:#ffffff; border-top:1px solid #39232c; font-family:'Inter',sans-serif; }
.ls-bar-in { width:calc(100% - 80px); max-width:1320px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:15px 0; }
.ls-bar-cap { color:#cbb9c1; font-size:10px; letter-spacing:.09em; text-transform:uppercase; margin:0 0 9px; line-height:1.4; }
.ls-rows { display:flex; gap:44px; }
.ls-rows > div { display:flex; align-items:baseline; gap:9px; }
.ls-rows b { font-size:23px; font-weight:500; line-height:1.2; color:#ffffff; font-variant-numeric:tabular-nums; }
.ls-rows span { font-size:11px; color:#cbb9c1; }
.ls-save { padding:13px 24px; min-height:46px; border:1px solid #cc243b; background:#cc243b; color:#24171c; border-radius:4px; font:500 13px/1.5 'Inter',sans-serif; white-space:nowrap; }
.ls-save:hover { background:#cc243b; }
.ls-save:focus-visible { outline:2px solid #ffffff; outline-offset:4px; }
@media (max-width:1000px) {
  .cp-detail-page :is(.dt-partner-intro,.dt-app-layout,.dt-import-layout,.dt-error-layout) { gap:32px; }
  .dt-local-stats .ls-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .ls-rows { gap:25px; }
  .ls-rows > div { flex-direction:column; gap:4px; }
}
@media (max-width:767px) {
  .cp-detail-page :is(.dt-partner-intro,.dt-app-layout,.dt-import-layout,.dt-error-layout) { grid-template-columns:minmax(0,1fr); gap:26px; }
  .cp-detail-page .dt-partner-intro { padding:0 0 30px; }
  .cp-detail-page .dt-partner-next { margin-top:30px; flex-direction:column; align-items:flex-start; }
  .cp-detail-page .dt-error-layout { padding:0 0 20px; gap:16px; }
  .cp-detail-page .dt-error-layout p.dt-error-code { font-size:112px; }
  .cp-detail-page .dt-error-layout h2 { font-size:26px; }
  .cp-detail-page .dt-app-preview { padding:26px; }
  .cp-detail-page .dt-app-phone { width:190px; }
  .cp-detail-page .dt-store-links { gap:10px; }
  .cp-detail-page .dt-store-links img { max-width:155px; height:46px; }
  .cp-detail-page .dt-import-help { padding:0; }
  .cp-detail-page .dt-section-heading { flex-direction:column; gap:6px; }
  .dt-local-stats :is(.ls-jump,.ls-main,.ls-flash) { width:calc(100% - 40px); }
  .dt-local-stats .ls-jump { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2px; overflow:visible; }
  .dt-local-stats .ls-jump a { text-align:center; padding:9px 4px; }
  .dt-local-stats .ls-card { padding:22px 18px; }
  .dt-local-stats .ls-card { scroll-margin-top:calc(var(--ls-nav-h,0px) + 125px); }
  .dt-local-stats .ls-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 14px; }
  .dt-local-stats .ls-card h2 { font-size:22px; }
  .ls-bar-in { width:calc(100% - 40px); gap:14px; padding:13px 0; align-items:stretch; flex-direction:column; }
  .ls-rows { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
  .ls-rows b { font-size:20px; }
  .ls-rows span { font-size:10px; }
  .ls-save { width:100%; }
}
@media (prefers-reduced-motion:no-preference) {
  .cp-detail-page .dt-store-links a { transition:transform .2s ease; }
  .cp-detail-page .dt-store-links a:hover { transform:translateY(-2px); }
  .dt-local-stats .ls-input,.ls-save { transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease; }
}

/* Missing cover media is an identity row, not a reserved photograph. */
.ip-directory-page .cp-card-stage:has(> .cp-card-stage-placeholder) { display:flex; align-items:center; aspect-ratio:auto; height:74px; max-height:none; padding:18px 20px 0; background:transparent; }
.ip-directory-page .cp-card-stage > .cp-card-stage-placeholder { width:40px; height:40px; flex:0 0 40px; border-radius:4px; border:1px solid var(--ip-line); font-size:18px; }
.ip-directory-page .cp-card-stage:has(> .cp-card-stage-placeholder) :is(.cp-type-badge,.cp-verified-tag,.cp-category-tag) { top:25px; left:auto; right:20px; max-width:calc(100% - 90px); background:#f4f0f2; }
.ip-directory-page .cp-academy-card:has(.cp-academy-logo-wrap) .cp-card-stage:has(> .cp-card-stage-placeholder) { height:42px; padding:0; }
.ip-directory-page .cp-academy-card:has(.cp-academy-logo-wrap) .cp-card-stage > .cp-card-stage-placeholder { display:none; }
.ip-directory-page .cp-academy-card:has(.cp-academy-logo-wrap) .cp-card-stage:has(> .cp-card-stage-placeholder):not(:has(.cp-verified-tag)) { display:none; }
.ip-directory-page .cp-academy-card:has(.cp-academy-logo-wrap) .cp-card-stage:has(> .cp-card-stage-placeholder) .cp-verified-tag { top:16px; }
@media (max-width:700px) { .ip-directory-page .cp-card-stage:has(> .cp-card-stage-placeholder) { height:68px; padding:16px 18px 0; } .ip-directory-page .cp-card-stage:has(> .cp-card-stage-placeholder) :is(.cp-type-badge,.cp-verified-tag,.cp-category-tag) { right:18px; top:23px; } }

/* Dense match summaries retain complete team names and scores. */
.ip-directory-page .cp-match-card :is(.action-arrow,.cp-team-score .empty) { line-height:1.3; }
.ip-directory-page .cp-match-venue-row .text-truncate,.ip-directory-page .cp-match-result-banner .text-truncate { white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere; }
.cp-detail-page #matches .match-card:has(.kpifDJ) { padding:16px; }
.cp-detail-page #matches .kpifDJ { min-height:0; height:auto; }
.cp-detail-page #matches .kpifDJ > :is(.px-2,.px-3) { padding-inline:0!important; }
.cp-detail-page #matches .kpifDJ :is(.team-name,.score) { font-size:16px!important; line-height:1.5; }
.cp-detail-page #matches .kpifDJ > .d-flex { gap:8px; }