/* leaderboard, category, report pages (Read mode: calm, dense) */
.mockbar{background:#fff4e5;border-bottom:1px solid #f3d19e;color:#7a4b00;font-size:14px;padding:10px 0}
.board-hero{padding:56px 0 28px}
.board-hero h1{font-size:clamp(30px,4vw,44px);line-height:1.08;margin:8px 0 14px;max-width:22em}
.board-hero .lede{font-size:17px;max-width:46em;margin:0}
.crumbs{margin:0;font-size:14px;color:var(--ink-3)}
.crumbs a{color:var(--ink-2);text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.board{padding-bottom:72px}
.h3{font-size:20px;letter-spacing:-.015em;margin:48px 0 12px}
.sub.small{font-size:15px;margin:0 0 16px}
.muted{color:var(--ink-3)}
.dash{color:#c0c6cf}
.strong{font-weight:650;color:var(--ink)}
.mono{font:13px var(--mono)}
.tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-top:1px solid var(--ink)}
.lb{min-width:760px}
.lb th,.lb td{padding:12px 10px;white-space:nowrap}
.lb thead th{text-align:right}
.lb thead th:first-child{text-align:left}
.lb tbody th{font:600 14.5px var(--sans);text-align:left}
.lb tbody th a{text-decoration:none}
.lb tbody th a:hover{text-decoration:underline;text-underline-offset:3px}
.lb td.lead{text-align:left;font-weight:550}
.lb td.muted:not(.num){text-align:left}
.lb .pickcell{text-align:left;color:var(--ink-2);max-width:220px;overflow:hidden;text-overflow:ellipsis}
.lb thead th:nth-child(2){text-align:left}
.lb:not(.lb-cat) thead th:nth-child(n+4):not(:last-child){text-align:left}
.lb-cat thead th:nth-child(2){text-align:right}
.lb tbody tr:hover{background:var(--paper-2)}
.lb tr.is-hl th,.lb tr.is-hl td{color:var(--go);font-weight:650}
.lb tr.is-hl{box-shadow:inset 3px 0 0 var(--go)}
.none-row th{font-weight:500!important;color:var(--ink-3)}
.band{font-size:13px}
.mbars{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:8px 0 8px}
.mbar-h{display:flex;justify-content:space-between;align-items:baseline}
.mname{font-weight:650;font-size:15px}
.mbar .legend{grid-template-columns:1fr}
.seg.hl,.seg.is-hl{background:var(--go)!important}
.legend li.is-hl{color:var(--go);font-weight:650}
.legend li.is-hl .k{background:var(--go)!important}
.plist{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.pitem{padding:18px 0;border-bottom:1px solid var(--line)}
.ptext{margin:0 0 12px;font-size:15.5px;max-width:70ch}
.prow{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:12px;padding:3px 0}
.prow .mname{font-size:13px;font-weight:500;color:var(--ink-3)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{font:500 12.5px/1 var(--mono);padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink)}
.chip-none{color:var(--ink-3);border-style:dashed}
.chip.is-hl{background:var(--go-soft);border-color:var(--go);color:var(--go)}
.exs{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.ex{margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.ex figcaption{margin:0;padding:10px 14px;border-bottom:1px solid var(--line);font-size:13px;color:var(--ink-2)}
.ex pre{margin:0;padding:14px;max-height:260px;overflow:auto;font:12.5px/1.55 var(--mono);white-space:pre-wrap;word-break:break-word;background:var(--paper-2)}
.rcta{border-top:1px solid var(--line);background:var(--paper-2);padding:48px 0}
.rcta-in{display:flex;gap:32px;align-items:center;justify-content:space-between}
.rcta h2{font-size:24px;margin:0 0 6px}
.rcta p{margin:0;color:var(--ink-2);max-width:52ch}
.cols{columns:2;padding-left:18px}
.prose code{font:14px var(--mono);background:var(--paper-2);padding:1px 5px;border-radius:4px}
/* report request form */
.rform{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:720px;margin-top:28px}
.rform .full{grid-column:1/-1}
.rform label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}
.rform .opt{font-weight:400;color:var(--ink-3)}
.rform .hint{font-size:13px;color:var(--ink-3);margin:6px 0 0}
.rform select,.rform textarea{width:100%;padding:10px 12px;border:1px solid #cfd5dd;border-radius:8px;font:16px var(--sans);background:#fff;color:var(--ink)}
.rform select{height:44px}
.rform textarea{min-height:88px;resize:vertical}
.rform select:focus,.rform textarea:focus{outline:none;border-color:var(--go);box-shadow:0 0 0 3px var(--go-soft)}
.rform .btn{justify-self:start}
.rform .err-msg{color:#b4370b;font-size:14px;margin:0}
.rform .err-msg:empty{display:none}
.steps-mini{margin:20px 0 0;padding-left:20px;color:var(--ink-2)}
@media (max-width:860px){.mbars{grid-template-columns:1fr;gap:20px}.rcta-in{flex-direction:column;align-items:flex-start}}
@media (max-width:640px){.rform{grid-template-columns:1fr}.rform .btn{width:100%}.cols{columns:1}.board-hero{padding:36px 0 20px}}
/* SEO step: FAQ, related links, findings */
.faqs{border-top:1px solid var(--line)}
.faq{border-bottom:1px solid var(--line);padding:14px 0}
.faq summary{cursor:pointer;font-weight:600;color:var(--ink)}
.faq p{margin:8px 0 0;color:var(--ink-2);max-width:70ch}
.related{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:8px}
.rlist{padding-left:18px;margin:0 0 12px}
.rlist li{margin:6px 0}
.flist{list-style:none;padding:0;margin:28px 0 0}
.fitem{border-top:1px solid var(--line);padding:18px 0}
.fitem a{text-decoration:none;color:var(--ink)}
.fitem a:hover b{text-decoration:underline;text-underline-offset:3px}
.fitem p{margin:6px 0 0}
.finding .lede{font-size:18px;color:var(--ink)}
.finding blockquote{margin:18px 0;padding:4px 0 4px 18px;border-left:3px solid var(--go);color:var(--ink)}
.finding cite{display:block;margin-top:4px;font-style:normal;font-size:14px;color:var(--ink-3)}
.finding .tscroll{margin:24px 0}
.lb-f{min-width:520px}
.lb-f caption{caption-side:bottom;text-align:left;font-size:13px;color:var(--ink-3);padding-top:8px}
@media (max-width:860px){.related{grid-template-columns:1fr;gap:0}}
.rcta-act{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}
.rcta-act .small{color:var(--ink-2)}
.fb{padding:8px 0 48px}
.fb .h3{margin-bottom:4px}
.fb-form{display:grid;gap:10px;margin-top:12px}
.fb-form textarea,.fb-form input[type=email]{width:100%;font:inherit;font-size:15px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:inherit}
.fb-form textarea:focus,.fb-form input:focus{outline:2px solid var(--ink);outline-offset:1px}
.fb-row{display:flex;gap:10px}
.fb-row input{flex:1}
.fb-msg{margin:0;font-size:14px;min-height:1.2em}
.fb-msg.ok{color:#0a7f4f}.fb-msg.err{color:#b42318}
@media (max-width:560px){.fb-row{flex-direction:column}.rcta-act{align-items:flex-start}}
.sample-link{margin:14px 0 0;font-size:15px}