@layer component {
    .p-about-governance:first-of-type {
        margin-top: calc(6 * var(--base-unit)) !important;
    }
    @media screen and (max-width: 767px) {
        .p-about-governance:first-of-type {
            margin-top: calc(4 * var(--base-unit)) !important;
        }
    }
    .p-about-governance__txt {
        margin-top: calc(2 * var(--base-unit));
        font-size: calc(1.6 * var(--base-unit));
        letter-spacing: 0.03em;
    }
    @media screen and (max-width: 767px) {
        .p-about-governance__txt {
            margin-top: calc(1 * var(--base-unit));
            font-size: calc(1.3 * var(--base-unit));
        }
    }
    @media print, screen and (min-width: 768px) {
        .p-about-governance__txt {
            text-align: center;
        }
    }
    .p-about-governance__txt-inner {
        margin-right: calc(0.4 * var(--base-unit));
    }
}