@layer components {
    .section-header a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: var(--touch-target);
        min-width: var(--touch-target);
    }

    .section-header {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        justify-content: space-between;
        gap: var(--space-3);
        margin-block-end: var(--space-5);
    }

    .section-eyebrow {
        font-family: var(--font-display);
        font-size: var(--size-micro);
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.14em;
        color: var(--sky);
        display: block;
        margin-block-end: var(--space-1);
    }
}