/**
 * Section Header Block - Frontend Styles
 * 
 * Reuses existing theme styles from apoie.css
 * 
 * @package Ably_Blocks
 */

.ap-como__header {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 32px;
}

.ap-como__title {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--semantics-colors-text-primary, #1a1a1a);
}

@media (max-width: 768px) {
    .ap-como__title {
        font-size: 24px;
    }
}