/* Small single-purpose helpers */
.visually-hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.text-muted-awc {
    color: var(--awc-muted) !important;
}

.shadow-soft {
    box-shadow: 0 8px 30px rgba(0,0,0,.06);
}

.rounded-xl {
    border-radius: 1rem;
}

.section-pad {
    padding: 4rem 0;
}

/* === AWC Utility Additions: shared helpers for new sections =============== */

/* Background color utilities */
.bg-surface {
    background: var(--awc-surface, #fff) !important;
}

.bg-accent {
    background: var(--awc-accent-bg, #f3f8f7) !important;
}

.bg-brand {
    background: var(--awc-brand) !important;
    color: #fff !important;
}

/* Text color helpers */
.text-brand {
    color: var(--awc-brand) !important;
}

.text-ink {
    color: var(--awc-dark) !important;
}

.text-accent {
    color: var(--awc-accent) !important;
}

/* Border and divider helpers */
.border-light {
    border: 1px solid var(--awc-border, #e7ecec) !important;
}

.border-top-light {
    border-top: 1px solid var(--awc-border, #e7ecec) !important;
}

/* Padding & margin shortcuts (using your spacing tokens) */
.pt-section {
    padding-top: var(--awc-section-y, 4rem) !important;
}

.pb-section {
    padding-bottom: var(--awc-section-y, 4rem) !important;
}

/* Layout helpers */
.text-balance {
    text-wrap: balance;
}

.max-w-prose {
    max-width: 68ch;
}

.center-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Hover lift utility if you want light elevation on arbitrary blocks */
.hover-lift:hover {
    transform: translateY(-2px);
    transition: transform 0.2s ease;
}

/* Small radius and large radius shortcuts for flexible rounding */
.rounded-pill {
    border-radius: 999px !important;
}

.rounded-lg {
    border-radius: var(--awc-radius-lg, 1rem) !important;
}