/*
 * REMAS — shared responsive corrections.
 * Element-level selectors only, so every Tailwind utility class still wins
 * on specificity. Loaded on every page after the Tailwind CDN build.
 */

/* Browsers give <fieldset> an intrinsic minimum width equal to its widest
 * content and it ignores flex/grid shrinking, so a long <select> option was
 * pushing the quote form past the right edge on narrow phones. */
fieldset {
    min-width: 0;
}

/* Flex and grid children default to min-width:auto, which likewise refuses to
 * shrink below content width. */
form,
form > * {
    min-width: 0;
}

/* Controls and media must scale down with their column, never widen it. */
input,
select,
textarea,
button {
    max-width: 100%;
}

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

/* Long unbroken strings (emails, reference codes, URLs) must wrap rather than
 * force a horizontal scrollbar. */
h1, h2, h3, h4, h5, h6,
p, a, li, td, dd, dt, label {
    overflow-wrap: break-word;
}

/* The header is fixed, so in-page anchor targets need clearance to avoid
 * landing underneath it. */
html {
    scroll-padding-top: 6rem;
}

/* Comfortable touch targets on pointer-coarse devices for the small
 * underline-style text buttons. */
@media (hover: none) and (pointer: coarse) {
    nav a,
    footer a {
        padding-block: 0.125rem;
    }
}