:root {
    --bg-primary: #F7F9F6;
    --bg-secondary: #EFF4EF;
    --bg-tinted: #E6EFE8;
    --bg-surface: #FFFFFF;
    --bg-subtle-mint: #EAF2EC;
    --bg-subtle-sand: #F5F2EB;
    --text-primary: #1E2922;
    --text-secondary: #4E5D54;
    --text-muted: #75867C;
    --text-inverse: #FFFFFF;
    --brand-primary: #D95D79;
    --brand-primary-hover: #C24965;
    --brand-primary-light: #FCE8EC;
    --brand-mint-base: #5C8D74;
    --brand-mint-dark: #3B614E;
    --brand-sand-base: #D8CEBC;
    --brand-sand-light: #ECE6DA;
    --brand-accent-vivid: #E63956;
    --border-outer-sand: #D8CEBC;
    --border-inner-mint: #A4C7B5;
    --border-divider: #E2ECE5;
    --border-light: #DFE8E2;
    --font-primary: 'Gothic A1', sans-serif;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    font-size: 16px;
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    font-family: var(--font-primary);
    background-color: var(--bg-primary);
    color: var(--text-primary);
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    overflow-x: clip;
}

a {
    color: inherit;
    text-decoration: none;
    transition: color 0.15s ease-in-out;
}

a:hover {
    color: var(--brand-primary);
    text-decoration: underline;
}

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

img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* ===== header ===== */
.altavera-site-header {
    font-family: 'Gothic A1', sans-serif;
    background-color: #FFFFFF;
    border-bottom: 2px solid #D8CEBC;
    box-shadow: 0 2px 6px rgba(30, 41, 34, 0.04);
    z-index: 1030;
}

.altavera-site-header .altavera-top-strip {
    background-color: #EFF4EF;
    border-bottom: 1px solid #DFE8E2;
    padding: 0.35rem 0;
    font-size: 0.78rem;
    color: #4E5D54;
}

.altavera-site-header .altavera-strip-inner {
    min-height: 24px;
}

.altavera-site-header .altavera-meta-item {
    line-height: 1.2;
}

.altavera-site-header .altavera-meta-icon {
    color: #5C8D74;
    font-size: 0.95rem;
}

.altavera-site-header .altavera-meta-text {
    font-weight: 500;
    color: #4E5D54;
}

.altavera-site-header .altavera-date-tag {
    background-color: #FFFFFF;
    border: 1px solid #D8CEBC;
    color: #3B614E;
    border-radius: 9999px;
    padding: 0.15rem 0.65rem;
    font-weight: 600;
    font-size: 0.75rem;
}

.altavera-site-header .altavera-main-navbar {
    padding: 0.65rem 0;
    background-color: #FFFFFF;
}

.altavera-site-header .altavera-logo-img {
    width: 42px;
    height: 42px;
    object-fit: contain;
    flex-shrink: 0;
}

