/*
 * bedura_about_* — SHARED “yellow” panel typography & shell.
 * Use .about_yellow_section on any upcoming About UI block wrapper.
 * Compiled plain CSS (no build step).
 */

.about_yellow_section {
    box-sizing: border-box;
    background-color: #fff4d9;
    border-radius: 20px;
    padding: clamp(1.35rem, 3.5vw, 2.75rem);
}

.about_yellow_title {
    margin: 0 0 1rem;
    padding: 0;
    font-family:
        ui-sans-serif,
        system-ui,
        -apple-system,
        'Segoe UI',
        Roboto,
        'Helvetica Neue',
        Arial,
        sans-serif;
    font-weight: 700;
    font-size: clamp(1.75rem, 4vw, 2.875rem);
    line-height: 1.14;
    letter-spacing: -0.01em;
    color: #4a2c2a;
}

.about_yellow_description {
    margin: 0;
    padding: 0;
    font-family:
        ui-sans-serif,
        system-ui,
        -apple-system,
        'Segoe UI',
        Roboto,
        'Helvetica Neue',
        Arial,
        sans-serif;
    font-weight: 400;
    font-size: clamp(1rem, 2.05vw, 1.0625rem);
    line-height: 1.65;
    letter-spacing: 0.012em;
    color: #4a2c2a;
}

.about_yellow_description + .about_yellow_description {
    margin-top: 0.75rem;
}