/* Global responsive helpers (site-wide) */
html{
  box-sizing: border-box;
}
*,*::before,*::after{box-sizing:inherit}

/* Ensure media scale */
img,picture,svg{max-width:100%;height:auto;display:block}
iframe,embed,video{max-width:100%;height:auto}

/* Responsive table wrapper (use .table-responsive) */
.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

/* Small tweaks for touch targets */
button, .btn-primary, a{touch-action:manipulation}

/* Utility: center content */
.u-center{display:flex;align-items:center;justify-content:center}

/* Make long text wrap */
.break-word{word-wrap:break-word;word-break:break-word}