/* boxingapi.net: pricing, rankings, upsets, MCP, the legal pages and the support and status frames, on top of home.css. */
.nav a[aria-current="page"]{background:var(--line-2);color:var(--ink)}
/* a page's hero: the home hero, shorter */
.hero.sm .in{grid-template-columns:1fr 520px;padding-top:60px;padding-bottom:56px}
.hero.sm .hero-title{font-size:44px}
.hero.sm .ctas{margin-top:26px}
.facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:36px;border-top:1px solid var(--line)}
.facts div{padding-top:14px}
.facts div+div{padding-left:18px;border-left:1px solid var(--line-2)}
.facts b{display:block;font-weight:300;font-size:24px;color:var(--ink);font-variant-numeric:tabular-nums}
.facts span{font-size:12px;color:var(--muted)}
/* the dark live card in a page hero */
.live{position:relative;border-radius:var(--r);overflow:hidden;background:#111014;color:#EDE6E2;box-shadow:0 50px 90px -40px rgba(23,22,26,.6);font-size:13px}
.live:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px 220px at 50% 0,rgba(122,34,48,.32),transparent 70%),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 28px)}
.lv-top{position:relative;display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.08);font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#A89E9A}
.lv-top b{font-weight:400;color:#EDE6E2}
.lv-top i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#D45A6B;margin-right:8px;animation:pulse 1.6s infinite}
.lv-rows{position:relative}
.lv-row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;height:44px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.06);opacity:.35;transition:opacity .5s,background .5s}
.lv-row.on{opacity:1;background:rgba(180,73,90,.12)}
.lv-row code{font-family:var(--mono);font-size:12px;color:#D9D0CB;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lv-row span{font-size:11.5px;white-space:nowrap;display:flex;align-items:center;gap:6px;color:#CFC6C2}
.lv-row span i{width:7px;height:7px;border-radius:50%}
.lv-foot{position:relative;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.08)}
.lv-foot div{padding:12px 18px}
.lv-foot div+div{border-left:1px solid rgba(255,255,255,.06)}
.lv-foot small{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:#8E8590}
.lv-foot b{display:block;font-weight:400;font-size:15px;color:#fff;margin-top:3px;font-variant-numeric:tabular-nums}
.p-free{background:#5FB287}.p-live{background:#7E9BC0}.p-archive{background:#C35A6B}.p-complete{background:#EDE6E2}
.lv-big{position:relative;padding:22px 20px 18px}
.lv-big small{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#8E8590}
.lv-big p{font-size:22px;font-weight:300;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .4s}
.lv-big em{display:block;font-style:normal;font-size:12px;color:#A89E9A;margin-top:4px;transition:opacity .4s}
.lv-odds{position:relative;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.08)}
.lv-odds div{padding:16px 20px}
.lv-odds div+div{border-left:1px solid rgba(255,255,255,.06)}
.lv-odds small{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:#8E8590}
.lv-odds b{display:block;font-weight:300;font-size:40px;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-top:2px;font-family:var(--mono)}
.lv-odds b.acc{color:#E7A3AE}
.lv-bar{position:relative;margin:0 20px 18px;height:6px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden}
.lv-bar i{display:block;height:100%;background:#B4495A;transition:width 1.2s cubic-bezier(.5,0,.2,1)}
.lv-list{position:relative;list-style:none;border-top:1px solid rgba(255,255,255,.08)}
.lv-list li{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;height:40px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.06);opacity:0;transform:translateX(-6px);transition:opacity .4s,transform .4s}
.lv-list li.on{opacity:1;transform:none}
.lv-list li b{font-weight:400;font-family:var(--mono);font-size:12px;color:#8E8590}
.lv-list li b.c{color:#fff;background:#7A2230;border-radius:4px;text-align:center;font-size:10.5px;padding:2px 0}
.lv-list li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lv-list li em{font-style:normal;font-family:var(--mono);font-size:12px;color:#9FB6D4}
.lv-tabs{position:relative;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(255,255,255,.08)}
.lv-tabs span{height:34px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:#8E8590;transition:color .4s,box-shadow .4s}
.lv-tabs span.on{color:#fff;box-shadow:inset 0 -2px 0 #B4495A}
/* sections on these pages */
.band{padding:72px 0 80px}
.band.w{background:var(--card);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.charge{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:var(--gap);padding:16px 20px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);font-size:13px;color:var(--muted)}
.charge a{color:var(--accent);text-decoration:none}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.tri{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px}
.band.w .tri{background:#FBFAF8}
.tri small{display:block;font-family:var(--mono);font-size:11px;color:var(--accent)}
.tri h3{font-weight:400;font-size:16px;color:var(--ink);margin-top:8px}
.tri p{font-size:13.5px;color:var(--muted);margin-top:6px}
/* rankings page */
.divs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:var(--gap)}
.divs a{display:flex;align-items:center;justify-content:center;height:38px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);font-size:13px;text-decoration:none;color:var(--text);white-space:nowrap}
.divs a:hover{border-color:var(--fine)}
.divs a[aria-current="page"]{background:var(--ink);border-color:var(--ink);color:#fff}
.sexes{display:grid;grid-template-columns:repeat(2,120px);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--card)}
.sexes a{display:flex;align-items:center;justify-content:center;height:38px;font-size:13px;text-decoration:none;color:var(--muted)}
.sexes a+a{border-left:1px solid var(--line)}
.sexes a[aria-current="page"]{background:var(--ink);color:#fff}
.lists{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);margin-top:var(--gap);align-items:stretch}
.lst{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.lst-h{display:flex;justify-content:space-between;align-items:baseline;padding:14px 16px;border-bottom:1px solid var(--line)}
.lst-h b{font-weight:400;color:var(--ink);font-size:15px}
.lst-h.ours b{color:var(--accent)}
.lst-h small{font-size:11.5px;color:var(--muted)}
.lst ol{list-style:none}
.lst li{display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:center;height:36px;padding:0 16px;border-bottom:1px solid var(--line-2);font-size:13px}
.lst li:last-child{border-bottom:0}
.lst li b{font-weight:400;font-family:var(--mono);font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.lst li b.c{color:#fff;background:var(--accent);border-radius:5px;text-align:center;font-size:10.5px;padding:2px 0}
.lst li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lst-f{padding:10px 16px;border-top:1px solid var(--line);font-size:12px;margin-top:auto}
.lst-f a{color:var(--accent);text-decoration:none}
/* upsets page */
.filt{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-bottom:var(--gap)}
.filt a{display:flex;align-items:center;justify-content:center;height:38px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);font-size:13px;text-decoration:none;color:var(--text);white-space:nowrap}
.filt a:hover{border-color:var(--fine)}
.filt a[aria-current="page"]{background:var(--ink);border-color:var(--ink);color:#fff}
.ut2{width:100%;border-collapse:collapse;font-size:13.5px}
.ut2 th{text-align:left;font-weight:400;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:11px 12px;background:#FBFAF8;border-bottom:1px solid var(--line);white-space:nowrap}
.ut2 td{padding:12px;border-bottom:1px solid var(--line-2);white-space:nowrap;vertical-align:middle}
.ut2 th:first-child,.ut2 td:first-child{padding-left:18px}
.ut2 th:last-child,.ut2 td:last-child{padding-right:18px}
.ut2 tbody tr:hover td{background:#FCFBFA}
.ut2 tr:last-child td{border-bottom:0}
.ut2 .num{text-align:right;font-variant-numeric:tabular-nums}
.ut2 .ur{color:var(--fine);font-variant-numeric:tabular-nums;width:28px}
.ut2 .op{font-family:var(--mono);font-size:12.5px;color:var(--muted)}
.ut-scroll{overflow-x:auto}
.how{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);margin-top:var(--gap)}
/* MCP page */
.setup{display:grid;grid-template-columns:300px 1fr;gap:var(--gap);align-items:start}
.clients{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.clients button{display:grid;grid-template-columns:1fr auto;align-items:center;height:56px;padding:0 18px;border:0;background:none;font:inherit;text-align:left;cursor:pointer;color:var(--text);font-size:14px}
.clients button+button{border-top:1px solid var(--line-2)}
.clients button small{font-size:12px;color:var(--muted)}
.clients button[aria-selected="true"]{background:#FBFAF8;box-shadow:inset 3px 0 0 var(--accent);color:var(--accent)}
.how-to{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px 24px}
.how-to h3{font-weight:300;font-size:22px;color:var(--ink)}
.how-to ol{margin:14px 0 0 20px;display:flex;flex-direction:column;gap:8px;font-size:14px}
.how-to pre{margin-top:16px;border-radius:var(--r);background:#111014;color:#EDE6E2;padding:14px 16px;font-family:var(--mono);font-size:12px;line-height:1.7;white-space:pre-wrap;word-break:break-word}
.addr{display:grid;grid-template-columns:1fr 132px;gap:10px;margin-top:16px}
.addr > span{height:42px;display:flex;align-items:center;padding:0 14px;border:1px solid var(--line);border-radius:var(--r);background:#FBFAF8;font-family:var(--mono);font-size:13px;color:var(--ink)}
.addr .btn{height:42px}
.tools{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.tool{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:16px 18px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);text-decoration:none;color:inherit}
.tool:hover{border-color:var(--fine)}
.tool code{font-family:var(--mono);font-size:13px;color:var(--ink)}
.tool p{grid-column:1/-1;font-size:13px;color:var(--muted)}
.chip2{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:999px;font-size:11.5px;white-space:nowrap;background:var(--line-2);color:var(--ink)}
.chip2 i{width:7px;height:7px;border-radius:50%}
.d-free{background:#2F7A55}.d-live{background:#4A6788}.d-archive{background:#7A2230}.d-complete{background:#17161A}
.skill{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;margin-top:var(--gap);padding:22px 24px;background:var(--card);border:1px solid var(--line);border-radius:var(--r)}
.skill h3{font-weight:400;font-size:16px;color:var(--ink)}
.skill p{font-size:13.5px;color:var(--muted);margin-top:4px}
.skill-btns{display:grid;grid-template-columns:repeat(2,160px);gap:10px}
/* legal pages */
.lhead{padding:56px 0 36px;border-bottom:1px solid var(--line);background:var(--card)}
.lhead .hero-title{font-size:40px;margin-top:14px}
.lhead p{color:var(--muted);margin-top:12px;font-size:13.5px}
.legal{display:grid;grid-template-columns:minmax(0,760px) 300px;gap:56px;align-items:start;padding-top:44px;padding-bottom:80px}
.lt section{padding:22px 0;border-bottom:1px solid var(--line)}
.lt section:first-child{padding-top:0}
.lt h2{font-weight:400;font-size:18px;color:var(--ink);display:flex;gap:12px}
.lt h2 small{font-family:var(--mono);font-size:12px;color:var(--accent);padding-top:4px}
.lt p,.lt li{font-size:14.5px;line-height:1.7;color:var(--text)}
.lt p{margin-top:8px}
.lt ul{margin:8px 0 0 20px;display:flex;flex-direction:column;gap:4px}
.lt a{color:var(--accent);text-decoration:none}
.lt .op{background:#FBFAF8;border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;margin-bottom:22px}
.lt .op p{margin:0}
.lt .code{font-family:var(--mono);font-size:13px;color:var(--ink)}
.short{position:sticky;top:88px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px}
.short small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.short ul{list-style:none;margin-top:10px;display:flex;flex-direction:column;gap:10px}
.short li{display:grid;grid-template-columns:16px 1fr;gap:8px;font-size:13.5px}
.short li svg{width:14px;height:14px;color:var(--ok);margin-top:4px}
.short .btn{width:100%;margin-top:16px}
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.steps3 div{background:#FBFAF8;border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}
.steps3 small{font-family:var(--mono);font-size:11px;color:var(--accent)}
.steps3 p{font-size:13.5px;margin-top:4px;line-height:1.55}
.kit{margin-top:14px}
@media (max-width:1100px){.hero.sm .in{grid-template-columns:1fr}.lists{grid-template-columns:1fr 1fr}.divs{grid-template-columns:repeat(3,1fr)}.filt{grid-template-columns:repeat(4,1fr)}.setup,.how,.legal{grid-template-columns:1fr}.short{position:static}.trio{grid-template-columns:1fr}}
@media (max-width:700px){.hero.sm .hero-title,.lhead .hero-title{font-size:32px}.lists,.tools,.steps3{grid-template-columns:1fr}.divs,.filt{grid-template-columns:repeat(2,1fr)}.skill{grid-template-columns:1fr}.skill-btns{grid-template-columns:1fr 1fr}.facts{grid-template-columns:1fr 1fr 1fr}.band{padding:48px 0 56px}.ut2 td:nth-child(4),.ut2 th:nth-child(4),.ut2 td:nth-child(5),.ut2 th:nth-child(5){display:none}.addr{grid-template-columns:1fr}}
.rk-h{font-weight:400;color:var(--ink);font-size:15px}
.cell.lg{width:22px;height:18px;font-size:10px}
.methods.m0{margin-top:0}
.up-grid.g2{grid-template-columns:1fr 1fr}
.mcp-w{background:var(--card)}
.kitwrap{padding-top:36px;padding-bottom:80px}
.kitwrap .empty{padding:0}
.kitwrap .empty a,.lt .empty a{color:var(--accent);text-decoration:none}
@media (max-width:1100px){.up-grid.g2{grid-template-columns:1fr}}