/* =====================================================================
   Boxset · page pieces (Reel industry template)
   Load after reel.css. Prefix bx-.
   ===================================================================== */
.bx-captions { display: grid; gap: 14px; padding: clamp(18px, 2.6vw, 26px); border-radius: var(--r-l); background: var(--card); box-shadow: var(--shadow-card), 0 0 0 1px var(--line); }
.bx-captions .fields { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 620px) { .bx-captions .fields { grid-template-columns: minmax(0, 1fr); } }
.bx-preview { display: grid; place-items: end center; aspect-ratio: 16 / 7; padding: 18px; border-radius: var(--r-m); background: radial-gradient(45% 70% at 70% 40%, hsl(200 70% 45%), transparent 70%), #0c0b0d; }
.bx-preview span { padding: 0.15em 0.45em; border-radius: 4px; font: 600 20px/1.35 var(--body); text-align: center; }
.bx-out { padding: 12px 14px; border-radius: var(--r-m); background: var(--well); font-weight: 500; }
.bx-out:empty { display: none; }
.bx-out.err { background: var(--crim-soft); color: var(--ink); }
.bx-kids { --tile: clamp(160px, 22vw, 230px); }
.bx-kids .shelf-track { grid-auto-columns: var(--tile); }
.bx-kids .tile b { font-size: 17px; }