/* Directory parity v1: one Core chrome language, lighter content hierarchy.
   Uses the existing directory query/filter/nav markup and routes, no duplicate JS. */
html body.bux-list-page #buxList[data-list-v322="1"]{
 --l277-side:188px!important;--l277-rail:35px!important;--l277-top:60px!important;
 font-family:var(--bu-core-font,"BU Plex",system-ui,sans-serif)!important;
 color:#123b4b!important;background:#edf5f7!important;
}
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-rail{
 grid-column:1/-1!important;grid-row:1!important;height:35px!important;min-height:35px!important;
 display:flex!important;align-items:center!important;padding:0 15px!important;
 background:linear-gradient(112deg,#032d43,#075b67 57%,#08776c)!important;
}
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-rail b{
 font:850 10px/1 var(--bu-core-font,system-ui)!important;letter-spacing:.075em!important;color:#86f0dd!important;
}
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-top{
 position:relative!important;z-index:190!important;grid-column:1/-1!important;grid-row:2!important;
 grid-template-columns:var(--l277-side) minmax(0,1fr) auto!important;
 height:60px!important;min-height:60px!important;max-height:60px!important;
 background:linear-gradient(112deg,#052d43,#075b69 55%,#087970)!important;
 box-shadow:0 4px 14px rgba(4,41,52,.14)!important;
}
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-brand{
 width:100%!important;min-width:0!important;display:flex!important;gap:9px!important;
 padding:0 12px!important;align-items:center!important;
}
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-brand img{
 flex:none!important;width:45px!important;height:45px!important;object-fit:contain!important;
}
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-side{
 position:relative!important;z-index:140!important;grid-column:1!important;grid-row:3!important;
 display:flex!important;flex-direction:column!important;gap:2px!important;
 padding:12px 9px 14px!important;min-width:0!important;overflow-y:auto!important;overflow-x:hidden!important;
 background:linear-gradient(155deg,#052e44,#086468 60%,#063b53)!important;
 isolation:isolate!important;
}
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-side>small{
 display:block!important;margin:10px 9px 5px!important;color:#87e2d3!important;
 font:850 9px/1.3 var(--bu-core-font,system-ui)!important;letter-spacing:.11em!important;
}
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-side>a{
 position:relative!important;z-index:2!important;display:flex!important;
 flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;
 gap:10px!important;min-width:0!important;width:100%!important;height:auto!important;min-height:43px!important;
 margin:0!important;padding:9px 11px!important;
 background:transparent!important;border:1px solid transparent!important;border-radius:11px!important;
 font:760 12px/1.18 var(--bu-core-font,system-ui)!important;color:#d3eced!important;
 text-decoration:none!important;pointer-events:auto!important;cursor:pointer!important;
 transition:background-color .16s ease,color .16s ease,border-color .16s ease!important;
}
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-side>a b{
 display:block!important;min-width:0!important;overflow-wrap:anywhere!important;
 white-space:normal!important;font:inherit!important;color:inherit!important;
}
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-side>a svg{
 width:20px!important;height:20px!important;flex:0 0 20px!important;
}
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-side>.bu365-list-more-trigger{
 position:relative!important;z-index:3!important;display:flex!important;align-items:center!important;
 justify-content:flex-start!important;gap:10px!important;min-height:43px!important;width:100%!important;
 margin:0!important;padding:8px 11px!important;border:1px solid rgba(143,232,213,.22)!important;
 border-radius:11px!important;background:rgba(11,123,131,.18)!important;color:#d3eced!important;
 font:760 12px/1.2 var(--bu-core-font,system-ui)!important;cursor:pointer!important;pointer-events:auto!important;
}
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-side>.bu365-list-more-trigger svg{
 flex:none!important;width:20px!important;height:20px!important;
}
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-side>.bu365-list-more-trigger b{
 display:block!important;min-width:0!important;font:inherit!important;color:inherit!important;
}
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-side>.bu365-list-more-trigger:hover,
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-side>.bu365-list-more-trigger[aria-expanded=true]{
 background:rgba(10,149,131,.31)!important;color:#fff!important;border-color:#76dfc64d!important;
}
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-side>a:hover,
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-side>a:focus-visible{
 background:#ffffff15!important;border-color:#92f8da38!important;color:#fff!important;
}
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-side>a.is-on{
 background:linear-gradient(111deg,#087b78,#0c9a88)!important;color:#fff!important;
 border-color:#92f8da48!important;box-shadow:inset 3px 0 #83ead5!important;
}
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-side>.buxl-side-publish{
 min-height:46px!important;margin-top:auto!important;
 color:#fff!important;background:linear-gradient(115deg,#08a38d,#2580cf)!important;
 box-shadow:0 8px 19px rgba(0,29,48,.2)!important;
}
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-side>.buxl-side-publish>span{
 display:inline-block!important;font-size:20px!important;line-height:1!important;
}
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-main{
 position:relative!important;z-index:1!important;min-width:0!important;
 padding:13px clamp(10px,1.4vw,21px) 25px!important;
 overflow-y:auto!important;background:#edf5f7!important;
}
html body.bux-list-page #buxList[data-list-v322="1"].bu364-market-chrome .buxl-hero{
 position:relative!important;min-height:145px!important;display:flex!important;
 align-items:center!important;justify-content:space-between!important;gap:25px!important;
 margin:0 0 0!important;padding:23px 28px!important;overflow:hidden!important;
 background:radial-gradient(circle at 79% 43%,rgba(43,176,159,.27),transparent 37%),
 linear-gradient(116deg,#053347,#075765 60%,#08796e)!important;
 border:1px solid #6bdec24a!important;border-radius:18px!important;
 box-shadow:0 8px 22px rgba(4,49,61,.08)!important;
}
html body.bux-list-page #buxList[data-list-v322="1"].bu364-market-chrome .buxl-hero:after{
 content:none!important;display:none!important;background:none!important;
}
html body.bux-list-page #buxList[data-list-v322="1"].bu364-market-chrome .buxl-hero:before{
 content:""!important;position:absolute!important;inset:auto -45px -115px auto!important;
 width:360px!important;height:270px!important;
 border:1px solid rgba(184,249,232,.11)!important;border-radius:50%!important;
 box-shadow:0 0 0 40px rgba(207,255,242,.025),0 0 0 85px rgba(207,255,242,.025)!important;
 pointer-events:none!important;background:none!important;
}
html body.bux-list-page #buxList[data-list-v322="1"].bu364-market-chrome .buxl-hero>div{
 position:relative!important;z-index:1!important;min-width:0!important;max-width:750px!important;
}
html body.bux-list-page #buxList[data-list-v322="1"].bu364-market-chrome .buxl-hero p{
 margin:0 0 7px!important;letter-spacing:.1em!important;
 font:850 10px/1.3 var(--bu-core-font,system-ui)!important;color:#81e8d3!important;
}
html body.bux-list-page #buxList[data-list-v322="1"].bu364-market-chrome .buxl-hero h1{
 margin:0 0 7px!important;font:850 clamp(29px,3vw,43px)/1.08 var(--bu-core-font,system-ui)!important;
 letter-spacing:-.04em!important;color:#fff!important;
}
html body.bux-list-page #buxList[data-list-v322="1"].bu364-market-chrome .buxl-hero span{
 max-width:580px!important;font:550 13px/1.45 var(--bu-core-font,system-ui)!important;
 color:#d0f1ed!important;
}
html body.bux-list-page #buxList[data-list-v322="1"].bu364-market-chrome .buxl-hero>a{
 position:relative!important;z-index:1!important;flex:none!important;min-width:114px!important;min-height:45px!important;
 display:inline-flex!important;gap:11px!important;align-items:center!important;justify-content:center!important;
 background:#fff!important;color:#09394b!important;border-radius:11px!important;
 font:800 12px/1.2 var(--bu-core-font,system-ui)!important;
 box-shadow:0 6px 20px #002b3930!important;white-space:nowrap!important;
}
html body.bux-list-page #buxList[data-list-v322="1"].bu364-market-chrome .buxl-tabs{
 position:relative!important;z-index:2!important;display:grid!important;
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 width:calc(100% - 26px)!important;min-height:77px!important;
 margin:-10px auto 16px!important;padding:7px!important;gap:7px!important;
 background:rgba(255,255,255,.98)!important;border:1px solid #d0e2e5!important;
 border-radius:16px!important;box-shadow:0 8px 23px rgba(2,52,64,.09)!important;
}
html body.bux-list-page #buxList[data-list-v322="1"].bu364-market-chrome .buxl-tabs>a{
 min-height:62px!important;min-width:0!important;padding:10px 11px!important;
 border-radius:11px!important;box-shadow:none!important;
 font-family:var(--bu-core-font,system-ui)!important;
}
html body.bux-list-page #buxList[data-list-v322="1"].bu364-market-chrome .buxl-tabs>a.is-on{
 background:linear-gradient(115deg,#087e76,#0a9a87)!important;color:#fff!important;
 box-shadow:inset 3px 0 #9df1dd!important;
}
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-context{margin:4px 3px 12px!important}
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-filters{
 border-radius:15px!important;border:1px solid #d1e3e6!important;
 box-shadow:0 5px 18px #073c4a0a!important;background:#fff!important;
}
html body.bux-list-page #buxList[data-list-v322="1"] :is(.buxl-filters input,.buxl-filters select,.buxl-filters button){
 min-height:44px!important;font-family:var(--bu-core-font,system-ui)!important;
}
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-empty{
 min-height:205px!important;padding:26px 20px!important;border:1px dashed #b7ded9!important;
 border-radius:16px!important;background:linear-gradient(160deg,#fff,#f7fcfb)!important;
 box-shadow:none!important;
}
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-empty h2{
 margin:8px 0!important;font:850 19px/1.2 var(--bu-core-font,system-ui)!important;color:#12394b!important;
}
/* The same diagonal, genuinely non-clickable DEMO watermark as Utovari
   and Vozila; the legacy small round seal is removed entirely. */
html body.bux-list-page #buxList .bu370-list-demo-seal{
 position:fixed!important;z-index:30!important;
 inset:95px 0 0 var(--l277-side)!important;
 display:grid!important;place-items:center!important;
 width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;
 padding:0!important;margin:0!important;border:0!important;border-radius:0!important;
 background:transparent!important;color:inherit!important;box-shadow:none!important;
 transform:none!important;pointer-events:none!important;overflow:hidden!important;
 user-select:none!important;
}
html body.bux-list-page #buxList .bu370-list-demo-seal>span{
 transform:rotate(-24deg)!important;white-space:nowrap!important;
 border:0!important;padding:0!important;
 font:950 clamp(94px,23vw,350px)/1 var(--bu-core-font,system-ui)!important;
 letter-spacing:.1em!important;color:rgba(8,117,114,.055)!important;
 text-shadow:none!important;pointer-events:none!important;
}
html body.bux-list-page #buxList :is(.bu370-list-cursor,.bu370-list-tip){
 display:none!important;pointer-events:none!important;
}
@media(min-width:901px) and (max-width:1380px){
 html body.bux-list-page #buxList[data-list-v322="1"]{
  --l277-side:164px!important;grid-template-columns:164px minmax(0,1fr)!important;
 }
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-top{
  grid-template-columns:164px minmax(0,1fr) auto!important;
 }
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-brand>span{display:none!important}
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-side>a{
  font-size:11px!important;padding:8px 9px!important;
 }
}
@media(min-width:701px) and (max-width:900px){
 html body.bux-list-page #buxList[data-list-v322="1"]{
  --l277-side:76px!important;--l277-rail:35px!important;--l277-top:58px!important;
  grid-template-columns:76px minmax(0,1fr)!important;
  grid-template-rows:35px 58px minmax(0,1fr)!important;
 }
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-bottom{display:none!important}
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-side{display:flex!important}
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-side>a{
  flex-direction:column!important;justify-content:center!important;min-height:56px!important;gap:4px!important;padding:5px 2px!important;
 }
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-side>a b{
  font-size:9px!important;text-align:center!important;
 }
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-side>small{display:none!important}
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-tabs{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:calc(100% - 16px)!important;
 }
}
@media(max-width:700px){
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-side{display:none!important}
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-main{
  grid-column:1!important;grid-row:3!important;padding:11px 9px 24px!important;
 }
 html body.bux-list-page #buxList[data-list-v322="1"].bu364-market-chrome .buxl-hero{
  display:flex!important;min-height:136px!important;padding:18px!important;gap:12px!important;
 }
 html body.bux-list-page #buxList[data-list-v322="1"].bu364-market-chrome .buxl-hero h1{font-size:30px!important}
 html body.bux-list-page #buxList[data-list-v322="1"].bu364-market-chrome .buxl-hero>a{
  min-width:72px!important;min-height:40px!important;padding:7px 9px!important;font-size:11px!important;
 }
 html body.bux-list-page #buxList[data-list-v322="1"].bu364-market-chrome .buxl-tabs{
  display:flex!important;grid-template-columns:none!important;
  overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;
  min-height:72px!important;width:calc(100% - 8px)!important;margin:-7px auto 12px!important;
  padding:6px!important;
 }
 html body.bux-list-page #buxList[data-list-v322="1"].bu364-market-chrome .buxl-tabs>a{
  flex:0 0 167px!important;width:167px!important;min-width:167px!important;min-height:57px!important;
  scroll-snap-align:start!important;
 }
 html body.bux-list-page #buxList .bu370-list-demo-seal{
  bottom:calc(89px + env(safe-area-inset-bottom,0px))!important;right:9px!important;
 }
}
@media(prefers-reduced-motion:reduce){
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-side>a,
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-tabs>a{transition:none!important}
}

