:root {
    --primary-background: #0b0d10;
    --secondary-background: #12151b;
    --card-background: #181c24;
    --card-elevated: #202530;
    --card-hover: #262c3a;
    --border-subtle: #232834;
    --border-medium: #323a4b;
    --border-strong: #475369;
    --text-primary: #f8fafc;
    --text-secondary: #cbd5e1;
    --text-muted: #808f9f;
    --text-accent: #ffffff;
    --accent-primary: #e2e8f0;
    --accent-subtle: #2a3241;
    --badge-background: #1e2430;
    --badge-text: #94a3b8;
    --tag-border: #2d3545;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    background-color: #0b0d10;
    color: #f8fafc;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    background-color: #0b0d10;
    color: #f8fafc;
    min-height: 100vh;
    line-height: 1.5;
}

.font-headline {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
}

.font-mono {
    font-family: 'JetBrains Mono', monospace;
}

.text-muted {
    color: #808f9f !important;
}

.border-subtle {
    border-color: #232834;
}

.border-medium {
    border-color: #323a4b;
}

.bg-card {
    background-color: #181c24;
}

.bg-secondary {
    background-color: #12151b;
}

/* ===== header ===== */
.hanvero-header-section {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.hanvero-header-section .hanvero-nav-link:hover {
    border-color: #f8fafc;
}

.hanvero-header-section #js-mobile-menu.is-open {
    display: block;
}

/* ===== hero ===== */
.hn-hero-section h1,
.hn-hero-section h2 {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    hyphens: auto;
}

