/* Hydra managed stylesheet. File Version: 8.0.0 */
.as-wrap{max-width:1400px;margin:24px auto;padding:0 18px;color:var(--color-text,#1f2933);font-family:var(--font-sans,"Cairo",Arial,sans-serif)}
.as-hero{display:flex;align-items:center;gap:18px;padding:25px;border-radius:var(--radius-lg,16px);background:var(--bg-soft-3,#f2f7ff);border-right:6px solid var(--color-primary,#5460a8);margin-bottom:28px}
.as-mark{font-size:42px}.as-hero h1,.as-title{font-size:var(--font-title,28px);font-weight:800;margin:0 0 8px}.as-hero p,.as-desc{margin:0;color:var(--color-muted,#64748b);font-size:var(--font-body,19px)}
.as-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.as-card{display:block;padding:22px;background:#fff;border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-md,14px);box-shadow:var(--shadow-soft,0 6px 14px #0001);color:inherit;text-decoration:none;transition:.2s}
.as-card:hover{transform:translateY(-3px);border-color:var(--color-primary,#5460a8);text-decoration:none}.as-card>span{font-size:30px}.as-card h2{font-size:21px;color:var(--color-primary,#5460a8);margin:10px 0}.as-card p{line-height:1.8}.as-card b{color:var(--color-hover,#DA843D)}
.as-back{display:inline-block;margin:8px 0 18px;color:var(--color-primary,#5460a8);font-weight:700}.as-desc{margin-bottom:20px}
.as-table-wrap,.archery-ranking-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:14px;box-shadow:0 8px 25px rgba(0,0,0,.08);background:#fff;margin:18px 0}
.as-table,.archery-ranking-table{width:100%;min-width:650px;border-collapse:collapse;background:#fff;text-align:center;font-size:17px}
.as-table thead,.archery-ranking-table thead{background:#0a806c;color:#fff}
.as-table th,.archery-ranking-table th{padding:14px 10px;font-weight:700;white-space:nowrap;border:0;text-align:center}
.as-table tbody tr,.archery-ranking-table tbody tr{border-bottom:1px solid #eee;transition:background .2s ease}
.as-table tbody tr:hover,.archery-ranking-table tbody tr:hover{background:#f7fbfa}
.as-table td,.archery-ranking-table td{padding:12px 8px;vertical-align:middle;text-align:center;border:0;white-space:nowrap}
.as-player{font-weight:700;min-width:180px}
.as-note{color:var(--color-muted,#64748b);font-size:14px;margin-top:15px}
.as-matrix{min-width:900px}
.as-matrix th:first-child,.as-matrix td:first-child{text-align:center}
.as-empty{padding:20px;background:#fff7e6;border-radius:10px}
.as-ranking-updated{display:block;text-align:center;margin:0 0 25px;padding:12px;border-radius:10px;background:#f4f9f7;color:#555;font-size:15px}
.as-ranking-updated strong{color:#0a806c}
@media(max-width:600px){.as-wrap{padding:0 10px}.as-hero{align-items:flex-start;padding:16px}.as-hero h1,.as-title{font-size:23px}.as-table{font-size:15px}.as-table th,.as-table td{padding:10px}}

/* v7: project identity and per-statistic icon presentation */
.as-hero{gap:22px}
.as-project-logo{width:76px;height:76px;object-fit:contain;flex:0 0 76px}
.as-card{position:relative;min-height:235px}
.as-card-icon{display:flex!important;align-items:center;justify-content:center;width:48px;height:48px;margin:0 0 12px}
.as-card-icon img{display:block;width:42px;height:42px;object-fit:contain}
.as-card h2{margin-top:6px}
.as-report-heading{display:flex;align-items:center;gap:18px;margin:8px 0 18px}
.as-report-heading .as-project-logo{width:64px;height:64px;flex-basis:64px}
.as-report-heading .as-desc{margin-bottom:0}
.as-card:hover .as-card-icon{transform:translateY(-2px)}
@media(max-width:600px){.as-project-logo{width:58px;height:58px;flex-basis:58px}.as-report-heading{align-items:flex-start}.as-report-heading .as-project-logo{width:52px;height:52px;flex-basis:52px}}

/* v8 — align report tables with Archery Ranking's table identity */
@media(max-width:600px){
 .as-table,.archery-ranking-table{font-size:15px}
 .as-table th,.archery-ranking-table th,.as-table td,.archery-ranking-table td{padding:10px 8px}
 .as-ranking-updated{font-size:14px;line-height:1.7;padding:11px 9px}
}


/* v9 — force the Archery Ranking visual contract and provide clear pagination. */
.as-wrap .as-table-wrap,
.as-wrap .archery-ranking-table-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 14px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .08);
    background: #fff;
    margin: 18px 0;
}
.as-wrap table.as-table,
.as-wrap table.archery-ranking-table {
    width: 100%;
    min-width: 650px;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: #fff !important;
    text-align: center !important;
    font-size: 17px;
    margin: 0 !important;
}
.as-wrap table.as-table thead,
.as-wrap table.archery-ranking-table thead,
.as-wrap table.as-table thead tr,
.as-wrap table.archery-ranking-table thead tr {
    background: #0a806c !important;
    color: #fff !important;
}
.as-wrap table.as-table thead th,
.as-wrap table.archery-ranking-table thead th {
    background: #0a806c !important;
    color: #fff !important;
    padding: 17px 12px !important;
    border: 0 !important;
    text-align: center !important;
    font-weight: 700;
    white-space: nowrap;
}
.as-wrap table.as-table tbody tr,
.as-wrap table.archery-ranking-table tbody tr {
    background: #fff !important;
    border: 0 !important;
    border-bottom: 1px solid #eee !important;
    transition: background .2s ease;
}
.as-wrap table.as-table tbody tr:hover,
.as-wrap table.archery-ranking-table tbody tr:hover {
    background: #f7fbfa !important;
}
.as-wrap table.as-table tbody td,
.as-wrap table.archery-ranking-table tbody td {
    background: transparent !important;
    color: #17212b;
    padding: 16px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid #eee !important;
    text-align: center !important;
    vertical-align: middle;
    white-space: nowrap;
}
.as-wrap table.as-table tbody tr:last-child td,
.as-wrap table.archery-ranking-table tbody tr:last-child td {
    border-bottom: 0 !important;
}
.as-project-logo {
    display: block;
    width: 76px;
    height: 76px;
    flex: 0 0 76px;
    object-fit: contain;
}
.as-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin: 18px 0 24px;
    padding: 12px 16px;
    border: 1px solid #e5e9ed;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 14px rgba(0,0,0,.04);
}
.as-pagination-summary { color: #64748b; font-size: 14px; }
.as-pagination-links { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.as-pagination-links a,
.as-pagination-links span {
    display: inline-flex;
    min-width: 38px;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    padding: 6px 11px;
    border: 1px solid #dce5e8;
    border-radius: 8px;
    color: #0a806c;
    background: #fff;
    text-decoration: none;
    font-weight: 700;
}
.as-pagination-links a:hover,
.as-pagination-links .is-current {
    color: #fff;
    background: #0a806c;
    border-color: #0a806c;
}
@media (max-width: 600px) {
    .as-wrap table.as-table,
    .as-wrap table.archery-ranking-table { font-size: 15px; }
    .as-wrap table.as-table thead th,
    .as-wrap table.archery-ranking-table thead th,
    .as-wrap table.as-table tbody td,
    .as-wrap table.archery-ranking-table tbody td { padding: 11px 9px !important; }
    .as-pagination { align-items: flex-start; }
    .as-project-logo { width: 58px; height: 58px; flex-basis: 58px; }
}