/* Records page (prefix al-): ranked lists, calm. Uses only the tokens from styles.css. */
.al-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin-top:6px}
.al-segslot{min-width:188px;min-height:48px}
.al-sec{margin-top:36px}
.al-sec h2{font:700 clamp(1.6rem,4.5vw,2rem)/1.15 var(--display)}
.al-lbs{display:grid;gap:16px;margin-top:14px;align-content:start;min-height:1440px}
@media (min-width:700px){.al-lbs{grid-template-columns:1fr 1fr;min-height:950px}}
.al-lb{min-width:0;border:1px solid var(--line);border-radius:0;background:var(--surface);overflow:hidden}
.al-lb header{padding:16px 18px 10px}
.al-lb h3{font:700 1.3rem/1.15 var(--display);color:var(--ink)}
.al-lb header p{margin-top:2px;color:var(--muted);font-size:1rem}
.al-lb li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 18px;border-top:1px solid var(--line)}
.al-rk{font:700 1.2rem/1 var(--display);color:var(--muted)}
.al-who{min-width:0}
.al-who b{display:block;font-weight:700;overflow-wrap:anywhere}
.al-who span{display:block;color:var(--muted);font-size:1rem}
.al-val{font:700 1.6rem/1 var(--display);text-align:right}
.al-lb li:first-child .al-val{color:var(--ink)}
.al-lb__none{padding:6px 18px 16px;color:var(--muted)}