/* Reeled In Supply: launch fixes (UX audit 2026-10-21) */
/* designer notes from the preview must never show */
.flag{display:none!important}
/* phones: nothing may widen the page past the screen (sticky buy bars were pushed off-screen) */
html{overflow-x:clip}
.po-long-side,.po-long-body,.tc-longform-side,.tc-longform-main,.nr-toc,.nr-prose{min-width:0;max-width:100%}
.po-run{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
.tc-pdp-grid>*,.tc-gal,.tc-spec{min-width:0;max-width:100%}
/* Tide Chart depth gauge overlapped page content below very wide screens */
@media (max-width:1679.98px){.tc-gauge{display:none!important}}
/* phones: the floating view pill covered content; the picker is still in the menu drawer */
@media (max-width:991.98px){.rn-views.is-float{display:none!important}}
/* iOS zooms into form controls under 16px */
#po-sort{font-size:16px}
/* Poster: the running kit tally covered the shipping line on product pages */
body[data-page="product"] .po-kit{display:none!important}
/* Poster light theme: accent words in headings were 2.45:1 */
html[data-theme="light"] .po-teal{color:#0E7C89}