.altavera-site-header .altavera-brand-title {
    font-size: 1.35rem;
    font-weight: 800;
    color: #1E2922;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

.altavera-site-header .altavera-brand-subtitle {
    font-size: 0.62rem;
    font-weight: 700;
    color: #5C8D74;
    letter-spacing: 0.08em;
    line-height: 1.2;
}

.altavera-site-header .altavera-nav-link {
    color: #1E2922;
    font-weight: 600;
    font-size: 0.92rem;
    padding: 0.5rem 0.9rem !important;
    border-radius: 4px;
    transition: color 0.2s ease, background-color 0.2s ease;
}

.altavera-site-header .altavera-nav-link:hover,
.altavera-site-header .altavera-nav-link:focus {
    color: #D95D79;
    background-color: #F7F9F6;
}

.altavera-site-header .altavera-nav-icon {
    color: #5C8D74;
}

.altavera-site-header .altavera-contact-btn{
    background: linear-gradient(135deg, #D95D79 0%, #E63956 100%);
    background-color: #D95D79;
    color: #FFFFFF;
    border: 1px solid #C24965;
    border-radius: 4px;
    padding: 0.5rem 1.15rem;
    font-weight: 600;
    font-size: 0.875rem;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.altavera-site-header .altavera-contact-btn:hover,
.altavera-site-header .altavera-contact-btn:focus {
    background: #C24965;
    border-color: #A93852;
    color: #FFFFFF;
}

.altavera-site-header .altavera-nav-toggler {
    border: 1px solid #A4C7B5;
    background-color: #EFF4EF;
    padding: 0.35rem 0.6rem;
    border-radius: 4px;
}

.altavera-site-header .altavera-nav-toggler:focus {
    box-shadow: 0 0 0 0.2rem rgba(92, 141, 116, 0.25);
}

@media (max-width: 991.98px) {
    .altavera-site-header .navbar-collapse {
        background-color: #FFFFFF;
        border-top: 1px solid #DFE8E2;
        margin-top: 0.65rem;
        padding: 1rem 0.5rem 0.5rem;
    }

.altavera-site-header .altavera-nav-link {
        padding: 0.65rem 0.75rem !important;
        border-bottom: 1px solid #F7F9F6;
    }

.altavera-site-header .altavera-cta-item {
        margin-top: 0.75rem;
    }
}

/* ===== hero ===== */
.altavera-hero {
    background-color: #F7F9F6;
    border-bottom: 1px solid #D8CEBC;
    overflow: hidden;
}

.altavera-hero__badge {
    background-color: #FCE8EC;
    color: #D95D79;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 0.35rem 0.75rem;
    border-radius: 9999px;
    border: 1px solid #E63956;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.altavera-hero__live-dot {
    width: 8px;
    height: 8px;
    background-color: #5C8D74;
    border-radius: 50%;
    display: inline-block;
}

.altavera-hero__date {
    font-size: 0.825rem;
    color: #4E5D54;
    font-weight: 500;
}

.altavera-hero__edition {
    font-size: 0.825rem;
    color: #3B614E;
    background-color: #EAF2EC;
    padding: 0.35rem 0.75rem;
    border-radius: 4px;
    border: 1px solid #A4C7B5;
}

.altavera-hero__featured-card {
    height: 100%;
    border: 1px solid #D8CEBC;
    background-color: #FFFFFF;
    padding: 6px;
    box-sizing: border-box;
}

.altavera-hero__card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 480px;
    overflow: hidden;
    border: 1px solid #A4C7B5;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.altavera-hero__image-holder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.altavera-hero__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.altavera-hero__gradient-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(30, 41, 34, 0.2) 0%, rgba(20, 31, 24, 0.75) 55%, rgba(12, 20, 15, 0.95) 100%);
}

.altavera-hero__featured-content {
    position: relative;
    z-index: 2;
    padding: 2.25rem 2rem 2rem;
    color: #FFFFFF;
}

.altavera-hero__category-pill {
    background-color: #D95D79;
    color: #FFFFFF !important;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.3rem 0.8rem;
    border-radius: 9999px;
    text-decoration: none;
    border: 1px solid #E63956;
}

.altavera-hero__category-pill:hover {
    background-color: #C24965;
    color: #FFFFFF !important;
}

.altavera-hero__meta-item {
    font-size: 0.825rem;
    color: #EAF2EC;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.altavera-hero__meta-divider {
    color: #A4C7B5;
    font-size: 0.75rem;
}

.altavera-hero__featured-title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.015em;
    color: #FFFFFF;
}

.altavera-hero__title-link {
    color: #FFFFFF;
    text-decoration: none;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

.altavera-hero__title-link:hover {
    color: #FCE8EC;
    text-decoration: underline;
}

.altavera-hero__featured-desc {
    color: #ECE6DA;
    font-size: 0.95rem;
    line-height: 1.55;
    max-width: 680px;
}

.altavera-hero__read-btn{
    background: linear-gradient(135deg, #D95D79 0%, #E63956 100%);
    background-color: #D95D79;
    color: #FFFFFF !important;
    border: 1px solid #C24965;
    border-radius: 4px;
    padding: 0.65rem 1.4rem;
    font-weight: 600;
    font-size: 0.875rem;
    text-decoration: none;
}

.altavera-hero__read-btn:hover {
    background: #C24965;
    color: #FFFFFF !important;
}

.altavera-hero__read-time {
    font-size: 0.825rem;
    color: #DFE8E2;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.altavera-hero__sidebar-box {
    background-color: #FFFFFF;
    border: 1px solid #D8CEBC;
    padding: 1.5rem;
    height: 100%;
    box-sizing: border-box;
}

.altavera-hero__box-header {
    border-bottom: 2px solid #E2ECE5;
    padding-bottom: 0.75rem;
}

.altavera-hero__box-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1E2922;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
}

.altavera-hero__box-title i {
    color: #5C8D74;
}

.altavera-hero__box-subtitle {
    font-size: 0.825rem;
    color: #4E5D54;
}

.altavera-hero__digest-item {
    background-color: #F7F9F6;
    border: 1px solid #DFE8E2;
    border-left: 4px solid #5C8D74;
    padding: 0.85rem 1rem;
    border-radius: 0;
}

.altavera-hero__digest-item:hover {
    background-color: #EFF4EF;
    border-color: #A4C7B5;
    border-left-color: #D95D79;
}

.altavera-hero__tag {
    font-size: 0.72rem;
    font-weight: 700;
    color: #3B614E;
    background-color: #E6EFE8;
    padding: 0.2rem 0.55rem;
    border-radius: 9999px;
}

.altavera-hero__item-time {
    font-size: 0.75rem;
    color: #75867C;
}

.altavera-hero__item-title {
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.4;
    color: #1E2922;
}

.altavera-hero__item-link {
    color: #1E2922;
    text-decoration: none;
    word-break: keep-all;
}

.altavera-hero__item-link:hover {
    color: #D95D79;
    text-decoration: underline;
}

.altavera-hero__newsletter-panel{
    background: linear-gradient(180deg, #F7F9F6 0%, #EDF5F0 100%);
    border: 1px solid #A4C7B5;
    padding: 1.25rem;
    border-radius: 4px;
}

.altavera-hero__nl-title {
    font-size: 1.05rem;
    font-weight: 700;
    color: #1E2922;
}

.altavera-hero__nl-title i {
    color: #D95D79;
    font-size: 1.2rem;
}

.altavera-hero__nl-desc {
    font-size: 0.825rem;
    color: #4E5D54;
    line-height: 1.45;
}

.altavera-hero__input-wrap {
    position: relative;
}

.altavera-hero__input-group {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.altavera-hero__input-icon {
    position: absolute;
    left: 0.85rem;
    color: #5C8D74;
    font-size: 1.1rem;
    pointer-events: none;
}

.altavera-hero__input {
    width: 100%;
    height: 44px;
    padding: 0.5rem 0.75rem 0.5rem 2.5rem;
    font-size: 0.875rem;
    color: #1E2922;
    background-color: #FFFFFF;
    border: 1px solid #D8CEBC;
    border-radius: 4px;
    box-sizing: border-box;
}

.altavera-hero__input:focus {
    outline: none;
    border-color: #D95D79;
    background-color: #FFFFFF;
    box-shadow: 0 0 0 2px rgba(217, 93, 121, 0.2);
}

.altavera-hero__input::placeholder {
    color: #75867C;
    opacity: 1;
}

.altavera-hero__submit-btn{
    height: 44px;
    background: linear-gradient(135deg, #D95D79 0%, #E63956 100%);
    background-color: #D95D79;
    color: #FFFFFF;
    border: 1px solid #C24965;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.875rem;
    padding: 0.5rem 1rem;
    cursor: pointer;
}

.altavera-hero__submit-btn:hover {
    background: #C24965;
    color: #FFFFFF;
}

.altavera-hero__terms-text {
    font-size: 0.75rem;
    color: #4E5D54;
}

@media (max-width: 767.98px) {
    .altavera-hero__card-inner {
        min-height: 380px;
    }

.altavera-hero__featured-content {
        padding: 1.25rem 1rem;
    }

.altavera-hero__featured-title {
        font-size: 1.125rem;
        line-height: 1.35;
        hyphens: auto;
    }

.altavera-hero__box-title {
        font-size: 1rem;
    }

.altavera-hero__nl-title {
        font-size: 0.875rem;
    }

.altavera-hero__sidebar-box {
        padding: 1rem;
    }
}

/* ===== news_grid ===== */
.news-digest-section {
    background-color: #F7F9F6;
    font-family: 'Gothic A1', sans-serif;
    color: #1E2922;
}

.news-digest-section .news-section-eyebrow {
    font-size: 0.75rem;
    font-weight: 700;
    color: #D95D79;
    letter-spacing: 0.08em;
}

.news-digest-section .news-section-title {
    font-size: 2rem;
    font-weight: 700;
    color: #1E2922;
    line-height: 1.25;
    letter-spacing: -0.015em;
    overflow-wrap: anywhere;
}

.news-digest-section .news-wavy-decor {
    width: 56px;
    height: 3px;
    background-color: #5C8D74;
    border-radius: 2px;
}

.news-digest-section .news-section-lead {
    max-width: 620px;
    font-size: 0.95rem;
    line-height: 1.55;
    color: #4E5D54;
    overflow-wrap: anywhere;
}

.news-digest-section .news-card {
    background-color: #FFFFFF;
    border: 1px solid #D8CEBC;
    outline: 1px solid #A4C7B5;
    outline-offset: -5px;
    border-radius: 0;
    padding: 1.25rem;
    transition: background-color 0.2s ease, outline-color 0.2s ease;
}

.news-digest-section .news-card:hover {
    background-color: #F1F7F3;
    outline-color: #5C8D74;
}

.news-digest-section .news-card-media-link {
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid #DFE8E2;
    margin-bottom: 1.1rem;
}

.news-digest-section .news-card-thumb {
    height: 210px;
    object-fit: cover;
    transition: opacity 0.2s ease;
}

.news-digest-section .news-card:hover .news-card-thumb {
    opacity: 0.94;
}

.news-digest-section .news-badge-category {
    top: 0.75rem;
    left: 0.75rem;
    background-color: #EAF2EC;
    color: #3B614E;
    border: 1px solid #D8CEBC;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.25rem 0.65rem;
    line-height: 1.2;
}

.news-digest-section .news-meta-inline {
    font-size: 0.825rem;
    color: #75867C;
    line-height: 1.45;
}

.news-digest-section .news-meta-item i {
    color: #5C8D74;
    font-size: 0.95rem;
}

.news-digest-section .news-meta-sep {
    color: #D8CEBC;
}

.news-digest-section .news-card-title {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: -0.01em;
    margin: 0;
}

.news-digest-section .news-card-title-link {
    color: #1E2922;
    text-decoration: none;
    overflow-wrap: anywhere;
    transition: color 0.2s ease;
}

.news-digest-section .news-card-title-link:hover,
.news-digest-section .news-card-title-link:focus {
    color: #D95D79;
    text-decoration: underline;
}

.news-digest-section .news-card-excerpt {
    font-size: 0.875rem;
    line-height: 1.55;
    color: #4E5D54;
    overflow-wrap: anywhere;
    margin-bottom: 1rem;
}

.news-digest-section .news-card-footer {
    border-top: 1px solid #E2ECE5;
}

.news-digest-section .news-btn-read{
    background: linear-gradient(135deg, #D95D79 0%, #E63956 100%);
    background-color: #D95D79;
    color: #FFFFFF;
    border: 1px solid #C24965;
    border-radius: 4px;
    padding: 0.65rem 1.4rem;
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 0.2s ease, border-color 0.2s ease;
    min-height: 42px;
}

.news-digest-section .news-btn-read:hover,
.news-digest-section .news-btn-read:focus {
    background: #C24965;
    border-color: #C24965;
    color: #FFFFFF;
}

@media (max-width: 767px) {
    .news-digest-section {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

.news-digest-section .news-section-title {
        font-size: 16px;
        hyphens: auto;
    }

.news-digest-section .news-card-title {
        font-size: 14px;
        hyphens: auto;
    }

.news-digest-section .news-card-thumb {
        height: 180px;
    }

.news-digest-section .news-card {
        padding: 1rem;
    }
}

/* ===== reviews_grid ===== */
.altavera-reviews-section {
    background-color: #F7F9F6;
    position: relative;
    overflow: hidden;
}

.altavera-reviews-section .altavera-reviews-eyebrow {
    font-size: 0.75rem;
    font-weight: 700;
    color: #D95D79;
    letter-spacing: 0.08em;
}

.altavera-reviews-section .altavera-reviews-title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.25;
    color: #1E2922;
    letter-spacing: -0.015em;
}

.altavera-reviews-section .altavera-reviews-divider {
    width: 48px;
    height: 3px;
    background-color: #5C8D74;
    border-radius: 2px;
}

.altavera-reviews-section .altavera-review-card {
    background-color: #FFFFFF;
    border: 1px solid #D8CEBC;
    outline: 1px solid #A4C7B5;
    outline-offset: -4px;
    border-radius: 0;
    transition: background-color 0.2s ease, outline-color 0.2s ease;
}

.altavera-reviews-section .altavera-review-card:hover {
    background-color: #F1F7F3;
    outline-color: #5C8D74;
}

.altavera-reviews-section .altavera-review-media {
    position: relative;
    overflow: hidden;
    background-color: #EFF4EF;
}

.altavera-reviews-section .altavera-review-img {
    height: 220px;
    object-fit: cover;
    display: block;
    transition: opacity 0.2s ease;
}

.altavera-reviews-section .altavera-media-link:hover .altavera-review-img {
    opacity: 0.94;
}

.altavera-reviews-section .altavera-review-tag {
    position: absolute;
    top: 12px;
    left: 12px;
    background-color: #EAF2EC;
    color: #3B614E;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.65rem;
    border-radius: 9999px;
    border: 1px solid #D8CEBC;
    line-height: 1.2;
}

.altavera-reviews-section .altavera-review-meta {
    font-size: 0.8rem;
    color: #4E5D54;
}

.altavera-reviews-section .altavera-meta-item i {
    color: #5C8D74;
    font-size: 0.95rem;
}

.altavera-reviews-section .altavera-meta-dot {
    color: #75867C;
}

.altavera-reviews-section .altavera-review-heading {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 0.75rem;
}

.altavera-reviews-section .altavera-heading-link {
    color: #1E2922;
    text-decoration: none;
    overflow-wrap: anywhere;
    transition: color 0.2s ease;
}

.altavera-reviews-section .altavera-heading-link:hover {
    color: #D95D79;
    text-decoration: underline;
}

.altavera-reviews-section .altavera-review-excerpt {
    font-size: 0.9rem;
    line-height: 1.55;
    color: #4E5D54;
    overflow-wrap: anywhere;
}

.altavera-reviews-section .altavera-btn-more{
    background: linear-gradient(135deg, #D95D79 0%, #E63956 100%);
    background-color: #D95D79;
    color: #FFFFFF;
    border: 1px solid #C24965;
    border-radius: 4px;
    padding: 0.65rem 1.25rem;
    font-weight: 600;
    font-size: 0.875rem;
    text-decoration: none;
    transition: background 0.2s ease, background-color 0.2s ease;
}

.altavera-reviews-section .altavera-btn-more:hover {
    background: #C24965;
    color: #FFFFFF;
    text-decoration: none;
}

@media (max-width: 767.98px) {
    .altavera-reviews-section .altavera-reviews-title {
        font-size: 1.6rem;
        hyphens: auto;
    }

.altavera-reviews-section .altavera-review-heading {
        font-size: 1.1rem;
        hyphens: auto;
    }

.altavera-reviews-section .altavera-review-img {
        height: 190px;
    }
}

/* ===== analytics_block ===== */
.altavera-analytics-section {
    background-color: #F7F9F6;
    font-family: 'Gothic A1', sans-serif;
    color: #1E2922;
}

.altavera-analytics-section .altavera-analytics-eyebrow {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #D95D79;
    background-color: #FCE8EC;
    padding: 0.3rem 0.8rem;
    border-radius: 9999px;
    border: 1px solid #D8CEBC;
}

.altavera-analytics-section .altavera-analytics-title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.015em;
    color: #1E2922;
    overflow-wrap: anywhere;
}

.altavera-analytics-section .altavera-analytics-divider {
    width: 56px;
    height: 3px;
    background: #5C8D74;
    border-radius: 2px;
}

.altavera-analytics-section .altavera-analytics-subtitle {
    font-size: 0.95rem;
    line-height: 1.55;
    color: #4E5D54;
    max-width: 680px;
    overflow-wrap: anywhere;
}

.altavera-analytics-section .altavera-analytics-card {
    background-color: #FFFFFF;
    border: 1px solid #D8CEBC;
    outline: 1px solid #A4C7B5;
    outline-offset: -5px;
    padding: 1.75rem;
    transition: border-color 0.2s ease, outline-color 0.2s ease;
}

.altavera-analytics-section .altavera-analytics-card:hover {
    border-color: #5C8D74;
    outline-color: #3B614E;
}

.altavera-analytics-section .altavera-analytics-media-wrapper {
    min-height: 280px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #DFE8E2;
    background-color: #EFF4EF;
}

.altavera-analytics-section .altavera-analytics-img {
    object-fit: cover;
    display: block;
    transition: opacity 0.2s ease;
}

.altavera-analytics-section .altavera-analytics-img-link:hover .altavera-analytics-img {
    opacity: 0.94;
}

.altavera-analytics-section .altavera-analytics-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    background-color: #1E2922;
    color: #FFFFFF;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.35rem 0.75rem;
    border-radius: 9999px;
    border: 1px solid #5C8D74;
    z-index: 2;
}

.altavera-analytics-section .altavera-analytics-meta {
    color: #75867C;
    font-size: 0.825rem;
    border-top: 1px solid #E2ECE5;
}

.altavera-analytics-section .altavera-meta-item {
    color: #4E5D54;
    font-weight: 500;
}

.altavera-analytics-section .altavera-card-heading {
    font-size: 1.45rem;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.01em;
    color: #1E2922;
    overflow-wrap: anywhere;
}

.altavera-analytics-section .altavera-title-link {
    color: #1E2922;
    text-decoration: none;
    transition: color 0.2s ease;
}

.altavera-analytics-section .altavera-title-link:hover {
    color: #D95D79;
    text-decoration: underline;
}

.altavera-analytics-section .altavera-card-summary {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #4E5D54;
    overflow-wrap: anywhere;
}

.altavera-analytics-section .altavera-tab-btn {
    background-color: #EAF2EC;
    color: #3B614E;
    border: 1px solid #D8CEBC;
    border-radius: 9999px;
    padding: 0.4rem 0.9rem;
    font-weight: 600;
    font-size: 0.8rem;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.altavera-analytics-section .altavera-tab-btn:hover {
    background-color: #5C8D74;
    color: #FFFFFF;
    border-color: #3B614E;
}

.altavera-analytics-section .altavera-tab-btn.active {
    background-color: #D95D79;
    color: #FFFFFF;
    border-color: #C24965;
}

.altavera-analytics-section .altavera-impact-box {
    background-color: #F7F9F6;
    border: 1px solid #A4C7B5;
    border-radius: 4px;
}

.altavera-analytics-section .altavera-impact-title {
    font-size: 0.9rem;
    color: #3B614E;
}

.altavera-analytics-section .altavera-impact-desc {
    font-size: 0.85rem;
    line-height: 1.55;
    color: #4E5D54;
    overflow-wrap: anywhere;
}

.altavera-analytics-section .altavera-metrics-grid {
    grid-template-columns: repeat(2, 1fr);
}

.altavera-analytics-section .altavera-metric-item {
    background-color: #EFF4EF;
    border: 1px solid #DFE8E2;
    border-radius: 4px;
    font-size: 0.825rem;
}

.altavera-analytics-section .altavera-metric-label {
    color: #4E5D54;
    font-weight: 500;
}

.altavera-analytics-section .altavera-metric-val {
    color: #3B614E;
    font-weight: 700;
}

.altavera-analytics-section .altavera-btn-primary{
    background: linear-gradient(135deg, #D95D79 0%, #E63956 100%);
    background-color: #D95D79;
    color: #FFFFFF;
    border: 1px solid #C24965;
    border-radius: 4px;
    padding: 0.65rem 1.4rem;
    font-weight: 600;
    font-size: 0.875rem;
    transition: background-color 0.2s ease, filter 0.2s ease;
    min-height: 44px;
}

.altavera-analytics-section .altavera-btn-primary:hover {
    background: #C24965;
    color: #FFFFFF;
    filter: brightness(0.95);
}

@media (max-width: 767px) {
    .altavera-analytics-section .altavera-analytics-title {
        font-size: 1.6rem;
        hyphens: auto;
    }

.altavera-analytics-section .altavera-card-heading {
        font-size: 1.25rem;
        hyphens: auto;
    }

.altavera-analytics-section .altavera-analytics-card {
        padding: 1.25rem;
        outline-offset: -3px;
    }

.altavera-analytics-section .altavera-analytics-media-wrapper {
        min-height: 200px;
    }

.altavera-analytics-section .altavera-metrics-grid {
        grid-template-columns: 1fr;
    }
}

/* ===== infographics_block ===== */
.infographics-section {
    background-color: #F7F9F6;
    font-family: 'Gothic A1', sans-serif;
    color: #1E2922;
    overflow: hidden
}

.infographics-section .infographics-eyebrow {
    color: #D95D79;
    font-weight: 700;
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    text-transform: uppercase
}

.infographics-section .infographics-title {
    color: #1E2922;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.015em
}

.infographics-section .infographics-divider {
    width: 48px;
    height: 3px;
    background-color: #5C8D74;
    border-radius: 2px
}

.infographics-section .infographics-desc {
    color: #4E5D54;
    max-width: 620px;
    font-size: 0.95rem;
    line-height: 1.55
}

.infographics-section .info-tab-btn {
    background-color: #EAF2EC;
    color: #3B614E;
    border: 1px solid #D8CEBC;
    border-radius: 9999px;
    padding: 0.45rem 1rem;
    font-size: 0.85rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease;
    cursor: pointer
}

.infographics-section .info-tab-btn:hover {
    background-color: #D95D79;
    color: #FFFFFF;
    border-color: #C24965
}

.infographics-section .info-tab-btn.active {
    background-color: #D95D79;
    color: #FFFFFF;
    border-color: #C24965
}

.infographics-section .infographics-main-card,
.infographics-section .infographics-side-card,
.infographics-section .editorial-preview-card {
    background-color: #FFFFFF;
    border: 1px solid #D8CEBC;
    outline: 1px solid #A4C7B5;
    outline-offset: -4px;
    border-radius: 0
}

.infographics-section .card-inner-title {
    color: #1E2922;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.3
}

.infographics-section .badge-tag {
    background-color: #FCE8EC;
    color: #D95D79;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 0.35rem 0.75rem;
    border-radius: 4px;
    border: 1px solid #F9EBEA
}

.infographics-section .chart-label {
    font-size: 0.9rem;
    font-weight: 600;
    color: #4E5D54;
    display: inline-flex;
    align-items: center
}

.infographics-section .chart-value {
    font-size: 0.95rem;
    font-weight: 700;
    color: #1E2922
}

.infographics-section .chart-value.highlight {
    color: #D95D79
}

.infographics-section .progress-track {
    background-color: #EFF4EF;
    height: 18px;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #DFE8E2
}

.infographics-section .progress-fill {
    height: 100%;
    transition: width .4s ease;
    border-radius: 3px
}

.infographics-section .progress-fill.fill-trad {
    background-color: #D8CEBC
}

.infographics-section .progress-fill.fill-smart {
    background-color: #5C8D74
}

.infographics-section .stat-subtile {
    background-color: #F7F9F6;
    border: 1px solid #DFE8E2;
    border-radius: 4px
}

.infographics-section .stat-icon-wrap {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #EAF2EC;
    color: #3B614E;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem
}

.infographics-section .stat-num {
    color: #1E2922;
    font-size: 1.35rem;
    font-weight: 800;
    line-height: 1.2
}

.infographics-section .stat-txt {
    color: #4E5D54;
    font-size: 0.8rem;
    margin-top: 0.25rem
}

.infographics-section .step-badge {
    width: 32px;
    height: 32px;
    background-color: #EFF4EF;
    border: 1px solid #A4C7B5;
    color: #3B614E;
    font-size: 0.85rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 4px
}

.infographics-section .step-title {
    font-size: 0.95rem;
    color: #1E2922
}

.infographics-section .step-desc {
    font-size: 0.825rem;
    color: #4E5D54;
    line-height: 1.45
}

.infographics-section .editorial-thumb-wrap {
    height: 140px;
    border-radius: 8px;
    overflow: hidden;
    background-color: #EFF4EF
}

.infographics-section .editorial-img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.infographics-section .badge-pill {
    background-color: #EAF2EC;
    color: #3B614E;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.25rem 0.6rem;
    border-radius: 9999px;
    border: 1px solid #A4C7B5
}

.infographics-section .meta-date,
.infographics-section .meta-author {
    font-size: 0.8rem;
    color: #4E5D54;
    display: inline-flex;
    align-items: center
}

.infographics-section .editorial-title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.3
}

.infographics-section .editorial-link {
    color: #1E2922;
    text-decoration: none;
    transition: color .2s ease
}

.infographics-section .editorial-link:hover {
    color: #D95D79;
    text-decoration: underline
}

.infographics-section .editorial-excerpt {
    font-size: 0.9rem;
    color: #4E5D54;
    line-height: 1.55
}

.infographics-section .btn-editorial-read{
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, #D95D79 0%, #E63956 100%);
    background-color: #D95D79;
    color: #FFFFFF;
    padding: 0.5rem 1.1rem;
    font-size: 0.85rem;
    font-weight: 600;
    border-radius: 4px;
    border: 1px solid #C24965;
    text-decoration: none;
    transition: background-color .2s ease
}

.infographics-section .btn-editorial-read:hover {
    background: #C24965;
    color: #FFFFFF
}

@media (max-width:767px) {
    .infographics-section .infographics-title {
        font-size: 1.6rem
    }

.infographics-section .editorial-thumb-wrap {
        height: 180px
    }

.infographics-section .chart-comparison-box {
        margin-bottom: 1.5rem
    }
}

/* ===== reader_poll ===== */
.reader-poll-section {
    background-color: #F7F9F6;
    font-family: 'Gothic A1', sans-serif;
}

.reader-poll-section .reader-poll-wrapper {
    background-color: #FFFFFF;
    border: 1px solid #D8CEBC;
    outline: 1px solid #A4C7B5;
    outline-offset: -5px;
}

.reader-poll-section .reader-poll-badge {
    background: #FCE8EC;
    color: #D95D79;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.65rem;
    border-radius: 9999px;
    border: 1px solid #D95D79;
}

.reader-poll-section .reader-poll-date {
    color: #4E5D54;
    font-size: 0.8rem;
    font-weight: 500;
}

.reader-poll-section .reader-poll-title {
    color: #1E2922;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.015em;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

.reader-poll-section .reader-poll-lead {
    color: #4E5D54;
    font-size: 0.95rem;
    line-height: 1.6;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

.reader-poll-section .reader-poll-featured-card {
    background-color: #EFF4EF;
    border: 1px solid #D8CEBC;
}

.reader-poll-section .reader-poll-thumb-img {
    width: 72px;
    height: 72px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #A4C7B5;
}

.reader-poll-section .reader-poll-card-tag {
    font-size: 0.72rem;
    font-weight: 700;
    color: #3B614E;
    text-transform: uppercase;
}

.reader-poll-section .reader-poll-card-title {
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.35;
    margin: 0;
}

.reader-poll-section .reader-poll-card-link {
    color: #1E2922;
    transition: color 0.15s ease-in-out;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.reader-poll-section .reader-poll-card-link:hover {
    color: #D95D79;
    text-decoration: underline;
}

.reader-poll-section .reader-poll-card-meta {
    font-size: 0.75rem;
    color: #75867C;
}

.reader-poll-section .reader-poll-box {
    background-color: #FFFFFF;
    border: 1px solid #E2ECE5;
}

.reader-poll-section .reader-poll-header-inner {
    border-bottom: 1px solid #E2ECE5;
}

.reader-poll-section .reader-poll-question-tag {
    font-size: 0.8rem;
    font-weight: 700;
    color: #3B614E;
}

.reader-poll-section .reader-poll-total-votes {
    font-size: 0.8rem;
    font-weight: 600;
    color: #4E5D54;
}

.reader-poll-section .reader-poll-option-item {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.85rem;
    border: 1px solid #DFE8E2;
    background-color: #FFFFFF;
    cursor: pointer;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.reader-poll-section .reader-poll-option-item:hover {
    background-color: #F1F7F3;
    border-color: #5C8D74;
}

.reader-poll-section .reader-poll-radio {
    margin-top: 0.25rem;
    accent-color: #D95D79;
    width: 1.05rem;
    height: 1.05rem;
    flex-shrink: 0;
    cursor: pointer;
}

.reader-poll-section .reader-poll-option-content {
    width: 100%;
    min-width: 0;
}

.reader-poll-section .reader-poll-option-text {
    font-size: 0.875rem;
    font-weight: 500;
    color: #1E2922;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

.reader-poll-section .reader-poll-percent {
    font-size: 0.8rem;
    font-weight: 700;
    color: #3B614E;
    margin-left: 0.5rem;
    flex-shrink: 0;
}

.reader-poll-section .reader-poll-progress-bg {
    width: 100%;
    height: 6px;
    background-color: #EFF4EF;
    border-radius: 9999px;
    overflow: hidden;
    margin-top: 0.35rem;
}

.reader-poll-section .reader-poll-progress-bar{
    height: 100%;
    background: linear-gradient(135deg, #5C8D74 0%, #3B614E 100%);
    transition: width 0.4s ease;
    border-radius: 9999px;
}

.reader-poll-section .reader-poll-option-item.is-selected .reader-poll-progress-bar{
    background: linear-gradient(135deg, #D95D79 0%, #E63956 100%);
}

.reader-poll-section .reader-poll-alert {
    background-color: #EAF2EC;
    border: 1px solid #A4C7B5;
    color: #3B614E;
    font-size: 0.82rem;
    font-weight: 600;
}

.reader-poll-section .reader-poll-check-icon {
    color: #5C8D74;
    font-size: 1.1rem;
}

.reader-poll-section .reader-poll-vote-btn{
    background: linear-gradient(135deg, #D95D79 0%, #E63956 100%);
    background-color: #D95D79;
    color: #FFFFFF;
    border: 1px solid #C24965;
    border-radius: 4px;
    padding: 0.65rem 1.4rem;
    font-weight: 600;
    font-size: 0.875rem;
    transition: background-color 0.15s ease-in-out;
    cursor: pointer;
}

.reader-poll-section .reader-poll-vote-btn:hover {
    background: #C24965;
    color: #FFFFFF;
}

.reader-poll-section .reader-poll-submit-btn {
    background: #3B614E;
    color: #FFFFFF;
    border: 1px solid #3B614E;
    border-radius: 4px;
    padding: 0.65rem 1.4rem;
    font-weight: 600;
    font-size: 0.875rem;
    transition: background-color 0.15s ease-in-out;
    cursor: pointer;
}

.reader-poll-section .reader-poll-submit-btn:hover {
    background: #5C8D74;
    color: #FFFFFF;
}

.reader-poll-section .reader-poll-note {
    font-size: 0.75rem;
    color: #75867C;
}

@media (max-width: 767px) {
    .reader-poll-section .reader-poll-title {
        font-size: 1rem;
    }

.reader-poll-section .reader-poll-card-title {
        font-size: 0.875rem;
    }

.reader-poll-section .reader-poll-actions {
        flex-direction: column;
        align-items: stretch !important;
    }

.reader-poll-section .reader-poll-vote-btn,
    .reader-poll-section .reader-poll-submit-btn {
        width: 100%;
        text-align: center;
    }

.reader-poll-section .reader-poll-note {
        justify-content: center;
    }
}

/* ===== footer ===== */
.site-footer-altavera {
    background-color: #F7F9F6;
    color: #1E2922;
    border-top: 1px solid #D8CEBC;
    position: relative;
    font-family: 'Gothic A1', sans-serif;
    box-sizing: border-box;
}

.site-footer-altavera * {
    box-sizing: border-box;
}

.site-footer-altavera__top-divider {
    padding-top: 2rem;
    padding-bottom: 1rem;
}

.site-footer-altavera__accent-line{
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #D95D79 0%, #5C8D74 50%, #D8CEBC 100%);
}

.site-footer-altavera__main {
    padding-top: 1.5rem;
    padding-bottom: 3.5rem;
}

.site-footer-altavera__brand {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.site-footer-altavera__logo-link {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    text-decoration: none;
    color: #1E2922;
}

.site-footer-altavera__logo-img {
    width: 44px;
    height: 44px;
    max-width: 48px;
    max-height: 48px;
    object-fit: contain;
    display: block;
}

.site-footer-altavera__brand-name {
    font-size: 1.45rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #1E2922;
    line-height: 1.2;
}

.site-footer-altavera__brand-desc {
    font-size: 0.925rem;
    line-height: 1.6;
    color: #4E5D54;
    margin-bottom: 0.5rem;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

.site-footer-altavera__chip {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background-color: #EAF2EC;
    color: #3B614E;
    border: 1px solid #D8CEBC;
    border-radius: 9999px;
    padding: 0.35rem 0.85rem;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.2;
}

.site-footer-altavera__chip-icon {
    font-size: 0.9rem;
    color: #D95D79;
}

.site-footer-altavera__heading {
    font-size: 1.05rem;
    font-weight: 700;
    color: #1E2922;
    margin-bottom: 1.25rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #A4C7B5;
    display: inline-block;
    line-height: 1.35;
}

.site-footer-altavera__nav-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.site-footer-altavera__nav-item {
    display: block;
}

.site-footer-altavera__nav-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.925rem;
    color: #4E5D54;
    text-decoration: none;
    transition: color 0.15s ease-in-out;
    overflow-wrap: anywhere;
}

.site-footer-altavera__link-arrow {
    font-size: 0.85rem;
    color: #5C8D74;
    flex-shrink: 0;
    transition: color 0.15s ease-in-out;
}

.site-footer-altavera__nav-link:hover {
    color: #D95D79;
    text-decoration: underline;
}

.site-footer-altavera__nav-link:hover .site-footer-altavera__link-arrow {
    color: #D95D79;
}

.site-footer-altavera__bottom-bar {
    background-color: #EFF4EF;
    border-top: 1px solid #D8CEBC;
    padding: 1.5rem 0;
}

.site-footer-altavera__bottom-inner {
    width: 100%;
}

.site-footer-altavera__copyright {
    font-size: 0.875rem;
    color: #75867C;
    font-weight: 500;
}

.site-footer-altavera__legal-links {
    font-size: 0.85rem;
}

.site-footer-altavera__legal-link {
    color: #4E5D54;
    text-decoration: none;
    transition: color 0.15s ease-in-out;
}

.site-footer-altavera__legal-link:hover {
    color: #D95D79;
    text-decoration: underline;
}

.site-footer-altavera__legal-sep {
    color: #D8CEBC;
    font-size: 0.75rem;
}

@media (max-width: 767px) {
    .site-footer-altavera__main {
        padding-top: 1rem;
        padding-bottom: 2.5rem;
    }

.site-footer-altavera__brand-name {
        font-size: 1.25rem;
    }

.site-footer-altavera__heading {
        margin-bottom: 0.85rem;
        font-size: 1rem;
    }

.site-footer-altavera__bottom-inner {
        text-align: center;
        justify-content: center;
    }

.site-footer-altavera__legal-links {
        justify-content: center;
    }
}

body {
    background-color: #F7F9F6;
    color: #1E2922;
    font-family: 'Gothic A1', sans-serif;
}

.altavera-category-hero {
    background-color: #EFF4EF;
    border-bottom: 1px solid #D8CEBC;
}

.altavera-category-hero__badge {
    background-color: #FCE8EC;
    color: #D95D79;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 0.35rem 0.75rem;
    border-radius: 9999px;
    border: 1px solid #E63956;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.altavera-category-hero__dot {
    width: 6px;
    height: 6px;
    background-color: #5C8D74;
    border-radius: 50%;
    display: inline-block;
}

.altavera-category-hero__sub-badge {
    font-size: 0.825rem;
    color: #4E5D54;
    font-weight: 600;
}

.altavera-category-hero__title {
    font-size: 2.25rem;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.02em;
    color: #1E2922;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

.altavera-category-hero__lead {
    font-size: 1.05rem;
    line-height: 1.6;
    color: #4E5D54;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

.altavera-category-hero__summary-card {
    background-color: #FFFFFF;
    border: 1px solid #D8CEBC;
    border-left: 4px solid #5C8D74;
    padding: 1.5rem;
    box-sizing: border-box;
}

.altavera-category-hero__card-top {
    font-weight: 700;
    font-size: 0.95rem;
    color: #1E2922;
}

.altavera-category-hero__card-icon {
    color: #D95D79;
    font-size: 1.1rem;
}

.altavera-category-hero__card-text {
    font-size: 0.875rem;
    line-height: 1.55;
    color: #4E5D54;
}

.altavera-category-hero__tag {
    background-color: #EAF2EC;
    color: #3B614E;
    border: 1px solid #D8CEBC;
    border-radius: 9999px;
    padding: 0.25rem 0.65rem;
    font-size: 0.75rem;
    font-weight: 600;
}

.altavera-wide-listing {
    background-color: #F7F9F6;
}

.altavera-wide-listing__filter-bar {
    background-color: #FFFFFF;
    border: 1px solid #D8CEBC;
    border-radius: 0;
}

.altavera-wide-listing__search-box {
    position: relative;
    width: 100%;
}

.altavera-wide-listing__search-icon {
    position: absolute;
    left: 0.85rem;
    color: #5C8D74;
    font-size: 1rem;
    pointer-events: none;
}

.altavera-wide-listing__search-input {
    width: 100%;
    height: 40px;
    background-color: #F7F9F6;
    border: 1px solid #DFE8E2;
    padding: 0.4rem 0.75rem 0.4rem 2.4rem;
    font-size: 0.875rem;
    color: #1E2922;
    border-radius: 4px;
    box-sizing: border-box;
}

.altavera-wide-listing__search-input:focus {
    outline: none;
    border-color: #D95D79;
    background-color: #FFFFFF;
    box-shadow: 0 0 0 2px rgba(217, 93, 121, 0.15);
}

.altavera-wide-listing__search-input::placeholder {
    color: #75867C;
    opacity: 1;
}

.altavera-wide-listing__tab-btn {
    background-color: #EFF4EF;
    border: 1px solid #A4C7B5;
    color: #3B614E;
    font-size: 0.825rem;
    font-weight: 600;
    padding: 0.45rem 0.95rem;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.altavera-wide-listing__tab-btn:hover {
    background-color: #D95D79;
    border-color: #C24965;
    color: #FFFFFF;
}

.altavera-wide-listing__tab-btn.active {
    background-color: #D95D79;
    border-color: #C24965;
    color: #FFFFFF;
}

.altavera-wide-listing__main-heading {
    font-size: 1.6rem;
    font-weight: 700;
    color: #1E2922;
    letter-spacing: -0.015em;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

.altavera-wide-listing__intro-text {
    font-size: 0.95rem;
    line-height: 1.55;
    color: #4E5D54;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

.altavera-wide-listing__rows-container {
    gap: 2.25rem;
}

.altavera-wide-listing__item {
    background-color: #FFFFFF;
    border: 1px solid #D8CEBC;
    padding: 10px;
    box-sizing: border-box;
    transition: border-color 0.2s ease;
}

.altavera-wide-listing__item:hover {
    border-color: #5C8D74;
}

.altavera-wide-listing__item-inner {
    border: 1px solid #DFE8E2;
    background-color: #FFFFFF;
    gap: 1.5rem;
    padding: 1.25rem;
    min-height: 220px;
}

.altavera-wide-listing__media-col {
    width: 200px;
    height: 200px;
}

.altavera-wide-listing__img-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 6px;
    border: 1px solid #D8CEBC;
    background-color: #EFF4EF;
}

.altavera-wide-listing__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.altavera-wide-listing__content-col {
    flex-grow: 1;
    min-width: 0;
}

.altavera-wide-listing__pill {
    background-color: #EAF2EC;
    color: #3B614E;
    border: 1px solid #D8CEBC;
    border-radius: 9999px;
    padding: 0.2rem 0.65rem;
    font-size: 0.75rem;
    font-weight: 700;
}

.altavera-wide-listing__date-item,
.altavera-wide-listing__author-item {
    font-size: 0.8rem;
    color: #4E5D54;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.altavera-wide-listing__date-item i,
.altavera-wide-listing__author-item i {
    color: #5C8D74;
}

.altavera-wide-listing__item-title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.35;
    color: #1E2922;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

.altavera-wide-listing__title-link {
    color: #1E2922;
    text-decoration: none;
}

.altavera-wide-listing__title-link:hover {
    color: #D95D79;
    text-decoration: underline;
}

.altavera-wide-listing__excerpt {
    font-size: 0.9rem;
    line-height: 1.55;
    color: #4E5D54;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

.altavera-wide-listing__card-footer {
    border-color: #E2ECE5 !important;
}

.altavera-wide-listing__read-time {
    font-size: 0.8rem;
    color: #75867C;
    font-weight: 500;
}

.altavera-wide-listing__inline-link {
    font-size: 0.85rem;
    font-weight: 600;
    color: #5C8D74;
    text-decoration: none;
}

.altavera-wide-listing__inline-link:hover {
    color: #D95D79;
    text-decoration: underline;
}

.altavera-wide-listing__action-col {
    width: 170px;
    border-left: 1px solid #E2ECE5;
    padding-left: 1.5rem;
}

.altavera-wide-listing__btn{
    background: linear-gradient(135deg, #D95D79 0%, #E63956 100%);
    background-color: #D95D79;
    color: #FFFFFF !important;
    border: 1px solid #C24965;
    border-radius: 4px;
    padding: 0.65rem 1rem;
    font-weight: 600;
    font-size: 0.875rem;
    text-decoration: none;
    text-align: center;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.altavera-wide-listing__btn:hover {
    background: #C24965;
    border-color: #A93852;
    color: #FFFFFF !important;
}

.altavera-wide-listing__no-results-box {
    background-color: #FFFFFF;
    border: 1px solid #D8CEBC;
}

.altavera-wide-listing__no-icon {
    font-size: 2.5rem;
    color: #75867C;
}

.altavera-wide-listing__no-title {
    font-size: 1.15rem;
    font-weight: 700;
    color: #1E2922;
}

.altavera-wide-listing__no-desc {
    font-size: 0.875rem;
    color: #4E5D54;
}

.altavera-subscribe-section {
    background-color: #EFF4EF;
    border-top: 1px solid #D8CEBC;
}

.altavera-subscribe-card {
    background-color: #FFFFFF;
    border: 1px solid #D8CEBC;
    border-top: 4px solid #D95D79;
}

.altavera-subscribe-pill {
    background-color: #FCE8EC;
    color: #D95D79;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.65rem;
    border-radius: 9999px;
    border: 1px solid #E63956;
}

.altavera-subscribe-title {
    font-size: 1.45rem;
    font-weight: 700;
    color: #1E2922;
    line-height: 1.3;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

.altavera-subscribe-desc {
    font-size: 0.925rem;
    line-height: 1.55;
    color: #4E5D54;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

.altavera-subscribe-input-wrapper {
    position: relative;
    width: 100%;
}

.altavera-subscribe-input-icon {
    position: absolute;
    left: 0.85rem;
    top: 50%;
    transform: translateY(-50%);
    color: #5C8D74;
    font-size: 1.1rem;
    pointer-events: none;
}

.altavera-subscribe-input {
    width: 100%;
    height: 46px;
    padding: 0.5rem 0.75rem 0.5rem 2.5rem;
    font-size: 0.875rem;
    color: #1E2922;
    background-color: #FFFFFF;
    border: 1px solid #D8CEBC;
    border-radius: 4px;
    box-sizing: border-box;
}

.altavera-subscribe-input:focus {
    outline: none;
    border-color: #D95D79;
    background-color: #FFFFFF;
    box-shadow: 0 0 0 2px rgba(217, 93, 121, 0.2);
}

.altavera-subscribe-input::placeholder {
    color: #75867C;
    opacity: 1;
}

.altavera-subscribe-submit-btn{
    height: 46px;
    background: linear-gradient(135deg, #D95D79 0%, #E63956 100%);
    background-color: #D95D79;
    color: #FFFFFF;
    border: 1px solid #C24965;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.altavera-subscribe-submit-btn:hover,
.altavera-subscribe-submit-btn:focus {
    background: #C24965;
    border-color: #A93852;
    color: #FFFFFF;
}

.altavera-subscribe-privacy-note {
    font-size: 0.78rem;
    color: #75867C;
}

@media (max-width: 767.98px) {
    .altavera-category-hero__title {
        font-size: 1.125rem;
        hyphens: auto;
    }

.altavera-wide-listing__main-heading {
        font-size: 1rem;
        hyphens: auto;
    }

.altavera-wide-listing__item-title {
        font-size: 0.875rem;
        hyphens: auto;
    }

.altavera-subscribe-title {
        font-size: 1rem;
        hyphens: auto;
    }

.altavera-wide-listing__item-inner {
        flex-direction: column !important;
        gap: 1rem;
        padding: 1rem;
    }

.altavera-wide-listing__media-col {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
    }

.altavera-wide-listing__action-col {
        width: 100%;
        border-left: none;
        border-top: 1px solid #E2ECE5;
        padding-left: 0;
        padding-top: 1rem;
    }

.altavera-wide-listing__btn {
        width: 100%;
    }
}


/* ===== PAGE: privacy ===== */
.policy-content { color: #1E2922; font-family: 'Gothic A1', sans-serif; line-height: 1.7; padding: 2rem 1rem; max-width: 900px; margin: 0 auto; overflow-wrap: anywhere; word-break: keep-all; }

.policy-content .policy-intro-card { background: #F7F9F6; border: 1px solid #D8CEBC; outline: 1px solid #A4C7B5; outline-offset: -5px; padding: 2rem 1.75rem; margin-bottom: 2.5rem; }

.policy-content .policy-meta-badge { display: inline-flex; align-items: center; gap: 0.5rem; background: #EAF2EC; color: #3B614E; border: 1px solid #D8CEBC; border-radius: 9999px; padding: 0.35rem 0.9rem; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.04em; margin-bottom: 1rem; }

.policy-content .policy-meta-badge i { font-size: 1rem; color: #D95D79; }

.policy-content .policy-effective-date { font-size: 0.875rem; color: #4E5D54; margin-bottom: 0.75rem; }

.policy-content .policy-lead-text { font-size: 1.05rem; line-height: 1.75; color: #1E2922; margin-bottom: 0; font-weight: 500; }

.policy-content .policy-section-group { border-bottom: 1px solid #E2ECE5; padding-top: 2rem; padding-bottom: 2rem; }

.policy-content .policy-section-group:last-child { border-bottom: none; }

.policy-content h2 { font-size: 1.35rem; font-weight: 700; color: #1E2922; margin-top: 0; margin-bottom: 1rem; line-height: 1.35; letter-spacing: -0.015em; display: flex; align-items: center; }

.policy-content p { font-size: 0.95rem; color: #4E5D54; margin-bottom: 1rem; line-height: 1.7; }

.policy-content ul { list-style: disc; padding-left: 1.25rem; margin-bottom: 1rem; }

.policy-content li { font-size: 0.95rem; color: #4E5D54; margin-bottom: 0.65rem; line-height: 1.65; }

.policy-content li strong { color: #1E2922; font-weight: 600; } @media (max-width: 767px) { .policy-content { padding: 1.25rem 0.75rem; hyphens: auto; }

.policy-content .policy-intro-card { padding: 1.25rem 1rem; margin-bottom: 1.75rem; }

.policy-content h2 { font-size: 16px; margin-bottom: 0.75rem; }

.policy-content p, .policy-content li { font-size: 0.875rem; line-height: 1.6; } }

/* ===== PAGE: terms ===== */
.policy-content { background-color: #F7F9F6; padding: 2.5rem 1rem; color: #1E2922; font-family: 'Gothic A1', sans-serif; }

.policy-content__wrapper { max-width: 920px; margin: 0 auto; width: 100%; box-sizing: border-box; }

.policy-content__card { background-color: #FFFFFF; border: 1px solid #D8CEBC; outline: 1px solid #A4C7B5; outline-offset: -5px; padding: 2.5rem 2rem; box-sizing: border-box; }

.policy-content__badge-group { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.75rem; margin-bottom: 2rem; padding-bottom: 1rem; border-bottom: 1px solid #E2ECE5; }

.policy-content__badge { display: inline-flex; align-items: center; gap: 0.35rem; background: #EAF2EC; color: #3B614E; font-size: 0.8rem; font-weight: 700; padding: 0.35rem 0.85rem; border-radius: 9999px; border: 1px solid #A4C7B5; }

.policy-content__date { font-size: 0.825rem; color: #75867C; font-weight: 500; }

.policy-content__section-title { font-size: 1.35rem; font-weight: 700; color: #1E2922; margin-top: 2rem; margin-bottom: 0.85rem; line-height: 1.3; letter-spacing: -0.015em; border-left: 3px solid #D95D79; padding-left: 0.75rem; }

.policy-content__card > .policy-content__section-title:first-of-type { margin-top: 0; }

.policy-content__text { font-size: 0.95rem; line-height: 1.7; color: #4E5D54; margin-bottom: 1.25rem; word-break: keep-all; overflow-wrap: anywhere; }

.policy-content__list { list-style-type: disc; padding-left: 1.4rem; margin-bottom: 1.5rem; }

.policy-content__list li { font-size: 0.95rem; line-height: 1.7; color: #4E5D54; margin-bottom: 0.5rem; word-break: keep-all; overflow-wrap: anywhere; }

.policy-content__list li strong { color: #1E2922; }

.policy-content__footer-note { background: #EFF4EF; border: 1px solid #DFE8E2; padding: 1.25rem 1.5rem; margin-top: 2.5rem; border-radius: 4px; }

.policy-content__footer-title { font-size: 0.95rem; font-weight: 700; color: #1E2922; margin-bottom: 0.35rem; display: flex; align-items: center; gap: 0.4rem; }

.policy-content__footer-title i { color: #D95D79; }

.policy-content__footer-text { font-size: 0.85rem; color: #5C8D74; margin: 0; line-height: 1.5; word-break: keep-all; } @media (max-width: 767px) { .policy-content { padding: 1.5rem 0.75rem; }

.policy-content__card { padding: 1.5rem 1rem; outline-offset: -3px; }

.policy-content__section-title { font-size: 1rem; margin-top: 1.5rem; margin-bottom: 0.65rem; padding-left: 0.5rem; hyphens: auto; }

.policy-content__text, .policy-content__list li { font-size: 0.875rem; line-height: 1.6; }

.policy-content__badge-group { flex-direction: column; align-items: flex-start; gap: 0.5rem; margin-bottom: 1.5rem; } }

/* ===== PAGE: disclaimer ===== */
.policy-content { width: 100%; color: #1E2922; font-family: 'Gothic A1', sans-serif; }

.policy-content .policy-document { background-color: #FFFFFF; border: 1px solid #D8CEBC; outline: 1px solid #A4C7B5; outline-offset: -5px; padding: 2.5rem; margin: 0 auto; max-width: 100%; box-sizing: border-box; }

.policy-content .policy-meta-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.75rem; padding-bottom: 1.25rem; margin-bottom: 2rem; border-bottom: 1px solid #E2ECE5; }

.policy-content .policy-tag { display: inline-flex; align-items: center; gap: 0.35rem; background-color: #EAF2EC; color: #3B614E; border: 1px solid #D8CEBC; border-radius: 9999px; padding: 0.35rem 0.9rem; font-size: 0.8rem; font-weight: 600; }

.policy-content .policy-date { display: inline-flex; align-items: center; gap: 0.35rem; color: #75867C; font-size: 0.85rem; font-weight: 500; }

.policy-content h2 { color: #1E2922; font-size: 1.35rem; font-weight: 700; line-height: 1.35; margin-top: 2rem; margin-bottom: 0.85rem; padding-bottom: 0.4rem; border-bottom: 2px solid #E6EFE8; }

.policy-content h2:first-of-type { margin-top: 0; }

.policy-content p { color: #4E5D54; font-size: 0.95rem; line-height: 1.7; margin-bottom: 1rem; word-break: keep-all; overflow-wrap: anywhere; }

.policy-content ul { list-style-type: disc; padding-left: 1.5rem; margin-bottom: 1.25rem; color: #4E5D54; }

.policy-content li { font-size: 0.95rem; line-height: 1.65; margin-bottom: 0.5rem; }

.policy-content strong { color: #1E2922; font-weight: 600; } @media (max-width: 767px) { .policy-content .policy-document { padding: 1.25rem; outline: none; border: 1px solid #D8CEBC; }

.policy-content .policy-meta-bar { flex-direction: column; align-items: flex-start; gap: 0.5rem; }

.policy-content h2 { font-size: 1rem; margin-top: 1.5rem; }

.policy-content p, .policy-content li { font-size: 0.875rem; line-height: 1.6; } }

/* ===== PAGE: cookies ===== */
.policy-content {
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  padding: 2.5rem 1.25rem;
  font-family: 'Gothic A1', sans-serif;
  color: #1E2922;
  line-height: 1.6;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.policy-content__inner {
  background-color: #FFFFFF;
  border: 1px solid #D8CEBC;
  outline: 1px solid #A4C7B5;
  outline-offset: -5px;
  padding: 2.5rem 2rem;
  border-radius: 0;
}

.policy-content__meta-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding-bottom: 1.25rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #E2ECE5;
}

.policy-content__badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  background: #EAF2EC;
  color: #3B614E;
  border: 1px solid #A4C7B5;
  padding: 0.35rem 0.85rem;
  border-radius: 9999px;
  font-size: 0.8rem;
  font-weight: 700;
}

.policy-content__date {
  font-size: 0.825rem;
  color: #75867C;
}

.policy-content__section {
  margin-bottom: 2.25rem;
}

.policy-content__section--last {
  margin-bottom: 0;
}

.policy-content h2 {
  font-size: 1.35rem;
  font-weight: 700;
  color: #1E2922;
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #EFF4EF;
}

.policy-content h3 {
  font-size: 1.1rem;
  font-weight: 600;
  color: #3B614E;
  line-height: 1.35;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

.policy-content p {
  font-size: 0.95rem;
  color: #4E5D54;
  line-height: 1.65;
  margin-bottom: 0.85rem;
}

.policy-content p:last-child {
  margin-bottom: 0;
}

.policy-content__cards {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1rem;
}

.policy-content__card {
  background-color: #F7F9F6;
  border: 1px solid #D8CEBC;
  padding: 1.25rem 1.5rem;
  border-radius: 0;
}

.policy-content__card-header {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-bottom: 0.6rem;
}

.policy-content__card-header i {
  font-size: 1.35rem;
  color: #D95D79;
  flex-shrink: 0;
}

.policy-content__card-header h3 {
  margin: 0;
  color: #1E2922;
  font-size: 1.05rem;
}

.policy-content__list {
  margin: 0.75rem 0 0 0;
  padding-left: 1.25rem;
  color: #4E5D54;
  font-size: 0.9rem;
  line-height: 1.6;
}

.policy-content__list li {
  margin-bottom: 0.35rem;
}

.policy-content__list li:last-child {
  margin-bottom: 0;
}

.policy-content__browser-guide {
  background-color: #EFF4EF;
  border: 1px solid #A4C7B5;
  padding: 1.25rem 1.5rem;
  margin-top: 1rem;
}

.policy-content__steps {
  margin: 0.75rem 0 0 0;
  padding-left: 1.25rem;
  color: #4E5D54;
  font-size: 0.9rem;
  line-height: 1.65;
}

.policy-content__steps li {
  margin-bottom: 0.5rem;
}

.policy-content__steps li:last-child {
  margin-bottom: 0;
}

.policy-content__steps strong {
  color: #1E2922;
  font-weight: 700;
}

@media (max-width: 767px) {
  .policy-content {
    padding: 1.5rem 0.75rem;
  }

.policy-content__inner {
    padding: 1.5rem 1rem;
    outline-offset: -3px;
  }

.policy-content h2 {
    font-size: 1rem;
    hyphens: auto;
  }

.policy-content h3 {
    font-size: 0.875rem;
    hyphens: auto;
  }

.policy-content p,
  .policy-content__list,
  .policy-content__steps {
    font-size: 0.85rem;
  }

.policy-content__card,
  .policy-content__browser-guide {
    padding: 1rem 0.85rem;
  }

.policy-content__meta-bar {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
  }
}

/* ===== PAGE: about ===== */
.altavera-about-section { background-color: #F7F9F6; color: #1E2922; font-family: 'Gothic A1', sans-serif; }

.altavera-about-section .altavera-about-card { background-color: #FFFFFF; border: 1px solid #D8CEBC; outline: 1px solid #A4C7B5; outline-offset: -5px; border-radius: 0; }

.altavera-about-section .altavera-section-title { font-size: 1.85rem; font-weight: 700; color: #1E2922; line-height: 1.3; overflow-wrap: anywhere; }

.altavera-about-section .altavera-lead-text { font-size: 1.05rem; line-height: 1.65; color: #4E5D54; overflow-wrap: anywhere; }

.altavera-about-section .altavera-body-text { font-size: 0.95rem; line-height: 1.6; color: #4E5D54; overflow-wrap: anywhere; }

.altavera-about-section .altavera-sub-text { font-size: 0.95rem; color: #75867C; overflow-wrap: anywhere; }

.altavera-about-section .altavera-badge { background-color: #EAF2EC; border: 1px solid #A4C7B5; color: #3B614E; font-size: 0.8rem; font-weight: 700; padding: 0.35rem 0.85rem; border-radius: 9999px; letter-spacing: 0.02em; }

.altavera-about-section .altavera-tag { background-color: #EFF4EF; border: 1px solid #D8CEBC; color: #1E2922; font-size: 0.825rem; font-weight: 600; padding: 0.35rem 0.75rem; border-radius: 4px; display: inline-flex; align-items: center; gap: 0.35rem; }

.altavera-about-section .altavera-media-wrapper { border: 1px solid #D8CEBC; background-color: #EFF4EF; padding: 6px; border-radius: 0; }

.altavera-about-section .altavera-media-img { width: 100%; height: 320px; object-fit: cover; border-radius: 6px; display: block; }

.altavera-about-section .altavera-tab-btn { background-color: #EFF4EF; border: 1px solid #D8CEBC; color: #3B614E; font-size: 0.875rem; font-weight: 600; padding: 0.55rem 1.15rem; border-radius: 4px; cursor: pointer; display: inline-flex; align-items: center; gap: 0.4rem; transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease; }

.altavera-about-section .altavera-tab-btn:hover { background-color: #E6EFE8; color: #1E2922; border-color: #A4C7B5; }

.altavera-about-section .altavera-tab-btn.active{ background: linear-gradient(135deg, #D95D79 0%, #E63956 100%);
    background-color: #D95D79; color: #FFFFFF; border-color: #C24965; }

.altavera-about-section .altavera-tab-container { background-color: #FFFFFF; border: 1px solid #D8CEBC; outline: 1px solid #A4C7B5; outline-offset: -5px; padding: 2rem; }

.altavera-about-section .altavera-topic-panel { display: none; }

.altavera-about-section .altavera-topic-panel.active { display: block; }

.altavera-about-section .altavera-panel-title { font-size: 1.35rem; font-weight: 700; color: #1E2922; line-height: 1.35; overflow-wrap: anywhere; }

.altavera-about-section .altavera-list { list-style: none; padding-left: 0; margin-bottom: 0; }

.altavera-about-section .altavera-list li { font-size: 0.925rem; color: #4E5D54; }

.altavera-about-section .altavera-icon-accent { color: #5C8D74; font-size: 1.15rem; flex-shrink: 0; margin-top: 2px; }

.altavera-about-section .altavera-summary-box { background-color: #F7F9F6; border: 1px solid #A4C7B5; border-radius: 4px; }

.altavera-about-section .altavera-box-title { font-size: 1.05rem; font-weight: 700; color: #3B614E; display: flex; align-items: center; gap: 0.4rem; overflow-wrap: anywhere; }

.altavera-about-section .altavera-principle-card { background-color: #FFFFFF; border: 1px solid #D8CEBC; outline: 1px solid #A4C7B5; outline-offset: -5px; transition: background-color 0.15s ease; }

.altavera-about-section .altavera-principle-card:hover { background-color: #F1F7F3; }

.altavera-about-section .altavera-icon-circle { width: 44px; height: 44px; border-radius: 50%; background-color: #EAF2EC; border: 1px solid #A4C7B5; color: #3B614E; font-size: 1.4rem; display: flex; align-items: center; justify-content: center; }

.altavera-about-section .altavera-card-title { font-size: 1.15rem; font-weight: 700; color: #1E2922; overflow-wrap: anywhere; }

.altavera-about-section .altavera-nav-banner { background-color: #FFFFFF; border: 1px solid #D8CEBC; outline: 1px solid #A4C7B5; outline-offset: -5px; }

.altavera-about-section .altavera-btn-primary{ background: linear-gradient(135deg, #D95D79 0%, #E63956 100%);
    background-color: #D95D79; color: #FFFFFF; border: 1px solid #C24965; border-radius: 4px; padding: 0.65rem 1.4rem; font-weight: 600; font-size: 0.875rem; text-decoration: none; display: inline-flex; align-items: center; gap: 0.4rem; transition: background 0.15s ease, color 0.15s ease; }

.altavera-about-section .altavera-btn-primary:hover { background: #C24965; color: #FFFFFF; text-decoration: none; }

.altavera-about-section .altavera-btn-secondary { background-color: #EFF4EF; color: #1E2922; border: 1px solid #A4C7B5; border-radius: 4px; padding: 0.65rem 1.4rem; font-weight: 600; font-size: 0.875rem; text-decoration: none; display: inline-flex; align-items: center; gap: 0.4rem; transition: background-color 0.15s ease, color 0.15s ease; }

.altavera-about-section .altavera-btn-secondary:hover { background-color: #E6EFE8; color: #1E2922; text-decoration: none; }
@media (max-width: 767px) {
  .altavera-about-section .altavera-section-title { font-size: 1.45rem; hyphens: auto; }

.altavera-about-section .altavera-panel-title { font-size: 1.2rem; hyphens: auto; }

.altavera-about-section .altavera-card-title { font-size: 1.05rem; hyphens: auto; }

.altavera-about-section .altavera-media-img { height: 220px; }

.altavera-about-section .altavera-tab-container { padding: 1.25rem; }
}

/* ===== PAGE: contacts ===== */
.contact-page-section {
  background-color: #F7F9F6;
  min-height: 50vh;
}

.contact-page-section .contact-card-wrapper {
  background: #FFFFFF;
  border: 1px solid #D8CEBC;
  padding: 8px;
  border-radius: 0;
}

.contact-page-section .contact-card-inner {
  border: 1px solid #A4C7B5;
  background: #FFFFFF;
  padding: 2.5rem;
}

.contact-page-section .contact-badge {
  background: #EAF2EC;
  color: #3B614E;
  border: 1px solid #D8CEBC;
  border-radius: 9999px;
  padding: 0.35rem 0.9rem;
  font-size: 0.8rem;
  font-weight: 600;
}

.contact-page-section .contact-section-title {
  color: #1E2922;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.contact-page-section .contact-intro-desc {
  color: #4E5D54;
  font-size: 0.95rem;
  line-height: 1.6;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  overflow-wrap: anywhere;
}

.contact-page-section .contact-info-notice {
  background-color: #F5F2EB;
  border: 1px solid #D8CEBC;
  padding: 1rem 1.25rem;
  border-radius: 4px;
}

.contact-page-section .contact-notice-icon {
  color: #5C8D74;
  font-size: 1.25rem;
  flex-shrink: 0;
}

.contact-page-section .contact-label {
  font-weight: 600;
  font-size: 0.875rem;
  color: #1E2922;
  margin-bottom: 0.4rem;
}

.contact-page-section .contact-input {
  background-color: #FFFFFF;
  border: 1px solid #D8CEBC;
  color: #1E2922;
  border-radius: 4px;
  padding: 0.65rem 0.9rem;
  font-size: 0.9rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.contact-page-section .contact-input:focus {
  background-color: #FFFFFF;
  border-color: #5C8D74;
  color: #1E2922;
  outline: none;
  box-shadow: 0 0 0 3px rgba(92, 141, 116, 0.15);
}

.contact-page-section .contact-input::placeholder {
  color: #75867C;
  opacity: 1;
}

.contact-page-section .contact-textarea {
  resize: vertical;
  min-height: 140px;
}

.contact-page-section .contact-consent-box {
  background-color: #EFF4EF;
  border: 1px solid #E2ECE5;
  padding: 0.75rem 1rem;
  border-radius: 4px;
}

.contact-page-section .contact-consent-text {
  color: #4E5D54;
  user-select: none;
  cursor: pointer;
}

.contact-page-section .contact-submit-btn{
  background: linear-gradient(135deg, #D95D79 0%, #E63956 100%);
    background-color: #D95D79;
  color: #FFFFFF;
  border: 1px solid #C24965;
  border-radius: 4px;
  padding: 0.75rem 1.8rem;
  font-weight: 600;
  font-size: 0.95rem;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.contact-page-section .contact-submit-btn:hover,
.contact-page-section .contact-submit-btn:focus {
  background: #C24965;
  color: #FFFFFF;
  border-color: #B03A55;
}

@media (max-width: 767px) {
  .contact-page-section .contact-card-inner {
    padding: 1.25rem;
  }

.contact-page-section .contact-section-title {
    font-size: 1.3rem;
  }

.contact-page-section .contact-intro-desc {
    font-size: 0.875rem;
  }
}

.c-comment-card--main {
    background-color: #FFFFFF;
    border: 1px solid #D8CEBC;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 1.25rem;
    font-family: 'Gothic A1', sans-serif
}

.c-comment-card--main .c-comment-card__inner {
    border: 1px solid #A4C7B5;
    padding: 1.25rem;
    background-color: #FFFFFF
}

.c-comment-card__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.875rem
}

.c-comment-card__user-info {
    display: flex;
    align-items: center;
    gap: 0.75rem
}

.c-comment-avatar {
    width: 2.625rem;
    height: 2.625rem;
    min-width: 2.625rem;
    border-radius: 50%;
    background-color: #EAF2EC;
    border: 1px solid #A4C7B5;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3B614E;
    font-weight: 700;
    font-size: 0.875rem;
    user-select: none
}

.c-comment-avatar__text {
    display: block;
    line-height: 1
}

.c-comment-meta {
    display: flex;
    flex-direction: column;
    gap: 0.15rem
}

.c-comment-author {
    font-size: 0.95rem;
    font-weight: 700;
    color: #1E2922;
    line-height: 1.2
}

.c-comment-badge {
    display: inline-block;
    width: fit-content;
    background-color: #FCE8EC;
    color: #D95D79;
    border: 1px solid #F9EBEA;
    font-size: 0.6875rem;
    font-weight: 700;
    padding: 0.1rem 0.4rem;
    border-radius: 9999px;
    line-height: 1.2
}

.c-comment-date {
    font-size: 0.775rem;
    color: #75867C
}

.c-comment-topic-pill {
    display: inline-block;
    background-color: #EFF4EF;
    border: 1px solid #D8CEBC;
    color: #4E5D54;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.25rem 0.65rem;
    border-radius: 9999px;
    white-space: nowrap
}

.c-comment-card__body {
    margin-bottom: 1rem
}

.c-comment-text {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #1E2922;
    margin: 0;
    word-break: keep-all
}

.c-comment-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.75rem;
    border-top: 1px solid #E2ECE5
}

.c-comment-actions {
    display: flex;
    align-items: center;
    gap: 0.5rem
}

.c-comment-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    background-color: #EFF4EF;
    color: #1E2922;
    border: 1px solid #A4C7B5;
    border-radius: 4px;
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
    font-weight: 600;
    cursor: pointer;
    line-height: 1;
    transition: none
}

.c-comment-btn:hover {
    background-color: #E6EFE8;
    color: #1E2922
}

.c-comment-btn--like {
    background-color: #F7F9F6
}

.c-comment-btn--like:hover {
    border-color: #D95D79;
    color: #D95D79
}

.c-comment-count {
    font-weight: 700;
    color: #3B614E
}

.c-comment-btn--like:hover .c-comment-count {
    color: #D95D79
}

.c-comment-icon {
    font-size: 0.95rem
}

.c-comment-card--reply {
    background-color: #F7F9F6;
    border: 1px solid #D8CEBC;
    box-shadow: none;
    border-radius: 0;
    margin-top: 0.75rem;
    margin-left: 2rem;
    margin-bottom: 0.75rem;
    font-family: 'Gothic A1', sans-serif
}

@media (max-width:576px) {
    .c-comment-card--reply {
        margin-left: 0.75rem
    }
}

.c-comment-card--reply .c-comment-card__inner {
    border: 1px solid #DFE8E2;
    padding: 1rem 1.125rem;
    background-color: #F7F9F6;
    display: flex;
    gap: 0.75rem;
    align-items: flex-start
}

.c-comment-card__tree-indicator {
    color: #5C8D74;
    font-size: 1.125rem;
    padding-top: 0.25rem;
    line-height: 1;
    flex-shrink: 0
}

.c-comment-card__content-wrap {
    flex: 1;
    min-width: 0
}

.c-comment-avatar--reply {
    width: 2.25rem;
    height: 2.25rem;
    min-width: 2.25rem;
    font-size: 0.75rem;
    background-color: #ECE6DA;
    border: 1px solid #D8CEBC;
    color: #4E5D54
}

.c-comment-card--reply .c-comment-text {
    font-size: 0.9rem;
    line-height: 1.55;
    color: #4E5D54
}

.c-comment-card--reply .c-comment-card__footer {
    padding-top: 0.5rem;
    border-top: 1px dashed #DFE8E2
}


/* ===== PAGE TEMPLATE: news ===== */
body.altavera-detail-body {
    font-family: 'Gothic A1', sans-serif;
    background-color: #F7F9F6;
    color: #1E2922;
    margin: 0;
    padding: 0;
}

.altavera-detail-hero {
    background-color: #EFF4EF;
    border-bottom: 1px solid #D8CEBC;
}

.altavera-detail-breadcrumb__link {
    color: #4E5D54;
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 500;
}

.altavera-detail-breadcrumb__link:hover {
    color: #D95D79;
    text-decoration: underline;
}

.altavera-detail-breadcrumb__sep {
    color: #5C8D74;
    font-size: 0.75rem;
}

.altavera-detail-breadcrumb__item.active {
    color: #1E2922;
    font-size: 0.85rem;
    font-weight: 700;
}

.altavera-detail-hero-box {
    background-color: #FFFFFF;
    border: 1px solid #D8CEBC;
    outline: 1px solid #A4C7B5;
    outline-offset: -5px;
}

.altavera-detail-hero-title {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.25;
    color: #1E2922;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

.altavera-detail-hero-desc {
    font-size: 1.1rem;
    color: #4E5D54;
    line-height: 1.6;
}

.altavera-detail-meta-pill {
    font-size: 0.8rem;
    color: #4E5D54;
    background-color: #EAF2EC;
    border: 1px solid #DFE8E2;
    padding: 0.25rem 0.65rem;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.altavera-section-h2 {
    font-size: 1.55rem;
    font-weight: 700;
    color: #1E2922;
    border-left: 4px solid #D95D79;
    padding-left: 0.75rem;
    margin-bottom: 1.25rem;
    line-height: 1.3;
}

.altavera-framed-media {
    background-color: #FFFFFF;
    border: 1px solid #D8CEBC;
    padding: 8px;
}

.altavera-framed-media__inner {
    border: 1px solid #A4C7B5;
    overflow: hidden;
}

.altavera-framed-media__img {
    width: 100%;
    height: auto;
    max-height: 480px;
    object-fit: cover;
    display: block;
}

.altavera-framed-media__caption {
    color: #75867C;
    font-size: 0.825rem;
}

.altavera-article-body {
    font-size: 1rem;
    line-height: 1.7;
    color: #1E2922;
}

.altavera-article-body p {
    margin-bottom: 1.25rem;
    color: #1E2922;
}

.altavera-key-facts-card {
    background-color: #FFFFFF;
    border: 1px solid #D8CEBC;
    border-left: 4px solid #5C8D74;
}

.altavera-key-facts-card__icon {
    color: #5C8D74;
    font-size: 1.4rem;
}

.altavera-key-facts-card__title {
    font-size: 1.15rem;
    font-weight: 700;
    color: #1E2922;
}

.altavera-striped-table {
    margin-bottom: 0;
    border-color: #DFE8E2;
}

.altavera-striped-table thead th {
    background-color: #EFF4EF;
    color: #1E2922;
    font-weight: 700;
    border-bottom: 2px solid #A4C7B5;
    font-size: 0.875rem;
}

.altavera-striped-table tbody tr:nth-of-type(odd) {
    background-color: #F7F9F6;
}

.altavera-striped-table tbody tr:nth-of-type(even) {
    background-color: #FFFFFF;
}

.altavera-striped-table td {
    font-size: 0.875rem;
    vertical-align: middle;
    color: #1E2922;
}

.altavera-table-badge {
    background-color: #EAF2EC;
    color: #3B614E;
    border: 1px solid #A4C7B5;
    font-size: 0.75rem;
    padding: 0.3rem 0.6rem;
}

.altavera-custom-list {
    list-style: none;
    padding-left: 0;
}

.altavera-custom-list li {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    margin-bottom: 0.65rem;
    font-size: 0.95rem;
}

.altavera-list-icon {
    color: #5C8D74;
    font-size: 1.1rem;
    flex-shrink: 0;
    margin-top: 0.2rem;
}

.altavera-article-quote {
    background-color: #EFF4EF;
    border-left: 4px solid #D95D79;
    font-style: italic;
    color: #3B614E;
}

.altavera-quote-icon {
    color: #D95D79;
    font-size: 1.25rem;
}

.altavera-sidebar-widget {
    background-color: #FFFFFF;
    border: 1px solid #D8CEBC;
}

.altavera-sidebar-widget__title {
    font-size: 1.1rem;
    font-weight: 700;
    color: #1E2922;
}

.altavera-widget-icon {
    color: #5C8D74;
    font-size: 1.2rem;
}

.altavera-spec-label {
    color: #4E5D54;
    font-size: 0.85rem;
}

.altavera-spec-val {
    color: #1E2922;
    font-size: 0.85rem;
}

.altavera-sidebar-item {
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #DFE8E2;
}

.altavera-sidebar-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.altavera-sidebar-item__tag {
    font-size: 0.7rem;
    font-weight: 700;
    color: #3B614E;
    background-color: #E6EFE8;
    padding: 0.15rem 0.5rem;
    border-radius: 9999px;
    display: inline-block;
}

.altavera-sidebar-item__title {
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.35;
}

.altavera-sidebar-item__link {
    color: #1E2922;
    text-decoration: none;
    word-break: keep-all;
}

.altavera-sidebar-item__link:hover {
    color: #D95D79;
    text-decoration: underline;
}

.altavera-sidebar-item__date {
    font-size: 0.75rem;
    color: #75867C;
}

.altavera-sidebar-widget--cta{
    background: linear-gradient(135deg, #F7F9F6 0%, #EDF5F0 100%);
    border: 1px solid #A4C7B5;
}

.altavera-cta-icon {
    color: #D95D79;
    font-size: 1.25rem;
}

.altavera-sidebar-cta-desc {
    font-size: 0.85rem;
    color: #4E5D54;
    line-height: 1.45;
}

.altavera-related-card {
    background-color: #F7F9F6;
    border: 1px solid #D8CEBC;
    border-top: 3px solid #5C8D74;
}

.altavera-related-card:hover {
    background-color: #EFF4EF;
    border-color: #A4C7B5;
}

.altavera-related-card__title {
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.35;
}

.altavera-related-card__link {
    color: #1E2922;
    text-decoration: none;
    word-break: keep-all;
}

.altavera-related-card__link:hover {
    color: #D95D79;
    text-decoration: underline;
}

.altavera-related-card__desc {
    font-size: 0.825rem;
    color: #4E5D54;
    line-height: 1.4;
}

.altavera-link-more {
    color: #3B614E;
    font-weight: 700;
    font-size: 0.875rem;
    text-decoration: none;
}

.altavera-link-more:hover {
    color: #D95D79;
    text-decoration: underline;
}

.altavera-cta-tinted-banner{
    background: linear-gradient(135deg, #E6EFE8 0%, #F5F2EB 100%);
    border: 1px solid #D8CEBC;
}

.altavera-cta-tinted-banner__heading {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1E2922;
}

.altavera-cta-tinted-banner__sub {
    font-size: 0.9rem;
    color: #4E5D54;
}

.c-comment-card {
    background-color: #FFFFFF;
    border: 1px solid #D8CEBC;
    padding: 1.25rem;
}

.c-comment-card--reply {
    margin-left: 2rem;
    background-color: #F7F9F6;
    border-left: 3px solid #5C8D74;
}

.c-comment-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.c-comment-card__user-info {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.c-comment-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #3B614E;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.8rem;
    flex-shrink: 0;
}

.c-comment-avatar--reply {
    background-color: #5C8D74;
}

.c-comment-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
}

.c-comment-author {
    font-weight: 700;
    font-size: 0.9rem;
    color: #1E2922;
}

.c-comment-badge {
    font-size: 0.7rem;
    font-weight: 600;
    background-color: #EAF2EC;
    color: #3B614E;
    border: 1px solid #A4C7B5;
    padding: 0.1rem 0.45rem;
    border-radius: 4px;
}

.c-comment-date {
    font-size: 0.75rem;
    color: #75867C;
}

.c-comment-topic-pill {
    font-size: 0.72rem;
    color: #D95D79;
    background-color: #FCE8EC;
    border: 1px solid #E63956;
    padding: 0.15rem 0.5rem;
    border-radius: 9999px;
}

.c-comment-text {
    font-size: 0.925rem;
    line-height: 1.6;
    color: #1E2922;
    margin-bottom: 0.75rem;
}

.c-comment-actions {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.c-comment-btn {
    background-color: #EFF4EF;
    border: 1px solid #DFE8E2;
    color: #4E5D54;
    border-radius: 4px;
    padding: 0.25rem 0.65rem;
    font-size: 0.8rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    cursor: pointer;
}

.c-comment-btn:hover {
    background-color: #E6EFE8;
    color: #1E2922;
}

.c-comment-btn--like.is-active {
    background-color: #FCE8EC;
    border-color: #D95D79;
    color: #D95D79;
}

.altavera-comment-form-panel {
    background-color: #FFFFFF;
    border: 1px solid #D8CEBC;
}

.altavera-comment-form-panel__title {
    font-size: 1.15rem;
    font-weight: 700;
    color: #1E2922;
}

.altavera-form-label {
    font-size: 0.85rem;
    font-weight: 600;
    color: #1E2922;
    margin-bottom: 0.35rem;
}

.altavera-form-input,
.altavera-form-textarea {
    background-color: #FFFFFF;
    border: 1px solid #D8CEBC;
    color: #1E2922;
    font-size: 0.875rem;
}

.altavera-form-input:focus,
.altavera-form-textarea:focus {
    background-color: #FFFFFF;
    border-color: #D95D79;
    box-shadow: 0 0 0 2px rgba(217, 93, 121, 0.2);
    color: #1E2922;
}

.altavera-form-input::placeholder,
.altavera-form-textarea::placeholder {
    color: #75867C;
    opacity: 1;
}

@media (max-width: 767.98px) {
    .altavera-detail-hero-title {
        font-size: 1.125rem;
        hyphens: auto;
    }

.altavera-section-h2 {
        font-size: 1rem;
    }

.c-comment-card--reply {
        margin-left: 0.75rem;
    }

.altavera-striped-table thead {
        display: none;
    }

.altavera-striped-table,
    .altavera-striped-table tbody,
    .altavera-striped-table tr,
    .altavera-striped-table td {
        display: block;
        width: 100%;
    }

.altavera-striped-table td {
        border: none;
        border-bottom: 1px solid #DFE8E2;
        padding: 0.5rem;
    }

.altavera-cta-tinted-banner {
        text-align: center;
    }
}

/* ===== PAGE TEMPLATE: reviews ===== */
body.altavera-detail-body {
    font-family: 'Gothic A1', sans-serif;
    background-color: #F7F9F6;
    color: #1E2922;
    margin: 0;
    padding: 0;
}

.altavera-detail-hero {
    background-color: #EFF4EF;
    border-bottom: 1px solid #D8CEBC;
}

.altavera-detail-breadcrumb__link {
    color: #4E5D54;
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 500;
}

.altavera-detail-breadcrumb__link:hover {
    color: #D95D79;
    text-decoration: underline;
}

.altavera-detail-breadcrumb__sep {
    color: #5C8D74;
    font-size: 0.75rem;
}

.altavera-detail-breadcrumb__item.active {
    color: #1E2922;
    font-size: 0.85rem;
    font-weight: 700;
}

.altavera-detail-hero-box {
    background-color: #FFFFFF;
    border: 1px solid #D8CEBC;
    outline: 1px solid #A4C7B5;
    outline-offset: -5px;
}

.altavera-detail-hero-title {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.25;
    color: #1E2922;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

.altavera-detail-hero-desc {
    font-size: 1.1rem;
    color: #4E5D54;
    line-height: 1.6;
}

.altavera-detail-meta-pill {
    font-size: 0.8rem;
    color: #4E5D54;
    background-color: #EAF2EC;
    border: 1px solid #DFE8E2;
    padding: 0.25rem 0.65rem;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.altavera-section-h2 {
    font-size: 1.55rem;
    font-weight: 700;
    color: #1E2922;
    border-left: 4px solid #D95D79;
    padding-left: 0.75rem;
    margin-bottom: 1.25rem;
    line-height: 1.3;
}

.altavera-framed-media {
    background-color: #FFFFFF;
    border: 1px solid #D8CEBC;
    padding: 8px;
}

.altavera-framed-media__inner {
    border: 1px solid #A4C7B5;
    overflow: hidden;
}

.altavera-framed-media__img {
    width: 100%;
    height: auto;
    max-height: 480px;
    object-fit: cover;
    display: block;
}

.altavera-framed-media__caption {
    color: #75867C;
    font-size: 0.825rem;
}

.altavera-article-body {
    font-size: 1rem;
    line-height: 1.7;
    color: #1E2922;
}

.altavera-article-body p {
    margin-bottom: 1.25rem;
    color: #1E2922;
}

.altavera-key-facts-card {
    background-color: #FFFFFF;
    border: 1px solid #D8CEBC;
    border-left: 4px solid #5C8D74;
}

.altavera-key-facts-card__icon {
    color: #5C8D74;
    font-size: 1.4rem;
}

.altavera-key-facts-card__title {
    font-size: 1.15rem;
    font-weight: 700;
    color: #1E2922;
}

.altavera-striped-table {
    margin-bottom: 0;
    border-color: #DFE8E2;
}

.altavera-striped-table thead th {
    background-color: #EFF4EF;
    color: #1E2922;
    font-weight: 700;
    border-bottom: 2px solid #A4C7B5;
    font-size: 0.875rem;
}

.altavera-striped-table tbody tr:nth-of-type(odd) {
    background-color: #F7F9F6;
}

.altavera-striped-table tbody tr:nth-of-type(even) {
    background-color: #FFFFFF;
}

.altavera-striped-table td {
    font-size: 0.875rem;
    vertical-align: middle;
    color: #1E2922;
}

.altavera-table-badge {
    background-color: #EAF2EC;
    color: #3B614E;
    border: 1px solid #A4C7B5;
    font-size: 0.75rem;
    padding: 0.3rem 0.6rem;
}

.altavera-custom-list {
    list-style: none;
    padding-left: 0;
}

.altavera-custom-list li {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    margin-bottom: 0.65rem;
    font-size: 0.95rem;
}

.altavera-list-icon {
    color: #5C8D74;
    font-size: 1.1rem;
    flex-shrink: 0;
    margin-top: 0.2rem;
}

.altavera-article-quote {
    background-color: #EFF4EF;
    border-left: 4px solid #D95D79;
    font-style: italic;
    color: #3B614E;
}

.altavera-quote-icon {
    color: #D95D79;
    font-size: 1.25rem;
}

.altavera-sidebar-widget {
    background-color: #FFFFFF;
    border: 1px solid #D8CEBC;
}

.altavera-sidebar-widget__title {
    font-size: 1.1rem;
    font-weight: 700;
    color: #1E2922;
}

.altavera-widget-icon {
    color: #5C8D74;
    font-size: 1.2rem;
}

.altavera-spec-label {
    color: #4E5D54;
    font-size: 0.85rem;
}

.altavera-spec-val {
    color: #1E2922;
    font-size: 0.85rem;
}

.altavera-sidebar-item {
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #DFE8E2;
}

.altavera-sidebar-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.altavera-sidebar-item__tag {
    font-size: 0.7rem;
    font-weight: 700;
    color: #3B614E;
    background-color: #E6EFE8;
    padding: 0.15rem 0.5rem;
    border-radius: 9999px;
    display: inline-block;
}

.altavera-sidebar-item__title {
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.35;
}

.altavera-sidebar-item__link {
    color: #1E2922;
    text-decoration: none;
    word-break: keep-all;
}

.altavera-sidebar-item__link:hover {
    color: #D95D79;
    text-decoration: underline;
}

.altavera-sidebar-item__date {
    font-size: 0.75rem;
    color: #75867C;
}

.altavera-sidebar-widget--cta{
    background: linear-gradient(135deg, #F7F9F6 0%, #EDF5F0 100%);
    border: 1px solid #A4C7B5;
}

.altavera-cta-icon {
    color: #D95D79;
    font-size: 1.25rem;
}

.altavera-sidebar-cta-desc {
    font-size: 0.85rem;
    color: #4E5D54;
    line-height: 1.45;
}

.altavera-related-card {
    background-color: #F7F9F6;
    border: 1px solid #D8CEBC;
    border-top: 3px solid #5C8D74;
}

.altavera-related-card:hover {
    background-color: #EFF4EF;
    border-color: #A4C7B5;
}

.altavera-related-card__title {
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.35;
}

.altavera-related-card__link {
    color: #1E2922;
    text-decoration: none;
    word-break: keep-all;
}

.altavera-related-card__link:hover {
    color: #D95D79;
    text-decoration: underline;
}

.altavera-related-card__desc {
    font-size: 0.825rem;
    color: #4E5D54;
    line-height: 1.4;
}

.altavera-link-more {
    color: #3B614E;
    font-weight: 700;
    font-size: 0.875rem;
    text-decoration: none;
}

.altavera-link-more:hover {
    color: #D95D79;
    text-decoration: underline;
}

.altavera-cta-tinted-banner{
    background: linear-gradient(135deg, #E6EFE8 0%, #F5F2EB 100%);
    border: 1px solid #D8CEBC;
}

.altavera-cta-tinted-banner__heading {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1E2922;
}

.altavera-cta-tinted-banner__sub {
    font-size: 0.9rem;
    color: #4E5D54;
}

.c-comment-card {
    background-color: #FFFFFF;
    border: 1px solid #D8CEBC;
    padding: 1.25rem;
}

.c-comment-card--reply {
    margin-left: 2rem;
    background-color: #F7F9F6;
    border-left: 3px solid #5C8D74;
}

.c-comment-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.c-comment-card__user-info {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.c-comment-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #3B614E;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.8rem;
    flex-shrink: 0;
}

.c-comment-avatar--reply {
    background-color: #5C8D74;
}

.c-comment-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
}

.c-comment-author {
    font-weight: 700;
    font-size: 0.9rem;
    color: #1E2922;
}

.c-comment-badge {
    font-size: 0.7rem;
    font-weight: 600;
    background-color: #EAF2EC;
    color: #3B614E;
    border: 1px solid #A4C7B5;
    padding: 0.1rem 0.45rem;
    border-radius: 4px;
}

.c-comment-date {
    font-size: 0.75rem;
    color: #75867C;
}

.c-comment-topic-pill {
    font-size: 0.72rem;
    color: #D95D79;
    background-color: #FCE8EC;
    border: 1px solid #E63956;
    padding: 0.15rem 0.5rem;
    border-radius: 9999px;
}

.c-comment-text {
    font-size: 0.925rem;
    line-height: 1.6;
    color: #1E2922;
    margin-bottom: 0.75rem;
}

.c-comment-actions {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.c-comment-btn {
    background-color: #EFF4EF;
    border: 1px solid #DFE8E2;
    color: #4E5D54;
    border-radius: 4px;
    padding: 0.25rem 0.65rem;
    font-size: 0.8rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    cursor: pointer;
}

.c-comment-btn:hover {
    background-color: #E6EFE8;
    color: #1E2922;
}

.c-comment-btn--like.is-active {
    background-color: #FCE8EC;
    border-color: #D95D79;
    color: #D95D79;
}

.altavera-comment-form-panel {
    background-color: #FFFFFF;
    border: 1px solid #D8CEBC;
}

.altavera-comment-form-panel__title {
    font-size: 1.15rem;
    font-weight: 700;
    color: #1E2922;
}

.altavera-form-label {
    font-size: 0.85rem;
    font-weight: 600;
    color: #1E2922;
    margin-bottom: 0.35rem;
}

.altavera-form-input,
.altavera-form-textarea {
    background-color: #FFFFFF;
    border: 1px solid #D8CEBC;
    color: #1E2922;
    font-size: 0.875rem;
}

.altavera-form-input:focus,
.altavera-form-textarea:focus {
    background-color: #FFFFFF;
    border-color: #D95D79;
    box-shadow: 0 0 0 2px rgba(217, 93, 121, 0.2);
    color: #1E2922;
}

.altavera-form-input::placeholder,
.altavera-form-textarea::placeholder {
    color: #75867C;
    opacity: 1;
}

@media (max-width: 767.98px) {
    .altavera-detail-hero-title {
        font-size: 1.125rem;
        hyphens: auto;
    }

.altavera-section-h2 {
        font-size: 1rem;
    }

.c-comment-card--reply {
        margin-left: 0.75rem;
    }

.altavera-striped-table thead {
        display: none;
    }

.altavera-striped-table,
    .altavera-striped-table tbody,
    .altavera-striped-table tr,
    .altavera-striped-table td {
        display: block;
        width: 100%;
    }

.altavera-striped-table td {
        border: none;
        border-bottom: 1px solid #DFE8E2;
        padding: 0.5rem;
    }

.altavera-cta-tinted-banner {
        text-align: center;
    }
}

/* ===== PAGE TEMPLATE: blog ===== */
body.altavera-detail-body {
    font-family: 'Gothic A1', sans-serif;
    background-color: #F7F9F6;
    color: #1E2922;
    margin: 0;
    padding: 0;
}

.altavera-detail-hero {
    background-color: #EFF4EF;
    border-bottom: 1px solid #D8CEBC;
}

.altavera-detail-breadcrumb__link {
    color: #4E5D54;
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 500;
}

.altavera-detail-breadcrumb__link:hover {
    color: #D95D79;
    text-decoration: underline;
}

.altavera-detail-breadcrumb__sep {
    color: #5C8D74;
    font-size: 0.75rem;
}

.altavera-detail-breadcrumb__item.active {
    color: #1E2922;
    font-size: 0.85rem;
    font-weight: 700;
}

.altavera-detail-hero-box {
    background-color: #FFFFFF;
    border: 1px solid #D8CEBC;
    outline: 1px solid #A4C7B5;
    outline-offset: -5px;
}

.altavera-detail-hero-title {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.25;
    color: #1E2922;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

.altavera-detail-hero-desc {
    font-size: 1.1rem;
    color: #4E5D54;
    line-height: 1.6;
}

.altavera-detail-meta-pill {
    font-size: 0.8rem;
    color: #4E5D54;
    background-color: #EAF2EC;
    border: 1px solid #DFE8E2;
    padding: 0.25rem 0.65rem;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.altavera-section-h2 {
    font-size: 1.55rem;
    font-weight: 700;
    color: #1E2922;
    border-left: 4px solid #D95D79;
    padding-left: 0.75rem;
    margin-bottom: 1.25rem;
    line-height: 1.3;
}

.altavera-framed-media {
    background-color: #FFFFFF;
    border: 1px solid #D8CEBC;
    padding: 8px;
}

.altavera-framed-media__inner {
    border: 1px solid #A4C7B5;
    overflow: hidden;
}

.altavera-framed-media__img {
    width: 100%;
    height: auto;
    max-height: 480px;
    object-fit: cover;
    display: block;
}

.altavera-framed-media__caption {
    color: #75867C;
    font-size: 0.825rem;
}

.altavera-article-body {
    font-size: 1rem;
    line-height: 1.7;
    color: #1E2922;
}

.altavera-article-body p {
    margin-bottom: 1.25rem;
    color: #1E2922;
}

.altavera-key-facts-card {
    background-color: #FFFFFF;
    border: 1px solid #D8CEBC;
    border-left: 4px solid #5C8D74;
}

.altavera-key-facts-card__icon {
    color: #5C8D74;
    font-size: 1.4rem;
}

.altavera-key-facts-card__title {
    font-size: 1.15rem;
    font-weight: 700;
    color: #1E2922;
}

.altavera-striped-table {
    margin-bottom: 0;
    border-color: #DFE8E2;
}

.altavera-striped-table thead th {
    background-color: #EFF4EF;
    color: #1E2922;
    font-weight: 700;
    border-bottom: 2px solid #A4C7B5;
    font-size: 0.875rem;
}

.altavera-striped-table tbody tr:nth-of-type(odd) {
    background-color: #F7F9F6;
}

.altavera-striped-table tbody tr:nth-of-type(even) {
    background-color: #FFFFFF;
}

.altavera-striped-table td {
    font-size: 0.875rem;
    vertical-align: middle;
    color: #1E2922;
}

.altavera-table-badge {
    background-color: #EAF2EC;
    color: #3B614E;
    border: 1px solid #A4C7B5;
    font-size: 0.75rem;
    padding: 0.3rem 0.6rem;
}

.altavera-custom-list {
    list-style: none;
    padding-left: 0;
}

.altavera-custom-list li {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    margin-bottom: 0.65rem;
    font-size: 0.95rem;
}

.altavera-list-icon {
    color: #5C8D74;
    font-size: 1.1rem;
    flex-shrink: 0;
    margin-top: 0.2rem;
}

.altavera-article-quote {
    background-color: #EFF4EF;
    border-left: 4px solid #D95D79;
    font-style: italic;
    color: #3B614E;
}

.altavera-quote-icon {
    color: #D95D79;
    font-size: 1.25rem;
}

.altavera-sidebar-widget {
    background-color: #FFFFFF;
    border: 1px solid #D8CEBC;
}

.altavera-sidebar-widget__title {
    font-size: 1.1rem;
    font-weight: 700;
    color: #1E2922;
}

.altavera-widget-icon {
    color: #5C8D74;
    font-size: 1.2rem;
}

.altavera-spec-label {
    color: #4E5D54;
    font-size: 0.85rem;
}

.altavera-spec-val {
    color: #1E2922;
    font-size: 0.85rem;
}

.altavera-sidebar-item {
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #DFE8E2;
}

.altavera-sidebar-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.altavera-sidebar-item__tag {
    font-size: 0.7rem;
    font-weight: 700;
    color: #3B614E;
    background-color: #E6EFE8;
    padding: 0.15rem 0.5rem;
    border-radius: 9999px;
    display: inline-block;
}

.altavera-sidebar-item__title {
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.35;
}

.altavera-sidebar-item__link {
    color: #1E2922;
    text-decoration: none;
    word-break: keep-all;
}

.altavera-sidebar-item__link:hover {
    color: #D95D79;
    text-decoration: underline;
}

.altavera-sidebar-item__date {
    font-size: 0.75rem;
    color: #75867C;
}

.altavera-sidebar-widget--cta{
    background: linear-gradient(135deg, #F7F9F6 0%, #EDF5F0 100%);
    border: 1px solid #A4C7B5;
}

.altavera-cta-icon {
    color: #D95D79;
    font-size: 1.25rem;
}

.altavera-sidebar-cta-desc {
    font-size: 0.85rem;
    color: #4E5D54;
    line-height: 1.45;
}

.altavera-related-card {
    background-color: #F7F9F6;
    border: 1px solid #D8CEBC;
    border-top: 3px solid #5C8D74;
}

.altavera-related-card:hover {
    background-color: #EFF4EF;
    border-color: #A4C7B5;
}

.altavera-related-card__title {
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.35;
}

.altavera-related-card__link {
    color: #1E2922;
    text-decoration: none;
    word-break: keep-all;
}

.altavera-related-card__link:hover {
    color: #D95D79;
    text-decoration: underline;
}

.altavera-related-card__desc {
    font-size: 0.825rem;
    color: #4E5D54;
    line-height: 1.4;
}

.altavera-link-more {
    color: #3B614E;
    font-weight: 700;
    font-size: 0.875rem;
    text-decoration: none;
}

.altavera-link-more:hover {
    color: #D95D79;
    text-decoration: underline;
}

.altavera-cta-tinted-banner{
    background: linear-gradient(135deg, #E6EFE8 0%, #F5F2EB 100%);
    border: 1px solid #D8CEBC;
}

.altavera-cta-tinted-banner__heading {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1E2922;
}

.altavera-cta-tinted-banner__sub {
    font-size: 0.9rem;
    color: #4E5D54;
}

.c-comment-card {
    background-color: #FFFFFF;
    border: 1px solid #D8CEBC;
    padding: 1.25rem;
}

.c-comment-card--reply {
    margin-left: 2rem;
    background-color: #F7F9F6;
    border-left: 3px solid #5C8D74;
}

.c-comment-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.c-comment-card__user-info {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.c-comment-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #3B614E;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.8rem;
    flex-shrink: 0;
}

.c-comment-avatar--reply {
    background-color: #5C8D74;
}

.c-comment-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
}

.c-comment-author {
    font-weight: 700;
    font-size: 0.9rem;
    color: #1E2922;
}

.c-comment-badge {
    font-size: 0.7rem;
    font-weight: 600;
    background-color: #EAF2EC;
    color: #3B614E;
    border: 1px solid #A4C7B5;
    padding: 0.1rem 0.45rem;
    border-radius: 4px;
}

.c-comment-date {
    font-size: 0.75rem;
    color: #75867C;
}

.c-comment-topic-pill {
    font-size: 0.72rem;
    color: #D95D79;
    background-color: #FCE8EC;
    border: 1px solid #E63956;
    padding: 0.15rem 0.5rem;
    border-radius: 9999px;
}

.c-comment-text {
    font-size: 0.925rem;
    line-height: 1.6;
    color: #1E2922;
    margin-bottom: 0.75rem;
}

.c-comment-actions {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.c-comment-btn {
    background-color: #EFF4EF;
    border: 1px solid #DFE8E2;
    color: #4E5D54;
    border-radius: 4px;
    padding: 0.25rem 0.65rem;
    font-size: 0.8rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    cursor: pointer;
}

.c-comment-btn:hover {
    background-color: #E6EFE8;
    color: #1E2922;
}

.c-comment-btn--like.is-active {
    background-color: #FCE8EC;
    border-color: #D95D79;
    color: #D95D79;
}

.altavera-comment-form-panel {
    background-color: #FFFFFF;
    border: 1px solid #D8CEBC;
}

.altavera-comment-form-panel__title {
    font-size: 1.15rem;
    font-weight: 700;
    color: #1E2922;
}

.altavera-form-label {
    font-size: 0.85rem;
    font-weight: 600;
    color: #1E2922;
    margin-bottom: 0.35rem;
}

.altavera-form-input,
.altavera-form-textarea {
    background-color: #FFFFFF;
    border: 1px solid #D8CEBC;
    color: #1E2922;
    font-size: 0.875rem;
}

.altavera-form-input:focus,
.altavera-form-textarea:focus {
    background-color: #FFFFFF;
    border-color: #D95D79;
    box-shadow: 0 0 0 2px rgba(217, 93, 121, 0.2);
    color: #1E2922;
}

.altavera-form-input::placeholder,
.altavera-form-textarea::placeholder {
    color: #75867C;
    opacity: 1;
}

@media (max-width: 767.98px) {
    .altavera-detail-hero-title {
        font-size: 1.125rem;
        hyphens: auto;
    }

.altavera-section-h2 {
        font-size: 1rem;
    }

.c-comment-card--reply {
        margin-left: 0.75rem;
    }

.altavera-striped-table thead {
        display: none;
    }

.altavera-striped-table,
    .altavera-striped-table tbody,
    .altavera-striped-table tr,
    .altavera-striped-table td {
        display: block;
        width: 100%;
    }

.altavera-striped-table td {
        border: none;
        border-bottom: 1px solid #DFE8E2;
        padding: 0.5rem;
    }

.altavera-cta-tinted-banner {
        text-align: center;
    }
}

/* mobile-text-guard */
@media (max-width: 767px) {
  h1, h2, h3, h4, h5, h6, p, li, dt, dd, blockquote, figcaption, td, th, label {
    overflow-wrap: anywhere;
  }
  a, button, .btn {
    overflow-wrap: anywhere;
    white-space: normal;
  }
  img, video, iframe {
    max-width: 100%;
  }}

/* comment-form-submit-btn */
.altavera-comment-form .altavera-contact-btn,
.altavera-comment-form .js-comment-submit-btn{
    background: linear-gradient(135deg, #D95D79 0%, #E63956 100%);
    background-color: #D95D79;
    color: #FFFFFF;
    border: 1px solid #C24965;
    font-weight: 600;
    border-radius: 6px;
    transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

.altavera-comment-form .altavera-contact-btn:hover,
.altavera-comment-form .altavera-contact-btn:focus,
.altavera-comment-form .js-comment-submit-btn:hover,
.altavera-comment-form .js-comment-submit-btn:focus {
    background: #C24965;
    border-color: #A93852;
    color: #FFFFFF;
}