/*
 * Astra Shim
 *
 * The original Mystical Music Machine theme was an Astra child theme.
 * Astra is ~26MB; we only need the few wrapper conventions the child
 * stylesheet actually depends on. This file is the minimum that lets
 * theme.css render unchanged.
 *
 * If you add a new section that uses an Astra class, define it here.
 */

/* ---- Reset-ish ---- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; line-height: 1.55; }
img, picture, video { max-width: 100%; height: auto; display: block; }
button { font-family: inherit; }
a { color: inherit; }

/* ---- Container that the theme expects ---- */
.ast-container {
    width: 100%;
    max-width: 1200px;
    margin-inline: auto;
    padding-inline: 1.25rem;
}

/* ---- Site-main spacing ---- */
.site-main {
    padding-block: 2.5rem;
}

/* ---- Visually hidden helper ---- */
.visually-hidden {
    position: absolute !important;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0,0,0,0);
    white-space: nowrap; border: 0;
}