/* =========================================
   UTILITIES.CSS — SMALL REUSABLE HELPERS
   ========================================= */

/* ---------------------------
   SPACERS
---------------------------- */
.section-spacer {
    height: 25px;
}

.subsection-spacer {
    height: 12px;
}

/* ---------------------------
   SPELL POINTS LAYOUT HELPERS
   (These are structural helpers used
    only on the Spell Points page)
---------------------------- */

.spellpoints-layout {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.sp-left {
    flex: 0 0 60%;
    max-width: 60%;
}

.sp-right {
    flex: 0 0 40%;
    max-width: 40%;
}

table tr:nth-child(even) {
    background-color: rgba(255, 180, 80, 0.08);
}