/* ── Manual page ───────────────────────────────────────────────────────────── */

.manual-hero {
    background: var(--primary-color);
    color: var(--text-color-dark-bg);
    border-bottom: 3px solid rgba(255, 255, 255, .12);
    padding: 3rem 1rem;
}

.manual-hero__title {
    font-family: 'Cinzel Decorative', serif;
    font-size: clamp(1.5rem, 4vw, 2.6rem);
    margin-bottom: .5rem;
}

.manual-hero__subtitle {
    font-family: 'IM Fell English', Georgia, serif;
    font-size: 1.1rem;
    opacity: .8;
}

/* Content wrapper */
.manual-body {
    max-width: 860px;
    margin: 0 auto;
    padding: 2rem 1rem 4rem;
}

/* Sections */
.manual-section {
    padding: 1.5rem 1.75rem;
    background: rgba(240, 218, 160, 0.70);
    border: 1px solid rgba(61, 43, 31, .22);
    margin-bottom: 1.75rem;
}

.manual-section__title {
    font-family: 'Cinzel', serif;
    font-size: 1.25rem;
    color: var(--primary-color);
    border-bottom: 2px solid var(--primary-color);
    padding-bottom: .35rem;
    margin-bottom: 1rem;
}

.manual-section h5 {
    font-family: 'Cinzel', serif;
    color: var(--primary-color);
    margin-top: 1.25rem;
    font-size: 1rem;
}

/* Highlighted rule block */
.manual-rule-box {
    padding: .9rem 1.2rem;
    background: rgba(61, 43, 31, .07);
    border-left: 4px solid var(--primary-color);
    font-size: 1rem;
}

/* Formula display */
.manual-formula {
    display: inline-block;
    padding: .55rem 1.1rem;
    background: rgba(61, 43, 31, .06);
    border: 1px solid rgba(61, 43, 31, .22);
    font-family: 'Cinzel', serif;
    font-size: .95rem;
    letter-spacing: .02em;
}

/* Faction cards */
.manual-faction-card {
    border: 2px solid transparent;
    overflow: hidden;
    height: 100%;
}

.manual-faction-card__swatch {
    height: 10px;
}

.manual-faction-card__body {
    padding: .7rem 1rem;
    background: rgba(240, 218, 160, 0.85);
}

.manual-faction-card__body h5 {
    font-family: 'Cinzel', serif;
    font-size: .95rem;
    color: var(--primary-color);
    margin-bottom: .15rem;
    margin-top: 0;
}

.manual-faction-card__body p {
    color: var(--text-color);
    font-size: .875rem;
}

.manual-faction-card--geel  { border-color: #d4a017; }
.manual-faction-card--blauw { border-color: #2e5075; }
.manual-faction-card--rood  { border-color: #8b1a1a; }
.manual-faction-card--groen { border-color: #1a6040; }

.manual-faction-card--geel  .manual-faction-card__swatch { background: #d4a017; }
.manual-faction-card--blauw .manual-faction-card__swatch { background: #2e5075; }
.manual-faction-card--rood  .manual-faction-card__swatch { background: #8b1a1a; }
.manual-faction-card--groen .manual-faction-card__swatch { background: #1a6040; }