/* Industry showcase (see industry_showcase.js). Tokens come from the page; fallbacks are the dark defaults.
   Phone first: swipeable rows. 720px and up: a wrapped grid with the search and group chips. */
.ish{container-type:inline-size;width:100%;max-width:1080px;margin:32px auto 0;padding:0 0 8px;color:var(--ink,#e8eaee)}
.ish-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ish-h{margin:0 0 8px;font:600 20px/1.25 var(--font-ui,system-ui,sans-serif);letter-spacing:-.01em;padding:0 16px}
.ish-tools{display:none}
.ish-g{margin:0 0 20px}
.ish-gt{margin:0 0 8px;padding:0 16px;font:600 14px/1.3 var(--font-ui,system-ui,sans-serif);color:var(--dim,#b4bcc8)}
.ish-row{list-style:none;margin:0;padding:0 16px 4px;display:flex;gap:12px;overflow-x:auto;
  scroll-snap-type:x proximity;scroll-padding:0 16px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.ish-row::-webkit-scrollbar{display:none}
.ish-li{flex:0 0 140px;scroll-snap-align:start}
.ish-li[hidden],.ish-g[hidden]{display:none}
.ish-card{display:flex;flex-direction:column;gap:4px;width:100%;padding:0 0 12px;text-align:left;cursor:pointer;
  font:inherit;color:inherit;background:var(--panel,#10151d);border:1px solid var(--field-line,#6f7886);
  border-radius:12px;overflow:hidden;min-height:48px}
.ish-card:hover{border-color:var(--accent,#d4a84b)}
.ish-pic{display:block;aspect-ratio:3/4;background:var(--sunken,#000);overflow:hidden}
.ish-pic img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.ish-n{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;padding:4px 12px 0;
  font:600 14px/1.3 var(--font-ui,system-ui,sans-serif);min-height:2.6em}
.ish-a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;padding:0 12px;
  font:400 13px/1.35 var(--font-ui,system-ui,sans-serif);color:var(--dim,#b4bcc8)}
.ish-none{margin:8px 16px;color:var(--dim,#b4bcc8);font-size:14px}
.ish :where(button,input,a):focus-visible,.ish-sheet :where(button,input,a,video):focus-visible{outline:2px solid var(--accent,#d4a84b);outline-offset:2px}

/* the sheet: a bottom sheet on a phone, a centred panel on a wide screen */
.ish-sheet{width:100%;max-width:520px;max-height:92vh;max-height:92dvh;margin:auto 0 0;padding:16px 16px 20px;
  border:1px solid var(--field-line,#6f7886);border-bottom:0;border-radius:16px 16px 0 0;overflow:auto;
  background:var(--bg,#050709);color:var(--ink,#e8eaee);font:16px/1.5 var(--font-ui,system-ui,sans-serif)}
.ish-sheet::backdrop{background:rgba(0,0,0,.6)}
@media (min-width:600px){.ish-sheet{margin:auto;border-radius:16px;border-bottom:1px solid var(--field-line,#6f7886)}}
.ish-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin:0 0 12px}
.ish-grp{margin:0 0 2px;font-size:13px;color:var(--dim,#b4bcc8)}
.ish-title{margin:0;font:600 20px/1.25 var(--font-ui,system-ui,sans-serif)}
.ish-x{flex:none;min-height:48px;min-width:48px;padding:0 12px;border-radius:10px;cursor:pointer;
  border:1px solid var(--field-line,#6f7886);background:transparent;color:var(--ink,#e8eaee);font:600 14px/1 var(--font-ui,system-ui,sans-serif)}
.ish-stage{position:relative;aspect-ratio:9/16;max-height:52vh;max-height:52dvh;margin:0 auto 12px;border-radius:12px;overflow:hidden;background:#000}
.ish-poster,.ish-video{display:block;width:100%;height:100%;object-fit:contain;background:#000}
.ish-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:8px;
  min-height:48px;padding:0 20px;border-radius:24px;border:0;cursor:pointer;white-space:nowrap;
  background:var(--accent-2,#f0cd7e);color:var(--accent-text,#12100a);font:600 15px/1 var(--font-ui,system-ui,sans-serif)}
.ish-tri{width:0;height:0;border-left:10px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}
.ish-snd{display:block;min-height:48px;margin:0 0 12px;padding:0 16px;border-radius:10px;cursor:pointer;
  border:1px solid var(--field-line,#6f7886);background:transparent;color:var(--ink,#e8eaee);font:600 14px/1 var(--font-ui,system-ui,sans-serif)}
.ish-snd[hidden],.ish-err[hidden]{display:none}
.ish-err{margin:0 0 12px;color:var(--bad,#f09092);font-size:14px}
.ish-at{margin:0 0 8px;font:600 14px/1.3 var(--font-ui,system-ui,sans-serif);color:var(--dim,#b4bcc8)}
.ish-chiplist{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ish-app{padding:6px 12px;border-radius:16px;border:1px solid var(--field-line,#6f7886);font-size:14px;line-height:1.3}
.ish-foot{margin:16px 0 0}
.ish-cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:0 16px;border-radius:10px;
  cursor:pointer;text-decoration:none;border:1px solid var(--accent,#d4a84b);background:linear-gradient(180deg,var(--accent-2,#f0cd7e),var(--accent,#d4a84b));
  color:var(--accent-text,#12100a);font:600 16px/1 var(--font-ui,system-ui,sans-serif)}
@media (prefers-reduced-motion:no-preference){.ish-card{transition:border-color .16s}}

@container (min-width:640px){
  .ish-h{padding:0}
  .ish-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 20px}
  .ish-q{flex:0 1 280px;min-height:48px;padding:0 14px;border-radius:10px;background:transparent;color:var(--ink,#e8eaee);
    border:1px solid var(--field-line,#6f7886);font:16px/1.4 var(--font-ui,system-ui,sans-serif)}
  .ish-chips{display:flex;flex-wrap:wrap;gap:8px}
  .ish-chip{min-height:48px;padding:0 16px;border-radius:24px;cursor:pointer;background:transparent;color:var(--ink,#e8eaee);
    border:1px solid var(--field-line,#6f7886);font:500 14px/1 var(--font-ui,system-ui,sans-serif)}
  .ish-chip[aria-pressed="true"]{background:var(--accent-soft,rgba(212,168,75,.14));border-color:var(--accent,#d4a84b);font-weight:600}
  .ish-gt{padding:0;font-size:15px}
  .ish-g{margin-bottom:28px}
  .ish-row{padding:0;overflow:visible;flex-wrap:wrap;gap:16px}
  .ish-li{flex:0 0 calc((100% - 80px) / 6)}
  .ish-none{margin:8px 0}
}
@container (min-width:640px) and (max-width:979px){.ish-li{flex-basis:calc((100% - 48px) / 4)}}
