:root{--bg:#fff;--fg:#111318;--mut:#5f6673;--dim:#9aa0aa;--line:#e6e8eb;--soft:#f6f7f8;--acc:#1f5eff;--pos:#0f8a4b;--pos-bg:#e8f6ee;--neg:#c62f2f;--neg-bg:#fdecec}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.5 Inter,"Inter var",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{color:var(--acc)}
p a,.fine a,.meta a,.prose a,.box a,.src a,.why a{color:var(--acc)}
.w{max-width:1120px;margin:0 auto;padding:0 20px}
.narrow{max-width:720px}
h1,h2,h3{letter-spacing:-.011em;margin:0}
h1{font-size:22px;line-height:1.25;font-weight:650}
h2{font-size:15px;font-weight:600}
h3{font-size:13px;font-weight:600}
.dim{color:var(--dim)}
.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

/* header */
.hd{border-bottom:1px solid var(--line);background:#fff}
.hdi{display:flex;align-items:center;justify-content:space-between;height:52px;gap:16px}
.wm{font-weight:700;font-size:15px;letter-spacing:-.02em}
.hd nav{display:flex;gap:20px;align-items:center;font-size:13px;color:var(--mut);overflow-x:auto;white-space:nowrap}
.hd nav a[aria-current]{color:var(--fg);font-weight:550}
.hd .out{color:var(--fg);border:1px solid var(--line);border-radius:6px;padding:4px 10px}
.hd .out:hover{border-color:var(--fg);color:var(--fg)}

/* title + filter */
.th{padding:28px 0 14px}
.meta{margin:6px 0 0;color:var(--mut);font-size:13px}
.bar{border-bottom:1px solid var(--line);margin-bottom:0}
.tabs{display:flex;gap:18px;overflow-x:auto;scrollbar-width:none;font-size:13px;color:var(--mut)}
.tabs::-webkit-scrollbar{display:none}
.tabs a{padding:8px 0 9px;border-bottom:2px solid transparent;white-space:nowrap;margin-bottom:-1px}
.tabs a[aria-current]{color:var(--fg);border-color:var(--fg);font-weight:550}
.tsel{display:none}

/* leaderboard */
.lbw{margin:0}
.lb{width:100%;border-collapse:collapse;font-size:13px}
.lb th{font-weight:500;color:var(--mut);font-size:12px;text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);white-space:nowrap;position:sticky;top:0;background:#fff;z-index:1}
.lb th.n{text-align:right}
.lb th button{all:unset;cursor:pointer}
.lb th button:hover{color:var(--fg)}
.lb th[aria-sort=descending] button::after{content:" ↓"}
.lb th[aria-sort=ascending] button::after{content:" ↑"}
.lb th[aria-sort=descending],.lb th[aria-sort=ascending]{color:var(--fg)}
.lb td{padding:7px 10px;border-bottom:1px solid var(--line);vertical-align:middle}
.lb tbody tr:hover{background:var(--soft)}
.lb tr.x{display:none}
.lb.all tr.x{display:table-row}
.lb .rk{width:36px;color:var(--dim);font-variant-numeric:tabular-nums;text-align:right;padding-right:4px}
.lb td.cm a{display:flex;align-items:center;gap:10px;min-width:0}
.lb td.cm span{display:flex;flex-direction:column;min-width:0}
.lb td.cm b{font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:440px}
.lb td.cm small{color:var(--dim);font-size:12px}
.lb.plain td.cm span{flex-direction:row}
.lg{display:inline-block;flex:none;border-radius:6px;background-color:var(--soft);background-repeat:no-repeat;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.lt{display:inline-flex;align-items:center;justify-content:center;color:var(--mut);font-weight:600;background:#eef0f2}
.d{display:inline-block;padding:1px 6px;border-radius:4px;font-size:12px;font-weight:550;background:var(--soft);color:var(--mut)}
.d.pos{background:var(--pos-bg);color:var(--pos)}
.d.neg{background:var(--neg-bg);color:var(--neg)}
.sp{vertical-align:middle}
.more{display:block;margin:12px auto 0;background:#fff;border:1px solid var(--line);border-radius:6px;padding:7px 14px;font:inherit;font-size:13px;cursor:pointer;color:var(--fg)}
.more:hover{border-color:var(--fg)}
.fine{color:var(--mut);font-size:12px;margin:12px 0}

/* sections */
.sec{margin-top:40px}
.sh{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:4px}
.sh p{margin:0;color:var(--mut);font-size:12px}
.cl{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:0 28px}
.cl>div{padding:14px 0;border-bottom:1px solid var(--line)}
.cl h3{margin-bottom:6px}
.cl ol{list-style:none;margin:0;padding:0}
.cl li{display:flex;justify-content:space-between;gap:10px;padding:3px 0;font-size:13px}
.cl li a{display:flex;align-items:center;gap:8px;min-width:0}
.cl li a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.notes{list-style:none;margin:0;padding:0}
.notes li{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}
.notes li a{display:flex;align-items:center;gap:10px;min-width:0}
.notes li b{font-weight:600;margin-right:6px}

/* founder card + newsletter */
.duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:40px;align-items:start}
.fc{border:1px solid var(--line);border-radius:8px;padding:16px;background:#fff}
.lab{margin:0 0 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--mut)}
.lab span{text-transform:none;letter-spacing:0;font-weight:400;color:var(--dim)}
.fm{display:flex;gap:12px;align-items:center}
.fm span,.fo span{display:flex;flex-direction:column;min-width:0}
.fm b{font-size:15px}
.fm small,.fo small{color:var(--mut);font-size:12px}
.fd{margin:10px 0;color:var(--fg);font-size:13px}
.fj{display:inline-block;background:var(--fg);color:#fff;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:550}
.fj:hover{color:#fff;background:#000}
.fo{display:flex;gap:10px;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.fo b{font-size:13px}
.fx{margin:12px 0 0;color:var(--dim);font-size:11px}
.fcs .fd{font-size:12px}
.nl{border:1px solid var(--line);border-radius:8px;padding:16px}
.nl p{margin:4px 0 12px;color:var(--mut);font-size:13px}
.nl form,.form{display:flex;gap:8px}
input,textarea{font:inherit;font-size:13px;border:1px solid var(--line);border-radius:6px;padding:7px 10px;background:#fff;color:var(--fg);width:100%}
input:focus,textarea:focus{outline:2px solid rgba(31,94,255,.25);border-color:var(--acc)}
button{font:inherit}
.nl button,.form button{background:var(--fg);color:#fff;border:0;border-radius:6px;padding:7px 14px;font-size:13px;font-weight:550;cursor:pointer;white-space:nowrap}
.form{flex-direction:column;gap:12px;margin-top:8px}
.form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--mut)}
.form label.cb{flex-direction:row;align-items:center;gap:8px}
.form label.cb input{width:auto}
.form button{align-self:flex-start}

/* community page */
.cp{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;padding-top:20px}
.crumb{font-size:12px;color:var(--mut);margin:0 0 14px}
.chd{display:flex;gap:14px;align-items:center}
.chd a{color:var(--mut);font-size:13px}
.desc{color:var(--fg);max-width:640px;margin:14px 0 18px}
.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.st{padding:12px 14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
.st span{font-size:12px;color:var(--mut)}
.st b{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.st small{font-size:11px;color:var(--dim)}
.cp .sec h2{margin-bottom:10px}
.chart{width:100%;max-width:640px;height:auto}
.ax{font-size:11px;fill:var(--dim)}
.axl{stroke:var(--line)}
.why h3{font-size:14px;margin-bottom:6px}
.why ul,.src{padding-left:18px;margin:8px 0}
.src{font-size:12px;word-break:break-all}
.cside{display:flex;flex-direction:column;gap:16px;padding-top:30px}
.box{border:1px solid var(--line);border-radius:8px;padding:14px;font-size:13px}
.box p{margin:4px 0 8px;color:var(--mut)}
.prose h2{margin:24px 0 6px}
.prose p,.prose li{color:#2b2f36}

/* footer */
.ft{border-top:1px solid var(--line);margin-top:56px;padding:28px 0 20px;background:var(--soft);font-size:13px}
.fcols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:24px}
.fcols b{display:block;font-size:12px;margin-bottom:6px}
.fcols p{margin:0;color:var(--mut);font-size:12px;max-width:300px}
.fcols a{display:block;color:var(--mut);padding:2px 0}
.fcols a:hover{color:var(--fg)}
.fn{display:block;color:var(--dim);font-size:11px;margin-top:4px}

@media (max-width:760px){
  h1{font-size:19px}
  .hd nav{gap:14px}
  .hd nav>a:not(.out):not([href="/niches"]){display:none}
  .th{padding:20px 0 12px}
  .tabs{display:none}
  .bar{border:0;margin-bottom:8px}
  .tsel{display:block;width:100%;font:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--fg)}
  .lb thead{display:none}
  .lb,.lb tbody{display:block}
  .lb tr{display:grid;grid-template-columns:28px 1fr 1fr 1fr 1fr;gap:6px 8px;padding:12px 0;border-bottom:1px solid var(--line)}
  .lb.all tr.x{display:grid}
  .lb td{border:0;padding:0}
  .lb td.rk{grid-row:1;padding-top:6px;text-align:left}
  .lb td.cm{grid-column:2/-1}
  .lb td.cm b{max-width:100%;white-space:normal}
  .lb td.n{grid-row:2;text-align:left;display:flex;flex-direction:column;font-size:13px}
  .lb td.c-m{grid-column:2}.lb td.c-g{grid-column:3}.lb td.c-p{grid-column:4}.lb td.c-r{grid-column:5}
  .lb td.n::before{content:attr(data-l);font-size:11px;color:var(--dim)}
  .lb td.sp-c{display:none}
  .lb.plain tr{grid-template-columns:1fr 1fr 1fr}
  .lb.plain td.cm{grid-column:1/-1}
  .lb.plain td.n:nth-of-type(2){grid-column:1}
  .hide-s{display:none!important}
  .duo,.cp{grid-template-columns:1fr;gap:16px}
  .cside{padding-top:0}
  .nl form{flex-direction:column}
  .fcols{grid-template-columns:1fr 1fr}
  .notes li .n{display:none}
}