@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;500;700&family=Roboto+Mono:wght@400;500&family=Spectral:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');

:root{
  --paper:#FFFFFF; --paper2:#F1F1F1; --ink:#161616; --grn:#3A3A3A; --line:#D9D9D9;
  --mut:#6B6B6B; --bad:#2A2A2A; --tip:#161616;
  --fc:'Roboto Condensed','Roboto',system-ui,-apple-system,sans-serif;
  --fm:'Roboto Mono',ui-monospace,monospace;
  --fs:'Spectral',Georgia,'Times New Roman',serif;
}
body.golf{ --paper:#F4ECD8; --paper2:#EAE0C7; --ink:#211D18; --grn:#1A5E3C; --line:#CDC1A4;
  --mut:#5A5246; --bad:#8A3324; --tip:#0100FF;
  background:radial-gradient(120% 70% at 50% -6%,#FBF6E8 0%,#EFE6CE 55%,#E4D9BC 100%);
}
body.light{ --paper:#FFFFFF; --paper2:#EEF1F7; --ink:#0B0D12; --grn:#0100FF; --line:#D8DEEA;
  --mut:#5A6172; --bad:#B00020; --tip:#0100FF;
  background:radial-gradient(120% 70% at 50% -6%,#FFFFFF 0%,#EEF2F9 100%);
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;min-height:100%;}
body{background:#FFFFFF;color:var(--ink);font-family:var(--fc);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
.top{position:sticky;top:0;z-index:8;display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--ink);background:color-mix(in srgb,var(--paper) 86%,transparent);backdrop-filter:blur(6px);}
.top img{height:13px;filter:brightness(0);}
.top .sep{width:1px;height:14px;background:var(--line);}
.top .ttl{font-weight:700;font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;}
.top a{color:inherit;text-decoration:none;}
.top .right{margin-left:auto;display:flex;align-items:center;gap:12px;}
.home{font-weight:700;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);text-decoration:none;}
.home:hover{color:var(--ink);}
.skinbtn{font-family:var(--fm);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);background:transparent;border:1px solid var(--line);border-radius:2px;padding:4px 7px;cursor:pointer;}
.skinbtn:hover{border-color:var(--ink);color:var(--ink);}
.wrap{max-width:760px;margin:0 auto;padding:0 22px;}
.wide{max-width:980px;}
.cover{padding:54px 0 28px;}
.eyebrow{font-weight:700;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--grn);}
h1{font-weight:700;text-transform:uppercase;letter-spacing:-.018em;line-height:.96;font-size:clamp(40px,8vw,76px);margin:12px 0 0;}
h1 .g,h2 .g,h3 .g{color:var(--grn);}
.stand{font-family:var(--fs);font-size:clamp(17px,2.4vw,21px);line-height:1.5;color:var(--ink);margin:22px 0 0;max-width:62ch;}
.meta{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px 16px;font-family:var(--fm);font-size:11px;letter-spacing:.04em;color:var(--mut);border-top:1px solid var(--line);padding-top:16px;}
.meta b{color:var(--ink);}
.rail{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;}
.rail a{font-family:var(--fm);font-weight:500;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);text-decoration:none;border:1px solid var(--line);border-radius:2px;padding:7px 9px;background:color-mix(in srgb,var(--paper) 70%,#fff);}
.rail a.on,.rail a:hover{border-color:var(--ink);color:var(--ink);}
.section{margin:30px 0 0;border-top:2px solid var(--ink);padding-top:18px;}
.section h2{font-weight:700;font-size:clamp(25px,4vw,38px);text-transform:uppercase;letter-spacing:-.012em;line-height:1;margin:0;}
.section .lede{font-family:var(--fs);font-size:17px;line-height:1.6;margin:14px 0 0;}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;}
.grid.two{grid-template-columns:repeat(2,1fr);}
@media(max-width:720px){.grid,.grid.two{grid-template-columns:1fr;}}
.card,.rank,.callout{border:1px solid var(--ink);border-radius:5px;background:var(--paper);box-shadow:4px 5px 0 -2px rgba(0,0,0,.12);}
.card{padding:17px;}
.card .k,.rank .k{font-family:var(--fm);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--grn);}
.card .n{font-weight:700;font-size:clamp(34px,6vw,52px);letter-spacing:-.02em;line-height:.9;margin-top:8px;font-variant-numeric:tabular-nums;}
.card .n .pl{color:var(--grn);}
.card .p,.rank .p{font-family:var(--fs);font-size:14px;line-height:1.45;color:var(--mut);margin-top:9px;}
.rank{padding:15px;}
.rank .place{display:flex;align-items:baseline;gap:6px;margin-top:8px;}
.rank .place b{font-weight:700;font-size:34px;letter-spacing:-.02em;}
.rank .place span{font-family:var(--fm);font-size:10px;color:var(--mut);letter-spacing:.08em;text-transform:uppercase;}
.rank .bar{height:7px;border:1px solid var(--line);background:var(--paper2);margin-top:10px;position:relative;}
.rank .bar i{display:block;height:100%;background:var(--grn);}
.callout{padding:20px;margin-top:18px;}
.callout h3{font-weight:700;font-size:20px;text-transform:uppercase;letter-spacing:-.01em;margin:0;}
.callout p{font-family:var(--fs);font-size:16px;line-height:1.55;margin:10px 0 0;}
.table{width:100%;border-collapse:collapse;margin-top:16px;font-family:var(--fc);font-size:13px;}
.table th,.table td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left;vertical-align:top;}
.table th{font-family:var(--fm);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);}
.table td:last-child{text-align:right;font-weight:700;font-variant-numeric:tabular-nums;}
.list{margin:16px 0 0;padding:0;list-style:none;}
.list li{border-top:1px solid var(--line);padding:12px 0;font-family:var(--fs);font-size:16px;line-height:1.5;}
.list b{font-family:var(--fc);font-weight:700;text-transform:uppercase;letter-spacing:.02em;}
.nextgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;}
@media(max-width:720px){.nextgrid{grid-template-columns:1fr;}}
.nextgrid a{display:block;border:1px solid var(--ink);border-radius:4px;background:var(--paper);padding:14px 15px;text-decoration:none;color:var(--ink);box-shadow:3px 4px 0 -2px rgba(0,0,0,.12);}
.nextgrid .k{display:block;font-family:var(--fm);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--grn);margin-bottom:6px;}
.nextgrid .t{display:block;font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:-.01em;line-height:1;}
.nextgrid .p{display:block;font-family:var(--fs);font-size:13px;line-height:1.35;color:var(--mut);margin-top:7px;}
.note{font-family:var(--fm);font-size:10px;line-height:1.6;color:var(--mut);border-top:1px solid var(--line);margin-top:18px;padding-top:12px;}
.foot{margin-top:30px;padding:18px 0 90px;font-family:var(--fm);font-size:9.5px;letter-spacing:.04em;color:var(--mut);text-align:center;}
.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);background:var(--ink);color:var(--paper);font-weight:600;font-size:12px;padding:10px 16px;border-radius:4px;opacity:0;pointer-events:none;transition:all .25s;z-index:30;}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0);}