/* ---- Vars used by body/card ---- */

:root {
    --bg: #f7f8fb;
    --panel: #ffffff;
    --ink: #0b1220;
    --line: #e5e7eb;
}
/* ---- Base ---- */

body {
    background: var(--bg);
    color: var(--ink);
}

.c {
    width: min(1120px, 94%);
    margin: 0 auto;
}
/* ---- Section ---- */

.sec {
    padding: 44px 0;
}
/* ---- Card ---- */

.card {
    /*background: var(--panel);
    border: 1px solid var(--line);*/
    border-radius: 14px;
    padding: 22px;
    /*box-shadow: 0 8px 22px rgba(0,0,0,.05);*/
}
/* ---- Typography used in HTML ---- */

.h2 {
    font-size: 28px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: -.01em;
}
/* ---- Prose block ---- */

.prose {
    display: flex;
    flex-direction: column;
    gap: 14px;
    line-height: 1.72;
    font-size: 16px;
    color: #1f2937;
}

    .prose h3 {
        font-size: 20px;
        font-weight: 600;
        margin-top: 8px;
    }