

html, body { max-width: 100%; overflow-x: clip; }


/* Media and embeds never exceed their container. */
img, svg, video, canvas, iframe, embed, object, figure, picture { max-width:100%; }

img, video, canvas { height: auto; }
pre, code, kbd, samp { overflow-x: auto; max-width: 100%; }


h1, h2, h3, h4, h5, h6,
[class*="lockup"], [class*="display"], [class*="headline"], [class*="title"],
[class*="hero"] h1, [class*="hero"] h2 {
    overflow-wrap:break-word;
    word-break:normal;
    hyphens:auto;
}
[class*="lockup"], [class*="lockup"] > * { white-space: normal !important; }


/* Long unbroken strings (URLs, emails, ids) wrap rather than overflow. */
p, li, dd, dt, blockquote, figcaption, address, a, span, td, th { overflow-wrap:break-word; }


[class*="grid"] > *, [class*="row"] > *, [class*="flex"] > *,
[class*="cols"] > *, [class*="columns"] > * { min-width: 0; }


:not(img):not(picture):not(svg):not(video):not(canvas):only-child { grid-column:1 / -1; }


@view-transition { navigation: auto; }
::view-transition-old(root), ::view-transition-new(root) { animation-duration:.28s; }
@media (prefers-reduced-motion: reduce) {
    ::view-transition-group(*),
    ::view-transition-old(*),
    ::view-transition-new(*) { animation: none !important; }
}


.kijoa4e { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.kijoa4e > table { min-width: max-content; }
@media (max-width: 48rem) {
    .kijoa4e > table { font-size: .94em; }
}
.kijoa4e > table,
.kijoa4e > table > thead, .kijoa4e > table > tbody,
.kijoa4e > table > tfoot, .kijoa4e > table tr,
.kijoa4e > table th, .kijoa4e > table td { display: revert; }


@media (max-width: 30rem) {
    :root {

        --tese-e2b:clamp(2.2rem, 9vw, 3rem);
        --tese-840:clamp(2rem, 8vw, 2.7rem);
        --tese-a3f:clamp(1.8rem, 7vw, 2.4rem);
        --tese-076:clamp(1.55rem, 6vw, 2.05rem);
        --tese-e28:clamp(1.35rem, 5vw, 1.8rem);
    }
}
@media (min-width: 30.01rem) and (max-width: 48rem) {

    :root {
        --tese-e2b:clamp(2.8rem, 8vw, 4.6rem);
        --tese-840:clamp(2.5rem, 7vw, 4rem);
        --tese-a3f:clamp(2.2rem, 6vw, 3.4rem);
    }
}


/* Touch targets stay usable. */
@media (pointer: coarse) {
    a.btn, button, [role="button"], .btn,
    input[type="submit"], input[type="button"] { min-height: 44px; }
}



.consent-banner {
    max-height:20vh;
    overflow:auto;
    top:auto;
    bottom:0;
}
@media (max-width: 30rem) {
    .consent-banner { max-height: 38vh; }
}


/* MEASURED: grids found holding text in a chimney */
/* 1.2 characters a line in 2 columns holding 3 item(s) */
article.boundary-row { grid-template-columns: none !important; }
