/*
 * MusicMaster UI template contract.
 *
 * This file owns only structural guarantees shared by every visual template.
 * Do not put palette, typography personality, decorative effects or page-specific
 * styling here. Those belong to the active theme/template stylesheet.
 *
 * Stable HTML hooks:
 *   [data-mm-template-root]  root rendered shell
 *   [data-mm-region]         replaceable template region
 *   [data-mm-page-content]   partial-navigation boundary
 *   [data-mm-page-host]      page layout/container-query boundary
 *
 * JavaScript behaviour should prefer data-mm-* hooks and IDs over visual classes.
 */

[data-mm-template-root],
[data-mm-region],
[data-mm-page-content],
[data-mm-page-host] {
    box-sizing: border-box;
    min-width: 0;
}

/* The page host is a structural measurement boundary, not a visual decision.
   Width, gutters and max-width remain owned by the active template/layout. */
[data-mm-page-host] {
    container: mm-page-host / inline-size;
}