.hn-hero-section p,
.hn-hero-section span,
.hn-hero-section a {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.hn-hero-section .font-mono {
    font-family: 'JetBrains Mono', monospace;
}

.hn-hero-section .hn-lead-card {
    transition: border-color 0.15s ease-in-out;
}

.hn-hero-section .hn-lead-card:hover {
    border-color: #3e4758;
}

.hn-hero-section .hn-sub-card {
    transition: border-color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}

.hn-hero-section .hn-sub-card:hover {
    border-color: #3e4758;
    background-color: #202530;
}

.hn-hero-section .hn-side-feature {
    transition: border-color 0.15s ease-in-out;
}

.hn-hero-section .hn-side-feature:hover {
    border-color: #3e4758;
}

/* ===== main-news ===== */
.hanvero-main-news .hanvero-news-card {
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.hanvero-main-news .hanvero-news-card:hover {
    border-color: #3e4758;
    background-color: #1a1f28;
}

.hanvero-main-news .hanvero-news-card img {
    transition: opacity 0.15s ease;
}

.hanvero-main-news .hanvero-news-card:hover img {
    opacity: 0.92;
}

.hanvero-main-news .hanvero-card-btn {
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

/* ===== chronology ===== */
.chronology-feed {
    position: relative;
    background-color: #0b0d10;
}

.chronology-feed .chronology-item {
    transition: border-color 0.15s ease;
}

.chronology-feed .chronology-item:hover .bg-\[\#181c24\] {
    border-color: #3e4758;
}

.chronology-feed .line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.chronology-feed .line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ===== stories-tags ===== */
.stories-tags-section {
    box-sizing: border-box;
}

.stories-tags-section a {
    text-decoration: none;
}

.stories-tags-section .active-tag {
    background-color: #202530 !important;
    border-color: #cbd5e1 !important;
    color: #ffffff !important;
}

.stories-tags-section .js-story-card {
    transition: border-color 0.15s ease;
}

.stories-tags-section .line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ===== overnight-summary ===== */
.overnight-summary-section .summary-card:hover {
    border-color: #3e4758;
    background-color: #1a1f28;
}

.overnight-summary-section .summary-card a {
    text-decoration: none;
}

/* ===== live-broadcasts ===== */
.live-broadcasts-section .js-broadcast-item {
    transition: border-color 0.15s ease-in-out;
}

.live-broadcasts-section .js-broadcast-item:hover {
    border-color: #3e4758;
}

.live-broadcasts-section .js-broadcast-item.is-hidden {
    display: none;
}

/* ===== tech-news-grid ===== */
.tech-news-grid-section .tech-grid-card {
    border-radius: 2px;
}

.tech-news-grid-section .tech-grid-card:hover {
    border-color: #3e4758;
}

.tech-news-grid-section .tech-grid-card img {
    transition: opacity 0.2s ease;
}

.tech-news-grid-section .tech-grid-card:hover img {
    opacity: 0.92;
}

/* ===== reviews-grid ===== */
.hanvero-reviews-section .hanvero-review-card {
    border-radius: 2px;
    box-sizing: border-box;
}

.hanvero-reviews-section .hanvero-review-card:hover {
    border-color: #3e4758;
    background-color: #202530;
}

.hanvero-reviews-section .hanvero-card-title-link {
    text-decoration: none;
    hyphens: auto;
    word-break: keep-all;
}

.hanvero-reviews-section .hanvero-card-title-link:hover {
    color: #ffffff;
    text-decoration: underline;
}

.hanvero-reviews-section .hanvero-btn-action {
    border-radius: 2px;
    text-decoration: none;
}

.hanvero-reviews-section .hanvero-btn-action:hover {
    border-color: #475369;
    background-color: #262c3a;
    color: #ffffff;
}

/* ===== smart-home-grid ===== */
.smart-home-section {
    box-sizing: border-box;
}

.smart-home-section .js-article-card {
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

.smart-home-section .js-article-card:hover {
    border-color: #3e4758;
    background-color: #1c212c;
}

.smart-home-section .js-filter-btn.active {
    border-color: #cbd5e1;
    background-color: #2a3241;
    color: #ffffff;
}

/* ===== newsletter ===== */
.hanvero-newsletter-section .hanvero-input {
    background-color: #181c24;
    color: #f8fafc;
    border: 1px solid #323a4b;
}

.hanvero-newsletter-section .hanvero-input:focus {
    border-color: #e2e8f0;
    background-color: #202530;
}

.hanvero-newsletter-section .hanvero-input::placeholder {
    color: #808f9f;
    opacity: 1;
}

.hanvero-newsletter-section .hanvero-btn {
    min-height: 46px;
}

/* ===== footer ===== */
.hanvero-footer a {
    text-decoration: none;
}

.hanvero-footer .hanvero-footer-link:hover {
    color: #ffffff;
}

.hanvero-footer .hanvero-footer-link:hover i {
    color: #f8fafc;
}

/* ===== PAGE: privacy ===== */
.policy-content{padding-top:2.5rem;padding-bottom:3.5rem;background-color:#0b0d10;color:#cbd5e1;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif}.policy-content__wrapper{max-width:880px;margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem}.policy-content__header{border-bottom:1px solid #232834;padding-bottom:2rem;margin-bottom:2.5rem}.policy-content__meta{display:flex;flex-wrap:wrap;align-items:center;gap:0.75rem;margin-bottom:1rem}.policy-content__badge{font-family:'JetBrains Mono',monospace;font-size:0.75rem;letter-spacing:0.08em;padding:0.25rem 0.625rem;background-color:#1e2430;color:#94a3b8;border:1px solid #2d3545}.policy-content__date{font-family:'JetBrains Mono',monospace;font-size:0.8125rem;color:#808f9f}.policy-content__title{font-family:'Space Grotesk',-apple-system,sans-serif;font-size:18px;font-weight:700;line-height:1.25;color:#f8fafc;margin-bottom:1rem;word-break:keep-all}@media (min-width:768px){.policy-content__title{font-size:32px}}.policy-content__lead{font-size:0.9375rem;line-height:1.65;color:#cbd5e1;word-break:keep-all}@media (min-width:768px){.policy-content__lead{font-size:1.0625rem}}.policy-content__body{display:flex;flex-direction:column;gap:2rem}.policy-content__section{background-color:#12151b;border:1px solid #232834;padding:1.25rem}@media (min-width:768px){.policy-content__section{padding:1.75rem}}.policy-content__heading{font-family:'Space Grotesk',-apple-system,sans-serif;font-size:16px;font-weight:600;line-height:1.3;color:#f8fafc;margin-bottom:1rem;padding-bottom:0.625rem;border-bottom:1px solid #232834;word-break:keep-all}@media (min-width:768px){.policy-content__heading{font-size:22px}}.policy-content__subheading{font-family:'Space Grotesk',-apple-system,sans-serif;font-size:14px;font-weight:600;line-height:1.4;color:#e2e8f0;margin-top:1.25rem;margin-bottom:0.625rem;word-break:keep-all}@media (min-width:768px){.policy-content__subheading{font-size:18px}}.policy-content__section p{font-size:0.875rem;line-height:1.65;color:#cbd5e1;margin-bottom:0.875rem;word-break:keep-all}@media (min-width:768px){.policy-content__section p{font-size:0.9375rem}}.policy-content__section p:last-child{margin-bottom:0}.policy-content__list{list-style-type:disc;padding-left:1.25rem;margin-top:0.75rem;margin-bottom:0.875rem;display:flex;flex-direction:column;gap:0.5rem}.policy-content__list li{font-size:0.875rem;line-height:1.6;color:#cbd5e1;word-break:keep-all}@media (min-width:768px){.policy-content__list li{font-size:0.9375rem}}.policy-content__list li strong{color:#f8fafc;font-weight:600}.policy-content__notice{font-family:'JetBrains Mono',monospace;font-size:0.8125rem;color:#808f9f;margin-top:1rem;padding-top:0.75rem;border-top:1px dashed #232834}

/* ===== PAGE: terms ===== */
.policy-content { background-color: #0b0d10; color: #cbd5e1; padding: 2.5rem 1rem; } .policy-content .policy-content__wrapper { max-width: 860px; margin-left: auto; margin-right: auto; padding: 1.5rem; background-color: #12151b; border: 1px solid #232834; } .policy-content .policy-content__header { border-bottom: 1px solid #232834; padding-bottom: 1.5rem; margin-bottom: 2rem; } .policy-content .policy-content__badge { display: inline-block; font-family: 'JetBrains Mono', monospace; font-size: 0.75rem; letter-spacing: 0.1em; color: #94a3b8; background-color: #1e2430; border: 1px solid #2d3545; padding: 0.25rem 0.625rem; margin-bottom: 0.75rem; } .policy-content .policy-content__title { font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 18px; line-height: 1.25; font-weight: 700; color: #f8fafc; margin-bottom: 0.5rem; hyphens: auto; } @media (min-width: 768px) { .policy-content .policy-content__title { font-size: 32px; } } .policy-content .policy-content__date { font-family: 'JetBrains Mono', monospace; font-size: 0.8125rem; color: #808f9f; } .policy-content .policy-content__body { display: flex; flex-direction: column; gap: 1.75rem; } .policy-content .policy-content__section { border-left: 2px solid #323a4b; padding-left: 1rem; } .policy-content .policy-content__heading { font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 16px; line-height: 1.3; font-weight: 600; color: #f8fafc; margin-bottom: 0.625rem; hyphens: auto; } @media (min-width: 768px) { .policy-content .policy-content__heading { font-size: 22px; } } .policy-content .policy-content__paragraph { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 0.9375rem; line-height: 1.65; color: #cbd5e1; margin-bottom: 0.5rem; } .policy-content .policy-content__list { list-style-type: disc; margin-left: 1.25rem; display: flex; flex-direction: column; gap: 0.5rem; } .policy-content .policy-content__list li { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 0.9375rem; line-height: 1.6; color: #cbd5e1; } .policy-content .policy-content__list strong { color: #f8fafc; font-weight: 600; }

/* ===== PAGE: disclaimer ===== */
.policy-content { width: 100%; max-width: 960px; margin: 0 auto; padding: 2.5rem 1rem; box-sizing: border-box; } .policy-content .policy-card { background-color: #12151b; border: 1px solid #232834; padding: 2rem 1.5rem; border-radius: 4px; box-sizing: border-box; } @media (min-width: 768px) { .policy-content .policy-card { padding: 3rem 2.5rem; } } .policy-content .policy-title { color: #f8fafc; font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 700; line-height: 1.25; margin-bottom: 0.5rem; letter-spacing: -0.02em; hyphens: auto; } .policy-content .policy-date { color: #808f9f; font-family: 'JetBrains Mono', monospace; font-size: 0.8125rem; line-height: 1.5; margin-bottom: 1.5rem; } .policy-content .policy-divider { height: 1px; background-color: #232834; width: 100%; margin-bottom: 2rem; } .policy-content .policy-heading { color: #f8fafc; font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 600; line-height: 1.3; margin-top: 2rem; margin-bottom: 0.875rem; letter-spacing: -0.015em; hyphens: auto; } .policy-content .policy-text { color: #cbd5e1; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 0.9375rem; line-height: 1.7; margin-bottom: 1rem; } @media (min-width: 768px) { .policy-content .policy-text { font-size: 1rem; line-height: 1.75; } } .policy-content .policy-list { list-style-type: disc; list-style-position: inside; margin: 0.75rem 0 1.25rem 0.5rem; padding: 0; } .policy-content .policy-list li { color: #cbd5e1; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 0.9375rem; line-height: 1.65; margin-bottom: 0.5rem; } @media (min-width: 768px) { .policy-content .policy-list li { font-size: 1rem; } }

/* ===== PAGE: cookies ===== */
.policy-content{background-color:#0b0d10;color:#cbd5e1;padding:3.5rem 1.25rem;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.65;word-break:keep-all;overflow-wrap:break-word;hyphens:auto}.policy-content__wrapper{max-width:960px;margin-left:auto;margin-right:auto}.policy-content__header{border-bottom:1px solid #232834;padding-bottom:1.75rem;margin-bottom:2.25rem}.policy-content__badge{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.1em;padding:0.25rem 0.625rem;background-color:#1e2430;color:#94a3b8;border:1px solid #2d3545;margin-bottom:1rem}.policy-content__main-title{font-family:'Space Grotesk',sans-serif;color:#f8fafc;font-weight:700;line-height:1.2;font-size:18px;margin-bottom:0.75rem}@media (min-width:768px){.policy-content__main-title{font-size:32px}}.policy-content__meta{font-family:'JetBrains Mono',monospace;font-size:0.8125rem;color:#808f9f;margin:0}.policy-content__body{display:flex;flex-direction:column;gap:2rem}.policy-content__article{background-color:#12151b;border:1px solid #232834;padding:1.25rem}@media (min-width:768px){.policy-content__article{padding:1.75rem}}.policy-content__section-title{font-family:'Space Grotesk',sans-serif;color:#f8fafc;font-weight:600;line-height:1.3;font-size:16px;border-left:3px solid #cbd5e1;padding-left:0.75rem;margin-top:0;margin-bottom:1rem}@media (min-width:768px){.policy-content__section-title{font-size:22px}}.policy-content__sub-title{font-family:'Space Grotesk',sans-serif;color:#f8fafc;font-weight:600;line-height:1.3;font-size:14px;margin-top:0;margin-bottom:0.75rem}@media (min-width:768px){.policy-content__sub-title{font-size:18px}}.policy-content__paragraph{color:#cbd5e1;font-size:0.9375rem;line-height:1.7;margin-top:0;margin-bottom:1rem}.policy-content__paragraph:last-child{margin-bottom:0}.policy-content__highlight{color:#f8fafc;font-weight:600}.policy-content__list{list-style-type:disc;padding-left:1.25rem;margin:0 0 1rem 0;color:#cbd5e1;font-size:0.9375rem}.policy-content__list li{margin-bottom:0.5rem;line-height:1.6}.policy-content__list li:last-child{margin-bottom:0}.policy-content__table-container{width:100%;overflow-x:auto;margin:1.25rem 0;border:1px solid #232834}.policy-content__table{width:100%;border-collapse:collapse;text-align:left;font-size:0.875rem}.policy-content__table th{background-color:#181c24;color:#f8fafc;font-family:'Space Grotesk',sans-serif;font-weight:600;padding:0.75rem 1rem;border-bottom:1px solid #232834;border-right:1px solid #232834}.policy-content__table th:last-child{border-right:none}.policy-content__table td{background-color:#12151b;color:#cbd5e1;padding:0.75rem 1rem;border-bottom:1px solid #232834;border-right:1px solid #232834;vertical-align:middle}.policy-content__table td:last-child{border-right:none}.policy-content__table tbody tr:last-child td{border-bottom:none}.policy-content__table-title{color:#f8fafc;display:block;font-size:0.875rem}.policy-content__guide-box{background-color:#181c24;border:1px solid #323a4b;padding:1.25rem;margin-top:1rem}

/* ===== PAGE: tech-news ===== */
.tech-news-page .js-news-card{transition:border-color 0.15s ease,background-color 0.15s ease}.tech-news-page .js-news-card:hover{border-color:#3e4758;background-color:#1c212b}.tech-news-page .line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tech-news-page input::placeholder{color:#808f9f;opacity:1}

/* ===== PAGE: reviews ===== */
.reviews-page-root { box-sizing: border-box; }
.reviews-page-root .review-card { transition: border-color 0.15s ease, background-color 0.15s ease; }
.reviews-page-root .review-card:hover { border-color: #3e4758; background-color: #202530; }
.reviews-page-root .review-card a img { transition: transform 0.2s ease; }
.reviews-page-root .review-card:hover a img { transform: scale(1.02); }

/* ===== PAGE: smart-home ===== */
.smart-home-page { font-family: 'Inter', sans-serif; }
.smart-home-page h1, .smart-home-page h2, .smart-home-page h3 { font-family: 'Space Grotesk', sans-serif; }
.smart-home-page .smart-home-card { transition: border-color 0.15s ease, background-color 0.15s ease; }
.smart-home-page .smart-home-card:hover { border-color: #3e4758; background-color: #1c212b; }
.smart-home-page .smart-home-title-link { transition: color 0.15s ease; }
.smart-home-page .smart-home-title-link:hover { color: #ffffff; text-decoration: underline; }
.smart-home-page .smart-home-image-link img { transition: opacity 0.15s ease; }
.smart-home-page .smart-home-image-link:hover img { opacity: 0.9; }
.smart-home-page .smart-home-btn { font-family: 'JetBrains Mono', monospace; transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease; }
.smart-home-page .smart-home-btn:hover { background-color: #202530; border-color: #475369; color: #ffffff; }

/* ===== PAGE: about ===== */
.hanvero-about-section { box-sizing: border-box; } .hanvero-about-section * { box-sizing: border-box; } .hanvero-about-section p { hyphens: auto; }

.avatar-placeholder {
    width: 42px;
    height: 42px;
    min-width: 42px;
    border-radius: 4px;
    object-fit: cover;
}

.comment-item {
    background-color: #181c24;
    border-color: #232834;
}

.comment-item:hover {
    border-color: #3e4758;
}

.comment-content {
    color: #cbd5e1;
    line-height: 1.65;
    word-break: break-word;
}

.comment-action-btn {
    background: transparent;
    cursor: pointer;
}

.comment-action-btn:hover {
    color: #ffffff;
}

.reply-avatar-placeholder {
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 2px;
    object-fit: cover;
}

.reply-item {
    background-color: #12151b;
    border-color: #232834;
    border-left-color: #475369;
}

.reply-item:hover {
    border-right-color: #3e4758;
    border-top-color: #3e4758;
    border-bottom-color: #3e4758;
}

.reply-content {
    color: #cbd5e1;
    line-height: 1.6;
    word-break: break-word;
}

.reply-action-btn {
    background: transparent;
    cursor: pointer;
}

.reply-action-btn:hover {
    color: #ffffff;
}


/* ===== PAGE TEMPLATE: tech-news ===== */
.hanvero-header-section {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.hanvero-header-section .hanvero-nav-link:hover {
    border-color: #f8fafc;
}

.hanvero-header-section #js-mobile-menu.is-open {
    display: block;
}

.hn-detail-layout h1,
.hn-detail-layout h2,
.hn-detail-layout h3,
.hn-detail-layout h4 {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    hyphens: auto;
}

.hn-detail-layout p,
.hn-detail-layout span,
.hn-detail-layout a,
.hn-detail-layout button,
.hn-detail-layout li {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.hn-detail-layout .font-mono {
    font-family: 'JetBrains Mono', monospace;
}

.hn-detail-layout .hn-prose p {
    color: #cbd5e1;
    line-height: 1.7;
    margin: 0 0 1rem 0;
}

.hn-detail-layout .hn-accordion-item {
    transition: border-color 0.15s ease-in-out;
}

.hn-detail-layout .hn-accordion-item:hover {
    border-color: #3e4758;
}

.hn-detail-layout .js-accordion-icon.is-rotated {
    transform: rotate(180deg);
}

.hanvero-footer a {
    text-decoration: none;
}

.hanvero-footer .hanvero-footer-link:hover {
    color: #ffffff;
}

.hanvero-footer .hanvero-footer-link:hover i {
    color: #f8fafc;
}

/* ===== PAGE TEMPLATE: reviews ===== */
.hanvero-header-section {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.hanvero-header-section .hanvero-nav-link:hover {
    border-color: #f8fafc;
}

.hanvero-header-section #js-mobile-menu.is-open {
    display: block;
}

.hn-detail-block h1,
.hn-detail-block h2,
.hn-detail-block h3 {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    hyphens: auto;
}

.hn-detail-block p,
.hn-detail-block span,
.hn-detail-block a,
.hn-detail-block li {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.hn-detail-block .font-mono {
    font-family: 'JetBrains Mono', monospace;
}

.hn-detail-block .js-tab-btn.is-active {
    background-color: #1e2430;
    color: #f8fafc;
    border-color: #475369;
}

.hanvero-footer a {
    text-decoration: none;
}

.hanvero-footer .hanvero-footer-link:hover {
    color: #ffffff;
}

.hanvero-footer .hanvero-footer-link:hover i {
    color: #f8fafc;
}

/* ===== PAGE TEMPLATE: smart-home ===== */
.hanvero-header-section {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.hanvero-header-section .hanvero-nav-link:hover {
    border-color: #f8fafc;
}

.hanvero-header-section #js-mobile-menu.is-open {
    display: block;
}

.hanvero-detail-main h1,
.hanvero-detail-main h2,
.hanvero-detail-main h3,
.hanvero-detail-main h4 {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    hyphens: auto;
}

.hanvero-detail-main p,
.hanvero-detail-main span,
.hanvero-detail-main a,
.hanvero-detail-main li {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.hanvero-detail-main .font-mono {
    font-family: 'JetBrains Mono', monospace;
}

.hanvero-detail-main .hn-side-card {
    transition: border-color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}

.hanvero-detail-main .hn-side-card:hover {
    border-color: #3e4758;
    background-color: #181c24;
}

.hanvero-detail-main .hn-article-rich-text h2 {
    color: #f8fafc;
    font-size: 1.25rem;
    font-weight: 700;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    border-bottom: 1px solid #232834;
    padding-bottom: 0.5rem;
}

.hanvero-detail-main .hn-article-rich-text h3 {
    color: #f8fafc;
    font-size: 1.1rem;
    font-weight: 600;
    margin-top: 1.25rem;
    margin-bottom: 0.5rem;
}

.hanvero-detail-main .hn-article-rich-text p {
    color: #cbd5e1;
    line-height: 1.75;
    margin-bottom: 1.25rem;
}

.hanvero-detail-main .hn-article-rich-text ul {
    list-style-type: square;
    padding-left: 1.25rem;
    margin-bottom: 1.25rem;
    color: #cbd5e1;
}

.hanvero-detail-main .hn-article-rich-text li {
    margin-bottom: 0.5rem;
}

.hanvero-footer a {
    text-decoration: none;
}

.hanvero-footer .hanvero-footer-link:hover {
    color: #ffffff;
}

.hanvero-footer .hanvero-footer-link:hover i {
    color: #f8fafc;
}