/* Edge Protection - Tari Electra */
/* Minimal, targeted overflow prevention. No nuclear rules. */

/* ============================================
   BODY-LEVEL OVERFLOW PROTECTION
   (Only the outermost elements need this)
   ============================================ */

html, body {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
}

/* ============================================
   RESPONSIVE MEDIA
   ============================================ */

img,
video,
svg {
    max-width: 100%;
}

img {
    height: auto;
}

/* ============================================
   FORM ELEMENTS
   ============================================ */

input,
textarea,
select {
    max-width: 100%;
    box-sizing: border-box;
}

/* ============================================
   SCROLLABLE OVERFLOW (not hidden)
   ============================================ */

table {
    max-width: 100%;
    overflow-x: auto;
    display: block;
}

pre,
code {
    max-width: 100%;
    overflow-x: auto;
    word-wrap: break-word;
}