/* The Whistle Ledger: the referee study, scoped so it doesn't fight the site styles */
.ledger{--bg:#07101F;--bg2:#0B1830;--card:#0F1F3D;--line:rgba(255,255,255,.16);--ink:#F2F2F2;--red:#C8102E;--blue:#3B7BE0;--wood:#9A6733;
--display:"Bebas Neue","Arial Narrow",Impact,sans-serif;--body:"Barlow","Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.ledger{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 var(--body);padding-block:0 60px;padding-inline:16px}
.ledger{max-width:1040px;margin:0 auto}
.ledger header{padding:28px 0 18px;border-bottom:10px solid;border-image:linear-gradient(90deg,var(--red) 0 34%,#F2F2F2 34% 67%,#1D428A 67% 100%) 1}
.ledger h1{font-family:var(--display);font-size:64px;line-height:.95;margin:0;letter-spacing:.02em;text-wrap:balance}
.ledger .sub{font-size:18px;max-width:70ch;margin:12px 0 0}
.ledger .meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:14px;font-family:var(--display);font-size:20px;letter-spacing:.05em}
.ledger .meta b{color:var(--blue)}
.ledger h2{font-family:var(--display);font-size:38px;font-weight:400;letter-spacing:.03em;margin:44px 0 8px;line-height:1}
.ledger h3{font-family:var(--display);font-size:24px;font-weight:400;letter-spacing:.04em;margin:26px 0 6px}
.ledger p{max-width:72ch}
.ledger .verdicts{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:16px}
.ledger .v{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px;position:relative;overflow:hidden}
.ledger .v::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--blue)}
.ledger .v.red::before{background:var(--red)}
.ledger .v .k{font-family:var(--display);font-size:22px;letter-spacing:.04em;line-height:1.1;margin-bottom:6px}
.ledger .v .n{font-family:var(--display);font-size:40px;line-height:1;margin:2px 0 6px;font-variant-numeric:tabular-nums}
.ledger .tw{overflow-x:auto;margin:10px 0 6px;border:1px solid var(--line);border-radius:10px}
.ledger table{border-collapse:collapse;width:100%;font-size:14px;font-variant-numeric:tabular-nums}
.ledger th, .ledger td{padding:7px 10px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.ledger th:first-child, .ledger td:first-child, .ledger th:nth-child(2), .ledger td:nth-child(2){text-align:left}
.ledger th{font-family:var(--display);font-weight:400;letter-spacing:.06em;font-size:15px;background:var(--bg2);position:sticky;top:0}
.ledger tr.warm td{background:rgba(59,123,224,.12)}
.ledger tr.hot td{background:rgba(200,16,46,.22)}
.ledger .note{background:var(--bg2);border-left:6px solid var(--wood);padding:10px 14px;border-radius:0 10px 10px 0;margin:14px 0;max-width:80ch}
.ledger .two{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}
.ledger .cap{font-size:14px;margin:4px 0 0}
.ledger code{font-family:var(--body);font-weight:600}
@media (max-width:640px){.ledger h1{font-size:44px}
.ledger h2{font-size:30px}}
.ledger{max-width:1040px;margin:0 auto;padding:0}
.ledger table{display:table}.ledger table tbody{display:table-row-group}.ledger th{position:static}.ledger header{margin-top:10px}
.ledger h2{text-shadow:none;display:block}

.ledger{background:transparent}
