:root {
    --mm-bg: #f4f4f2;
    --mm-surface: #ffffff;
    --mm-border: #d8d8d4;
    --mm-text: #2a2a28;
    --mm-muted: #6b6b66;
    --mm-link: #3d5a73;
    --mm-success-bg: #edf7ed;
    --mm-success-text: #1f5f2b;
    --mm-warn-bg: #fff8e6;
    --mm-warn-text: #7a5b00;
    --mm-font: Georgia, "Times New Roman", Times, serif;
    --mm-ui-font: system-ui, -apple-system, "Segoe UI", sans-serif;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: var(--mm-ui-font);
    background: var(--mm-bg);
    color: var(--mm-text);
    min-height: 100vh;
    line-height: 1.55;
    font-size: 15px;
}

a {
    color: var(--mm-link);
}

a:hover {
    text-decoration: underline;
}

.mm-wrap {
    max-width: 40rem;
    margin: 0 auto;
    padding: 0 1.25rem;
}

.mm-header {
    border-bottom: 1px solid var(--mm-border);
    background: var(--mm-surface);
    padding: 0.9rem 0;
}

.mm-header .mm-wrap {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
}

.mm-logo {
    font-family: var(--mm-font);
    font-size: 1.1rem;
    letter-spacing: 0.02em;
    color: var(--mm-text);
}

.mm-tag {
    font-size: 0.8rem;
    color: var(--mm-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.mm-main {
    padding: 2.5rem 0 3rem;
}

.mm-card {
    background: var(--mm-surface);
    border: 1px solid var(--mm-border);
    padding: 1.75rem 1.5rem;
}

.mm-card h1 {
    margin: 0 0 0.75rem;
    font-family: var(--mm-font);
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.3;
}

.mm-company {
    margin: 0 0 1rem;
    font-size: 1.05rem;
}

.mm-company a {
    font-weight: 600;
    text-decoration: none;
}

.mm-company a:hover {
    text-decoration: underline;
}

.mm-services {
    margin: 0 0 1.5rem;
    color: var(--mm-muted);
    font-size: 0.95rem;
}

.mm-divider {
    border: 0;
    border-top: 1px solid var(--mm-border);
    margin: 1.5rem 0;
}

.mm-status {
    padding: 0.85rem 1rem;
    border: 1px solid var(--mm-border);
    margin-bottom: 1rem;
    font-size: 0.95rem;
}

.mm-status-success {
    background: var(--mm-success-bg);
    color: var(--mm-success-text);
    border-color: #b8dfc0;
}

.mm-status-warn {
    background: var(--mm-warn-bg);
    color: var(--mm-warn-text);
    border-color: #e8d49a;
}

.mm-muted {
    color: var(--mm-muted);
    font-size: 0.92rem;
}

.mm-footer {
    border-top: 1px solid var(--mm-border);
    padding: 1.25rem 0 2rem;
    background: var(--mm-surface);
}

.mm-footer-note {
    margin: 0;
    font-size: 0.8rem;
    color: var(--mm-muted);
}
