/* app/Modules/ContentEngine/resources/vendor/css/content-engine.css */

:root {
    --content-max-width-narrow: 760px;
    --content-max-width-default: 960px;
    --content-max-width-wide: 1140px;
}

body {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

.content-container {
    max-width: var(--content-max-width-default);
}

.content-container.content-narrow {
    max-width: var(--content-max-width-narrow);
}

.content-container.content-wide {
    max-width: var(--content-max-width-wide);
}

.article-body {
    font-size: 1.125rem;
    line-height: 1.75;
    color: #222;
}

.article-body img {
    max-width: 100%;
    height: auto;
    border-radius: 0.5rem;
}

.article-body p {
    margin-bottom: 1.25rem;
}

.article-body h2,
.article-body h3 {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.quick-access-card {
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.quick-access-card:hover {
    border-color: #0d6efd !important;
    box-shadow: 0 2px 8px rgba(13, 110, 253, 0.1);
}

@media (max-width: 575.98px) {
    .article-body {
        font-size: 1rem;
    }

    h1 {
        font-size: 1.75rem;
    }
}