/* ==========================================================================
   GLOBAL BASE
   Minimal reset so WordPress/theme defaults don't bleed into the
   scoped #tt-* wrapper components. Intentionally tiny — almost all
   visual styling is scoped per-component exactly as it was authored.
   ========================================================================== */

* {
    box-sizing: border-box;
}

html, body {
    margin: 0;
    padding: 0;
}

body {
    background: #F8F8F6;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    color: inherit;
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}