/* Shared responsive fixes (no overflow masking). Copied to /assets/responsive.css by site/prepare.mjs. */
/* Header row: legal + security templates used a fixed 24px gap; at <=390px the logo, demo button,
   menu button and three 24px gaps exceed the content box by ~4px. Match the fluid gap used elsewhere
   and let the logo link shrink instead of forcing overflow. */
header > div:first-child{gap:clamp(8px,3vw,24px) !important;min-width:0}
header > div:first-child > a[aria-label="Loopa home"]{min-width:0}
/* Legal body: long URLs/emails wrap; tables/pre scroll within themselves rather than widening the page. */
.legal{box-sizing:border-box;min-width:0}
.legal table,.legal pre{display:block;max-width:100%;overflow-x:auto}
.legal img{max-width:100%;height:auto}