/* mod_serenade_address — typography from template.css (h2/h3/p) */

.mod-serenade-address {
    width: 100%;
    max-width: var(--layout-inner);
    margin: 0 auto;
    padding: 0;
    color: var(--c-petrol);
}

.mod-serenade-address__block {
    margin: 0;
    font-style: normal;
}

.mod-serenade-address__line--extra {
    margin-top: var(--s-2);
}

.mod-serenade-address__email:hover,
.mod-serenade-address__email:focus-visible {
    text-decoration: underline;
    outline: none;
}

/* ---- Responsive (additive only; no Figma mobile reference) ---------------
 * The address is already a single fluid column whose type scales through the
 * global token steps. The one narrow-screen risk is the long, unbreakable
 * e-mail token (or a custom free-text line) forcing horizontal scroll, so on
 * tablet/phone widths let the block wrap instead of overflowing the viewport.
 * Desktop rendering is untouched (the lines fit on one row there). */
@media (max-width: 768px) {
    .mod-serenade-address__block {
        overflow-wrap: anywhere;
    }
}