/*
 * Shared content styles.
 *
 * These classes are applied by the Rich Text editor's "Styles" dropdown (as CSS classes, not
 * inline styles) and render identically on the public site. The file is loaded two ways so a
 * single definition serves both: linked by Views/_Layout.cshtml (front-end), and associated with
 * the Rich Text editor via its `stylesheets` config (so the editor previews the styles — WYSIWYG).
 *
 * Colours use theme variables with a literal fallback, so they read correctly both on the themed
 * site (var wins) and inside the back-office editor, which has no site-theme variables (fallback).
 */
.text-center { text-align: center; }
.text-right  { text-align: right; }

.lead {
    font-size: 1.2rem;
    line-height: 1.6;
    color: var(--muted, #5a5246);
}

.callout {
    border-left: 4px solid var(--accent, #c0801d);
    background: var(--surface-2, #f1ece2);
    padding: 0.8rem 1rem;
    border-radius: var(--radius, 8px);
    margin: 0 0 1.2rem;
}

.muted-note {
    color: var(--muted, #6b6356);
    font-size: 0.9rem;
    font-style: italic;
}

/*
 * Inline text styles — applied to a text selection as <span class="…"> by the editor's Styles
 * dropdown (replacing the inline font-size / font-family / colour pickers). Sizes use em so they
 * scale with the surrounding text.
 */
.text-large { font-size: 1.25em; }
.text-small { font-size: 0.85em; }
.font-serif { font-family: Georgia, "Times New Roman", serif; }
.font-mono  { font-family: ui-monospace, "Cascadia Code", Consolas, monospace; }
.text-accent { color: var(--accent, #c0801d); }
.text-muted  { color: var(--muted, #6b6356); }
.highlight {
    background: var(--accent, #c0801d);
    color: var(--on-accent, #1a1205);
    padding: 0 0.15em;
    border-radius: 2px;
}