:root {
    --background-primary: #FBF8F4;
    --background-secondary: #F3ECE4;
    --background-surface: #FFFFFF;
    --primary: #6E3D1D;
    --primary-hover: #542D13;
    --secondary: #8D5B36;
    --secondary-hover: #734727;
    --accent: #C45525;
    --accent-hover: #A84419;
    --text-primary: #241A14;
    --text-secondary: #6C6057;
    --text-muted: #9A8C82;
    --text-on-primary: #FFFFFF;
    --text-on-accent: #FFFFFF;
    --border-light: #E9DFD5;
    --border-focus: #C45525;
    --border-module: #E3D6C9;
    --shadow-soft: 0 2px 10px rgba(62, 36, 17, 0.05);
    --shadow-hover: 0 6px 18px rgba(62, 36, 17, 0.09);
    --gradient-heading-strip: linear-gradient(90deg, rgba(196, 85, 37, 0.12) 0%, rgba(251, 248, 244, 0) 100%);
    --gradient-button: linear-gradient(135deg, #7C4521 0%, #633516 100%);
    --gradient-button-hover: linear-gradient(135deg, #633516 0%, #4D2810 100%);
    --category-dot: #C45525;
    --font-family-base: 'Song Myung', serif;
}

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

body {
    margin: 0;
    padding: 0;
    background-color: var(--background-primary);
    color: var(--text-primary);
    font-family: var(--font-family-base);
    font-weight: 400;
    font-style: normal;
    font-size: 0.95rem;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    color: var(--primary);
    text-decoration: none;
    transition: color 0.2s ease-in-out;
}

a:hover {
    color: var(--accent);
}

.text-muted {
    color: #9A8C82 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-family-base);
    font-weight: 400;
    color: var(--text-primary);
    margin-top: 0;
}

h1 {
    font-size: 2.5rem;
    line-height: 1.25;
    letter-spacing: -0.01em;
}

h2 {
    font-size: 1.85rem;
    line-height: 1.3;
    letter-spacing: 0;
}

h3 {
    font-size: 1.35rem;
    line-height: 1.35;
    letter-spacing: 0;
}

h4 {
    font-size: 1.1rem;
    line-height: 1.4;
    letter-spacing: 0.01em;
}

small {
    font-size: 0.8rem;
    line-height: 1.4;
}

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

/* ===== header ===== */
.vorentiq-header {
    background-color: #FFFFFF;
    border-color: #E3D6C9 !important;
    font-family: 'Song Myung', serif;
    position: relative;
    z-index: 1030;
}

.vorentiq-topbar {
    background-color: #F3ECE4;
    border-bottom: 1px solid #E9DFD5;
}

.vorentiq-dot {
    width: 6px;
    height: 6px;
    background-color: #C45525;
    border-radius: 50%;
    display: inline-block;
}

.vorentiq-date-text,
.vorentiq-slogan-text {
    font-size: 0.8rem;
    color: #6C6057;
    line-height: 1.4;
}

.vorentiq-masthead {
    background-color: #FFFFFF;
}

.vorentiq-issue-tag {
    display: inline-block;
    padding: 0.2rem 0.6rem;
    background-color: #FBF8F4;
    border: 1px solid #E3D6C9;
    color: #C45525;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
}

.vorentiq-issue-desc {
    font-size: 0.85rem;
    color: #6C6057;
}

.vorentiq-brand {
    color: #241A14;
    transition: opacity 0.2s ease;
}

.vorentiq-brand:hover {
    opacity: 0.85;
}

.vorentiq-logo-img {
    max-width: 44px;
    max-height: 44px;
    object-fit: contain;
    display: block;
}

.vorentiq-brand-name {
    font-size: 1.85rem;
    color: #241A14;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 1.2;
}

.vorentiq-brand-sub {
    font-size: 0.7rem;
    color: #8D5B36;
    letter-spacing: 0.12em;
    margin-top: 0.25rem;
    display: block;
}

.vorentiq-btn-contact {
    background: linear-gradient(135deg, #7C4521 0%, #633516 100%);
    border: 1px solid #6E3D1D;
    color: #FFFFFF !important;
    padding: 0.5rem 1.1rem;
    font-size: 0.85rem;
    border-radius: 4px;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
}

.vorentiq-btn-contact:hover {
    background: linear-gradient(135deg, #633516 0%, #4D2810 100%);
    color: #FFFFFF !important;
}

.vorentiq-navbar {
    background-color: #FBF8F4;
    border-top: 1px solid #E9DFD5;
}

.vorentiq-toggler {
    border: 1px solid #E3D6C9;
    padding: 0.35rem 0.65rem;
    background-color: #FFFFFF;
    color: #241A14;
}

.vorentiq-toggler:focus {
    box-shadow: 0 0 0 0.2rem rgba(196, 85, 37, 0.2);
    border-color: #C45525;
}

.vorentiq-toggler-text {
    font-size: 0.85rem;
    color: #241A14;
}

.vorentiq-nav-list {
    border-top: 1px solid transparent;
}

.vorentiq-nav-link {
    color: #241A14 !important;
    font-size: 0.95rem;
    padding: 0.8rem 1rem !important;
    position: relative;
    transition: color 0.2s ease, background-color 0.2s ease;
    text-align: center;
}

.vorentiq-nav-link:hover,
.vorentiq-nav-link.active {
    color: #C45525 !important;
    background: linear-gradient(90deg, rgba(196, 85, 37, 0.08) 0%, rgba(251, 248, 244, 0) 100%);
}

.vorentiq-nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background-color: #C45525;
    transition: width 0.2s ease;
}

.vorentiq-nav-link:hover::after,
.vorentiq-nav-link.active::after {
    width: 60%;
}

@media (max-width: 991.98px) {
    .vorentiq-navbar {
        background-color: #FFFFFF;
    }

    .vorentiq-nav-list {
        border-top: 1px solid #E9DFD5;
        padding-top: 0.5rem !important;
    }

    .vorentiq-nav-link {
        text-align: left;
        padding: 0.6rem 0.5rem !important;
        border-bottom: 1px solid #F3ECE4;
    }

    .vorentiq-nav-link::after {
        display: none;
    }

    .vorentiq-brand-name {
        font-size: 1.4rem;
    }

    .vorentiq-brand-sub {
        font-size: 0.65rem;
    }
}

/* ===== hero ===== */
.vorentiq-hero-section {
    position: relative;
    background-color: #241A14;
    font-family: 'Song Myung', serif;
    min-height: 520px;
    display: flex;
    align-items: center;
}

.vorentiq-hero-section .vorentiq-video-wrapper {
    z-index: 1;
}

.vorentiq-hero-section .vorentiq-bg-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vorentiq-hero-section .vorentiq-video-overlay {
    background: linear-gradient(135deg, rgba(36, 26, 20, 0.88) 0%, rgba(36, 26, 20, 0.65) 100%);
    backdrop-filter: blur(1px);
}

.vorentiq-hero-section .container {
    z-index: 2;
}

.vorentiq-hero-section .vorentiq-hero-lead {
    background-color: rgba(36, 26, 20, 0.45);
    border: 1px solid rgba(227, 214, 201, 0.25);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}

.vorentiq-hero-section .vorentiq-category-badge {
    background-color: #C45525;
    font-size: 0.8rem;
    letter-spacing: 0.05em;
    border-radius: 3px;
}

.vorentiq-hero-section .vorentiq-edition-date {
    font-size: 0.85rem;
    opacity: 0.85;
}

.vorentiq-hero-section .vorentiq-hero-title {
    font-size: 2.3rem;
    line-height: 1.3;
    font-weight: 400;
    overflow-wrap: anywhere;
}

.vorentiq-hero-section .vorentiq-hero-text {
    font-size: 1.05rem;
    line-height: 1.7;
    max-width: 650px;
    opacity: 0.92;
    overflow-wrap: anywhere;
}

.vorentiq-hero-section .vorentiq-btn-primary {
    background: linear-gradient(135deg, #7C4521 0%, #633516 100%);
    border: 1px solid #6E3D1D;
    color: #FFFFFF;
    border-radius: 4px;
    font-size: 0.95rem;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.vorentiq-hero-section .vorentiq-btn-primary:hover {
    background: linear-gradient(135deg, #633516 0%, #4D2810 100%);
    border-color: #542D13;
    color: #FFFFFF;
}

.vorentiq-hero-section .vorentiq-btn-secondary {
    background-color: #FFFFFF;
    border: 1px solid #E3D6C9;
    color: #241A14;
    border-radius: 4px;
    font-size: 0.95rem;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.vorentiq-hero-section .vorentiq-btn-secondary:hover {
    background-color: #F3ECE4;
    color: #6E3D1D;
    border-color: #C45525;
}

.vorentiq-hero-section .vorentiq-hero-sidebar {
    background-color: #FFFFFF;
    border: 1px solid #E3D6C9;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.15);
}

.vorentiq-hero-section .vorentiq-sidebar-title {
    font-size: 1.15rem;
    color: #241A14;
}

.vorentiq-hero-section .vorentiq-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #C45525;
    border-radius: 50%;
}

.vorentiq-hero-section .vorentiq-sidebar-tag {
    font-size: 0.75rem;
    color: #8D5B36;
    background-color: #F3ECE4;
    padding: 2px 8px;
    border-radius: 3px;
}

.vorentiq-hero-section .vorentiq-guide-item {
    background-color: #FBF8F4;
    border: 1px solid #E9DFD5;
    transition: border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

.vorentiq-hero-section .vorentiq-guide-item:hover {
    border-color: #C45525;
    background-color: #F3ECE4;
    transform: translateY(-2px);
}

.vorentiq-hero-section .vorentiq-guide-category {
    font-size: 0.95rem;
    color: #6E3D1D;
    font-weight: 600;
}

.vorentiq-hero-section .vorentiq-guide-icon {
    font-size: 1.2rem;
    color: #C45525;
}

.vorentiq-hero-section .vorentiq-guide-desc {
    font-size: 0.85rem;
    color: #6C6057;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

@media (max-width: 767.98px) {
    .vorentiq-hero-section {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .vorentiq-hero-section .vorentiq-hero-title {
        font-size: 1.125rem;
        hyphens: auto;
    }

    .vorentiq-hero-section .vorentiq-hero-text {
        font-size: 0.9rem;
    }

    .vorentiq-hero-section .vorentiq-hero-lead {
        padding: 1.25rem !important;
    }

    .vorentiq-hero-section .vorentiq-hero-sidebar {
        padding: 1.25rem !important;
    }
}

/* ===== trends-grid ===== */
.trends-grid-section {
    background-color: #FBF8F4;
    font-family: 'Song Myung', serif;
    font-weight: 400;
    color: #241A14;
}

.trends-grid-section .trends-grid-header {
    border-bottom: 1px solid #E3D6C9;
    background: linear-gradient(90deg, rgba(196, 85, 37, 0.08) 0%, rgba(251, 248, 244, 0) 100%);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.trends-grid-section .trends-accent-square {
    width: 10px;
    height: 10px;
    background-color: #C45525;
    display: inline-block;
    flex-shrink: 0;
}

.trends-grid-section .trends-section-title {
    font-size: 1.85rem;
    line-height: 1.3;
    color: #241A14;
    font-weight: 400;
    overflow-wrap: anywhere;
}

.trends-grid-section .trends-more-link {
    font-size: 0.95rem;
    color: #6E3D1D;
    text-decoration: none;
    font-weight: 400;
    padding: 0.4rem 0.8rem;
    background-color: #FFFFFF;
    border: 1px solid #E3D6C9;
    border-radius: 4px;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.trends-grid-section .trends-more-link:hover {
    background-color: #F3ECE4;
    border-color: #C45525;
    color: #C45525;
}

.trends-grid-section .card {
    background-color: #FFFFFF;
    border: 1px solid #E3D6C9;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(62, 36, 17, 0.05);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    overflow: hidden;
}

.trends-grid-section .card:hover {
    border-color: #C45525;
    box-shadow: 0 6px 18px rgba(62, 36, 17, 0.09);
}

.trends-grid-section .trends-img-wrapper {
    position: relative;
    width: 100%;
    height: 260px;
    overflow: hidden;
    background-color: #F3ECE4;
}

.trends-grid-section .trends-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.trends-grid-section .trends-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    background-color: #C45525;
    color: #FFFFFF;
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    padding: 0.25rem 0.6rem;
    border-radius: 2px;
    text-transform: uppercase;
    z-index: 2;
}

.trends-grid-section .trends-meta-line {
    font-size: 0.8rem;
    color: #6C6057;
    line-height: 1.4;
}

.trends-grid-section .trends-meta-item i {
    color: #C45525;
    margin-right: 0.25rem;
}

.trends-grid-section .trends-meta-dot {
    color: #9A8C82;
}

.trends-grid-section .trends-card-title {
    font-size: 1.35rem;
    line-height: 1.35;
    margin: 0;
    overflow-wrap: anywhere;
}

.trends-grid-section .trends-sub-title {
    font-size: 1.05rem;
    line-height: 1.4;
    margin: 0;
    overflow-wrap: anywhere;
}

.trends-grid-section .trends-title-link {
    color: #241A14;
    text-decoration: none;
    transition: color 0.2s ease;
}

.trends-grid-section .trends-title-link:hover {
    color: #C45525;
}

.trends-grid-section .trends-card-desc {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #6C6057;
    overflow-wrap: anywhere;
}

.trends-grid-section .trends-card-footer {
    border-top: 1px solid #E9DFD5;
}

.trends-grid-section .trends-thumb-wrapper {
    width: 100%;
    height: 120px;
    overflow: hidden;
    background-color: #F3ECE4;
}

.trends-grid-section .trends-thumb-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.trends-grid-section .trends-action-btn {
    background: linear-gradient(135deg, #7C4521 0%, #633516 100%);
    color: #FFFFFF;
    font-size: 0.85rem;
    padding: 0.45rem 1rem;
    border: 1px solid #6E3D1D;
    border-radius: 4px;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
}

.trends-grid-section .trends-action-btn:hover {
    background: linear-gradient(135deg, #633516 0%, #4D2810 100%);
    color: #FFFFFF;
}

@media (max-width: 767px) {
    .trends-grid-section .trends-section-title {
        font-size: 16px;
        hyphens: auto;
    }

    .trends-grid-section .trends-card-title {
        font-size: 14px;
        hyphens: auto;
    }

    .trends-grid-section .trends-sub-title {
        font-size: 13px;
        hyphens: auto;
    }

    .trends-grid-section .trends-img-wrapper {
        height: 200px;
    }

    .trends-grid-section .trends-thumb-wrapper {
        height: 100px;
    }
}

/* ===== reviews-grid ===== */
.vq-reviews-grid-section {
    background-color: #FBF8F4;
    font-family: 'Song Myung', serif;
    color: #241A14;
}

.vq-reviews-grid-section .vq-header-border {
    border-bottom: 1px solid #E3D6C9;
    background: linear-gradient(90deg, rgba(196, 85, 37, 0.08) 0%, rgba(251, 248, 244, 0) 100%);
}

.vq-reviews-grid-section .vq-accent-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #C45525;
    border-radius: 2px;
}

.vq-reviews-grid-section .vq-section-badge {
    font-size: 0.75rem;
    font-weight: 400;
    letter-spacing: 0.08em;
    color: #C45525;
}

.vq-reviews-grid-section .vq-section-title {
    font-size: 1.85rem;
    line-height: 1.3;
    color: #241A14;
    overflow-wrap: anywhere;
}

.vq-reviews-grid-section .vq-filter-btn {
    border: 1px solid #E3D6C9;
    background-color: #FFFFFF;
    color: #6C6057;
    padding: 0.45rem 1rem;
    border-radius: 4px;
    font-size: 0.85rem;
    transition: all 0.2s ease;
    line-height: 1.4;
}

.vq-reviews-grid-section .vq-filter-btn:hover {
    border-color: #6E3D1D;
    color: #241A14;
    background-color: #F3ECE4;
}

.vq-reviews-grid-section .vq-filter-btn.active {
    background-color: #6E3D1D;
    border-color: #6E3D1D;
    color: #FFFFFF;
}

.vq-reviews-grid-section .vq-card {
    background-color: #FFFFFF;
    border: 1px solid #E3D6C9;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(62, 36, 17, 0.05);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    overflow: hidden;
}

.vq-reviews-grid-section .vq-card:hover {
    border-color: #C45525;
    box-shadow: 0 6px 18px rgba(62, 36, 17, 0.09);
}

.vq-reviews-grid-section .vq-card-media {
    overflow: hidden;
    background-color: #F3ECE4;
}

.vq-reviews-grid-section .vq-card-img {
    height: 200px;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.vq-reviews-grid-section .vq-card:hover .vq-card-img {
    transform: scale(1.03);
}

.vq-reviews-grid-section .vq-card-badge {
    background-color: #C45525;
    color: #FFFFFF;
    font-size: 0.75rem;
    padding: 0.25rem 0.6rem;
    border-radius: 3px;
    letter-spacing: 0.02em;
}

.vq-reviews-grid-section .vq-meta-item {
    font-size: 0.8rem;
    color: #6C6057;
}

.vq-reviews-grid-section .vq-meta-item i {
    color: #C45525;
    margin-right: 0.2rem;
}

.vq-reviews-grid-section .vq-meta-divider {
    color: #9A8C82;
    font-size: 0.8rem;
}

.vq-reviews-grid-section .vq-card-title {
    font-size: 1.15rem;
    line-height: 1.4;
    color: #241A14;
    overflow-wrap: anywhere;
}

.vq-reviews-grid-section .vq-title-link {
    color: #241A14;
    text-decoration: none;
    transition: color 0.2s ease;
}

.vq-reviews-grid-section .vq-title-link:hover {
    color: #C45525;
}

.vq-reviews-grid-section .vq-card-desc {
    font-size: 0.9rem;
    line-height: 1.6;
    color: #6C6057;
    overflow-wrap: anywhere;
}

.vq-reviews-grid-section .border-top {
    border-top: 1px solid #E9DFD5 !important;
}

.vq-reviews-grid-section .vq-btn-read {
    background: linear-gradient(135deg, #7C4521 0%, #633516 100%);
    color: #FFFFFF;
    border: 1px solid #6E3D1D;
    padding: 0.55rem 1rem;
    border-radius: 4px;
    text-decoration: none;
    font-size: 0.85rem;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.vq-reviews-grid-section .vq-btn-read:hover {
    background: linear-gradient(135deg, #633516 0%, #4D2810 100%);
    border-color: #542D13;
    color: #FFFFFF;
}

@media (max-width: 767px) {
    .vq-reviews-grid-section .vq-section-title {
        font-size: 1.35rem;
    }

    .vq-reviews-grid-section .vq-card-title {
        font-size: 1.05rem;
    }

    .vq-reviews-grid-section .vq-card-img {
        height: 180px;
    }
}

/* ===== materials-grid ===== */
.materials-grid-block {
    background-color: #FBF8F4;
    font-family: 'Song Myung', serif;
    color: #241A14;
}

.materials-grid-block__header {
    border-bottom: 1px solid #E3D6C9;
    background: linear-gradient(90deg, rgba(196, 85, 37, 0.08) 0%, rgba(251, 248, 244, 0) 100%);
    border-radius: 4px;
    padding: 0.75rem 0.5rem;
}

.materials-grid-block__badge-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #C45525;
    border-radius: 1px;
}

.materials-grid-block__subtitle {
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    color: #8D5B36;
    font-weight: 400;
}

.materials-grid-block__title {
    font-size: 1.85rem;
    line-height: 1.3;
    color: #241A14;
    font-weight: 400;
    overflow-wrap: anywhere;
}

.materials-grid-block__filter-btn {
    border: 1px solid #E3D6C9;
    background-color: #FFFFFF;
    color: #6C6057;
    padding: 0.45rem 1rem;
    font-size: 0.85rem;
    border-radius: 4px;
    font-family: 'Song Myung', serif;
    cursor: pointer;
    transition: all 0.2s ease;
}

.materials-grid-block__filter-btn:hover,
.materials-grid-block__filter-btn:focus {
    background-color: #F3ECE4;
    color: #241A14;
    border-color: #C45525;
    outline: none;
}

.materials-grid-block__filter-btn.active {
    background: linear-gradient(135deg, #7C4521 0%, #633516 100%);
    color: #FFFFFF;
    border-color: #6E3D1D;
}

.materials-grid-block__card {
    background-color: #FFFFFF;
    border: 1px solid #E3D6C9;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(62, 36, 17, 0.05);
    overflow: hidden;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.materials-grid-block__card:hover {
    border-color: #C45525;
    box-shadow: 0 6px 18px rgba(62, 36, 17, 0.09);
}

.materials-grid-block__img-wrap {
    overflow: hidden;
    background-color: #F3ECE4;
}

.materials-grid-block__img {
    object-fit: cover;
    display: block;
    aspect-ratio: 16 / 10;
    transition: transform 0.3s ease;
}

.materials-grid-block__card--lead .materials-grid-block__img {
    aspect-ratio: 16 / 9;
}

.materials-grid-block__card:hover .materials-grid-block__img {
    transform: scale(1.02);
}

.materials-grid-block__tag {
    background-color: #C45525;
    color: #FFFFFF;
    font-size: 0.75rem;
    padding: 0.25rem 0.6rem;
    border-radius: 3px;
    letter-spacing: 0.02em;
}

.materials-grid-block__meta {
    font-size: 0.8rem;
    color: #8D5B36;
}

.materials-grid-block__meta-divider {
    color: #E3D6C9;
}

.materials-grid-block__card-title {
    font-size: 1.2rem;
    line-height: 1.35;
    font-weight: 400;
    color: #241A14;
    overflow-wrap: anywhere;
}

.materials-grid-block__card-title--lead {
    font-size: 1.45rem;
}

.materials-grid-block__title-link {
    color: #241A14;
    text-decoration: none;
    transition: color 0.2s ease;
}

.materials-grid-block__title-link:hover,
.materials-grid-block__title-link:focus {
    color: #C45525;
}

.materials-grid-block__excerpt {
    font-size: 0.9rem;
    line-height: 1.6;
    color: #6C6057;
    overflow-wrap: anywhere;
}

.materials-grid-block__btn {
    background: linear-gradient(135deg, #7C4521 0%, #633516 100%);
    color: #FFFFFF;
    font-size: 0.85rem;
    padding: 0.5rem 1.2rem;
    border: 1px solid #6E3D1D;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.materials-grid-block__btn:hover,
.materials-grid-block__btn:focus {
    background: linear-gradient(135deg, #633516 0%, #4D2810 100%);
    color: #FFFFFF;
    border-color: #542D13;
}

@media (max-width: 767.98px) {
    .materials-grid-block__title {
        font-size: 1rem;
    }

    .materials-grid-block__card-title--lead {
        font-size: 0.95rem;
    }

    .materials-grid-block__card-title {
        font-size: 0.875rem;
    }

    .materials-grid-block__filter-nav {
        width: 100%;
    }

    .materials-grid-block__filter-btn {
        flex-grow: 1;
        text-align: center;
        font-size: 0.75rem;
        padding: 0.4rem 0.6rem;
    }
}

/* ===== opinions-columns ===== */
.opinion-columns-section {
    background-color: #FBF8F4;
    color: #241A14;
    font-family: 'Song Myung', serif;
}

.opinion-columns-section .opinion-header-wrapper {
    border-bottom: 1px solid #E3D6C9;
}

.opinion-columns-section .opinion-badge-dot {
    width: 8px;
    height: 8px;
    background-color: #C45525;
    display: inline-block;
}

.opinion-columns-section .opinion-section-subtitle {
    font-size: 0.8rem;
    letter-spacing: 0.08em;
    color: #C45525;
    font-weight: 600;
}

.opinion-columns-section .opinion-section-title {
    font-size: 1.75rem;
    line-height: 1.3;
    color: #241A14;
}

.opinion-columns-section .opinion-disclaimer-card {
    background-color: #F3ECE4;
    border: 1px solid #E3D6C9;
    border-radius: 4px;
    max-width: 540px;
}

.opinion-columns-section .opinion-disclaimer-icon {
    font-size: 1.15rem;
    color: #C45525;
    flex-shrink: 0;
}

.opinion-columns-section .opinion-disclaimer-text {
    font-size: 0.78rem;
    line-height: 1.45;
    color: #6C6057;
}

.opinion-columns-section .opinion-filter-btn {
    background-color: #FFFFFF;
    border: 1px solid #E3D6C9;
    color: #6C6057;
    padding: 0.4rem 1rem;
    font-size: 0.88rem;
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.opinion-columns-section .opinion-filter-btn:hover,
.opinion-columns-section .opinion-filter-btn.active {
    background-color: #6E3D1D;
    color: #FFFFFF;
    border-color: #6E3D1D;
}

.opinion-columns-section .opinion-card {
    background-color: #FFFFFF;
    border: 1px solid #E3D6C9;
    border-radius: 4px;
    padding: 1.4rem;
    box-shadow: 0 2px 10px rgba(62, 36, 17, 0.05);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.opinion-columns-section .opinion-card:hover {
    border-color: #C45525;
    box-shadow: 0 6px 18px rgba(62, 36, 17, 0.09);
}

.opinion-columns-section .opinion-tag {
    font-size: 0.75rem;
    background-color: #F3ECE4;
    color: #8D5B36;
    padding: 0.2rem 0.6rem;
    border-radius: 2px;
    border: 1px solid #E3D6C9;
}

.opinion-columns-section .opinion-reading-time {
    font-size: 0.75rem;
    color: #9A8C82;
}

.opinion-columns-section .opinion-quote-mark {
    color: #C45525;
    font-size: 1.8rem;
    line-height: 1;
}

.opinion-columns-section .opinion-card-heading {
    font-size: 1.12rem;
    line-height: 1.4;
    color: #241A14;
    word-break: keep-all;
}

.opinion-columns-section .opinion-card-excerpt {
    font-size: 0.88rem;
    line-height: 1.6;
    color: #6C6057;
}

.opinion-columns-section .opinion-author-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid #E3D6C9;
}

.opinion-columns-section .opinion-author-name {
    font-size: 0.92rem;
    color: #241A14;
}

.opinion-columns-section .opinion-author-role {
    font-size: 0.74rem;
    color: #6C6057;
    line-height: 1.3;
}

.opinion-columns-section .opinion-pub-date {
    font-size: 0.75rem;
    color: #9A8C82;
}

.opinion-columns-section .opinion-action-btn {
    background: #F3ECE4;
    border: 1px solid #E3D6C9;
    color: #6E3D1D;
    font-size: 0.75rem;
    padding: 0.25rem 0.6rem;
    border-radius: 2px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.opinion-columns-section .opinion-action-btn:hover {
    background: #6E3D1D;
    color: #FFFFFF;
    border-color: #6E3D1D;
}

.opinion-columns-section .opinion-expanded-text {
    display: none;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px dashed #E3D6C9;
}

.opinion-columns-section .opinion-expanded-text.is-open {
    display: block;
}

.opinion-columns-section .opinion-full-note {
    font-size: 0.82rem;
    line-height: 1.55;
    color: #6C6057;
    background: #FBF8F4;
    padding: 0.6rem;
    border-radius: 3px;
    border-left: 2px solid #C45525;
}

@media (max-width: 767.98px) {
    .opinion-columns-section .opinion-section-title {
        font-size: 1.3rem;
        hyphens: auto;
    }

    .opinion-columns-section .opinion-disclaimer-card {
        width: 100%;
    }

    .opinion-columns-section .opinion-filter-bar {
        overflow-x: auto;
        padding-bottom: 0.25rem;
    }
}

/* ===== regional-news ===== */
.regional-news-section {
    background-color: #FBF8F4;
    font-family: 'Song Myung', serif;
    color: #241A14;
}

.regional-news-section .regional-news-header {
    border-bottom: 1px solid #E3D6C9;
    background: linear-gradient(90deg, rgba(196, 85, 37, 0.08) 0%, rgba(251, 248, 244, 0) 100%);
}

.regional-news-section .regional-accent-square {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #C45525;
}

.regional-news-section .regional-badge-text {
    font-size: 0.8rem;
    letter-spacing: 0.08em;
    color: #C45525;
}

.regional-news-section .regional-section-title {
    font-size: 1.65rem;
    line-height: 1.3;
    color: #241A14;
    hyphens: auto;
    overflow-wrap: anywhere;
}

.regional-news-section .regional-tab-btn {
    background: #FFFFFF;
    border: 1px solid #E3D6C9;
    color: #6C6057;
    padding: 0.45rem 0.95rem;
    border-radius: 4px;
    font-size: 0.85rem;
    transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.regional-news-section .regional-tab-btn:hover {
    border-color: #C45525;
    color: #C45525;
    background-color: #F3ECE4;
}

.regional-news-section .regional-tab-btn.active {
    background: linear-gradient(135deg, #7C4521 0%, #633516 100%);
    border-color: #6E3D1D;
    color: #FFFFFF;
}

.regional-news-section .regional-card {
    background: #FFFFFF;
    border: 1px solid #E3D6C9;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(62, 36, 17, 0.05);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.regional-news-section .regional-card:hover {
    border-color: #C45525;
    box-shadow: 0 6px 18px rgba(62, 36, 17, 0.09);
    transform: translateY(-2px);
}

.regional-news-section .regional-card-img-wrap {
    position: relative;
    overflow: hidden;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.regional-news-section .regional-card-img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.regional-news-section .regional-card:hover .regional-card-img {
    transform: scale(1.03);
}

.regional-news-section .regional-chip {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #C45525;
    color: #FFFFFF;
    font-size: 0.75rem;
    padding: 0.2rem 0.6rem;
    border-radius: 2px;
    letter-spacing: 0.04em;
}

.regional-news-section .text-accent {
    color: #C45525;
}

.regional-news-section .regional-location {
    font-size: 0.8rem;
    color: #6C6057;
}

.regional-news-section .regional-dot {
    font-size: 0.8rem;
    color: #9A8C82;
}

.regional-news-section .regional-date {
    font-size: 0.8rem;
    color: #6C6057;
}

.regional-news-section .regional-card-title {
    font-size: 1.1rem;
    line-height: 1.4;
    color: #241A14;
    hyphens: auto;
    overflow-wrap: anywhere;
}

.regional-news-section .regional-title-link {
    color: #241A14;
    text-decoration: none;
    transition: color 0.2s ease;
}

.regional-news-section .regional-title-link:hover {
    color: #C45525;
}

.regional-news-section .regional-card-desc {
    font-size: 0.88rem;
    line-height: 1.6;
    color: #6C6057;
    hyphens: auto;
    overflow-wrap: anywhere;
}

.regional-news-section .regional-card-footer {
    border-color: #E9DFD5 !important;
}

.regional-news-section .regional-status-tag {
    font-size: 0.78rem;
    color: #6E3D1D;
}

.regional-news-section .regional-read-more {
    font-size: 0.82rem;
    color: #C45525;
    text-decoration: none;
    transition: color 0.2s ease;
}

.regional-news-section .regional-read-more:hover {
    color: #A84419;
    text-decoration: underline;
}

.regional-news-section .regional-bottom-panel {
    background-color: #F3ECE4;
    border: 1px solid #E3D6C9;
    border-radius: 4px;
}

.regional-news-section .regional-info-icon-box {
    width: 44px;
    height: 44px;
    background-color: #FFFFFF;
    border: 1px solid #E3D6C9;
    border-radius: 50%;
    color: #C45525;
    font-size: 1.3rem;
    flex-shrink: 0;
}

.regional-news-section .regional-info-title {
    font-size: 1.05rem;
    line-height: 1.3;
    color: #241A14;
}

.regional-news-section .regional-info-desc {
    font-size: 0.85rem;
    line-height: 1.5;
    color: #6C6057;
}

.regional-news-section .regional-cta-btn {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, #7C4521 0%, #633516 100%);
    border: 1px solid #6E3D1D;
    color: #FFFFFF;
    padding: 0.6rem 1.4rem;
    border-radius: 4px;
    font-size: 0.9rem;
    text-decoration: none;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.regional-news-section .regional-cta-btn:hover {
    background: linear-gradient(135deg, #633516 0%, #4D2810 100%);
    border-color: #542D13;
    color: #FFFFFF;
}

@media (max-width: 767px) {
    .regional-news-section .regional-section-title {
        font-size: 1.25rem;
    }

    .regional-news-section .regional-card-title {
        font-size: 0.95rem;
    }

    .regional-news-section .regional-info-title {
        font-size: 0.95rem;
    }

    .regional-news-section .regional-cta-btn {
        width: 100%;
        justify-content: center;
    }
}

/* ===== interviews ===== */
.vorentiq-interviews-section {
    background-color: #FBF8F4;
    font-family: 'Song Myung', serif;
    color: #241A14;
    position: relative;
}

.vorentiq-interviews-section * {
    box-sizing: border-box;
}

.vorentiq-interviews-section .vorentiq-interviews-header {
    border-bottom: 1px solid #E3D6C9;
    background: linear-gradient(90deg, rgba(196, 85, 37, 0.08) 0%, rgba(251, 248, 244, 0) 100%);
}

.vorentiq-interviews-section .vorentiq-interviews-badge-square {
    width: 10px;
    height: 10px;
    background-color: #C45525;
    display: inline-block;
    flex-shrink: 0;
}

.vorentiq-interviews-section .vorentiq-interviews-label {
    font-size: 0.75rem;
    color: #C45525;
    letter-spacing: 0.08em;
    display: block;
    line-height: 1.2;
    font-weight: 400;
}

.vorentiq-interviews-section .vorentiq-interviews-title {
    font-size: 1.85rem;
    line-height: 1.3;
    color: #241A14;
    hyphens: auto;
    font-weight: 400;
}

.vorentiq-interviews-section .vorentiq-filter-btn {
    background-color: #FFFFFF;
    border: 1px solid #E3D6C9;
    color: #241A14;
    font-family: 'Song Myung', serif;
    font-size: 0.85rem;
    padding: 0.45rem 1rem;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    outline: none;
}

.vorentiq-interviews-section .vorentiq-filter-btn:hover {
    background-color: #F3ECE4;
    border-color: #8D5B36;
    color: #6E3D1D;
}

.vorentiq-interviews-section .vorentiq-filter-btn.is-active {
    background: linear-gradient(135deg, #7C4521 0%, #633516 100%);
    border-color: #6E3D1D;
    color: #FFFFFF;
}

.vorentiq-interviews-section .vorentiq-interview-card {
    background-color: #FFFFFF;
    border: 1px solid #E3D6C9;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(62, 36, 17, 0.05);
    overflow: hidden;
    height: 100%;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.vorentiq-interviews-section .vorentiq-interview-card:hover {
    border-color: #C45525;
    box-shadow: 0 6px 18px rgba(62, 36, 17, 0.09);
}

.vorentiq-interviews-section .vorentiq-interview-card-featured {
    height: 100%;
    min-height: 380px;
}

.vorentiq-interviews-section .vorentiq-interview-visual-wrap {
    position: relative;
    min-height: 280px;
    background-color: #F3ECE4;
}

.vorentiq-interviews-section .vorentiq-interview-thumb-wrap {
    position: relative;
    min-height: 180px;
    background-color: #F3ECE4;
}

.vorentiq-interviews-section .vorentiq-interview-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.vorentiq-interviews-section .vorentiq-interview-tag {
    position: absolute;
    top: 12px;
    left: 12px;
    background-color: #C45525;
    color: #FFFFFF;
    font-size: 0.75rem;
    padding: 0.25rem 0.6rem;
    border-radius: 2px;
    line-height: 1;
}

.vorentiq-interviews-section .vorentiq-meta-badge {
    font-size: 0.75rem;
    color: #6E3D1D;
    background-color: #F3ECE4;
    padding: 0.2rem 0.5rem;
    border-radius: 2px;
}

.vorentiq-interviews-section .vorentiq-meta-dot {
    color: #9A8C82;
    font-size: 0.75rem;
}

.vorentiq-interviews-section .vorentiq-meta-date {
    font-size: 0.8rem;
    color: #6C6057;
}

.vorentiq-interviews-section .vorentiq-featured-heading {
    font-size: 1.35rem;
    line-height: 1.35;
    color: #241A14;
    margin-bottom: 0.85rem;
    font-weight: 400;
    hyphens: auto;
}

.vorentiq-interviews-section .vorentiq-card-subheading {
    font-size: 1.1rem;
    line-height: 1.4;
    color: #241A14;
    margin-bottom: 0.5rem;
    font-weight: 400;
    hyphens: auto;
}

.vorentiq-interviews-section .vorentiq-interview-summary {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #6C6057;
    margin-bottom: 0;
    hyphens: auto;
}

.vorentiq-interviews-section .vorentiq-interview-snippet {
    font-size: 0.88rem;
    line-height: 1.5;
    color: #6C6057;
    margin-bottom: 0;
    hyphens: auto;
}

.vorentiq-interviews-section .vorentiq-card-bottom {
    border-top: 1px solid #E9DFD5;
}

.vorentiq-interviews-section .vorentiq-person-name {
    font-size: 0.95rem;
    color: #241A14;
    font-weight: 400;
    line-height: 1.3;
}

.vorentiq-interviews-section .vorentiq-person-role {
    font-size: 0.8rem;
    color: #6C6057;
    line-height: 1.3;
}

.vorentiq-interviews-section .vorentiq-quote-mark {
    font-size: 1.8rem;
    color: #C45525;
    line-height: 1;
}

.vorentiq-interviews-section .vorentiq-badge-accent {
    font-size: 0.75rem;
    color: #C45525;
    border: 1px solid #C45525;
    padding: 0.2rem 0.5rem;
    border-radius: 2px;
}

.vorentiq-interviews-section .vorentiq-quote-card {
    background-color: #FFFFFF;
    border: 1px solid #E3D6C9;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(62, 36, 17, 0.05);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.vorentiq-interviews-section .vorentiq-quote-card:hover {
    border-color: #C45525;
    box-shadow: 0 6px 18px rgba(62, 36, 17, 0.09);
}

.vorentiq-interviews-section .vorentiq-quote-text {
    font-size: 1.05rem;
    line-height: 1.5;
    color: #241A14;
    font-weight: 400;
    border-left: 3px solid #C45525;
    padding-left: 0.85rem;
    margin: 0;
    hyphens: auto;
}

.vorentiq-interviews-section .vorentiq-person-block {
    border-top: 1px solid #E9DFD5;
}

.vorentiq-interviews-section .vorentiq-avatar-img {
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid #E3D6C9;
    width: 52px;
    height: 52px;
    flex-shrink: 0;
}

.vorentiq-interviews-section .vorentiq-avatar-initial {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-color: #F3ECE4;
    border: 1px solid #E3D6C9;
    color: #6E3D1D;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.vorentiq-interviews-section .vorentiq-avatar-name {
    font-size: 0.95rem;
    color: #241A14;
    font-weight: 400;
    line-height: 1.3;
}

.vorentiq-interviews-section .vorentiq-avatar-role {
    font-size: 0.8rem;
    color: #6C6057;
    line-height: 1.3;
    display: block;
}

@media (max-width: 767px) {
    .vorentiq-interviews-section .vorentiq-interviews-title {
        font-size: 16px;
    }

    .vorentiq-interviews-section .vorentiq-featured-heading {
        font-size: 14px;
    }

    .vorentiq-interviews-section .vorentiq-card-subheading {
        font-size: 14px;
    }

    .vorentiq-interviews-section .vorentiq-quote-text {
        font-size: 0.95rem;
    }

    .vorentiq-interviews-section .vorentiq-interview-visual-wrap {
        min-height: 220px;
    }

    .vorentiq-interviews-section .vorentiq-interview-thumb-wrap {
        min-height: 180px;
    }
}

/* ===== newsletter-subscribe ===== */
.vorentiq-newsletter {
    background-color: #FBF8F4;
    font-family: 'Song Myung', serif;
    font-weight: 400;
}

.vorentiq-newsletter .vorentiq-newsletter__card {
    background-color: #F3ECE4;
    border: 1px solid #E3D6C9;
    border-radius: 4px;
    padding: 2.5rem 2rem;
    box-shadow: 0 2px 10px rgba(62, 36, 17, 0.05);
}

.vorentiq-newsletter .vorentiq-newsletter__badge {
    background: #FFFFFF;
    border: 1px solid #E3D6C9;
    border-radius: 4px;
    padding: 0.35rem 0.85rem;
}

.vorentiq-newsletter .vorentiq-newsletter__badge-dot {
    width: 8px;
    height: 8px;
    background-color: #C45525;
    display: inline-block;
    border-radius: 1px;
    flex-shrink: 0;
}

.vorentiq-newsletter .vorentiq-newsletter__badge-text {
    font-size: 0.8rem;
    color: #6E3D1D;
    letter-spacing: 0.05em;
    line-height: 1;
}

.vorentiq-newsletter .vorentiq-newsletter__title {
    font-size: 1.85rem;
    line-height: 1.3;
    color: #241A14;
    overflow-wrap: anywhere;
}

.vorentiq-newsletter .vorentiq-newsletter__desc {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #6C6057;
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
    overflow-wrap: anywhere;
}

.vorentiq-newsletter .vorentiq-newsletter__input-group .input-group-text {
    background-color: #FFFFFF;
    border: 1px solid #E3D6C9;
    border-right: none;
    color: #6E3D1D;
    border-radius: 4px 0 0 4px;
    padding-left: 1rem;
    padding-right: 0.75rem;
}

.vorentiq-newsletter .vorentiq-newsletter__input {
    background-color: #FFFFFF;
    border: 1px solid #E3D6C9;
    border-left: none;
    color: #241A14;
    font-family: 'Song Myung', serif;
    font-size: 0.95rem;
    height: 48px;
    border-radius: 0 4px 4px 0;
    box-shadow: none;
}

.vorentiq-newsletter .vorentiq-newsletter__input:focus {
    background-color: #FFFFFF;
    border-color: #C45525;
    box-shadow: none;
    color: #241A14;
}

.vorentiq-newsletter .vorentiq-newsletter__input::placeholder {
    color: #9A8C82;
    opacity: 1;
}

.vorentiq-newsletter .vorentiq-newsletter__input::-webkit-input-placeholder {
    color: #9A8C82;
}

.vorentiq-newsletter .vorentiq-newsletter__input:-ms-input-placeholder {
    color: #9A8C82;
}

.vorentiq-newsletter .vorentiq-newsletter__submit-btn {
    background: linear-gradient(135deg, #7C4521 0%, #633516 100%);
    color: #FFFFFF;
    border: 1px solid #6E3D1D;
    height: 48px;
    font-family: 'Song Myung', serif;
    font-size: 1rem;
    border-radius: 4px;
    padding: 0.6rem 1.4rem;
    transition: background 0.2s ease, border-color 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.vorentiq-newsletter .vorentiq-newsletter__submit-btn:hover,
.vorentiq-newsletter .vorentiq-newsletter__submit-btn:focus {
    background: linear-gradient(135deg, #633516 0%, #4D2810 100%);
    color: #FFFFFF;
    border-color: #542D13;
}

.vorentiq-newsletter .vorentiq-newsletter__privacy-text {
    font-size: 0.8rem;
    color: #6C6057;
    line-height: 1.4;
}

.vorentiq-newsletter .vorentiq-newsletter__privacy-link {
    color: #6E3D1D;
    text-decoration: underline;
}

.vorentiq-newsletter .vorentiq-newsletter__privacy-link:hover {
    color: #C45525;
}

.vorentiq-newsletter .vorentiq-newsletter__features {
    border-top-color: #E3D6C9 !important;
}

.vorentiq-newsletter .vorentiq-newsletter__feature-icon {
    color: #C45525;
    font-size: 1rem;
    flex-shrink: 0;
}

.vorentiq-newsletter .vorentiq-newsletter__feature-text {
    font-size: 0.85rem;
    color: #6C6057;
}

@media (max-width: 767px) {
    .vorentiq-newsletter .vorentiq-newsletter__card {
        padding: 1.5rem 1rem;
    }

    .vorentiq-newsletter .vorentiq-newsletter__title {
        font-size: 16px;
        line-height: 1.3;
    }

    .vorentiq-newsletter .vorentiq-newsletter__desc {
        font-size: 0.85rem;
        line-height: 1.5;
    }

    .vorentiq-newsletter .vorentiq-newsletter__feature-item {
        justify-content: center;
    }
}

/* ===== footer ===== */
.vt-footer {
    background-color: #F3ECE4;
    color: #241A14;
    font-family: 'Song Myung', serif;
    padding-top: 3.5rem;
    padding-bottom: 2.5rem;
    border-top: 1px solid #E3D6C9;
}

.vt-footer .vt-footer__top {
    border-bottom: 1px solid #E3D6C9;
}

.vt-footer .vt-footer__logo-title {
    font-size: 1.85rem;
    line-height: 1.3;
    color: #6E3D1D;
    font-weight: 400;
    margin-bottom: 0.8rem;
    letter-spacing: 0.02em;
}

.vt-footer .vt-footer__brand-desc {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #6C6057;
    margin-bottom: 1.2rem;
    overflow-wrap: anywhere;
}

.vt-footer .vt-footer__pub-info {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.vt-footer .vt-footer__pub-badge {
    font-size: 0.75rem;
    color: #FFFFFF;
    background-color: #C45525;
    padding: 0.2rem 0.55rem;
    border-radius: 4px;
    letter-spacing: 0.04em;
    display: inline-block;
}

.vt-footer .vt-footer__pub-text {
    font-size: 0.85rem;
    color: #6C6057;
}

.vt-footer .vt-footer__section-title {
    font-size: 1.1rem;
    line-height: 1.4;
    color: #6E3D1D;
    font-weight: 400;
    margin-bottom: 1.1rem;
    position: relative;
    padding-bottom: 0.35rem;
}

.vt-footer .vt-footer__section-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 20px;
    height: 2px;
    background-color: #C45525;
}

.vt-footer .vt-footer__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.vt-footer .vt-footer__link {
    color: #6C6057;
    text-decoration: none;
    font-size: 0.92rem;
    transition: color 0.2s ease;
    display: inline-block;
    overflow-wrap: anywhere;
}

.vt-footer .vt-footer__link:hover,
.vt-footer .vt-footer__link:focus {
    color: #C45525;
    text-decoration: none;
}

.vt-footer .vt-footer__contact-group {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.vt-footer .vt-footer__contact-item {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.vt-footer .vt-footer__contact-label {
    font-size: 0.82rem;
    color: #6E3D1D;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.vt-footer .vt-footer__contact-label i {
    color: #C45525;
    font-size: 0.9rem;
}

.vt-footer .vt-footer__contact-value {
    font-size: 0.92rem;
    color: #6C6057;
    overflow-wrap: anywhere;
}

.vt-footer .vt-footer__contact-link {
    text-decoration: none;
    transition: color 0.2s ease;
}

.vt-footer .vt-footer__contact-link:hover,
.vt-footer .vt-footer__contact-link:focus {
    color: #C45525;
    text-decoration: underline;
}

.vt-footer .vt-footer__bottom {
    border-top-color: #E3D6C9 !important;
}

.vt-footer .vt-footer__copy {
    font-size: 0.85rem;
    color: #6C6057;
    overflow-wrap: anywhere;
}

.vt-footer .vt-footer__status-text {
    font-size: 0.82rem;
    color: #6E3D1D;
    overflow-wrap: anywhere;
}

.vt-footer .vt-footer__status-text i {
    color: #C45525;
    margin-right: 0.25rem;
}

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

    .vt-footer .vt-footer__logo-title {
        font-size: 1.5rem;
    }

    .vt-footer .vt-footer__section-title {
        font-size: 1.05rem;
        margin-bottom: 0.75rem;
    }

    .vt-footer .vt-footer__brand-desc {
        font-size: 0.9rem;
    }

    .vt-footer .vt-footer__status-text {
        text-align: left !important;
        margin-top: 0.4rem;
    }
}

/* ===== PAGE: privacy ===== */
.policy-content {
  font-family: 'Song Myung', serif;
  color: #241A14;
  line-height: 1.6;
  font-size: 0.95rem;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.policy-content h2 {
  font-size: 1.35rem;
  line-height: 1.35;
  font-weight: 400;
  color: #6E3D1D;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
  padding-bottom: 0.35rem;
  border-bottom: 1px solid #E3D6C9;
}
.policy-content h2:first-of-type {
  margin-top: 0;
}
.policy-content p {
  margin-bottom: 1rem;
  color: #241A14;
}
.policy-content ul {
  margin-top: 0.5rem;
  margin-bottom: 1.25rem;
  padding-left: 1.25rem;
}
.policy-content li {
  margin-bottom: 0.4rem;
  color: #241A14;
}
.policy-content strong {
  color: #6E3D1D;
  font-weight: 400;
}
.policy-content a {
  color: #C45525;
  text-decoration: none;
  transition: color 0.2s ease;
}
.policy-content a:hover {
  color: #6E3D1D;
  text-decoration: underline;
}
@media (max-width: 767px) {
  .policy-content {
    font-size: 0.88rem;
  }
  .policy-content h2 {
    font-size: 1rem;
    margin-top: 1.5rem;
    margin-bottom: 0.6rem;
  }
  .policy-content ul {
    padding-left: 1rem;
  }
}

/* ===== PAGE: terms ===== */
.policy-content { font-family: 'Song Myung', serif; color: #241A14; line-height: 1.6; word-break: keep-all; overflow-wrap: anywhere; max-width: 100%; } .policy-content .policy-intro-box { background-color: #F3ECE4; border: 1px solid #E3D6C9; border-radius: 4px; padding: 1.5rem; margin-bottom: 2.25rem; } .policy-content .policy-lead-text { font-size: 1.05rem; line-height: 1.7; color: #241A14; margin-bottom: 0.75rem; } .policy-content .policy-update-date { font-size: 0.85rem; color: #6C6057; margin-bottom: 0; display: inline-flex; align-items: center; gap: 0.5rem; } .policy-content .policy-update-date i { color: #C45525; } .policy-content .policy-heading { font-size: 1.45rem; line-height: 1.3; color: #6E3D1D; border-bottom: 1px solid #E9DFD5; padding-bottom: 0.5rem; margin-top: 2.5rem; margin-bottom: 1.15rem; font-weight: 400; } .policy-content .policy-paragraph { font-size: 0.95rem; line-height: 1.65; color: #241A14; margin-bottom: 1rem; } .policy-content .policy-list { list-style-type: none; padding-left: 0; margin-bottom: 1.25rem; } .policy-content .policy-list li { position: relative; padding-left: 1.25rem; font-size: 0.95rem; line-height: 1.6; color: #241A14; margin-bottom: 0.5rem; } .policy-content .policy-list li::before { content: ""; position: absolute; left: 0.25rem; top: 0.65rem; width: 4px; height: 4px; background-color: #C45525; border-radius: 50%; } .policy-content .policy-contact-card { background-color: #FFFFFF; border: 1px solid #E3D6C9; border-radius: 4px; padding: 1.25rem 1.5rem; margin-top: 1.5rem; box-shadow: 0 2px 10px rgba(62, 36, 17, 0.05); } .policy-content .policy-contact-row { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.75rem; margin-bottom: 0.65rem; font-size: 0.95rem; } .policy-content .policy-contact-row:last-child { margin-bottom: 0; } .policy-content .policy-contact-label { color: #6E3D1D; font-weight: 400; display: inline-flex; align-items: center; gap: 0.35rem; } .policy-content .policy-contact-label i { color: #C45525; } .policy-content .policy-contact-val { color: #241A14; } .policy-content .policy-link { color: #6E3D1D; text-decoration: underline; text-underline-offset: 3px; transition: color 0.2s ease; } .policy-content .policy-link:hover, .policy-content .policy-link:focus { color: #C45525; } @media (max-width: 767px) { .policy-content .policy-heading { font-size: 16px; margin-top: 1.75rem; } .policy-content .policy-lead-text { font-size: 0.95rem; } .policy-content .policy-intro-box { padding: 1rem; } .policy-content .policy-contact-card { padding: 1rem; } }

/* ===== PAGE: disclaimer ===== */
.policy-content { font-family: 'Song Myung', serif; color: #241A14; line-height: 1.7; word-break: keep-all; overflow-wrap: anywhere; } .policy-content .policy-meta-block { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; margin-bottom: 2rem; padding-bottom: 1rem; border-bottom: 1px solid #E3D6C9; } .policy-content .policy-update-badge { display: inline-flex; align-items: center; gap: 0.35rem; background: #F3ECE4; color: #6E3D1D; font-size: 0.85rem; padding: 0.3rem 0.8rem; border-radius: 4px; border: 1px solid #E3D6C9; font-weight: 400; } .policy-content .policy-update-badge i { color: #C45525; } .policy-content .policy-date-label { font-size: 0.9rem; color: #6C6057; } .policy-content h2 { font-size: 1.45rem; line-height: 1.35; color: #241A14; margin-top: 2.25rem; margin-bottom: 0.9rem; padding-bottom: 0.4rem; border-left: 3px solid #C45525; padding-left: 0.75rem; } .policy-content p { font-size: 0.95rem; line-height: 1.7; color: #241A14; margin-bottom: 1.1rem; } .policy-content ul { margin-top: 0.5rem; margin-bottom: 1.25rem; padding-left: 1.25rem; } .policy-content li { font-size: 0.95rem; line-height: 1.65; color: #241A14; margin-bottom: 0.5rem; } .policy-content .policy-contact-card { background: #FBF8F4; border: 1px solid #E3D6C9; border-radius: 4px; padding: 1.25rem 1.5rem; margin-top: 1.5rem; display: flex; flex-direction: column; gap: 0.75rem; } .policy-content .policy-contact-item { display: flex; align-items: center; gap: 0.6rem; font-size: 0.95rem; color: #241A14; } .policy-content .policy-contact-item i { color: #C45525; font-size: 1.05rem; } .policy-content .policy-link { color: #6E3D1D; text-decoration: underline; text-underline-offset: 3px; } .policy-content .policy-link:hover, .policy-content .policy-link:focus { color: #C45525; text-decoration: none; } @media (max-width: 767px) { .policy-content h2 { font-size: 1.1rem; line-height: 1.3; } .policy-content p, .policy-content li, .policy-content .policy-contact-item { font-size: 0.88rem; } .policy-content .policy-contact-card { padding: 1rem; } }

/* ===== PAGE: cookies ===== */
.policy-content { font-family: 'Song Myung', serif; color: #241A14; background-color: #FFFFFF; border: 1px solid #E3D6C9; border-radius: 4px; padding: 2.5rem; max-width: 100%; box-sizing: border-box; overflow-wrap: anywhere; box-shadow: 0 2px 10px rgba(62, 36, 17, 0.05); } .policy-content .policy-section { margin-bottom: 2rem; border-bottom: 1px solid #E9DFD5; padding-bottom: 1.5rem; } .policy-content .policy-section:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; } .policy-content h2 { font-size: 1.35rem; line-height: 1.35; color: #6E3D1D; margin-top: 0; margin-bottom: 1rem; position: relative; padding-left: 0.85rem; } .policy-content h2::before { content: ''; position: absolute; left: 0; top: 0.35rem; bottom: 0.35rem; width: 4px; background-color: #C45525; border-radius: 2px; } .policy-content p { font-size: 0.95rem; line-height: 1.6; color: #6C6057; margin-bottom: 1rem; } .policy-content .policy-list, .policy-content .policy-sublist { padding-left: 1.25rem; margin-bottom: 1rem; color: #6C6057; font-size: 0.95rem; line-height: 1.6; } .policy-content .policy-list li, .policy-content .policy-sublist li { margin-bottom: 0.5rem; } .policy-content .policy-list strong { color: #241A14; } .policy-content .policy-guide { background-color: #FBF8F4; border: 1px solid #E3D6C9; border-radius: 4px; padding: 1.25rem; margin-top: 1rem; margin-bottom: 1rem; } .policy-content .policy-guide p { margin-bottom: 0.5rem; color: #241A14; font-weight: bold; } .policy-content .policy-contact { background-color: #F3ECE4; border-left: 3px solid #8D5B36; padding: 1rem 1.25rem; border-radius: 0 4px 4px 0; font-size: 0.9rem; line-height: 1.7; color: #241A14; margin-top: 0.75rem; } .policy-content a { color: #C45525; text-decoration: underline; transition: color 0.2s ease; } .policy-content a:hover, .policy-content a:focus { color: #A84419; text-decoration: none; } @media (max-width: 767px) { .policy-content { padding: 1.5rem 1rem; } .policy-content h2 { font-size: 16px; line-height: 1.3; } .policy-content p, .policy-content .policy-list, .policy-content .policy-sublist { font-size: 0.9rem; line-height: 1.5; } }

/* ===== PAGE: about ===== */
.vt-about-section {
  background-color: #FBF8F4;
  color: #241A14;
  font-family: 'Song Myung', serif;
}

.vt-about-section .vt-about-lead-box {
  background-color: #FFFFFF;
  border-color: #E3D6C9 !important;
  box-shadow: 0 2px 10px rgba(62, 36, 17, 0.05);
}

.vt-about-section .vt-about-image-wrap {
  height: 380px;
  border-color: #E3D6C9 !important;
}

.vt-about-section .vt-tag-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #C45525;
  flex-shrink: 0;
}

.vt-about-section .vt-meta-label {
  font-size: 0.8rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8D5B36;
}

.vt-about-section .vt-meta-text {
  font-size: 0.85rem;
  color: #6C6057;
}

.vt-about-section .vt-section-heading {
  color: #241A14;
  font-size: 1.85rem;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.vt-about-section .vt-sub-heading {
  color: #241A14;
  font-size: 1.35rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.vt-about-section .vt-lead-text {
  font-size: 1rem;
  line-height: 1.7;
  color: #241A14;
  overflow-wrap: anywhere;
}

.vt-about-section .vt-body-text {
  font-size: 0.95rem;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.vt-about-section .vt-value-card {
  border-color: #E3D6C9 !important;
  box-shadow: 0 2px 10px rgba(62, 36, 17, 0.05);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.vt-about-section .vt-value-card:hover {
  border-color: #C45525 !important;
  box-shadow: 0 6px 18px rgba(62, 36, 17, 0.09);
}

.vt-about-section .vt-icon-circle {
  width: 48px;
  height: 48px;
  background-color: #F3ECE4;
  color: #C45525;
  border-radius: 4px;
}

.vt-about-section .vt-card-title {
  color: #241A14;
  font-size: 1.15rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.vt-about-section .vt-card-text {
  font-size: 0.92rem;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.vt-about-section .vt-interactive-topics-block {
  background-color: #F3ECE4;
  border-color: #E3D6C9 !important;
}

.vt-about-section .vt-topic-tab-btn {
  background-color: #FFFFFF;
  border-color: #E3D6C9 !important;
  color: #241A14;
  transition: all 0.2s ease;
}

.vt-about-section .vt-topic-tab-btn:hover {
  border-color: #C45525 !important;
  background-color: #FAF5F0;
}

.vt-about-section .vt-topic-tab-btn.active {
  border-color: #C45525 !important;
  background: linear-gradient(90deg, rgba(196, 85, 37, 0.08) 0%, #FFFFFF 100%);
  border-left: 4px solid #C45525 !important;
}

.vt-about-section .vt-topic-content-panel {
  border-color: #E3D6C9 !important;
  box-shadow: 0 2px 10px rgba(62, 36, 17, 0.05);
}

.vt-about-section .vt-badge-pill {
  background-color: #C45525;
  color: #FFFFFF;
  font-size: 0.75rem;
  padding: 0.35rem 0.65rem;
  border-radius: 2px;
  font-weight: 400;
}

.vt-about-section .vt-theme-btn {
  background: linear-gradient(135deg, #7C4521 0%, #633516 100%);
  color: #FFFFFF;
  padding: 0.6rem 1.4rem;
  border-radius: 4px;
  border: 1px solid #6E3D1D;
  font-size: 0.95rem;
  transition: background 0.2s ease, opacity 0.2s ease;
}

.vt-about-section .vt-theme-btn:hover {
  background: linear-gradient(135deg, #633516 0%, #4D2810 100%);
  color: #FFFFFF;
}

.vt-about-section .vt-theme-outline-btn {
  background-color: #FFFFFF;
  color: #241A14;
  border-color: #E3D6C9 !important;
  font-size: 0.95rem;
  transition: all 0.2s ease;
}

.vt-about-section .vt-theme-outline-btn:hover {
  background-color: #F3ECE4;
  color: #6E3D1D;
  border-color: #C45525 !important;
}

.vt-about-section .vt-standards-box {
  border-color: #E3D6C9 !important;
  box-shadow: 0 2px 10px rgba(62, 36, 17, 0.05);
}

.vt-about-section .vt-accent-icon {
  color: #C45525;
  font-size: 1.25rem;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .vt-about-section .vt-section-heading {
    font-size: 1.4rem;
  }
  .vt-about-section .vt-sub-heading {
    font-size: 1.2rem;
  }
  .vt-about-section .vt-about-image-wrap {
    height: 260px;
  }
}

/* ===== PAGE: contact ===== */
.contact-editorial-section {
  background-color: #FBF8F4;
  font-family: 'Song Myung', serif;
  color: #241A14;
}

.contact-editorial-section .contact-form-panel,
.contact-editorial-section .contact-info-panel {
  background-color: #FFFFFF;
  border: 1px solid #E3D6C9;
  border-radius: 4px;
  box-shadow: 0 2px 10px rgba(62, 36, 17, 0.05);
}

.contact-editorial-section .category-square {
  width: 8px;
  height: 8px;
  background-color: #C45525;
  display: inline-block;
  flex-shrink: 0;
}

.contact-editorial-section .header-badge-text {
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  color: #C45525;
  text-transform: uppercase;
}

.contact-editorial-section .editorial-title {
  font-size: 1.65rem;
  line-height: 1.3;
  color: #241A14;
  margin-bottom: 0.5rem;
  overflow-wrap: anywhere;
}

.contact-editorial-section .editorial-lead {
  font-size: 0.95rem;
  line-height: 1.6;
  color: #6C6057;
  overflow-wrap: anywhere;
}

.contact-editorial-section .form-label {
  font-size: 0.9rem;
  color: #241A14;
  font-weight: 400;
  margin-bottom: 0.4rem;
}

.contact-editorial-section .text-accent {
  color: #C45525;
}

.contact-editorial-section .custom-input {
  background-color: #FBF8F4;
  border: 1px solid #E3D6C9;
  color: #241A14;
  border-radius: 4px;
  padding: 0.65rem 0.9rem;
  font-size: 0.95rem;
  font-family: 'Song Myung', serif;
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.contact-editorial-section .custom-input:focus {
  background-color: #FFFFFF;
  border-color: #C45525;
  color: #241A14;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(196, 85, 37, 0.15);
}

.contact-editorial-section .custom-input::placeholder {
  color: #9A8C82;
  opacity: 1;
}

.contact-editorial-section .form-check-input {
  border-color: #E3D6C9;
  background-color: #FBF8F4;
  cursor: pointer;
}

.contact-editorial-section .form-check-input:checked {
  background-color: #C45525;
  border-color: #C45525;
}

.contact-editorial-section .form-check-input:focus {
  box-shadow: 0 0 0 0.2rem rgba(196, 85, 37, 0.15);
}

.contact-editorial-section .btn-primary-submit {
  background: linear-gradient(135deg, #7C4521 0%, #633516 100%);
  border: 1px solid #6E3D1D;
  color: #FFFFFF;
  border-radius: 4px;
  font-size: 1.05rem;
  font-family: 'Song Myung', serif;
  transition: background 0.25s ease, border-color 0.25s ease, transform 0.15s ease;
}

.contact-editorial-section .btn-primary-submit:hover {
  background: linear-gradient(135deg, #633516 0%, #4D2810 100%);
  border-color: #4D2810;
  color: #FFFFFF;
}

.contact-editorial-section .info-card-item {
  background-color: #FBF8F4;
  border: 1px solid #E9DFD5;
  border-radius: 4px;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

.contact-editorial-section .info-card-item:hover {
  border-color: #C45525;
  background-color: #F3ECE4;
}

.contact-editorial-section .info-icon-box {
  width: 40px;
  height: 40px;
  background-color: #FFFFFF;
  border: 1px solid #E3D6C9;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #C45525;
  font-size: 1.2rem;
}

.contact-editorial-section .info-label {
  font-size: 0.9rem;
  color: #8D5B36;
  font-weight: 400;
}

.contact-editorial-section .info-value {
  font-size: 0.95rem;
  color: #241A14;
  overflow-wrap: anywhere;
  word-break: break-all;
}

.contact-editorial-section .office-hours-title {
  font-size: 1.05rem;
  color: #241A14;
}

@media (max-width: 767px) {
  .contact-editorial-section .editorial-title {
    font-size: 1.3rem;
  }
  .contact-editorial-section .office-hours-title {
    font-size: 0.95rem;
  }
  .contact-editorial-section .info-label {
    font-size: 0.85rem;
  }
  .contact-editorial-section .info-value {
    font-size: 0.9rem;
  }
}

/* ===== PAGE: korean-trends ===== */
.trends-page-content { background-color: #FBF8F4; font-family: 'Song Myung', serif; }
.trends-page-content .trends-editorial-intro { border-bottom: 1px solid #E3D6C9; padding-bottom: 1.5rem; }
.trends-page-content .trends-accent-square { width: 8px; height: 8px; background-color: #C45525; display: inline-block; }
.trends-page-content .trends-section-badge { font-size: 0.75rem; letter-spacing: 0.08em; color: #6E3D1D; font-weight: 600; }
.trends-page-content .trends-intro-heading { font-size: 1.85rem; line-height: 1.3; color: #241A14 !important; overflow-wrap: anywhere; }
.trends-page-content .trends-intro-text { font-size: 0.95rem; line-height: 1.6; color: #6C6057 !important; max-width: 850px; overflow-wrap: anywhere; }
.trends-page-content .trends-zigzag-card { background-color: #FFFFFF; border: 1px solid #E3D6C9; border-radius: 4px; box-shadow: 0 2px 10px rgba(62, 36, 17, 0.05); transition: border-color 0.2s ease, box-shadow 0.2s ease; overflow: hidden; }
.trends-page-content .trends-zigzag-card:hover { border-color: #C45525; box-shadow: 0 6px 18px rgba(62, 36, 17, 0.09); }
.trends-page-content .trends-card-link { text-decoration: none; display: block; color: inherit; }
.trends-page-content .trends-image-wrapper { overflow: hidden; background-color: #F3ECE4; }
.trends-page-content .trends-card-img { width: 100%; height: 100%; object-fit: cover; display: block; }
.trends-page-content .trends-tag { background-color: #C45525; color: #FFFFFF; font-size: 0.75rem; padding: 0.2rem 0.6rem; border-radius: 2px; line-height: 1.2; }
.trends-page-content .trends-meta-item { font-size: 0.8rem; color: #9A8C82; }
.trends-page-content .trends-card-title { font-size: 1.35rem; line-height: 1.35; color: #241A14 !important; transition: color 0.2s ease; overflow-wrap: anywhere; }
.trends-page-content .trends-card-link:hover .trends-card-title { color: #C45525 !important; }
.trends-page-content .trends-card-desc { font-size: 0.95rem; line-height: 1.6; color: #6C6057 !important; overflow-wrap: anywhere; }
.trends-page-content .trends-read-more { color: #6E3D1D; font-size: 0.85rem; font-weight: 600; }
.trends-page-content .trends-card-link:hover .trends-read-more { color: #C45525; }
.trends-page-content .trends-consulting-section { background-color: #F3ECE4; border: 1px solid #E3D6C9; }
.trends-page-content .trends-form-heading { font-size: 1.6rem; line-height: 1.3; color: #241A14 !important; overflow-wrap: anywhere; }
.trends-page-content .trends-form-desc { font-size: 0.95rem; line-height: 1.6; color: #6C6057 !important; overflow-wrap: anywhere; }
.trends-page-content .trends-service-form { border: 1px solid #E3D6C9; box-shadow: 0 2px 10px rgba(62, 36, 17, 0.05); }
.trends-page-content .trends-form-label { font-size: 0.85rem; color: #241A14; margin-bottom: 0.35rem; font-weight: 500; }
.trends-page-content .trends-form-input { border: 1px solid #E9DFD5; background-color: #FFFFFF; color: #241A14; font-size: 0.9rem; padding: 0.55rem 0.85rem; border-radius: 2px; }
.trends-page-content .trends-form-input:focus { border-color: #C45525; box-shadow: 0 0 0 0.2rem rgba(196, 85, 37, 0.15); outline: none; background-color: #FFFFFF; color: #241A14; }
.trends-page-content .trends-form-input::placeholder { color: #9A8C82; opacity: 1; }
.trends-page-content .trends-submit-btn { background: linear-gradient(135deg, #7C4521 0%, #633516 100%); color: #FFFFFF; border: 1px solid #6E3D1D; padding: 0.65rem 1.8rem; font-size: 0.95rem; border-radius: 4px; transition: background 0.2s ease, border-color 0.2s ease; }
.trends-page-content .trends-submit-btn:hover { background: linear-gradient(135deg, #633516 0%, #4D2810 100%); color: #FFFFFF; border-color: #542D13; }
@media (max-width: 767px) {
  .trends-page-content .trends-intro-heading { font-size: 16px; }
  .trends-page-content .trends-card-title { font-size: 14px; }
  .trends-page-content .trends-form-heading { font-size: 16px; }
  .trends-page-content .trends-content-box { padding: 1.25rem !important; }
}

/* ===== PAGE: collection-reviews ===== */
.vorentiq-collection-reviews { font-family: 'Song Myung', serif; background-color: #FBF8F4; color: #241A14; }
.vorentiq-collection-reviews .accent-square { display: inline-block; width: 8px; height: 8px; background-color: #C45525; }
.vorentiq-collection-reviews .section-kicker { font-size: 0.8rem; font-weight: 400; color: #C45525; letter-spacing: 0.08em; text-transform: uppercase; }
.vorentiq-collection-reviews .section-main-title { font-size: 1.85rem; line-height: 1.3; color: #241A14; font-weight: 400; margin-bottom: 0.5rem; overflow-wrap: anywhere; }
.vorentiq-collection-reviews .section-lead-desc { font-size: 0.95rem; line-height: 1.6; color: #6C6057; }
.vorentiq-collection-reviews .review-card { background-color: #FFFFFF; border: 1px solid #E3D6C9; border-radius: 4px; box-shadow: 0 2px 10px rgba(62, 36, 17, 0.05); overflow: hidden; transition: border-color 0.2s ease, box-shadow 0.2s ease; }
.vorentiq-collection-reviews .review-card:hover { border-color: #C45525; box-shadow: 0 6px 18px rgba(62, 36, 17, 0.09); }
.vorentiq-collection-reviews .review-img-link { aspect-ratio: 16 / 9; overflow: hidden; background-color: #F3ECE4; }
.vorentiq-collection-reviews .review-thumbnail { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.3s ease; }
.vorentiq-collection-reviews .review-card:hover .review-thumbnail { transform: scale(1.02); }
.vorentiq-collection-reviews .badge-tag { background-color: #F3ECE4; color: #C45525; border: 1px solid #E3D6C9; padding: 0.2rem 0.6rem; font-size: 0.75rem; border-radius: 2px; }
.vorentiq-collection-reviews .meta-divider { color: #E3D6C9; }
.vorentiq-collection-reviews .meta-date, .vorentiq-collection-reviews .meta-author { font-size: 0.8rem; color: #6C6057; }
.vorentiq-collection-reviews .review-title { font-size: 1.35rem; line-height: 1.35; overflow-wrap: anywhere; }
.vorentiq-collection-reviews .review-title-link { color: #241A14; text-decoration: none; transition: color 0.2s ease; }
.vorentiq-collection-reviews .review-title-link:hover { color: #C45525; }
.vorentiq-collection-reviews .review-excerpt { font-size: 0.95rem; line-height: 1.6; color: #6C6057; }
.vorentiq-collection-reviews .comment-preview { background-color: #FBF8F4; border-left: 2px solid #C45525; border-radius: 2px; display: inline-block; }
.vorentiq-collection-reviews .text-accent { color: #C45525; }
.vorentiq-collection-reviews .comment-text { font-size: 0.85rem; color: #6C6057; }
.vorentiq-collection-reviews .underlined-action-link { display: inline-block; font-size: 0.9rem; color: #6E3D1D; text-decoration: underline; text-underline-offset: 4px; transition: color 0.2s ease; }
.vorentiq-collection-reviews .underlined-action-link:hover { color: #C45525; }
.vorentiq-collection-reviews .service-form-section { background-color: #F3ECE4; border-top: 1px solid #E3D6C9; }
.vorentiq-collection-reviews .service-form-card { background-color: #FFFFFF; border: 1px solid #E3D6C9; border-radius: 4px; box-shadow: 0 2px 10px rgba(62, 36, 17, 0.05); }
.vorentiq-collection-reviews .form-section-title { font-size: 1.85rem; line-height: 1.3; color: #241A14; overflow-wrap: anywhere; }
.vorentiq-collection-reviews .form-section-desc { font-size: 0.95rem; line-height: 1.6; }
.vorentiq-collection-reviews .feature-icon-box { color: #C45525; font-size: 1.25rem; line-height: 1; }
.vorentiq-collection-reviews .feature-text { font-size: 0.9rem; color: #241A14; }
.vorentiq-collection-reviews .form-container { background-color: #FBF8F4; border: 1px solid #E3D6C9; border-radius: 4px; }
.vorentiq-collection-reviews .form-label { font-size: 0.85rem; color: #241A14; margin-bottom: 0.35rem; }
.vorentiq-collection-reviews .custom-input, .vorentiq-collection-reviews .custom-select, .vorentiq-collection-reviews .custom-textarea { background-color: #FFFFFF; border: 1px solid #E3D6C9; color: #241A14; font-size: 0.9rem; border-radius: 2px; padding: 0.6rem 0.8rem; }
.vorentiq-collection-reviews .custom-input:focus, .vorentiq-collection-reviews .custom-select:focus, .vorentiq-collection-reviews .custom-textarea:focus { background-color: #FFFFFF; border-color: #C45525; outline: none; box-shadow: 0 0 0 2px rgba(196, 85, 37, 0.15); color: #241A14; }
.vorentiq-collection-reviews .custom-input::placeholder, .vorentiq-collection-reviews .custom-textarea::placeholder { color: #9A8C82; opacity: 1; }
.vorentiq-collection-reviews .custom-submit-btn { background: linear-gradient(135deg, #7C4521 0%, #633516 100%); color: #FFFFFF; border: 1px solid #6E3D1D; border-radius: 2px; font-size: 0.95rem; transition: background 0.2s ease, border-color 0.2s ease; }
.vorentiq-collection-reviews .custom-submit-btn:hover { background: linear-gradient(135deg, #633516 0%, #4D2810 100%); color: #FFFFFF; border-color: #542D13; }
@media (max-width: 767px) { .vorentiq-collection-reviews .section-main-title, .vorentiq-collection-reviews .form-section-title { font-size: 16px; } .vorentiq-collection-reviews .review-title { font-size: 14px; } .vorentiq-collection-reviews .review-card-body { padding: 1.25rem 0.75rem !important; } }

/* ===== PAGE: materials-and-design ===== */
.materials-page-content { background-color: #FBF8F4; color: #241A14; font-family: 'Song Myung', serif; font-weight: 400; }
.materials-page-content .materials-header-box { border-bottom: 1px solid #E3D6C9; background: linear-gradient(90deg, rgba(196, 85, 37, 0.08) 0%, rgba(251, 248, 244, 0) 100%); padding: 1rem; border-radius: 4px; }
.materials-page-content .materials-square-icon { display: inline-block; width: 8px; height: 8px; background-color: #C45525; flex-shrink: 0; }
.materials-page-content .materials-section-heading { color: #241A14; font-size: 1.85rem; line-height: 1.3; overflow-wrap: anywhere; }
.materials-page-content .materials-section-desc { color: #6C6057; font-size: 0.95rem; line-height: 1.6; }
.materials-page-content .materials-round-card { background-color: #FFFFFF; border: 1px solid #E3D6C9; border-radius: 4px; box-shadow: 0 2px 10px rgba(62, 36, 17, 0.05); transition: border-color 0.2s ease, box-shadow 0.2s ease; }
.materials-page-content .materials-round-card:hover { border-color: #C45525; box-shadow: 0 6px 18px rgba(62, 36, 17, 0.09); }
.materials-page-content .materials-circle-thumb-wrapper { width: 140px; height: 140px; border-radius: 50%; overflow: hidden; border: 2px solid #E3D6C9; background-color: #F3ECE4; aspect-ratio: 4 / 3; }
.materials-page-content .materials-circle-img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
.materials-page-content .materials-round-card:hover .materials-circle-img { transform: scale(1.05); }
.materials-page-content .materials-meta-row { font-size: 0.8rem; color: #9A8C82; }
.materials-page-content .materials-meta-author, .materials-page-content .materials-meta-date { color: #6C6057; }
.materials-page-content .materials-meta-row i { color: #C45525; }
.materials-page-content .materials-meta-divider { color: #E3D6C9; }
.materials-page-content .materials-card-title { font-size: 1.15rem; line-height: 1.35; min-height: 2.7em; display: flex; align-items: center; justify-content: center; }
.materials-page-content .materials-card-title-link { color: #241A14; text-decoration: none; overflow-wrap: anywhere; transition: color 0.2s ease; }
.materials-page-content .materials-card-title-link:hover { color: #C45525; }
.materials-page-content .materials-card-snippet { color: #6C6057; font-size: 0.88rem; line-height: 1.5; overflow-wrap: anywhere; }
.materials-page-content .materials-btn-action { background: linear-gradient(135deg, #7C4521 0%, #633516 100%); color: #FFFFFF; border: 1px solid #6E3D1D; border-radius: 4px; padding: 0.6rem 1rem; font-size: 0.95rem; text-decoration: none; display: block; text-align: center; transition: background 0.2s ease, border-color 0.2s ease; }
.materials-page-content .materials-btn-action:hover { background: linear-gradient(135deg, #633516 0%, #4D2810 100%); color: #FFFFFF; border-color: #542D13; }
.materials-page-content .materials-sample-form-section { background-color: #F3ECE4; border-top: 1px solid #E3D6C9; }
.materials-page-content .materials-form-container { max-width: 820px; background-color: #FFFFFF; border: 1px solid #E3D6C9; border-radius: 4px; box-shadow: 0 2px 10px rgba(62, 36, 17, 0.05); }
.materials-page-content .materials-form-subtitle { font-size: 0.75rem; letter-spacing: 0.08em; color: #C45525; font-weight: 600; }
.materials-page-content .materials-form-heading { color: #241A14; font-size: 1.85rem; line-height: 1.3; overflow-wrap: anywhere; }
.materials-page-content .materials-form-desc { color: #6C6057; font-size: 0.95rem; line-height: 1.6; }
.materials-page-content .materials-label { color: #241A14; font-size: 0.9rem; margin-bottom: 0.35rem; font-weight: 500; }
.materials-page-content .materials-input, .materials-page-content .materials-select, .materials-page-content .materials-textarea { background-color: #FFFFFF; border: 1px solid #E3D6C9; color: #241A14; border-radius: 4px; padding: 0.65rem 0.85rem; font-size: 0.95rem; }
.materials-page-content .materials-input:focus, .materials-page-content .materials-select:focus, .materials-page-content .materials-textarea:focus { border-color: #C45525; outline: 0; box-shadow: 0 0 0 0.2rem rgba(196, 85, 37, 0.15); background-color: #FFFFFF; color: #241A14; }
.materials-page-content .materials-input::placeholder, .materials-page-content .materials-textarea::placeholder { color: #9A8C82; opacity: 1; font-family: 'Song Myung', serif; }
.materials-page-content .materials-btn-submit { background: linear-gradient(135deg, #7C4521 0%, #633516 100%); color: #FFFFFF; border: 1px solid #6E3D1D; border-radius: 4px; font-size: 1.05rem; font-weight: 500; min-height: 48px; transition: background 0.2s ease, border-color 0.2s ease; }
.materials-page-content .materials-btn-submit:hover { background: linear-gradient(135deg, #633516 0%, #4D2810 100%); color: #FFFFFF; border-color: #542D13; }
@media (max-width: 767px) { .materials-page-content .materials-section-heading { font-size: 16px; hyphens: auto; } .materials-page-content .materials-form-heading { font-size: 16px; hyphens: auto; } .materials-page-content .materials-card-title { font-size: 14px; min-height: auto; hyphens: auto; } .materials-page-content .materials-circle-thumb-wrapper { width: 120px; height: 120px; } .materials-page-content .materials-form-container { padding: 1.25rem; } }

.editorial-comment-card {
    background-color: #FFFFFF;
    border: 1px solid #E3D6C9;
    border-radius: 4px;
    padding: 1.5rem;
    box-shadow: 0 2px 10px rgba(62, 36, 17, 0.05);
    font-family: 'Song Myung', serif;
    color: #241A14;
    transition: border-color .2s ease
}

.editorial-comment-card:hover {
    border-color: #C45525
}

.editorial-comment-avatar {
    width: 46px;
    height: 46px;
    object-fit: cover;
    border: 1px solid #E9DFD5;
    flex-shrink: 0
}

.editorial-comment-author {
    font-size: 1.05rem;
    font-weight: 400;
    color: #241A14;
    line-height: 1.2
}

.editorial-comment-badge {
    font-size: 0.75rem;
    padding: 0.15rem 0.5rem;
    background-color: #F3ECE4;
    color: #6E3D1D;
    border: 1px solid #E3D6C9;
    border-radius: 2px;
    display: inline-block
}

.editorial-comment-date {
    font-size: 0.8rem;
    color: #9A8C82;
    margin-top: 2px
}

.editorial-comment-body {
    background: linear-gradient(90deg, rgba(196, 85, 37, 0.03) 0%, rgba(251, 248, 244, 0) 100%);
    padding: 0.75rem 0.5rem;
    border-left: 2px solid #C45525
}

.editorial-comment-text {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #241A14
}

.editorial-comment-footer {
    border-top-color: #E9DFD5 !important
}

.editorial-comment-topic {
    font-size: 0.8rem;
    color: #6C6057
}

.editorial-reply-btn {
    background: transparent;
    border: none;
    color: #6E3D1D;
    font-size: 0.85rem;
    padding: 0.25rem 0.5rem;
    cursor: pointer;
    display: inline-flex;
    align-items: center
}

.editorial-reply-btn:hover {
    color: #C45525
}

.editorial-like-btn {
    background: #FFFFFF;
    border: 1px solid #E3D6C9;
    border-radius: 2px;
    color: #6C6057;
    font-size: 0.85rem;
    padding: 0.3rem 0.7rem;
    cursor: pointer
}

.editorial-like-btn:hover {
    color: #C45525;
    border-color: #C45525
}

.like-count {
    font-size: 0.85rem;
    color: #241A14
}

.editorial-reply-card {
    background-color: #FBF8F4;
    border: 1px solid #E3D6C9;
    border-left: 3px solid #8D5B36;
    border-radius: 0 4px 4px 0;
    padding: 1.1rem 1.25rem;
    font-family: 'Song Myung', serif;
    color: #241A14
}

.editorial-reply-avatar {
    width: 36px;
    height: 36px;
    object-fit: cover;
    border: 1px solid #E3D6C9;
    flex-shrink: 0
}

.editorial-reply-target {
    font-size: 0.8rem;
    color: #C45525
}

.editorial-reply-body {
    padding-top: 0.25rem
}

.editorial-reply-body .editorial-comment-text {
    font-size: 0.9rem;
    line-height: 1.55;
    color: #241A14
}


/* ===== PAGE TEMPLATE: korean-trends-list ===== */
.vorentiq-header {
    background-color: #FFFFFF;
    border-color: #E3D6C9 !important;
    font-family: 'Song Myung', serif;
    position: relative;
    z-index: 1030;
}

.vorentiq-topbar {
    background-color: #F3ECE4;
    border-bottom: 1px solid #E9DFD5;
}

.vorentiq-dot {
    width: 6px;
    height: 6px;
    background-color: #C45525;
    border-radius: 50%;
    display: inline-block;
}

.vorentiq-date-text,
.vorentiq-slogan-text {
    font-size: 0.8rem;
    color: #6C6057;
    line-height: 1.4;
}

.vorentiq-masthead {
    background-color: #FFFFFF;
}

.vorentiq-issue-tag {
    display: inline-block;
    padding: 0.2rem 0.6rem;
    background-color: #FBF8F4;
    border: 1px solid #E3D6C9;
    color: #C45525;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
}

.vorentiq-issue-desc {
    font-size: 0.85rem;
    color: #6C6057;
}

.vorentiq-brand {
    color: #241A14;
    transition: opacity 0.2s ease;
}

.vorentiq-brand:hover {
    opacity: 0.85;
}

.vorentiq-logo-img {
    max-width: 44px;
    max-height: 44px;
    object-fit: contain;
    display: block;
}

.vorentiq-brand-name {
    font-size: 1.85rem;
    color: #241A14;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 1.2;
}

.vorentiq-brand-sub {
    font-size: 0.7rem;
    color: #8D5B36;
    letter-spacing: 0.12em;
    margin-top: 0.25rem;
    display: block;
}

.vorentiq-btn-contact {
    background: linear-gradient(135deg, #7C4521 0%, #633516 100%);
    border: 1px solid #6E3D1D;
    color: #FFFFFF !important;
    padding: 0.5rem 1.1rem;
    font-size: 0.85rem;
    border-radius: 4px;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
}

.vorentiq-btn-contact:hover {
    background: linear-gradient(135deg, #633516 0%, #4D2810 100%);
    color: #FFFFFF !important;
}

.vorentiq-navbar {
    background-color: #FBF8F4;
    border-top: 1px solid #E9DFD5;
}

.vorentiq-toggler {
    border: 1px solid #E3D6C9;
    padding: 0.35rem 0.65rem;
    background-color: #FFFFFF;
    color: #241A14;
}

.vorentiq-toggler:focus {
    box-shadow: 0 0 0 0.2rem rgba(196, 85, 37, 0.2);
    border-color: #C45525;
}

.vorentiq-toggler-text {
    font-size: 0.85rem;
    color: #241A14;
}

.vorentiq-nav-list {
    border-top: 1px solid transparent;
}

.vorentiq-nav-link {
    color: #241A14 !important;
    font-size: 0.95rem;
    padding: 0.8rem 1rem !important;
    position: relative;
    transition: color 0.2s ease, background-color 0.2s ease;
    text-align: center;
}

.vorentiq-nav-link:hover,
.vorentiq-nav-link.active {
    color: #C45525 !important;
    background: linear-gradient(90deg, rgba(196, 85, 37, 0.08) 0%, rgba(251, 248, 244, 0) 100%);
}

.vorentiq-nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background-color: #C45525;
    transition: width 0.2s ease;
}

.vorentiq-nav-link:hover::after,
.vorentiq-nav-link.active::after {
    width: 60%;
}

.vorentiq-body {
    background-color: #FBF8F4;
    color: #241A14;
    font-family: 'Song Myung', serif;
}

.text-accent {
    color: #C45525 !important;
}

.vorentiq-detail-page {
    background-color: #FBF8F4;
}

.vorentiq-detail-page .vorentiq-hero-section {
    position: relative;
    background-color: #241A14;
    background-position: center;
    background-size: cover;
    min-height: 460px;
    display: flex;
    align-items: center;
}

.vorentiq-detail-page .vorentiq-video-overlay {
    background: linear-gradient(135deg, rgba(36, 26, 20, 0.92) 0%, rgba(36, 26, 20, 0.78) 100%);
}

.vorentiq-detail-page .vorentiq-hero-lead {
    background-color: rgba(36, 26, 20, 0.55);
    border: 1px solid rgba(227, 214, 201, 0.25);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}

.vorentiq-detail-page .vorentiq-category-badge {
    background-color: #C45525;
    font-size: 0.8rem;
    letter-spacing: 0.05em;
    border-radius: 3px;
}

.vorentiq-detail-page .vorentiq-edition-date {
    font-size: 0.85rem;
    opacity: 0.85;
}

.vorentiq-detail-page .vorentiq-hero-title {
    font-size: 2.3rem;
    line-height: 1.3;
    font-weight: 400;
    overflow-wrap: anywhere;
}

.vorentiq-detail-page .vorentiq-hero-text {
    font-size: 1.05rem;
    line-height: 1.7;
    max-width: 750px;
    opacity: 0.92;
    overflow-wrap: anywhere;
}

.vorentiq-detail-page .vorentiq-section-header {
    position: relative;
}

.vorentiq-detail-page .vorentiq-section-tag {
    font-size: 0.8rem;
    color: #8D5B36;
    letter-spacing: 0.05em;
}

.vorentiq-detail-page .vorentiq-section-heading {
    font-size: 1.75rem;
    line-height: 1.3;
    color: #241A14;
    font-weight: 400;
    overflow-wrap: anywhere;
}

.vorentiq-detail-page .vorentiq-body-copy p {
    font-size: 0.98rem;
    line-height: 1.75;
    color: #241A14;
    overflow-wrap: anywhere;
}

.vorentiq-detail-page .vorentiq-custom-list {
    list-style: none;
}

.vorentiq-detail-page .vorentiq-custom-list li {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #6C6057;
    overflow-wrap: anywhere;
}

.vorentiq-detail-page .vorentiq-media-frame {
    padding: 0.5rem;
}

.vorentiq-detail-page .vorentiq-media-backdrop {
    position: absolute;
    top: 12px;
    right: -10px;
    width: 100%;
    height: 100%;
    background-color: #F3ECE4;
    border: 1px solid #E3D6C9;
    border-radius: 4px;
    z-index: 0;
}

.vorentiq-detail-page .vorentiq-media-backdrop-alt {
    right: auto;
    left: -10px;
}

.vorentiq-detail-page .vorentiq-media-wrapper {
    z-index: 1;
    background-color: #FFFFFF;
    border: 1px solid #E3D6C9;
    padding: 6px;
    border-radius: 4px;
}

.vorentiq-detail-page .vorentiq-media-wrapper img {
    max-height: 380px;
    object-fit: cover;
    border-radius: 2px;
}

.vorentiq-detail-page .vorentiq-media-caption {
    font-size: 0.8rem;
    line-height: 1.4;
    color: #6C6057 !important;
    text-align: center;
}

.vorentiq-detail-page .vorentiq-cta-banner {
    background-color: #F3ECE4;
    border: 1px solid #E3D6C9;
    border-left: 4px solid #C45525;
}

.vorentiq-detail-page .vorentiq-cta-label {
    font-size: 0.8rem;
    color: #C45525;
    letter-spacing: 0.05em;
}

.vorentiq-detail-page .vorentiq-cta-title {
    font-size: 1.25rem;
    color: #241A14;
    font-weight: 400;
    line-height: 1.35;
}

.vorentiq-detail-page .vorentiq-cta-desc {
    font-size: 0.92rem;
    color: #6C6057 !important;
    line-height: 1.5;
}

.vorentiq-detail-page .vorentiq-btn-primary {
    background: linear-gradient(135deg, #7C4521 0%, #633516 100%);
    border: 1px solid #6E3D1D;
    color: #FFFFFF;
    border-radius: 4px;
    font-size: 0.92rem;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.vorentiq-detail-page .vorentiq-btn-primary:hover {
    background: linear-gradient(135deg, #633516 0%, #4D2810 100%);
    border-color: #542D13;
    color: #FFFFFF;
}

.vorentiq-detail-page .vorentiq-facts-block {
    background-color: #FFFFFF;
    border: 1px solid #E3D6C9;
    box-shadow: 0 2px 10px rgba(62, 36, 17, 0.05);
}

.vorentiq-detail-page .vorentiq-fact-tile {
    background-color: #FBF8F4;
    border: 1px solid #E9DFD5;
    transition: transform 0.2s ease, border-color 0.2s ease;
}

.vorentiq-detail-page .vorentiq-fact-tile:hover {
    transform: translateY(-2px);
    border-color: #C45525;
}

.vorentiq-detail-page .vorentiq-fact-icon {
    font-size: 1.5rem;
    color: #C45525;
}

.vorentiq-detail-page .vorentiq-fact-value {
    font-size: 1.15rem;
    color: #6E3D1D;
    font-weight: 600;
    line-height: 1.3;
}

.vorentiq-detail-page .vorentiq-fact-label {
    font-size: 0.85rem;
    color: #6C6057;
    line-height: 1.4;
}

.vorentiq-detail-page .vorentiq-related-block {
    background-color: #FFFFFF;
    border: 1px solid #E3D6C9;
}

.vorentiq-detail-page .vorentiq-view-all-link {
    color: #C45525;
    transition: color 0.2s ease;
}

.vorentiq-detail-page .vorentiq-view-all-link:hover {
    color: #6E3D1D;
    text-decoration: underline;
}

.vorentiq-detail-page .vorentiq-related-card {
    background-color: #FBF8F4;
    border: 1px solid #E9DFD5;
    transition: all 0.2s ease;
    color: #241A14;
}

.vorentiq-detail-page .vorentiq-related-card:hover {
    background-color: #F3ECE4;
    border-color: #C45525;
    color: #6E3D1D;
    transform: translateX(3px);
}

.vorentiq-detail-page .vorentiq-related-badge {
    font-size: 0.72rem;
    color: #8D5B36;
    background-color: #FFFFFF;
    border: 1px solid #E3D6C9;
    padding: 1px 6px;
    border-radius: 2px;
}

.vorentiq-detail-page .vorentiq-related-title {
    font-size: 0.95rem;
    line-height: 1.4;
    font-weight: 400;
    color: #241A14;
    overflow-wrap: anywhere;
}

.vorentiq-detail-page .vorentiq-related-arrow {
    font-size: 1.3rem;
    color: #C45525;
}

.vorentiq-detail-page .editorial-comment-card,
.vorentiq-detail-page .editorial-reply-card {
    background-color: #FFFFFF;
    border: 1px solid #E3D6C9;
    padding: 1.25rem;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(62, 36, 17, 0.04);
}

.vorentiq-detail-page .editorial-reply-card {
    background-color: #FBF8F4;
    border-color: #E9DFD5;
    border-left: 3px solid #8D5B36;
}

.vorentiq-detail-page .editorial-comment-avatar,
.vorentiq-detail-page .editorial-reply-avatar {
    width: 42px;
    height: 42px;
    object-fit: cover;
    border: 1px solid #E3D6C9;
}

.vorentiq-detail-page .editorial-reply-avatar {
    width: 34px;
    height: 34px;
}

.vorentiq-detail-page .editorial-comment-author {
    font-size: 0.95rem;
    font-weight: 600;
    color: #241A14;
}

.vorentiq-detail-page .editorial-comment-badge {
    font-size: 0.72rem;
    color: #C45525;
    background-color: #F3ECE4;
    padding: 1px 6px;
    border-radius: 3px;
    border: 1px solid #E3D6C9;
}

.vorentiq-detail-page .editorial-comment-date {
    font-size: 0.78rem;
    color: #9A8C82;
}

.vorentiq-detail-page .editorial-comment-text {
    font-size: 0.92rem;
    line-height: 1.6;
    color: #241A14;
    overflow-wrap: anywhere;
}

.vorentiq-detail-page .editorial-comment-topic {
    font-size: 0.8rem;
    color: #8D5B36;
}

.vorentiq-detail-page .editorial-reply-target {
    font-size: 0.82rem;
    color: #6E3D1D;
}

.vorentiq-detail-page .editorial-like-btn {
    background: #FFFFFF;
    border: 1px solid #E3D6C9;
    color: #6C6057;
    padding: 0.25rem 0.6rem;
    font-size: 0.82rem;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.vorentiq-detail-page .editorial-like-btn:hover,
.vorentiq-detail-page .editorial-like-btn.active {
    color: #C45525;
    border-color: #C45525;
    background-color: #F3ECE4;
}

.vorentiq-detail-page .editorial-like-btn.active i {
    color: #C45525;
}

.vorentiq-detail-page .editorial-reply-btn {
    background: none;
    border: none;
    color: #6E3D1D;
    font-size: 0.82rem;
    cursor: pointer;
    padding: 0;
    transition: color 0.2s ease;
}

.vorentiq-detail-page .editorial-reply-btn:hover {
    color: #C45525;
    text-decoration: underline;
}

.vorentiq-detail-page .vorentiq-comment-form-container {
    background-color: #FFFFFF;
    border: 1px solid #E3D6C9;
    box-shadow: 0 2px 10px rgba(62, 36, 17, 0.05);
}

.vorentiq-detail-page .vorentiq-form-heading {
    font-size: 1.25rem;
    color: #241A14;
    font-weight: 400;
}

.vorentiq-detail-page .vorentiq-form-label {
    font-size: 0.88rem;
    color: #6E3D1D;
    margin-bottom: 0.35rem;
}

.vorentiq-detail-page .vorentiq-input,
.vorentiq-detail-page .vorentiq-textarea {
    background-color: #FBF8F4;
    border: 1px solid #E3D6C9;
    color: #241A14;
    font-size: 0.92rem;
    border-radius: 4px;
    padding: 0.55rem 0.8rem;
}

.vorentiq-detail-page .vorentiq-input:focus,
.vorentiq-detail-page .vorentiq-textarea:focus {
    background-color: #FFFFFF;
    border-color: #C45525;
    box-shadow: 0 0 0 0.2rem rgba(196, 85, 37, 0.15);
    color: #241A14;
}

.vorentiq-detail-page .vorentiq-input::placeholder,
.vorentiq-detail-page .vorentiq-textarea::placeholder {
    color: #9A8C82;
    opacity: 1;
}

.vt-footer {
    background-color: #F3ECE4;
    color: #241A14;
    font-family: 'Song Myung', serif;
    padding-top: 3.5rem;
    padding-bottom: 2.5rem;
    border-top: 1px solid #E3D6C9;
}

.vt-footer .vt-footer__top {
    border-bottom: 1px solid #E3D6C9;
}

.vt-footer .vt-footer__logo-title {
    font-size: 1.85rem;
    line-height: 1.3;
    color: #6E3D1D;
    font-weight: 400;
    margin-bottom: 0.8rem;
    letter-spacing: 0.02em;
}

.vt-footer .vt-footer__brand-desc {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #6C6057;
    margin-bottom: 1.2rem;
    overflow-wrap: anywhere;
}

.vt-footer .vt-footer__pub-info {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.vt-footer .vt-footer__pub-badge {
    font-size: 0.75rem;
    color: #FFFFFF;
    background-color: #C45525;
    padding: 0.2rem 0.55rem;
    border-radius: 4px;
    letter-spacing: 0.04em;
    display: inline-block;
}

.vt-footer .vt-footer__pub-text {
    font-size: 0.85rem;
    color: #6C6057;
}

.vt-footer .vt-footer__section-title {
    font-size: 1.1rem;
    line-height: 1.4;
    color: #6E3D1D;
    font-weight: 400;
    margin-bottom: 1.1rem;
    position: relative;
    padding-bottom: 0.35rem;
}

.vt-footer .vt-footer__section-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 20px;
    height: 2px;
    background-color: #C45525;
}

.vt-footer .vt-footer__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.vt-footer .vt-footer__link {
    color: #6C6057;
    text-decoration: none;
    font-size: 0.92rem;
    transition: color 0.2s ease;
    display: inline-block;
    overflow-wrap: anywhere;
}

.vt-footer .vt-footer__link:hover,
.vt-footer .vt-footer__link:focus {
    color: #C45525;
    text-decoration: none;
}

.vt-footer .vt-footer__contact-group {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.vt-footer .vt-footer__contact-item {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.vt-footer .vt-footer__contact-label {
    font-size: 0.82rem;
    color: #6E3D1D;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.vt-footer .vt-footer__contact-label i {
    color: #C45525;
    font-size: 0.9rem;
}

.vt-footer .vt-footer__contact-value {
    font-size: 0.92rem;
    color: #6C6057;
    overflow-wrap: anywhere;
}

.vt-footer .vt-footer__contact-link {
    text-decoration: none;
    transition: color 0.2s ease;
}

.vt-footer .vt-footer__contact-link:hover,
.vt-footer .vt-footer__contact-link:focus {
    color: #C45525;
    text-decoration: underline;
}

.vt-footer .vt-footer__bottom {
    border-top-color: #E3D6C9 !important;
}

.vt-footer .vt-footer__copy {
    font-size: 0.85rem;
    color: #6C6057;
    overflow-wrap: anywhere;
}

.vt-footer .vt-footer__status-text {
    font-size: 0.82rem;
    color: #6E3D1D;
    overflow-wrap: anywhere;
}

.vt-footer .vt-footer__status-text i {
    color: #C45525;
    margin-right: 0.25rem;
}

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

    .vorentiq-detail-page .vorentiq-section-heading {
        font-size: 1rem;
        hyphens: auto;
    }

    .vorentiq-detail-page .vorentiq-cta-title {
        font-size: 0.875rem;
        hyphens: auto;
    }

    .vorentiq-detail-page .vorentiq-media-backdrop,
    .vorentiq-detail-page .vorentiq-media-backdrop-alt {
        display: none;
    }

    .vorentiq-detail-page .editorial-reply-card {
        margin-left: 0.75rem !important;
    }

    .vt-footer {
        padding-top: 2.5rem;
        padding-bottom: 2rem;
    }

    .vt-footer .vt-footer__logo-title {
        font-size: 1.5rem;
    }

    .vt-footer .vt-footer__section-title {
        font-size: 1.05rem;
        margin-bottom: 0.75rem;
    }

    .vt-footer .vt-footer__brand-desc {
        font-size: 0.9rem;
    }

    .vt-footer .vt-footer__status-text {
        text-align: left !important;
        margin-top: 0.4rem;
    }
}

/* ===== PAGE TEMPLATE: collection-reviews-list ===== */
body.vorentiq-body {
    font-family: 'Song Myung', serif;
    background-color: #FBF8F4;
    color: #241A14;
    overflow-x: hidden;
}

.vorentiq-main-editorial {
    font-family: 'Song Myung', serif;
    background-color: #FBF8F4;
}

.vorentiq-header {
    background-color: #FFFFFF;
    border-color: #E3D6C9 !important;
    font-family: 'Song Myung', serif;
    position: relative;
    z-index: 1030;
}

.vorentiq-topbar {
    background-color: #F3ECE4;
    border-bottom: 1px solid #E9DFD5;
}

.vorentiq-dot {
    width: 6px;
    height: 6px;
    background-color: #C45525;
    border-radius: 50%;
    display: inline-block;
}

.vorentiq-date-text,
.vorentiq-slogan-text {
    font-size: 0.8rem;
    color: #6C6057;
    line-height: 1.4;
}

.vorentiq-masthead {
    background-color: #FFFFFF;
}

.vorentiq-issue-tag {
    display: inline-block;
    padding: 0.2rem 0.6rem;
    background-color: #FBF8F4;
    border: 1px solid #E3D6C9;
    color: #C45525;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
}

.vorentiq-issue-desc {
    font-size: 0.85rem;
    color: #6C6057;
}

.vorentiq-brand {
    color: #241A14;
    transition: opacity 0.2s ease;
}

.vorentiq-brand:hover {
    opacity: 0.85;
}

.vorentiq-logo-img {
    max-width: 44px;
    max-height: 44px;
    object-fit: contain;
    display: block;
}

.vorentiq-brand-name {
    font-size: 1.85rem;
    color: #241A14;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 1.2;
}

.vorentiq-brand-sub {
    font-size: 0.7rem;
    color: #8D5B36;
    letter-spacing: 0.12em;
    margin-top: 0.25rem;
    display: block;
}

.vorentiq-btn-contact {
    background: linear-gradient(135deg, #7C4521 0%, #633516 100%);
    border: 1px solid #6E3D1D;
    color: #FFFFFF !important;
    padding: 0.5rem 1.1rem;
    font-size: 0.85rem;
    border-radius: 4px;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
}

.vorentiq-btn-contact:hover {
    background: linear-gradient(135deg, #633516 0%, #4D2810 100%);
    color: #FFFFFF !important;
}

.vorentiq-navbar {
    background-color: #FBF8F4;
    border-top: 1px solid #E9DFD5;
}

.vorentiq-toggler {
    border: 1px solid #E3D6C9;
    padding: 0.35rem 0.65rem;
    background-color: #FFFFFF;
    color: #241A14;
}

.vorentiq-toggler:focus {
    box-shadow: 0 0 0 0.2rem rgba(196, 85, 37, 0.2);
    border-color: #C45525;
}

.vorentiq-toggler-text {
    font-size: 0.85rem;
    color: #241A14;
}

.vorentiq-nav-list {
    border-top: 1px solid transparent;
}

.vorentiq-nav-link {
    color: #241A14 !important;
    font-size: 0.95rem;
    padding: 0.8rem 1rem !important;
    position: relative;
    transition: color 0.2s ease, background-color 0.2s ease;
    text-align: center;
}

.vorentiq-nav-link:hover,
.vorentiq-nav-link.active {
    color: #C45525 !important;
    background: linear-gradient(90deg, rgba(196, 85, 37, 0.08) 0%, rgba(251, 248, 244, 0) 100%);
}

.vorentiq-nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background-color: #C45525;
    transition: width 0.2s ease;
}

.vorentiq-nav-link:hover::after,
.vorentiq-nav-link.active::after {
    width: 60%;
}

.vorentiq-detail-hero {
    background-color: #F3ECE4;
    border-bottom: 1px solid #E3D6C9;
}

.vorentiq-badge-accent {
    background-color: #C45525;
    color: #FFFFFF;
    font-size: 0.75rem;
    padding: 0.25rem 0.65rem;
    border-radius: 3px;
    letter-spacing: 0.05em;
}

.vorentiq-hero-date {
    font-size: 0.85rem;
    color: #6C6057;
}

.vorentiq-detail-title {
    font-size: 2.3rem;
    line-height: 1.3;
    color: #241A14;
    overflow-wrap: anywhere;
}

.vorentiq-detail-subtitle {
    font-size: 1.1rem;
    line-height: 1.6;
    color: #6C6057;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    overflow-wrap: anywhere;
}

.vorentiq-author-bar {
    font-size: 0.9rem;
    color: #6C6057;
    border-color: #E3D6C9 !important;
}

.vorentiq-meta-divider {
    color: #C45525;
}

.text-accent {
    color: #C45525 !important;
}

.vorentiq-column-editorial {
    max-width: 960px;
}

.vorentiq-image-framed {
    background-color: #FFFFFF;
    border: 1px solid #E3D6C9;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(62, 36, 17, 0.05);
}

.vorentiq-image-box img {
    max-height: 480px;
    width: 100%;
    object-fit: cover;
    border-radius: 2px;
}

.vorentiq-caption-text {
    font-size: 0.85rem;
    color: #6C6057;
    line-height: 1.4;
}

.vorentiq-lead-wrapper {
    border-bottom: 1px solid #E3D6C9;
}

.vorentiq-lead-text {
    font-size: 1.25rem;
    line-height: 1.7;
    color: #241A14;
    font-weight: 400;
    overflow-wrap: anywhere;
}

.vorentiq-fact-tile {
    background-color: #FFFFFF;
    border: 1px solid #E3D6C9;
    border-radius: 4px;
    transition: border-color 0.2s ease;
}

.vorentiq-fact-tile:hover {
    border-color: #C45525;
}

.vorentiq-fact-icon {
    font-size: 1.5rem;
    color: #C45525;
    display: inline-block;
}

.vorentiq-fact-label {
    font-size: 0.8rem;
    color: #8D5B36;
    margin-bottom: 0.25rem;
}

.vorentiq-fact-value {
    font-size: 1rem;
    color: #241A14;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.vorentiq-section-header {
    position: relative;
}

.vorentiq-eyebrow {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #C45525;
    display: block;
    margin-bottom: 0.25rem;
}

.vorentiq-content-h2 {
    font-size: 1.75rem;
    line-height: 1.3;
    color: #241A14;
    overflow-wrap: anywhere;
}

.vorentiq-body-paragraph {
    font-size: 1rem;
    line-height: 1.8;
    color: #241A14;
    margin-bottom: 1.4rem;
    overflow-wrap: anywhere;
}

.vorentiq-dropcap-block::first-letter {
    font-size: 3.2rem;
    float: left;
    line-height: 0.85;
    padding-right: 0.5rem;
    padding-top: 0.15rem;
    color: #6E3D1D;
    font-weight: 700;
}

.vorentiq-pull-quote {
    background-color: #F3ECE4;
    border-left: 3px solid #C45525;
    border-radius: 0 4px 4px 0;
    position: relative;
}

.vorentiq-quote-mark {
    font-size: 2rem;
    color: #C45525;
    opacity: 0.4;
    line-height: 1;
    display: block;
    margin-bottom: 0.5rem;
}

.vorentiq-quote-text {
    font-size: 1.25rem;
    line-height: 1.6;
    color: #6E3D1D;
    font-weight: 400;
    overflow-wrap: anywhere;
}

.vorentiq-quote-author {
    font-size: 0.9rem;
    color: #8D5B36;
    font-style: normal;
    display: block;
}

.vorentiq-split-cta {
    background: #FFFFFF;
    border: 1px solid #E3D6C9;
    box-shadow: 0 4px 14px rgba(62, 36, 17, 0.06);
}

.vorentiq-cta-title {
    font-size: 1.3rem;
    color: #241A14;
    overflow-wrap: anywhere;
}

.vorentiq-cta-desc {
    font-size: 0.92rem;
    color: #6C6057;
    overflow-wrap: anywhere;
}

.vorentiq-btn-primary {
    background: linear-gradient(135deg, #7C4521 0%, #633516 100%);
    border: 1px solid #6E3D1D;
    color: #FFFFFF !important;
    border-radius: 4px;
    font-size: 0.92rem;
    transition: background 0.2s ease, border-color 0.2s ease;
    display: inline-block;
    text-decoration: none;
}

.vorentiq-btn-primary:hover {
    background: linear-gradient(135deg, #633516 0%, #4D2810 100%);
    border-color: #542D13;
    color: #FFFFFF !important;
}

.vorentiq-related-card {
    background-color: #FFFFFF;
    border: 1px solid #E3D6C9;
    border-radius: 4px;
    transition: transform 0.2s ease, border-color 0.2s ease;
}

.vorentiq-related-card:hover {
    transform: translateY(-2px);
    border-color: #C45525;
}

.vorentiq-related-thumb {
    height: 140px;
    overflow: hidden;
}

.vorentiq-related-meta {
    font-size: 0.75rem;
    color: #8D5B36;
}

.vorentiq-related-title {
    font-size: 1.05rem;
    line-height: 1.4;
}

.vorentiq-related-title a {
    color: #241A14;
    transition: color 0.2s ease;
}

.vorentiq-related-title a:hover {
    color: #C45525;
}

.vorentiq-related-desc {
    font-size: 0.85rem;
    color: #6C6057;
    line-height: 1.5;
    overflow-wrap: anywhere;
}


.editorial-comment-card,
.editorial-reply-card {
    background-color: #FFFFFF;
    border: 1px solid #E3D6C9;
    border-radius: 4px;
    padding: 1.25rem;
}

.editorial-comment-avatar,
.editorial-reply-avatar {
    width: 44px;
    height: 44px;
    object-fit: cover;
    border: 1px solid #E3D6C9;
}

.editorial-reply-avatar {
    width: 36px;
    height: 36px;
}

.editorial-comment-author {
    font-size: 0.95rem;
    color: #241A14;
    font-weight: 600;
}

.editorial-comment-badge {
    font-size: 0.75rem;
    background-color: #F3ECE4;
    color: #8D5B36;
    padding: 0.15rem 0.45rem;
    border-radius: 3px;
}

.editorial-comment-date {
    font-size: 0.78rem;
    color: #9A8C82;
}

.editorial-reply-target {
    font-size: 0.85rem;
    color: #C45525;
}

.editorial-like-btn {
    background: #FBF8F4;
    border: 1px solid #E3D6C9;
    color: #6C6057;
    font-size: 0.85rem;
    padding: 0.25rem 0.6rem;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.editorial-like-btn:hover,
.editorial-like-btn.is-active {
    background-color: #F3ECE4;
    color: #C45525;
    border-color: #C45525;
}

.editorial-like-btn.is-active i {
    color: #C45525;
}

.editorial-comment-text {
    font-size: 0.92rem;
    line-height: 1.6;
    color: #241A14;
    overflow-wrap: anywhere;
}

.editorial-comment-topic {
    font-size: 0.8rem;
    color: #8D5B36;
}

.editorial-reply-btn {
    background: transparent;
    border: none;
    color: #6E3D1D;
    font-size: 0.85rem;
    cursor: pointer;
    padding: 0;
    transition: color 0.2s ease;
}

.editorial-reply-btn:hover {
    color: #C45525;
    text-decoration: underline;
}

.vorentiq-comment-form-wrap {
    background-color: #FFFFFF;
    border: 1px solid #E3D6C9;
}

.vorentiq-form-title {
    font-size: 1.25rem;
    color: #241A14;
}

.vorentiq-form-label {
    font-size: 0.85rem;
    color: #6E3D1D;
    margin-bottom: 0.35rem;
}

.vorentiq-input,
.vorentiq-textarea {
    background-color: #FBF8F4;
    border: 1px solid #E3D6C9;
    color: #241A14;
    font-size: 0.92rem;
}

.vorentiq-input:focus,
.vorentiq-textarea:focus {
    background-color: #FFFFFF;
    border-color: #C45525;
    box-shadow: 0 0 0 0.2rem rgba(196, 85, 37, 0.15);
    color: #241A14;
}

.vorentiq-input::placeholder,
.vorentiq-textarea::placeholder {
    color: #9A8C82;
    opacity: 1;
}

.vt-footer {
    background-color: #F3ECE4;
    color: #241A14;
    font-family: 'Song Myung', serif;
    padding-top: 3.5rem;
    padding-bottom: 2.5rem;
    border-top: 1px solid #E3D6C9;
}

.vt-footer .vt-footer__top {
    border-bottom: 1px solid #E3D6C9;
}

.vt-footer .vt-footer__logo-title {
    font-size: 1.85rem;
    line-height: 1.3;
    color: #6E3D1D;
    font-weight: 400;
    margin-bottom: 0.8rem;
    letter-spacing: 0.02em;
}

.vt-footer .vt-footer__brand-desc {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #6C6057;
    margin-bottom: 1.2rem;
    overflow-wrap: anywhere;
}

.vt-footer .vt-footer__pub-info {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.vt-footer .vt-footer__pub-badge {
    font-size: 0.75rem;
    color: #FFFFFF;
    background-color: #C45525;
    padding: 0.2rem 0.55rem;
    border-radius: 4px;
    letter-spacing: 0.04em;
    display: inline-block;
}

.vt-footer .vt-footer__pub-text {
    font-size: 0.85rem;
    color: #6C6057;
}

.vt-footer .vt-footer__section-title {
    font-size: 1.1rem;
    line-height: 1.4;
    color: #6E3D1D;
    font-weight: 400;
    margin-bottom: 1.1rem;
    position: relative;
    padding-bottom: 0.35rem;
}

.vt-footer .vt-footer__section-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 20px;
    height: 2px;
    background-color: #C45525;
}

.vt-footer .vt-footer__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.vt-footer .vt-footer__link {
    color: #6C6057;
    text-decoration: none;
    font-size: 0.92rem;
    transition: color 0.2s ease;
    display: inline-block;
    overflow-wrap: anywhere;
}

.vt-footer .vt-footer__link:hover,
.vt-footer .vt-footer__link:focus {
    color: #C45525;
    text-decoration: none;
}

.vt-footer .vt-footer__contact-group {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.vt-footer .vt-footer__contact-item {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.vt-footer .vt-footer__contact-label {
    font-size: 0.82rem;
    color: #6E3D1D;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.vt-footer .vt-footer__contact-label i {
    color: #C45525;
    font-size: 0.9rem;
}

.vt-footer .vt-footer__contact-value {
    font-size: 0.92rem;
    color: #6C6057;
    overflow-wrap: anywhere;
}

.vt-footer .vt-footer__contact-link {
    text-decoration: none;
    transition: color 0.2s ease;
}

.vt-footer .vt-footer__contact-link:hover,
.vt-footer .vt-footer__contact-link:focus {
    color: #C45525;
    text-decoration: underline;
}

.vt-footer .vt-footer__bottom {
    border-top-color: #E3D6C9 !important;
}

.vt-footer .vt-footer__copy {
    font-size: 0.85rem;
    color: #6C6057;
    overflow-wrap: anywhere;
}

.vt-footer .vt-footer__status-text {
    font-size: 0.82rem;
    color: #6E3D1D;
    overflow-wrap: anywhere;
}

.vt-footer .vt-footer__status-text i {
    color: #C45525;
    margin-right: 0.25rem;
}

@media (max-width: 991.98px) {
    .vorentiq-navbar {
        background-color: #FFFFFF;
    }

    .vorentiq-nav-list {
        border-top: 1px solid #E9DFD5;
        padding-top: 0.5rem !important;
    }

    .vorentiq-nav-link {
        text-align: left;
        padding: 0.6rem 0.5rem !important;
        border-bottom: 1px solid #F3ECE4;
    }

    .vorentiq-nav-link::after {
        display: none;
    }

    .vorentiq-brand-name {
        font-size: 1.4rem;
    }

    .vorentiq-brand-sub {
        font-size: 0.65rem;
    }
}

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

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

    .vorentiq-cta-title {
        font-size: 0.875rem;
    }

    .vorentiq-lead-text {
        font-size: 1rem;
    }

    .vorentiq-quote-text {
        font-size: 1rem;
    }

    .vorentiq-dropcap-block::first-letter {
        font-size: 2.2rem;
    }

    .editorial-reply-card {
        margin-left: 1rem !important;
    }

    .vt-footer {
        padding-top: 2.5rem;
        padding-bottom: 2rem;
    }

    .vt-footer .vt-footer__logo-title {
        font-size: 1.5rem;
    }

    .vt-footer .vt-footer__section-title {
        font-size: 1.05rem;
        margin-bottom: 0.75rem;
    }

    .vt-footer .vt-footer__brand-desc {
        font-size: 0.9rem;
    }

    .vt-footer .vt-footer__status-text {
        text-align: left !important;
        margin-top: 0.4rem;
    }
}

/* ===== PAGE TEMPLATE: materials-and-design-list ===== */
.vt-detail-body {
    background-color: #FBF8F4;
    color: #241A14;
    font-family: 'Song Myung', serif;
}

.vorentiq-header {
    background-color: #FFFFFF;
    border-color: #E3D6C9 !important;
    font-family: 'Song Myung', serif;
    position: relative;
    z-index: 1030;
}

.vorentiq-topbar {
    background-color: #F3ECE4;
    border-bottom: 1px solid #E9DFD5;
}

.vorentiq-dot {
    width: 6px;
    height: 6px;
    background-color: #C45525;
    border-radius: 50%;
    display: inline-block;
}

.vorentiq-date-text,
.vorentiq-slogan-text {
    font-size: 0.8rem;
    color: #6C6057;
    line-height: 1.4;
}

.vorentiq-masthead {
    background-color: #FFFFFF;
}

.vorentiq-issue-tag {
    display: inline-block;
    padding: 0.2rem 0.6rem;
    background-color: #FBF8F4;
    border: 1px solid #E3D6C9;
    color: #C45525;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
}

.vorentiq-issue-desc {
    font-size: 0.85rem;
    color: #6C6057;
}

.vorentiq-brand {
    color: #241A14;
    transition: opacity 0.2s ease;
}

.vorentiq-brand:hover {
    opacity: 0.85;
}

.vorentiq-logo-img {
    max-width: 44px;
    max-height: 44px;
    object-fit: contain;
    display: block;
}

.vorentiq-brand-name {
    font-size: 1.85rem;
    color: #241A14;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 1.2;
}

.vorentiq-brand-sub {
    font-size: 0.7rem;
    color: #8D5B36;
    letter-spacing: 0.12em;
    margin-top: 0.25rem;
    display: block;
}

.vorentiq-btn-contact {
    background: linear-gradient(135deg, #7C4521 0%, #633516 100%);
    border: 1px solid #6E3D1D;
    color: #FFFFFF !important;
    padding: 0.5rem 1.1rem;
    font-size: 0.85rem;
    border-radius: 4px;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
}

.vorentiq-btn-contact:hover {
    background: linear-gradient(135deg, #633516 0%, #4D2810 100%);
    color: #FFFFFF !important;
}

.vorentiq-navbar {
    background-color: #FBF8F4;
    border-top: 1px solid #E9DFD5;
}

.vorentiq-toggler {
    border: 1px solid #E3D6C9;
    padding: 0.35rem 0.65rem;
    background-color: #FFFFFF;
    color: #241A14;
}

.vorentiq-toggler:focus {
    box-shadow: 0 0 0 0.2rem rgba(196, 85, 37, 0.2);
    border-color: #C45525;
}

.vorentiq-toggler-text {
    font-size: 0.85rem;
    color: #241A14;
}

.vorentiq-nav-list {
    border-top: 1px solid transparent;
}

.vorentiq-nav-link {
    color: #241A14 !important;
    font-size: 0.95rem;
    padding: 0.8rem 1rem !important;
    position: relative;
    transition: color 0.2s ease, background-color 0.2s ease;
    text-align: center;
}

.vorentiq-nav-link:hover,
.vorentiq-nav-link.active {
    color: #C45525 !important;
    background: linear-gradient(90deg, rgba(196, 85, 37, 0.08) 0%, rgba(251, 248, 244, 0) 100%);
}

.vorentiq-nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background-color: #C45525;
    transition: width 0.2s ease;
}

.vorentiq-nav-link:hover::after,
.vorentiq-nav-link.active::after {
    width: 60%;
}

.vorentiq-hero-section {
    position: relative;
    background-color: #241A14;
    font-family: 'Song Myung', serif;
    min-height: 280px;
    display: flex;
    align-items: center;
}

.vorentiq-hero-section .vorentiq-hero-lead {
    background-color: rgba(36, 26, 20, 0.65);
    border: 1px solid rgba(227, 214, 201, 0.25);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}

.vorentiq-hero-section .vorentiq-category-badge {
    background-color: #C45525;
    font-size: 0.8rem;
    letter-spacing: 0.05em;
    border-radius: 3px;
}

.vorentiq-hero-section .vorentiq-edition-date {
    font-size: 0.85rem;
    opacity: 0.85;
}

.vorentiq-hero-section .vorentiq-hero-title {
    font-size: 2.1rem;
    line-height: 1.3;
    font-weight: 400;
    overflow-wrap: anywhere;
}

.vorentiq-hero-section .vorentiq-hero-text {
    font-size: 1rem;
    line-height: 1.6;
    max-width: 650px;
    opacity: 0.92;
    overflow-wrap: anywhere;
}

.vorentiq-btn-primary {
    background: linear-gradient(135deg, #7C4521 0%, #633516 100%);
    border: 1px solid #6E3D1D;
    color: #FFFFFF !important;
    border-radius: 4px;
    font-size: 0.95rem;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.vorentiq-btn-primary:hover {
    background: linear-gradient(135deg, #633516 0%, #4D2810 100%);
    border-color: #542D13;
    color: #FFFFFF !important;
}

.vorentiq-btn-secondary {
    background-color: #FFFFFF;
    border: 1px solid #E3D6C9;
    color: #241A14 !important;
    border-radius: 4px;
    font-size: 0.95rem;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.vorentiq-btn-secondary:hover {
    background-color: #F3ECE4;
    color: #6E3D1D !important;
    border-color: #C45525;
}

.vt-detail-main {
    font-family: 'Song Myung', serif;
}

.vt-breadcrumb .breadcrumb-item a {
    color: #6E3D1D;
    text-decoration: none;
}

.vt-breadcrumb .breadcrumb-item.active {
    color: #6C6057;
}

.vt-detail-article {
    border-color: #E3D6C9 !important;
    box-shadow: 0 2px 10px rgba(62, 36, 17, 0.05);
}

.vt-meta-item {
    font-size: 0.85rem;
    color: #6C6057;
}

.vt-meta-item i {
    color: #C45525;
}

.vt-lead-text {
    font-size: 1.05rem;
    line-height: 1.7;
    color: #241A14;
    overflow-wrap: anywhere;
}

.vt-main-img {
    max-height: 480px;
    object-fit: cover;
}

.vt-section-h2 {
    font-size: 1.45rem;
    color: #241A14;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.vt-sec-num {
    color: #C45525;
    font-weight: 600;
}

.vt-content-p {
    font-size: 0.95rem;
    line-height: 1.7;
    color: #6C6057;
    overflow-wrap: anywhere;
}

.vt-fact-tile {
    background-color: #FBF8F4;
    border-color: #E9DFD5 !important;
}

.vt-fact-icon {
    font-size: 1.5rem;
    color: #C45525;
}

.vt-fact-value {
    font-size: 1.1rem;
    color: #241A14;
    font-weight: 600;
}

.vt-fact-label {
    font-size: 0.8rem;
    color: #6C6057;
}

.vt-highlight-box {
    background-color: #F3ECE4;
}

.vt-quote {
    font-size: 1.05rem;
    line-height: 1.6;
    color: #241A14;
    font-style: normal;
    overflow-wrap: anywhere;
}

.vt-quote-author {
    font-size: 0.85rem;
    color: #8D5B36;
}

.vt-feature-item {
    font-size: 0.95rem;
    color: #241A14;
    line-height: 1.5;
}

.vt-item-icon {
    color: #C45525;
    font-size: 1.1rem;
}

.vt-cta-box {
    background-color: #F3ECE4;
    border: 1px solid #E3D6C9;
}

.vt-cta-icon {
    font-size: 2rem;
    color: #C45525;
}

.vt-cta-title {
    font-size: 1.3rem;
    color: #241A14;
    line-height: 1.3;
}

.vt-cta-text {
    font-size: 0.95rem;
    color: #6C6057;
    max-width: 500px;
    overflow-wrap: anywhere;
}

.vt-related-section,
.vt-comments-section {
    border-color: #E3D6C9 !important;
    box-shadow: 0 2px 10px rgba(62, 36, 17, 0.05);
}

.vt-block-title {
    font-size: 1.25rem;
    color: #241A14;
}

.vt-badge-sub {
    font-size: 0.75rem;
    color: #8D5B36;
    background-color: #F3ECE4;
    padding: 2px 8px;
    border-radius: 3px;
}

.vt-related-card {
    background-color: #FBF8F4;
    border-color: #E9DFD5 !important;
    transition: border-color 0.2s ease, transform 0.2s ease;
}

.vt-related-card:hover {
    border-color: #C45525 !important;
    transform: translateY(-2px);
}

.vt-card-tag {
    font-size: 0.75rem;
    color: #C45525;
}

.vt-card-title {
    font-size: 0.95rem;
    line-height: 1.4;
}

.vt-card-title a {
    color: #241A14;
    overflow-wrap: anywhere;
}

.vt-card-title a:hover {
    color: #C45525;
}

.vt-card-date {
    font-size: 0.75rem;
}

.editorial-comment-card {
    background-color: #FBF8F4;
    border: 1px solid #E9DFD5;
    padding: 1.25rem;
    border-radius: 4px;
}

.editorial-comment-avatar {
    width: 44px;
    height: 44px;
    object-fit: cover;
}

.editorial-comment-author {
    font-size: 0.95rem;
    color: #241A14;
    font-weight: 600;
}

.editorial-comment-badge {
    font-size: 0.75rem;
    color: #8D5B36;
    background-color: #F3ECE4;
    padding: 2px 6px;
    border-radius: 3px;
}

.editorial-comment-date {
    font-size: 0.75rem;
    color: #9A8C82;
}

.editorial-like-btn {
    background: transparent;
    border: 1px solid #E3D6C9;
    color: #6C6057;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.editorial-like-btn:hover,
.editorial-like-btn.liked {
    color: #C45525;
    border-color: #C45525;
    background-color: #FFFFFF;
}

.editorial-comment-text {
    font-size: 0.92rem;
    color: #241A14;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

.editorial-comment-topic {
    font-size: 0.8rem;
    color: #8D5B36;
}

.editorial-reply-btn {
    background: none;
    border: none;
    color: #6E3D1D;
    font-size: 0.85rem;
    cursor: pointer;
    padding: 0;
    transition: color 0.2s ease;
}

.editorial-reply-btn:hover {
    color: #C45525;
    text-decoration: underline;
}

.editorial-reply-card {
    background-color: #FFFFFF;
    border: 1px solid #E9DFD5;
    padding: 1rem;
    border-radius: 4px;
}

.editorial-reply-avatar {
    width: 36px;
    height: 36px;
    object-fit: cover;
}

.editorial-reply-target {
    font-size: 0.8rem;
}

.vt-form-heading {
    font-size: 1.15rem;
    color: #241A14;
}

.vt-form-label {
    font-size: 0.85rem;
    color: #6E3D1D;
}

.vt-form-control {
    background-color: #FBF8F4;
    border: 1px solid #E3D6C9;
    color: #241A14;
    font-size: 0.9rem;
}

.vt-form-control:focus {
    background-color: #FFFFFF;
    border-color: #C45525;
    box-shadow: 0 0 0 0.2rem rgba(196, 85, 37, 0.15);
    color: #241A14;
}

.vt-form-control::placeholder {
    color: #9A8C82;
    opacity: 1;
}

.vt-sticky-action-card {
    top: 2rem;
    border-color: #E3D6C9 !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
}

.vt-sticky-title {
    font-size: 1.15rem;
    color: #241A14;
}

.vt-sticky-badge {
    font-size: 0.75rem;
    color: #8D5B36;
    background-color: #F3ECE4;
    padding: 2px 8px;
    border-radius: 3px;
}

.vt-spec-label {
    font-size: 0.85rem;
}

.vt-spec-val {
    font-size: 0.9rem;
    color: #241A14;
    font-weight: 500;
}

.vt-sticky-cta {
    background-color: #FBF8F4;
    border: 1px solid #E9DFD5;
}

.vt-action-notice {
    font-size: 0.8rem;
}

.vt-action-price {
    font-size: 1.25rem;
    color: #6E3D1D;
    line-height: 1.3;
}

.vt-footer {
    background-color: #F3ECE4;
    color: #241A14;
    font-family: 'Song Myung', serif;
    padding-top: 3.5rem;
    padding-bottom: 2.5rem;
    border-top: 1px solid #E3D6C9;
}

.vt-footer .vt-footer__top {
    border-bottom: 1px solid #E3D6C9;
}

.vt-footer .vt-footer__logo-title {
    font-size: 1.85rem;
    line-height: 1.3;
    color: #6E3D1D;
    font-weight: 400;
    margin-bottom: 0.8rem;
    letter-spacing: 0.02em;
}

.vt-footer .vt-footer__brand-desc {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #6C6057;
    margin-bottom: 1.2rem;
    overflow-wrap: anywhere;
}

.vt-footer .vt-footer__pub-info {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.vt-footer .vt-footer__pub-badge {
    font-size: 0.75rem;
    color: #FFFFFF;
    background-color: #C45525;
    padding: 0.2rem 0.55rem;
    border-radius: 4px;
    letter-spacing: 0.04em;
    display: inline-block;
}

.vt-footer .vt-footer__pub-text {
    font-size: 0.85rem;
    color: #6C6057;
}

.vt-footer .vt-footer__section-title {
    font-size: 1.1rem;
    line-height: 1.4;
    color: #6E3D1D;
    font-weight: 400;
    margin-bottom: 1.1rem;
    position: relative;
    padding-bottom: 0.35rem;
}

.vt-footer .vt-footer__section-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 20px;
    height: 2px;
    background-color: #C45525;
}

.vt-footer .vt-footer__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.vt-footer .vt-footer__link {
    color: #6C6057;
    text-decoration: none;
    font-size: 0.92rem;
    transition: color 0.2s ease;
    display: inline-block;
    overflow-wrap: anywhere;
}

.vt-footer .vt-footer__link:hover,
.vt-footer .vt-footer__link:focus {
    color: #C45525;
    text-decoration: none;
}

.vt-footer .vt-footer__contact-group {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.vt-footer .vt-footer__contact-item {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.vt-footer .vt-footer__contact-label {
    font-size: 0.82rem;
    color: #6E3D1D;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.vt-footer .vt-footer__contact-label i {
    color: #C45525;
    font-size: 0.9rem;
}

.vt-footer .vt-footer__contact-value {
    font-size: 0.92rem;
    color: #6C6057;
    overflow-wrap: anywhere;
}

.vt-footer .vt-footer__contact-link {
    text-decoration: none;
    transition: color 0.2s ease;
}

.vt-footer .vt-footer__contact-link:hover,
.vt-footer .vt-footer__contact-link:focus {
    color: #C45525;
    text-decoration: underline;
}

.vt-footer .vt-footer__bottom {
    border-top-color: #E3D6C9 !important;
}

.vt-footer .vt-footer__copy {
    font-size: 0.85rem;
    color: #6C6057;
    overflow-wrap: anywhere;
}

.vt-footer .vt-footer__status-text {
    font-size: 0.82rem;
    color: #6E3D1D;
    overflow-wrap: anywhere;
}

.vt-footer .vt-footer__status-text i {
    color: #C45525;
    margin-right: 0.25rem;
}

@media (max-width: 991.98px) {
    .vorentiq-navbar {
        background-color: #FFFFFF;
    }

    .vorentiq-nav-list {
        border-top: 1px solid #E9DFD5;
        padding-top: 0.5rem !important;
    }

    .vorentiq-nav-link {
        text-align: left;
        padding: 0.6rem 0.5rem !important;
        border-bottom: 1px solid #F3ECE4;
    }

    .vorentiq-nav-link::after {
        display: none;
    }

    .vorentiq-brand-name {
        font-size: 1.4rem;
    }

    .vorentiq-brand-sub {
        font-size: 0.65rem;
    }

    .vt-sticky-action-card {
        position: static !important;
        margin-top: 1.5rem;
    }
}

@media (max-width: 767.98px) {
    .vorentiq-hero-section {
        min-height: auto;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .vorentiq-hero-section .vorentiq-hero-title {
        font-size: 1.125rem;
        hyphens: auto;
    }

    .vorentiq-hero-section .vorentiq-hero-text {
        font-size: 0.9rem;
    }

    .vorentiq-hero-section .vorentiq-hero-lead {
        padding: 1.25rem !important;
    }

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

    .vt-block-title {
        font-size: 0.875rem;
    }

    .vt-footer {
        padding-top: 2.5rem;
        padding-bottom: 2rem;
    }

    .vt-footer .vt-footer__logo-title {
        font-size: 1.5rem;
    }

    .vt-footer .vt-footer__section-title {
        font-size: 1.05rem;
        margin-bottom: 0.75rem;
    }

    .vt-footer .vt-footer__brand-desc {
        font-size: 0.9rem;
    }

    .vt-footer .vt-footer__status-text {
        text-align: left !important;
        margin-top: 0.4rem;
    }
}

/* mobile-text-guard */
@media (max-width: 767px) {
  .vorentiq-header {
    position: relative;
  }

  .vorentiq-masthead {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }

  .vorentiq-masthead .row {
    flex-wrap: nowrap;
  }

  .vorentiq-masthead .row > .col-12.col-lg-4 {
    width: calc(100% - 86px);
    flex: 0 0 calc(100% - 86px);
    min-width: 0;
    padding-right: 0.25rem;
    text-align: left !important;
    align-items: flex-start !important;
  }

  .vorentiq-brand {
    max-width: 100%;
    justify-content: flex-start !important;
    gap: 0.5rem !important;
  }

  .vorentiq-logo-img {
    width: 36px;
    height: 36px;
    max-width: 36px;
    max-height: 36px;
    flex: 0 0 36px;
  }

  .vorentiq-brand-name {
    min-width: 0;
    font-size: 1.25rem;
    line-height: 1.15;
    white-space: nowrap;
  }

  .vorentiq-brand-sub {
    display: block;
    width: 100%;
    margin-top: 0.15rem;
    font-size: clamp(0.48rem, 2vw, 0.6rem);
    line-height: 1.25;
    letter-spacing: 0.03em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .vorentiq-navbar {
    position: absolute;
    inset: 0 0 auto;
    height: 100%;
    padding: 0 !important;
    background-color: transparent;
    border-top: 0;
    pointer-events: none;
  }

  .vorentiq-navbar > .container {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  .vorentiq-toggler {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    margin-left: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0.3rem 0.5rem;
    pointer-events: auto;
  }

  .vorentiq-toggler .navbar-toggler-icon {
    width: 1.15em;
    height: 1.15em;
  }

  .vorentiq-toggler-text {
    font-size: 0.75rem;
  }

  .vorentiq-navbar .navbar-collapse {
    position: absolute;
    top: 100%;
    left: 0.75rem;
    right: 0.75rem;
    z-index: 1040;
    max-height: calc(100vh - 78px);
    overflow-y: auto;
    padding: 0 0.75rem 0.5rem;
    background-color: #FFFFFF;
    border: 1px solid #E3D6C9;
    border-top-color: #E9DFD5;
    box-shadow: 0 6px 18px rgba(62, 36, 17, 0.09);
    pointer-events: auto;
  }

  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%;
  }
}