/* Venues Directory — extracted from html/cricbun-venues-directory.html */
main{padding:30px 0 80px}
.hero{display:grid;grid-template-columns:1fr 315px;gap:24px;align-items:end}
.eyebrow{font-size:.56rem;text-transform:uppercase;letter-spacing:.11em;color:var(--cyan-d);font-weight:800}
.hero h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1;letter-spacing:-.07em;margin-top:9px}
.hero p{font-size:.69rem;color:var(--muted);margin-top:8px}
.search{height:43px;border:1px solid var(--line);border-radius:10px;background:var(--paper);display:flex;align-items:center;gap:8px;padding:0 12px}
.search input{width:100%;border:0;outline:0;background:transparent;font-size:.64rem}
.tabs,.filters{display:flex;gap:7px;overflow:auto;scrollbar-width:none}
.tabs{margin:22px 0 11px}.filters{margin-bottom:18px}
.tab,.filter{white-space:nowrap;border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:8px 12px;font-size:.6rem;color:var(--muted)}
.tab.on{background:var(--navy);border-color:var(--navy);color:var(--paper)}
.filter.on{background:var(--cyan-p);border-color:oklch(84% .06 221);color:var(--cyan-d)}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:17px}.stack{display:grid;gap:17px}
.panel{background:var(--paper);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow-sm);overflow:hidden}
.head{height:47px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.head h2{font-size:.79rem}.head a,.head span{font-size:.54rem;color:var(--cyan-d)}
.featured{display:grid;grid-template-columns:1.1fr .9fr}.featureart{min-height:270px;padding:22px;display:flex;align-items:end;position:relative;overflow:hidden}
.featurecopy{position:relative;z-index:1;background:var(--navy);color:var(--paper);padding:12px 14px;border-radius:9px}
.featurecopy small{font-size:.47rem;color:var(--cyan);font-weight:800}
.featurecopy h2{font-size:1rem;margin-top:4px}
.featurecopy p{font-size:.5rem;color:oklch(75% .015 230);margin-top:3px}
.featureinfo{padding:20px}
.statsg{display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:14px;border-bottom:1px solid var(--line)}
.stat b{display:block;font-size:.78rem}.stat span{font-size:.46rem;color:var(--muted)}
.next{padding:13px 0;border-bottom:1px solid var(--line)}
.next small{font-size:.47rem;color:var(--muted)}
.next h3{font-size:.65rem;margin-top:4px}.next p{font-size:.5rem;color:var(--muted);margin-top:3px}
.actions2{display:flex;gap:7px;margin-top:13px}
.btn{height:34px;border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:0 9px;font-size:.54rem;color:var(--muted)}
.btn.primary{background:var(--cyan-d);border-color:var(--cyan-d);color:var(--paper)}
.grid{display:grid;grid-template-columns:repeat(3,1fr)}
.venue{border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .15s}
.venue:nth-child(3n){border-right:0}.venue:hover{background:var(--paper-2)}
.art{height:120px;padding:10px;display:flex;align-items:end;position:relative;overflow:hidden}
.code{position:relative;z-index:1;padding:5px 7px;border-radius:6px;background:var(--navy);color:var(--paper);font-size:.48rem;font-weight:800}
.venuebody{padding:13px}
.venue h3{font-size:.66rem}.venue p{font-size:.5rem;color:var(--muted);margin-top:4px}
.facts{display:flex;gap:8px;margin-top:10px}
.facts span{font-size:.45rem;color:var(--muted)}.facts b{color:var(--ink);font-size:.52rem}
.nextline{display:flex;justify-content:space-between;padding-top:10px;margin-top:10px;border-top:1px solid var(--line);font-size:.48rem}
.nextline span{color:var(--muted)}
.sidebody{padding:14px}
.regions{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.region{padding:10px;border:1px solid var(--line);border-radius:8px}
.region b{font-size:.59rem}.region span{display:block;font-size:.46rem;color:var(--muted);margin-top:2px}
.quick{display:grid}
.quick a{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:.55rem;text-decoration:none;color:inherit}
.quick a:last-child{border:0}.quick span{color:var(--muted)}
.empty{padding:42px;text-align:center;color:var(--muted);font-size:.61rem}
@media(max-width:940px){.layout{grid-template-columns:1fr}.aside{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.hero{grid-template-columns:1fr}.search{width:100%}.layout,.stack{gap:9px}.panel{border-radius:10px}.featured{grid-template-columns:1fr}.featureart{min-height:220px}.grid{grid-template-columns:1fr 1fr}.venue:nth-child(3n){border-right:1px solid var(--line)}.venue:nth-child(2n){border-right:0}.aside{grid-template-columns:1fr}}
@media(max-width:430px){.grid{grid-template-columns:1fr}.venue,.venue:nth-child(3n){border-right:0}.hero h1{font-size:2.5rem}}
