/* piece 5: bot directory, 3 layouts */
.prov{font:500 13px/1.3 D;color:var(--muted);margin:10px auto 0}
.p5{padding-top:40px;padding-bottom:72px}
.p5h h1{font:800 clamp(44px,8vw,88px)/.95 B;letter-spacing:-.02em;margin:0 0 14px}
.p5h p{font-size:18px;line-height:1.45;max-width:52ch;margin:0 0 28px}@media(max-width:719px){.p5{padding-top:28px}.p5h p{font-size:17px;margin-bottom:22px}}
.d5{list-style:none;margin:0;padding:0}
.d5 h3,.pk h3{font:800 22px/1.15 B;margin:0 0 6px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.d5 p,.pk p{margin:0;font-size:16px;line-height:1.45;max-width:46ch}
.st{font:700 12px/1 D;padding:4px 8px;border-radius:999px;border:1.5px solid var(--ink);text-transform:none}
.st.live{background:var(--sun)}.st.soon{background:var(--cream);color:var(--muted);border-color:var(--muted)}
.p5 .btn{gap:8px;white-space:nowrap}.p5 .btn svg{width:18px;height:18px;flex:none}
.btn.soon{background:var(--cream);color:var(--muted);border-color:var(--muted);box-shadow:none;cursor:default}
.btn:focus-visible,.mkts button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
/* A list */
.la li{display:grid;grid-template-columns:120px 1fr auto;gap:24px;align-items:center;padding:22px 0;border-top:2px solid var(--ink)}
.la li:last-child{border-bottom:2px solid var(--ink)}
.la .mk{font:700 13px/1 D;color:var(--beak);letter-spacing:.02em}
.la .btn{width:auto;margin:0}
@media(max-width:719px){.la li{grid-template-columns:1fr;gap:10px;padding:20px 0}.la .btn{width:100%}}
/* B cards */
.lb{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.lb li{display:flex;flex-direction:column;gap:10px;padding:18px;background:var(--box);border:2px solid var(--ink);border-radius:14px;box-shadow:4px 4px 0 var(--ink)}
.lb li.off{background:var(--cream);box-shadow:none;border-style:dashed}
.lb .btn{margin-top:auto;width:100%}
.pg{background:var(--cream);border:1.5px solid var(--ink);border-radius:12px 12px 12px 4px;padding:10px 12px;font:600 15px/1.35 D}
.pg small{display:flex;align-items:center;gap:6px;font:500 12px/1 D;color:var(--muted);margin-bottom:6px}.pg img{width:16px;height:16px}
.lb li.off .pg{opacity:.7}
@media(max-width:719px){.lb{grid-template-columns:1fr;gap:16px}}
/* C pick your market */
.q{font:700 15px/1 D;margin:0 0 12px}
.mkts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.mkts button{font:700 15px/1 D;min-height:44px;padding:0 16px;border:2px solid var(--ink);border-radius:999px;background:var(--cream);color:var(--ink);cursor:pointer}
.mkts button[aria-pressed=true]{background:var(--ink);color:var(--cream)}
.pk{display:grid;grid-template-columns:minmax(0,380px) 1fr;gap:40px;align-items:center;padding:28px;border:2px solid var(--ink);border-radius:16px;background:var(--box);box-shadow:4px 4px 0 var(--ink)}
.pk[hidden]{display:none}
.pk .pg{font-size:18px;padding:16px}
.pk .btn{margin-top:18px;width:auto}
@media(max-width:719px){.pk{grid-template-columns:1fr;gap:18px;padding:18px}.pk .btn{width:100%}.mkts button{padding:0 12px;font-size:14px}}