:root {
    --zq-deep: #0e4f4a;
    --zq-teal: #17786f;
    --zq-amber: #f0a202;
    --zq-ink: #12211f;
    --zq-mute: #5a6f6b;
    --zq-edge: #d7e8e3;
}

.zq-u-wrap { max-width: 1140px; margin: 0 auto; padding: 0 20px; }
.zq-u-narrow { max-width: 780px; margin: 0 auto; }
.zq-u-center { text-align: center; }
.zq-u-mute { color: var(--zq-mute); }
.zq-u-strong { color: var(--zq-ink); font-weight: 700; }
.zq-u-small { font-size: 13px; line-height: 1.65; }
.zq-u-gap-s { margin-bottom: 8px; }
.zq-u-gap-m { margin-bottom: 18px; }
.zq-u-gap-l { margin-bottom: 32px; }
.zq-u-divider { height: 1px; border: 0; background: var(--zq-edge); margin: 20px 0; }
.zq-u-chip {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid var(--zq-edge);
    background: #e7f3f0;
    font-size: 12px;
    font-weight: 600;
    color: var(--zq-teal);
}
.zq-u-nowrap { white-space: nowrap; }
.zq-u-hidden { display: none !important; }