/* Only Master Gardener-specific details; shared page layout is in garden-public-page.css. */
.garden-master-info-band {
    padding: clamp(22px, 3.2vw, 38px);
    border: 1px solid rgba(54, 89, 42, .16);
    border-radius: 12px;
}

.garden-master-info-band--white {
    background: var(--garden-surface, #fff);
}

.garden-master-info-band--sage {
    background: var(--garden-surface-sage, #e3ecdc);
}

.garden-master-info-band p {
    color: var(--garden-ink-soft, #314034);
}

.garden-master-info-today-row {
    display: grid;
    gap: 22px;
}

.garden-master-info .garden-master-info-lead {
    max-width: 36ch;
    color: #fff;
    font-size: clamp(1.1rem, 1.7vw, 1.4rem);
    line-height: 1.3;
    letter-spacing: -.025em;
}

.garden-master-info-hero .garden-button {
    margin-top: 4px;
}

.garden-master-info-example {
    padding: 10px 14px;
    border-left: 3px solid var(--garden-primary, var(--green-800));
    background: var(--green-100);
    color: var(--green-900) !important;
    font-weight: 700;
}

.garden-master-info-preview-mobile {
    width: min(100%, 330px);
    justify-self: center;
}

.garden-master-info-today-preview {
    width: min(100%, 760px);
    justify-self: center;
}

@media (max-width: 760px) {
    .garden-master-info-band {
        padding: 20px;
    }
}