/* ====================================================================
 * MindAttic.UiUx - BackHomeM/back-home-m.css
 * A capital "M" in AtticFont pinned to the upper-left of the viewport,
 * linking back to mindattic.com. Hosts opt in by adding an empty anchor of
 * the form <a class="back-home-m" href="https://mindattic.com"></a> anywhere
 * inside the body — the glyph "❮ M" is injected by the ::before rule below,
 * so the anchor's own text content is intentionally empty (any inner text
 * would render alongside the injected glyph). Requires AtticFont/ (the
 * Attic @font-face) to also be present in the subscriber.
 * Canonical source. DO NOT EDIT downstream copies - edit here and re-sync.
 * ==================================================================== */

.back-home-m {
    position: fixed;
    top: var(--ma-bhm-top, 5px);
    left: var(--ma-bhm-left, 5px);
    right: var(--ma-bhm-right, auto);
    bottom: var(--ma-bhm-bottom, auto);
    z-index: var(--ma-bhm-z, 9999);
    font-family: var(--ma-bhm-font, 'Attic', serif);
    font-size: var(--ma-bhm-size, 1.25rem);
    line-height: 1;
    color: var(--ma-bhm-color, inherit);
    text-decoration: none;
    opacity: var(--ma-bhm-opacity, 0.7);
    cursor: pointer;
    user-select: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.back-home-m::before {
    content: var(--ma-bhm-glyph, '\276E\00a0M');
}

.back-home-m:hover,
.back-home-m:focus-visible {
    opacity: var(--ma-bhm-hover-opacity, 1);
    transform: scale(var(--ma-bhm-hover-scale, 1.1));
    text-decoration: none;
}

.back-home-m:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}