/* Brockport palette, matches wade-fund.pages.dev */
@font-face{font-family:"Montserrat";font-style:normal;font-weight:700 800;font-display:swap;src:url(/fonts/montserrat-latin-700-800.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
 --gold:#F7BC17;--bgreen:#01553B;--bgreen-txt:#1f8a5b;
 --bg:#000;--panel:#0b0d0c;--panel2:#121514;--line:#1f2421;--line2:#2d3530;--thead:#0f1211;--hover:#141816;--input:#060807;
 --txt:#fff;--head:var(--gold);--mut:#9aa39e;--green:#22c55e;--red:#ef4444;
 --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
 --font-head:"Montserrat","Inter",var(--font)}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;background:var(--bg);color:var(--txt);font:14px/1.45 var(--font);-webkit-text-size-adjust:100%}
body{overflow-x:hidden}
a{color:var(--gold)}
button,input{font:inherit;color:inherit}
.wrap{max-width:1200px;margin:0 auto;padding:12px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
header.top{margin:6px 0 14px}
header.top h1{font:800 22px/1.15 var(--font-head);margin:0;color:var(--gold);letter-spacing:-.2px}
header.top .rule{width:56px;height:2px;background:var(--bgreen);margin:6px 0 5px;border-radius:1px}
header.top .sub{font-size:12px;color:var(--mut)}
.panel{border-top:1px solid var(--line);padding:12px 0 6px;min-width:0;margin-bottom:10px}
.panel h2{margin:0 0 10px;font:700 13px var(--font-head);letter-spacing:.04em;text-transform:uppercase;color:var(--head);display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.panel h2 .hint{font-family:var(--font);text-transform:none;letter-spacing:0;font-weight:400;font-size:12px;color:var(--mut)}
.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.row.links{margin-top:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 14px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);cursor:pointer;white-space:nowrap;text-decoration:none;color:var(--txt)}
.btn:hover{border-color:var(--line2)}
.btn:disabled{opacity:.5;cursor:default}
.btn.primary{background:var(--gold);border:0;color:#000;font-weight:700}
.btn.ghost{background:transparent;border-color:var(--bgreen-txt);color:var(--gold);font-weight:600}
.btn.ghost:hover{border-color:var(--gold)}
.btn.sm{min-height:34px;padding:4px 12px;font-size:13px}
input[type=email],input[type=text]{background:var(--input);border:1px solid var(--line);border-radius:10px;padding:6px 10px;min-height:36px;flex:1 1 200px;max-width:320px;min-width:0}
input:focus,.btn:focus-visible{outline:2px solid var(--bgreen-txt);outline-offset:1px}
#gmCode{flex:0 1 140px;letter-spacing:.2em;font-variant-numeric:tabular-nums}
.kv{display:grid;grid-template-columns:minmax(0,1fr);margin:0;font-size:13px}
.kv>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;border-bottom:1px solid var(--line);padding:6px 0}
.kv>div:has(dd:empty){display:none}
.kv dt{color:var(--mut)}.kv dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.kv dd a{text-decoration:none}.kv dd a:hover{text-decoration:underline}
.mut{color:var(--mut)}.pos{color:var(--green)}.neg{color:var(--red)}
.empty{font-size:13px;padding:6px 0}
.msg{font-size:12px;color:var(--mut);min-height:16px;margin-top:6px}.msg.bad{color:#fca5a5}
.tblwrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px;border:1px solid var(--line)}
table{border-collapse:collapse;width:100%;font-size:13px;font-variant-numeric:tabular-nums}
th,td{padding:6px 9px;text-align:right;white-space:nowrap;border-bottom:1px solid var(--line)}
th{background:var(--thead);color:var(--mut);font-weight:600}
th.l,td.l{text-align:left}
td.l{max-width:180px;overflow:hidden;text-overflow:ellipsis}
td.rk{color:var(--mut);width:1%}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover td{background:var(--hover)}
tbody tr:nth-child(-n+3) td.rk{color:var(--gold);font-weight:700}
footer{color:var(--mut);font-size:12px;padding:14px 0 40px;border-top:1px solid var(--line);margin-top:6px}
footer a{color:var(--gold);text-decoration:none}footer a:hover{text-decoration:underline}
@media (min-width:1024px){
 .wrap{padding:20px 24px}
 header.top h1{font-size:26px}
 .cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 32px;align-items:start}
 .kv>div{grid-template-columns:150px minmax(0,1fr)}
 td.l{max-width:320px}
}