/* v2 mobile grid: the shared 188px desktop brand column must never survive
   into a 320–700px viewport or push actions outside the screen. */
@media(max-width:700px){
 html body.bux-list-page #buxList[data-list-v322="1"]{
  --l277-side:0px!important;--l277-rail:35px!important;--l277-top:58px!important;
  width:100%!important;max-width:100vw!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:35px 58px minmax(0,1fr) calc(82px + env(safe-area-inset-bottom,0px))!important;
 }
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-top{
  grid-column:1!important;grid-row:2!important;
  grid-template-columns:60px minmax(0,1fr) auto!important;
  width:100%!important;min-width:0!important;height:58px!important;min-height:58px!important;
  padding:0 7px!important;gap:4px!important;overflow:visible!important;
 }
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-brand{
  width:60px!important;height:58px!important;padding:0!important;justify-content:center!important;
 }
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-brand img{
  width:48px!important;height:48px!important;
 }
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-brand>span{display:none!important}
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-actions{
  grid-column:3!important;min-width:0!important;display:flex!important;align-items:center!important;
 }
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-rail{
  grid-column:1!important;grid-row:1!important;height:35px!important;min-height:35px!important;
 }
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-main{
  min-height:0!important;grid-column:1!important;grid-row:3!important;
  padding-bottom:calc(22px + env(safe-area-inset-bottom,0px))!important;
 }
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-bottom{
  grid-column:1!important;grid-row:4!important;z-index:340!important;
 }
}
@media(max-width:390px){
 html body.bux-list-page #buxList[data-list-v322="1"].bu364-market-chrome .buxl-hero{
  flex-direction:column!important;align-items:flex-start!important;min-height:0!important;
  padding:16px!important;gap:12px!important;
 }
 html body.bux-list-page #buxList[data-list-v322="1"].bu364-market-chrome .buxl-hero>a{
  align-self:stretch!important;min-height:40px!important;
 }
}
/* Final directory tabs: a compact navigation component, not four loose cards.
   Existing URLs, icons, labels and aria-current remain authoritative. */
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-tabs{
 border:1px solid #cbe4e2!important;
 background:rgba(249,253,253,.97)!important;
 box-shadow:0 9px 26px rgba(5,54,65,.08)!important;
}
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-tabs>a{
 display:grid!important;grid-template-columns:38px minmax(0,1fr) 12px!important;
 align-items:center!important;gap:10px!important;
 min-width:0!important;border:1px solid #dbeaec!important;
 background:linear-gradient(145deg,#f9fcfd,#f1f8f9)!important;color:#204c60!important;
 padding:10px 11px!important;position:relative!important;cursor:pointer!important;
 transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .15s ease!important;
}
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-tabs>a .buxl-tab-icon{
 display:grid!important;place-items:center!important;min-width:36px!important;
 width:36px!important;height:36px!important;margin:0!important;
 border-radius:10px!important;border:1px solid #c9e5e5!important;
 background:linear-gradient(135deg,#e6f6f3,#e9f2f9)!important;color:#078985!important;
}
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-tabs>a .buxl-tab-icon svg{
 display:block!important;width:18px!important;height:18px!important;stroke:currentColor!important;
}
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-tabs>a .buxl-tab-copy{
 display:grid!important;gap:3px!important;min-width:0!important;
}
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-tabs>a .buxl-tab-copy :is(b,small){
 display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;
 white-space:nowrap!important;line-height:1.25!important;
}
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-tabs>a .buxl-tab-copy b{font-size:12px!important;font-weight:850!important}
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-tabs>a .buxl-tab-copy small{font-size:10px!important;font-weight:550!important;color:#66818d!important}
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-tabs>a .buxl-tab-arr{color:#4d96a0!important;font-size:19px!important}
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-tabs>a:is(:hover,:focus-visible){
 border-color:#7bd1c6!important;background:#eefdFA!important;
 box-shadow:0 5px 14px rgba(8,112,115,.11)!important;
}
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-tabs>a:focus-visible{outline:2px solid #0bb6a1!important;outline-offset:2px!important}
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-tabs>a:active{transform:scale(.985)!important}
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-tabs>a.is-on{
 background:linear-gradient(114deg,#08786f,#0e9c95)!important;color:#fff!important;
 border-color:#0a9f90!important;box-shadow:0 5px 14px rgba(7,102,99,.16)!important;
}
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-tabs>a.is-on .buxl-tab-icon{
 background:#ffffff27!important;border-color:#ffffff45!important;color:#fff!important;
}
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-tabs>a.is-on .buxl-tab-copy small,
html body.bux-list-page #buxList[data-list-v322="1"] .buxl-tabs>a.is-on .buxl-tab-arr{color:#d9faf5!important}
@media(max-width:900px){
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-tabs>a{
  grid-template-columns:32px minmax(0,1fr) 10px!important;gap:7px!important;padding:8px!important;
 }
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-tabs>a .buxl-tab-icon{
  width:32px!important;min-width:32px!important;height:32px!important;
 }
}
@media(prefers-reduced-motion:reduce){
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-tabs>a{transition:none!important}
 html body.bux-list-page #buxList[data-list-v322="1"] .buxl-tabs>a:active{transform:none!important}
}