/* UHG Tips — Utah Home and Garden */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Merriweather:ital,wght@0,400;0,700;1,400&family=Open+Sans:wght@400;500;600;700&display=swap');

:root {
    --green-dark: #1a5028;
    --green-deeper: #0e3519;
    --gold: #c8a020;
    --gold-pale: #fdf7e0;
    --cream: #faf8f3;
    --green-pale: #e8f5eb;
    --border: #dde5da;
}

/* ── TIP PAGE ── */
.uhg-tip-page { font-family: 'Open Sans', sans-serif; color: #2c2c2c; max-width: 100%; }

/* Hero */
.uhg-hero-section {
    background: linear-gradient(135deg, #0e3519 0%, #1a5028 60%, #1e6030 100%);
    color: #fff;
    padding: 60px 40px 50px;
    text-align: center;
    position: relative;
}
.uhg-series-label {
    font-family: 'Oswald', sans-serif;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: rgba(255,255,255,.6);
    margin-bottom: 10px;
}
.uhg-tip-badge {
    display: inline-block;
    background: var(--gold);
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    padding: 6px 18px;
    border-radius: 100px;
    margin-bottom: 20px;
}
.uhg-tip-title {
    font-family: 'Oswald', sans-serif !important;
    font-size: clamp(1.6rem, 3.5vw, 2.4rem) !important;
    font-weight: 700 !important;
    color: #fff !important;
    line-height: 1.2 !important;
    max-width: 780px;
    margin: 0 auto 20px !important;
}
.uhg-tip-intro {
    font-family: 'Merriweather', serif;
    font-size: 1rem;
    line-height: 1.75;
    color: rgba(255,255,255,.82);
    max-width: 680px;
    margin: 0 auto;
}

/* Image placeholder */
.uhg-img-placeholder {
    background: var(--green-pale);
    border: 2px dashed var(--border);
    border-radius: 8px;
    padding: 48px 24px;
    text-align: center;
    margin: 36px 40px;
    color: #888;
    font-family: 'Open Sans', sans-serif;
    font-size: .9rem;
}

/* Body content */
.uhg-tip-body {
    max-width: 860px;
    margin: 0 auto;
    padding: 40px 40px 20px;
    line-height: 1.8;
}
.uhg-tip-body h2 {
    font-family: 'Oswald', sans-serif !important;
    font-size: 1.45rem !important;
    font-weight: 600 !important;
    color: var(--green-dark) !important;
    margin: 40px 0 16px !important;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--border);
}
.uhg-tip-body h3 {
    font-family: 'Oswald', sans-serif !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    color: var(--green-dark) !important;
    margin: 28px 0 12px !important;
}
.uhg-tip-body p {
    font-family: 'Open Sans', sans-serif;
    font-size: .97rem;
    line-height: 1.8;
    color: #333;
    margin-bottom: 18px;
}
.uhg-tip-body ul, .uhg-tip-body ol {
    padding-left: 24px;
    margin-bottom: 20px;
}
.uhg-tip-body li {
    font-size: .97rem;
    line-height: 1.75;
    margin-bottom: 8px;
    color: #333;
}
.uhg-tip-body strong { color: var(--green-dark); font-weight: 700; }
.uhg-tip-body blockquote {
    background: var(--gold-pale);
    border-left: 5px solid var(--gold);
    border-radius: 0 8px 8px 0;
    padding: 20px 28px;
    margin: 28px 0;
    font-family: 'Merriweather', serif;
    font-style: italic;
    font-size: 1.05rem;
    line-height: 1.7;
    color: #4a3800;
}
.uhg-tip-body .tip-box, .uhg-tip-body .callout {
    background: var(--green-pale);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 20px 24px;
    margin: 24px 0;
}

/* ── INDEX PAGE ── */
.uhg-index-wrap { font-family: 'Open Sans', sans-serif; }
.uhg-index-header { text-align: center; padding: 20px 0 40px; }
.uhg-index-header h2 {
    font-family: 'Oswald', sans-serif !important;
    font-size: 1.9rem !important;
    color: var(--green-dark) !important;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin: 0 0 12px !important;
}
.uhg-index-header p { color: #666; max-width: 580px; margin: 0 auto; font-size: .95rem; line-height: 1.65; }
.uhg-tip-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    gap: 22px;
}
.uhg-tip-card {
    display: block;
    text-decoration: none;
    color: inherit;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0,0,0,.09);
    overflow: hidden;
    transition: transform .25s, box-shadow .25s;
}
.uhg-tip-card:hover { transform: translateY(-4px); box-shadow: 0 10px 32px rgba(0,0,0,.15); }
.uhg-card-header { background: var(--green-dark); padding: 18px 22px; }
.uhg-card-num {
    font-family: 'Oswald', sans-serif;
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 5px;
}
.uhg-card-title {
    font-family: 'Oswald', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    line-height: 1.3;
}
.uhg-card-body { padding: 18px 22px; }
.uhg-card-body p { font-size: .84rem; color: #666; line-height: 1.65; margin: 0 0 12px; }
.uhg-read-more { font-size: .79rem; font-weight: 700; color: var(--green-dark); text-transform: uppercase; letter-spacing: .06em; }

@media (max-width: 768px) {
    .uhg-hero-section { padding: 40px 20px 35px; }
    .uhg-tip-body { padding: 28px 20px 16px; }
    .uhg-img-placeholder { margin: 24px 16px; }
    .uhg-tip-grid { grid-template-columns: 1fr; }
}