/* HUB ticket v2 (orchestrator, gate 6ce44117): the whole figure is ONE signal-line drawing in the SVG itself — outline with
   half-ring notches, a tear rail of equally spaced nodes, one baseline for the captions, aligned bubbles, even insets, and
   the status as a 4-node signal line. 1px lines at every width (non-scaling), so no CSS overlay has to track the scale. */
#products .s55-hub-banner.s55-hub-banner::before,
#products .s55-hub-banner.s55-hub-banner::after { content: none; display: none; }
#products .ticket-art.tk2 .tk-outline,
#products .ticket-art.tk2 .tk-rail,
#products .ticket-art.tk2 .tk-field,
#products .ticket-art.tk2 .tk-status-line { stroke: rgba(184, 156, 255, 0.32); stroke-width: 1; vector-effect: non-scaling-stroke; }
#products .ticket-art.tk2 .tk-rail-nodes circle { fill: rgba(184, 156, 255, 0.5); stroke: none; }
#products .ticket-art.tk2 .tk-obj,
#products .ticket-art.tk2 .tk-obj path { fill: none; stroke: rgba(157, 123, 220, 0.5); stroke-width: 1; vector-effect: non-scaling-stroke; }
#products .ticket-art.tk2 .tk-node { fill: #08090e; stroke: rgba(157, 123, 220, 0.5); stroke-width: 1; vector-effect: non-scaling-stroke; }
#products .ticket-art.tk2 .tk-status-t { fill: rgba(243, 236, 220, 0.78); font-family: 'Zen Kaku Gothic New', sans-serif; font-weight: 500; text-anchor: middle; }
#products .ticket-art.tk2 .t-word { fill: #f3ecdc; }
#products .ticket-art.tk2 .f-label { fill: #f3ecdc; }
#products .ticket-art.tk2 .motif { color: rgba(243, 236, 220, 0.78); }

/* placement: desktop — on the internal column (col 2 of STUDIO's 3-col grid) to the right gutter */
@media (min-width: 1024px) {
  #products .s55-hub-banner.s55-hub-banner { display: grid; grid-template-columns: calc((100% - 64px) / 3) minmax(0, 1fr); column-gap: 32px; align-items: start; height: auto; }
  #products .s55-hub-banner .brand.brand { width: auto; grid-column: 1; grid-row: 1; }
  #products .s55-hub-banner .ticket-art.d.tk2 { position: relative; top: auto; right: auto; left: auto; grid-column: 2; grid-row: 1; width: 100%; height: auto; margin: 0; }
}
/* tablet — full content width under the identity */
@media (min-width: 768px) and (max-width: 1023px) {
  #products .s55-hub-banner .ticket-art.d.tk2 { width: 100%; height: auto; }
}
/* phone — full content width */
@media (max-width: 767px) {
  #products .s55-hub-banner .ticket-art.m.tk2 { width: 100%; height: auto; }
}