/*
 * Shared components for the redesigned Home and About pages (3.47.0):
 * section labels, buttons and balanced section titles.
 * Colours follow the live brand: green #83c045 / #6fa339, ink #1A1A1A.
 */

/* Even out long section titles so no single word sits on its own line. */
main section h2 {
    text-wrap: balance;
}

.jenga-eyebrow {
    color: #83c045;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.5;
    margin: 0 0 1rem;
    text-transform: uppercase;
}

.jenga-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.jenga-btn {
    border: 2px solid #83c045;
    border-radius: 0.125rem;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.025em;
    padding: 1rem 2rem;
    text-align: center;
    text-transform: uppercase;
    transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}

.jenga-btn-primary {
    background: #83c045;
    color: #fff;
}

.jenga-btn-primary:hover {
    background: #6fa339;
    border-color: #6fa339;
}

.jenga-btn-secondary {
    background: #fff;
    color: #6fa339;
}

.jenga-btn-secondary:hover {
    background: #83c045;
    color: #fff;
}

.jenga-btn:focus-visible {
    outline: 2px solid #6fa339;
    outline-offset: 2px;
}