.spot--oc { margin-top: 22px; }
.spot--oc .spot-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; overflow: visible; scroll-snap-type: none; }
.spot--oc .spot-strip > li { width: auto; }
.spot--oc .spot-tab--oc { grid-template-columns: minmax(0, 1fr); justify-items: start; gap: 6px; min-height: 64px; padding: 10px 10px 14px; }
.spot-tab--oc .oc-piece { display: block; grid-row: span 2; width: 32px; height: 16px; fill: var(--spot-c); }
.spot-tab--oc .oc-piece rect { stroke: rgba(20, 22, 28, .35); stroke-width: .06; }
.spot-tab--oc .spot-tab-t b { font-size: .95rem; line-height: 1.15; overflow-wrap: normal; hyphens: manual; }
@media (min-width: 760px) { .spot--oc .spot-tab--oc { grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 12px; padding-inline: 14px; } .spot-tab--oc .oc-piece { width: 40px; height: 20px; } .spot-tab--oc .spot-tab-t b { font-size: 1.1rem; } }
@media (max-width: 360px) { .spot--oc .spot-tab--oc { padding-inline: 5px; } .spot-tab--oc .spot-tab-t b { font-size: .8rem; } }
.spot--oc .spot-panel:not([hidden]) { margin-top: 10px; scroll-margin-top: var(--sticky-top); }
.spot--oc:not(.spot--dark) .spot-tab--oc[aria-expanded="true"] .spot-tab-t b { color: var(--spot-ink, var(--ink)); }