/* Industry page trade gallery (tools/industry_trade_gallery.py). The cards reuse the page's
   .ts-card showcase styles; this adds the rotating row, its controls and the "show all" grid. */
.tgx .ts-head{align-items:flex-end}
.tgx-ctl{display:flex;align-items:center;gap:8px;flex:none}
.tgx-btn,.tgx-all{display:inline-flex;align-items:center;justify-content:center;min-height:44px;
  border-radius:999px;border:1px solid var(--border,#E6E0D5);background:#fff;color:var(--ink,#14120F);cursor:pointer;
  transition:border-color .15s ease,background-color .15s ease}
.tgx-btn{width:44px;padding:0}
.tgx-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.tgx-all{padding:0 18px;font:700 14px/1 inherit;white-space:nowrap}
.tgx-btn:hover,.tgx-all:hover{border-color:var(--ink,#14120F);background:#FBFAF7}
.tgx-btn:focus-visible,.tgx-all:focus-visible,.tgx-track:focus-visible{outline:3px solid #F26207;outline-offset:3px}
.tgx-track{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;
  -webkit-overflow-scrolling:touch;margin:0 -4px;padding:4px 4px 18px;border-radius:18px}
.tgx-track::-webkit-scrollbar{display:none}
.tgx-list{display:flex;gap:18px;margin:0;padding:0;list-style:none}
.tgx-item{display:flex;flex:0 0 calc((100% - 54px) / 4);min-width:0;scroll-snap-align:start}
.tgx .tgx-card{flex:1 1 auto!important;width:100%;min-width:0}
.tgx .ts-stage img{aspect-ratio:400/368}
.tgx.is-all .tgx-track{overflow:visible;scroll-snap-type:none}
.tgx.is-all .tgx-list{flex-wrap:wrap}
.tgx.is-all .tgx-btn{display:none}
@media (max-width:1023px){.tgx-item{flex-basis:calc((100% - 18px) / 2)}}
@media (max-width:639px){
  .tgx .ts-head{flex-direction:column;align-items:stretch}
  .tgx-ctl{justify-content:flex-start}
  .tgx-ctl .tgx-all{margin-left:auto}
  .tgx-list{gap:12px}
  .tgx-item{flex-basis:78%}
  .tgx.is-all .tgx-item{flex-basis:calc((100% - 12px) / 2)}
}
@media (prefers-reduced-motion:reduce){.tgx-btn,.tgx-all{transition:none}}
.tgx-more{margin:6px 0 0}
.tgx-more a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:700;font-size:14px;color:var(--ink,#14120F);text-decoration:none}
.tgx-more a:hover{text-decoration:underline;text-underline-offset:3px}
.tgx-more svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}