/* Cricket Records — extracted from html/cricbun-cricket-records.html */
main{padding:34px 0 75px}
.hero{display:grid;grid-template-columns:1fr 290px;gap:20px;align-items:end}
.hero h1{font-size:clamp(2rem,5vw,3.3rem);letter-spacing:-.07em}
.hero p{font-size:.67rem;color:var(--muted);margin-top:6px}
.search{height:41px;border:1px solid var(--line);border-radius:9px;background:var(--paper);padding:0 11px}
.filters{display:flex;gap:7px;overflow:auto;margin:18px 0}
.filter{white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:var(--paper);padding:8px 11px;font-size:.58rem;color:var(--muted);text-decoration:none}
.filter.on{background:var(--navy);color:var(--paper)}
.layout{display:grid;grid-template-columns:220px 1fr;gap:15px}
.cats{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:8px;height:max-content;position:sticky;top:15px}
.cats a{width:100%;display:flex;justify-content:space-between;border:0;border-radius:7px;background:transparent;padding:9px;font-size:.58rem;color:var(--muted);text-decoration:none}
.cats a.on{background:var(--cyan-p);color:var(--cyan-d);font-weight:800}
.stack{display:grid;gap:15px}
.panel{background:var(--paper);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow-sm);overflow:hidden}
.head{height:46px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.head h2{font-size:.77rem}
.head span{font-size:.52rem;color:var(--cyan-d)}
.feature{display:grid;grid-template-columns:1fr 1fr}
.heroRecord{padding:22px;background:var(--navy);color:var(--paper)}
.heroRecord small{font-size:.46rem;color:var(--cyan);font-weight:800}
.heroRecord strong{display:block;font-size:3rem;letter-spacing:-.08em;margin-top:18px}
.heroRecord h3{font-size:.72rem}
.heroRecord p{font-size:.5rem;color:oklch(74% .015 230);margin-top:4px}
.recordlist{padding:0 14px}
.record{display:grid;grid-template-columns:1fr 120px 70px;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.record:last-child{border:0}
.record h3{font-size:.58rem}
.record p{font-size:.46rem;color:var(--muted);margin-top:2px}
.holder{font-size:.53rem}
.value{text-align:right;font-size:.66rem;font-weight:800;color:var(--cyan-d)}
.timeline{display:flex;gap:5px;padding:15px;overflow:auto}
.year{min-width:95px;padding:11px;border:1px solid var(--line);border-radius:8px}
.year b{font-size:.61rem}
.year span{display:block;font-size:.45rem;color:var(--muted);margin-top:4px}
.tablewrap{overflow:auto}
table{width:100%;min-width:700px;border-collapse:collapse;font-size:.54rem}
th{text-align:right;padding:9px;background:var(--paper-2);color:var(--muted);font-size:.44rem;text-transform:uppercase}
th:first-child,td:first-child{text-align:left;position:sticky;left:0;background:var(--paper)}
td{text-align:right;padding:10px 9px;border-top:1px solid var(--line)}
.rankbl{font-weight:800;color:var(--muted);margin-right:5px}
@media(max-width:700px){.hero{grid-template-columns:1fr}.layout{grid-template-columns:1fr}.cats{display:none}.feature{grid-template-columns:1fr}.record{grid-template-columns:1fr 80px}.value{grid-column:2;grid-row:1/3}.holder{grid-column:1}}