/*
Theme Name: Thú Vị Mỗi Ngày
Theme URI: https://thuvimoingay.com
Author: Thú Vị Mỗi Ngày
Description: Laravel MVC and Blade powered editorial theme for Thú Vị Mỗi Ngày.
Version: 2.0.0
Requires at least: 6.9
Requires PHP: 8.3
Text Domain: idotsctheme
*/

:root {
    --ido-navy: #082c68;
    --ido-ink: #13294d;
    --ido-blue: #1781cf;
    --ido-sky: #53b7ed;
    --ido-orange: #f36b24;
    --ido-red: #e31720;
    --ido-paper: #f3f7fb;
    --ido-line: #dfe7f0;
    --ido-muted: #61728b;
    --ido-white: #fff;
    --ido-shell: 1200px;
    color-scheme: light;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ido-ink); background: var(--ido-white); font: 16px/1.65 "Noto Sans", "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC", "Noto Sans HK", Arial, sans-serif; }
img { max-width: 100%; height: auto; }
a { color: var(--ido-blue); text-decoration: none; }
a:hover { color: var(--ido-orange); }
button, input { font: inherit; }
button { cursor: pointer; }
.ido-shell { width: min(var(--ido-shell), calc(100% - 44px)); margin-inline: auto; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.ido-skip-link { position: fixed; z-index: 1000; top: 10px; left: 10px; padding: 10px 16px; color: #fff; background: var(--ido-navy); border-radius: 8px; transform: translateY(-160%); }
.ido-skip-link:focus { transform: translateY(0); color: #fff; }

.ido-header { position: relative; z-index: 10; background: #fff; box-shadow: 0 3px 18px #082c680d; }
.ido-header__top { min-height: 92px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.ido-brand { display: inline-flex; align-items: center; min-width: 220px; }
.ido-brand img { display: block; width: min(320px, 42vw); max-height: 76px; object-fit: contain; object-position: left center; }
.ido-header__tools { display: flex; align-items: center; gap: 22px; }
.ido-language { display: flex; align-items: center; gap: 6px; padding: 5px; border: 1px solid var(--ido-line); border-radius: 999px; background: #fff; }
.ido-language a { min-width: 38px; padding: 4px 9px; border-radius: 999px; color: #52637d; font-size: .75rem; font-weight: 800; text-align: center; }
.ido-language a[aria-current="page"], .ido-language a:hover { color: #fff; background: var(--ido-navy); }
.ido-menu-toggle { display: none; align-items: center; gap: 8px; border: 0; padding: 9px 12px; color: var(--ido-navy); background: var(--ido-paper); border-radius: 10px; font-weight: 700; }
.ido-menu-toggle__icon { font-size: 1.2rem; }
.ido-nav-wrap { border-top: 1px solid #edf1f6; }
.ido-nav { min-height: 54px; display: flex; align-items: center; gap: clamp(18px, 3vw, 36px); }
.ido-nav > a { position: relative; display: inline-flex; align-items: center; height: 54px; color: var(--ido-ink); font-size: .91rem; font-weight: 700; }
.ido-nav > a::after { position: absolute; right: 0; bottom: 0; left: 0; height: 3px; content: ""; background: var(--ido-orange); border-radius: 3px 3px 0 0; transform: scaleX(0); transition: transform .2s ease; }
.ido-nav > a:hover::after, .ido-nav > a:focus-visible::after { transform: scaleX(1); }
.ido-search { display: flex; align-items: center; gap: 5px; width: min(230px, 24vw); margin-left: auto; }
.ido-search input { width: 100%; min-width: 0; height: 38px; padding: 8px 12px; border: 1px solid var(--ido-line); border-radius: 999px; outline-color: var(--ido-blue); font-size: .85rem; }
.ido-search button { width: 38px; height: 38px; flex: 0 0 38px; border: 0; border-radius: 50%; color: #fff; background: var(--ido-blue); font-size: 1.4rem; line-height: 1; }

.ido-main { min-height: 60vh; }
.ido-hero { position: relative; isolation: isolate; overflow: hidden; color: #fff; background: linear-gradient(118deg, #06265d 0%, #0c4b92 54%, #147fc0 100%); }
.ido-hero::before { position: absolute; z-index: -1; inset: 0; content: ""; opacity: .24; background-image: radial-gradient(#fff 1px, transparent 1.5px); background-size: 28px 28px; mask-image: linear-gradient(90deg, transparent, #000 74%); }
.ido-hero__inner { position: relative; z-index: 1; min-height: 440px; display: grid; grid-template-columns: 1.12fr .88fr; align-items: center; gap: 30px; padding-block: clamp(48px, 7vw, 86px); }
.ido-hero__copy { max-width: 670px; }
.ido-eyebrow { margin: 0 0 12px; color: var(--ido-orange); font-size: .74rem; font-weight: 900; letter-spacing: .14em; line-height: 1.4; text-transform: uppercase; }
.ido-hero .ido-eyebrow { color: #ffba7b; }
.ido-hero h1 { max-width: 730px; margin: 0 0 20px; color: #fff; font-size: clamp(2.45rem, 5vw, 4.6rem); font-weight: 800; letter-spacing: -.045em; line-height: 1.08; }
.ido-hero__lead { max-width: 640px; margin: 0; color: #e1efff; font-size: clamp(1rem, 1.7vw, 1.2rem); }
.ido-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.ido-button { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; padding: 11px 19px; border: 1px solid transparent; border-radius: 9px; color: #fff; background: var(--ido-blue); font-size: .91rem; font-weight: 800; text-align: center; transition: transform .18s ease, background .18s ease, box-shadow .18s ease; }
.ido-button:hover { color: #fff; background: var(--ido-orange); transform: translateY(-2px); box-shadow: 0 8px 20px #f36b2433; }
.ido-button--light { color: var(--ido-navy); background: #fff; }
.ido-button--light:hover { color: var(--ido-navy); background: #eff7ff; }
.ido-button--outline { border-color: #ffffff80; color: #fff; background: transparent; }
.ido-button--outline:hover { color: var(--ido-navy); background: #fff; }
.ido-hero__visual { position: relative; min-height: 310px; display: grid; align-content: center; justify-items: center; overflow: hidden; border: 1px solid #ffffff35; border-radius: 28px; background: linear-gradient(145deg, #ffffff12, #ffffff04); box-shadow: inset 0 1px #ffffff40, 0 28px 70px #001a3e33; backdrop-filter: blur(5px); }
.ido-hero__orbit { position: absolute; width: 310px; height: 310px; border: 1px solid #bce9ff55; border-radius: 50%; animation: ido-orbit 18s linear infinite; }
.ido-hero__orbit::before, .ido-hero__orbit::after { position: absolute; width: 12px; height: 12px; content: ""; border: 3px solid #fff; border-radius: 50%; background: var(--ido-orange); box-shadow: 0 0 20px #f36b24aa; }
.ido-hero__orbit::before { top: 26px; left: 48px; }
.ido-hero__orbit::after { right: 23px; bottom: 64px; background: var(--ido-sky); }
.ido-hero__orbit--two { width: 225px; height: 225px; border-style: dashed; opacity: .5; animation-duration: 24s; animation-direction: reverse; }
.ido-hero__chip { position: relative; z-index: 1; width: 104px; height: 104px; display: grid; place-items: center; border: 5px solid #ffffffbd; border-radius: 28px; color: #fff; background: linear-gradient(145deg, var(--ido-orange), var(--ido-red)); box-shadow: 0 20px 50px #061c4c80; font-size: 1.8rem; font-weight: 900; letter-spacing: -.06em; transform: rotate(-8deg); }
.ido-hero__slides { position: relative; z-index: 1; width: min(320px, 82%); min-height: 63px; margin-top: 27px; text-align: center; }
.ido-hero__slide { position: absolute; inset: 0; margin: 0; color: #eff8ff; font-size: 1rem; font-weight: 700; opacity: 0; transform: translateY(8px); transition: opacity .45s ease, transform .45s ease; }
.ido-hero__slide.is-active { opacity: 1; transform: translateY(0); }
.ido-hero__controls { position: absolute; right: 16px; bottom: 14px; left: 16px; display: flex; align-items: center; justify-content: space-between; color: #d8edff; font-size: .75rem; }
.ido-hero__controls button { width: 32px; height: 32px; border: 1px solid #ffffff70; border-radius: 50%; color: #fff; background: #ffffff15; }
.ido-hero__controls button:hover { background: #ffffff35; }
.ido-hero__glow { position: absolute; z-index: -1; right: -190px; bottom: -320px; width: 620px; height: 620px; border-radius: 50%; background: radial-gradient(circle, #f36b2438 0, #f36b2400 68%); }
@keyframes ido-orbit { to { transform: rotate(360deg); } }

.ido-market-section { padding: 42px 0 47px; background: var(--ido-paper); border-bottom: 1px solid var(--ido-line); }
.ido-section-heading { margin: 0 0 24px; }
.ido-section-heading h2, .ido-archive-head h1 { margin: 0 0 8px; color: var(--ido-navy); font-size: clamp(1.7rem, 3vw, 2.45rem); letter-spacing: -.03em; line-height: 1.2; }
.ido-section-heading > p, .ido-section-heading div > p:last-child { margin: 0; color: var(--ido-muted); }
.ido-section-heading--market { display: flex; align-items: end; justify-content: space-between; gap: 20px; }
.ido-market-source { display: inline-flex; align-items: center; gap: 9px; padding: 8px 12px; border: 1px solid var(--ido-line); border-radius: 999px; color: #52637d; background: #fff; font-size: .78rem; font-weight: 700; white-space: nowrap; }
.ido-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #25aa73; box-shadow: 0 0 0 4px #25aa7322; }
.ido-market-table-wrap { overflow-x: auto; border: 1px solid var(--ido-line); border-radius: 15px; background: #fff; box-shadow: 0 9px 26px #102b4d08; }
.ido-market-table { width: 100%; border-collapse: collapse; text-align: left; }
.ido-market-table th, .ido-market-table td { padding: 14px 20px; border-bottom: 1px solid #edf1f6; }
.ido-market-table thead th { color: #78869a; background: #fafcfe; font-size: .73rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.ido-market-table tbody tr:last-child th, .ido-market-table tbody tr:last-child td { border-bottom: 0; }
.ido-market-table tbody th { width: 43%; font-weight: 700; }
.ido-coin-symbol { display: inline-grid; min-width: 48px; height: 32px; place-items: center; margin-right: 10px; border-radius: 9px; color: var(--ido-navy); background: #eaf4ff; font-size: .75rem; font-weight: 900; }
.ido-coin-name { color: #66758b; font-size: .83rem; font-weight: 500; }
.ido-market-table td { color: var(--ido-ink); font-variant-numeric: tabular-nums; font-weight: 700; }
.ido-market-table td small { color: #78869a; font-size: .7rem; font-weight: 700; }
.ido-market-up { color: #188657 !important; }
.ido-market-down { color: #c54343 !important; }
.ido-market-meta { display: flex; justify-content: space-between; gap: 20px; margin-top: 12px; color: #718096; font-size: .72rem; }

.ido-home-content { display: grid; grid-template-columns: minmax(0,1fr) 305px; gap: clamp(34px, 5vw, 68px); padding-block: 62px 80px; }
.ido-home-main { min-width: 0; }
.ido-home-main > .ido-section-heading { margin-bottom: 26px; }
.ido-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 22px; }
.ido-card { min-width: 0; overflow: hidden; border: 1px solid var(--ido-line); border-radius: 15px; background: #fff; box-shadow: 0 7px 25px #102b4d08; transition: transform .2s ease, box-shadow .2s ease; }
.ido-card:hover { transform: translateY(-4px); box-shadow: 0 17px 35px #102b4d12; }
.ido-card__image { display: block; overflow: hidden; background: var(--ido-paper); }
.ido-card__image img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; transition: transform .35s ease; }
.ido-card:hover .ido-card__image img { transform: scale(1.03); }
.ido-card__body { padding: 20px; }
.ido-card__meta { display: flex; align-items: center; gap: 3px; margin: 0 0 9px; color: #718096; font-size: .72rem; font-weight: 700; }
.ido-card__body h2 { margin: 0 0 10px; font-size: 1.12rem; letter-spacing: -.015em; line-height: 1.35; }
.ido-card__body h2 a { color: var(--ido-navy); }
.ido-card__body h2 a:hover { color: var(--ido-orange); }
.ido-card__body > p:not(.ido-card__meta) { margin: 0; color: var(--ido-muted); font-size: .91rem; line-height: 1.55; }
.ido-text-link { display: inline-flex; align-items: center; gap: 7px; margin-top: 14px; font-size: .85rem; font-weight: 800; }
.ido-text-link span { transition: transform .18s ease; }
.ido-text-link:hover span { transform: translateX(3px); }
.ido-empty { padding: 28px; border: 1px dashed var(--ido-line); border-radius: 12px; color: var(--ido-muted); background: var(--ido-paper); }

.ido-sidebar { min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.ido-sidebar-card { padding: 22px; border: 1px solid var(--ido-line); border-radius: 14px; background: #fff; box-shadow: 0 7px 25px #102b4d08; }
.ido-sidebar-card--brand { color: #fff; border: 0; background: linear-gradient(155deg, var(--ido-navy), #104b92); }
.ido-sidebar-card--brand img { width: 100%; max-width: 180px; max-height: 74px; object-fit: contain; object-position: left center; padding: 9px; border-radius: 10px; background: #fff; }
.ido-sidebar-card h2 { margin: 14px 0 8px; color: var(--ido-navy); font-size: 1.12rem; line-height: 1.3; }
.ido-sidebar-card--brand h2 { color: #fff; }
.ido-sidebar-card p { margin: 0; color: var(--ido-muted); font-size: .88rem; }
.ido-sidebar-card--brand p { color: #d6e9fc; }
.ido-sidebar-card--brand .ido-button { margin-top: 17px; color: var(--ido-navy); background: #fff; }
.ido-sidebar-card--brand .ido-button:hover { color: #fff; background: var(--ido-orange); }
.ido-sidebar-card .ido-eyebrow { margin: 0; }
.ido-sidebar-list { display: grid; gap: 12px; margin: 13px 0 0; padding: 0; list-style: none; }
.ido-sidebar-list li { padding-top: 11px; border-top: 1px solid #edf1f6; }
.ido-sidebar-list a { display: block; color: var(--ido-ink); font-size: .86rem; font-weight: 750; line-height: 1.4; }
.ido-sidebar-list time { display: block; margin-top: 4px; color: #8795a8; font-size: .7rem; }
.ido-sidebar-note { margin: 0; padding: 14px 16px; border-left: 3px solid var(--ido-orange); color: #697990; background: #fff8f3; font-size: .76rem; }

.ido-content-layout { display: grid; grid-template-columns: minmax(0,1fr) 305px; align-items: start; gap: clamp(34px, 5vw, 68px); padding-block: 55px 80px; }
.ido-content-column, .ido-article { min-width: 0; }
.ido-archive-head { max-width: 820px; margin: 0 0 26px; }
.ido-archive-head h1 { margin-bottom: 0; }
.ido-article { max-width: 880px; }
.ido-article h1 { margin: 0 0 20px; color: var(--ido-navy); font-size: clamp(2.2rem, 4vw, 3.4rem); letter-spacing: -.04em; line-height: 1.12; }
.ido-article__image { display: block; width: 100%; max-height: 570px; margin: 0 0 24px; border-radius: 15px; object-fit: cover; }
.ido-article__lead { margin: 0 0 26px; color: #546681; font-size: 1.16rem; line-height: 1.55; }
.ido-prose { color: #283852; font-size: 1.04rem; line-height: 1.78; overflow-wrap: anywhere; }
.ido-prose > * { max-width: 100%; }
.ido-prose h2, .ido-prose h3, .ido-prose h4 { margin: 1.65em 0 .65em; color: var(--ido-navy); font-weight: 800; letter-spacing: -.02em; line-height: 1.25; }
.ido-prose h2 { font-size: 1.72rem; }
.ido-prose h3 { font-size: 1.3rem; }
.ido-prose p { margin: 0 0 1.2em; }
.ido-prose img { height: auto; border-radius: 10px; }
.ido-prose figure { margin: 1.5em 0; }
.ido-prose blockquote { margin: 1.5em 0; padding: 10px 22px; border-left: 4px solid var(--ido-orange); color: #435574; background: var(--ido-paper); }
.ido-prose ul, .ido-prose ol { padding-left: 1.4em; }
.ido-prose table { width: 100%; border-collapse: collapse; }
.ido-prose th, .ido-prose td { padding: 10px 12px; border: 1px solid var(--ido-line); }
.ido-prose a { text-decoration: underline; text-underline-offset: 3px; }
.ido-prose iframe { width: 100%; max-width: 100%; }

.ido-search-form { margin-top: 24px; }
.ido-search-form > label { display: block; margin-bottom: 7px; color: #425571; font-size: .84rem; font-weight: 750; }
.ido-search-row { display: flex; gap: 10px; max-width: 560px; }
.ido-search-row input { flex: 1; min-width: 0; min-height: 46px; padding: 10px 14px; border: 1px solid var(--ido-line); border-radius: 9px; outline-color: var(--ido-blue); }
.ido-pagination { margin-top: 32px; }
.ido-pagination ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 7px; padding: 0; list-style: none; }
.ido-pagination a, .ido-pagination span { min-width: 38px; display: block; padding: 7px 11px; border: 1px solid var(--ido-line); border-radius: 8px; color: var(--ido-navy); text-align: center; }
.ido-pagination .current { color: #fff; border-color: var(--ido-navy); background: var(--ido-navy); }
.ido-404 { padding-block: 90px; text-align: center; }
.ido-404 h1 { margin: 0 0 12px; color: var(--ido-navy); font-size: clamp(2.2rem, 5vw, 3.6rem); }
.ido-404 p:not(.ido-eyebrow) { margin: 0 0 24px; color: var(--ido-muted); }

.ido-footer { padding: 48px 0 0; color: #dce8f6; background: #061f4c; }
.ido-footer__grid { display: grid; grid-template-columns: 1.25fr 1fr .75fr; gap: 45px; padding-bottom: 35px; }
.ido-footer__brand img { display: block; width: min(310px, 100%); max-height: 80px; padding: 9px 12px; border-radius: 9px; background: #fff; object-fit: contain; object-position: left center; }
.ido-footer__brand p { max-width: 340px; margin: 17px 0 0; color: #b7cce6; }
.ido-footer h2 { margin: 0 0 15px; color: #fff; font-size: 1rem; }
.ido-footer p { margin: 0 0 9px; color: #c3d2e6; font-size: .86rem; }
.ido-footer a { color: #fff; }
.ido-footer a:hover { color: #ffb27c; }
.ido-footer__link { display: block; width: fit-content; margin: 0 0 8px; color: #c3d2e6 !important; font-size: .86rem; }
.ido-footer__bottom { min-height: 65px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-top: 1px solid #ffffff21; color: #aebfd5; font-size: .72rem; }
.ido-footer__bottom span:last-child { max-width: 460px; text-align: right; }

.ido-breadcrumbs ol { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; list-style: none; color: var(--ido-muted); font-size: .78rem; }
.ido-breadcrumbs li + li::before { margin-right: 8px; content: "/"; color: #9aa7b8; }
.ido-legacy-layout { margin-block: 18px; }
.ido-legacy-layout--section { padding-block: clamp(18px,4vw,48px); }
.ido-legacy-layout--row, .ido-legacy-layout--row_inner, .ido-legacy-layout--row_inner_1, .ido-legacy-layout--row_inner_2 { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 20px; }
.ido-legacy-col { grid-column: span 12; min-width: 0; }
.ido-legacy-col--1 { grid-column: span 1; }.ido-legacy-col--2 { grid-column: span 2; }.ido-legacy-col--3 { grid-column: span 3; }.ido-legacy-col--4 { grid-column: span 4; }.ido-legacy-col--5 { grid-column: span 5; }.ido-legacy-col--6 { grid-column: span 6; }.ido-legacy-col--7 { grid-column: span 7; }.ido-legacy-col--8 { grid-column: span 8; }.ido-legacy-col--9 { grid-column: span 9; }.ido-legacy-col--10 { grid-column: span 10; }.ido-legacy-col--11 { grid-column: span 11; }
.ido-legacy-layout--ux_stack, .ido-legacy-layout--ux_stack_inner { display: flex; flex-wrap: wrap; gap: 20px; }
.ido-legacy-layout--ux_banner { position: relative; min-height: 230px; display: grid; align-items: center; overflow: hidden; border-radius: 15px; }
.ido-legacy-image img, .ido-legacy-gallery img { display: block; width: 100%; height: auto; border-radius: 10px; }
.ido-legacy-gallery { display: grid; grid-template-columns: repeat(auto-fit,minmax(150px,1fr)); gap: 14px; }
.ido-legacy-accordion, .ido-legacy-tab { margin: 8px 0; padding: 14px 18px; border: 1px solid var(--ido-line); border-radius: 10px; }
.ido-legacy-accordion summary, .ido-legacy-tab summary { color: var(--ido-navy); font-weight: 750; cursor: pointer; }
.ido-legacy-gap { min-height: 0; }
.ido-legacy-divider { border: 0; border-top: 1px solid var(--ido-line); }

@media (max-width: 900px) {
    .ido-hero__inner { grid-template-columns: 1fr .8fr; gap: 22px; }
    .ido-hero__visual { min-height: 285px; }
    .ido-home-content, .ido-content-layout { grid-template-columns: minmax(0,1fr) 270px; gap: 28px; }
    .ido-footer__grid { gap: 28px; }
}
@media (max-width: 720px) {
    .ido-shell { width: min(var(--ido-shell), calc(100% - 32px)); }
    .ido-header__top { min-height: 76px; }
    .ido-brand { min-width: 0; }
    .ido-brand img { width: min(270px, 52vw); max-height: 60px; }
    .ido-header__tools { gap: 10px; }
    .ido-menu-toggle { display: inline-flex; }
    .ido-nav-wrap { display: none; border-top: 1px solid var(--ido-line); }
    .ido-nav-wrap.is-open { display: block; }
    .ido-nav { align-items: stretch; flex-direction: column; gap: 0; padding-block: 8px 15px; }
    .ido-nav > a { height: auto; min-height: 42px; }
    .ido-nav > a::after { display: none; }
    .ido-search { width: 100%; margin: 9px 0 0; }
    .ido-hero__inner { grid-template-columns: 1fr; min-height: auto; padding-block: 52px; }
    .ido-hero__visual { min-height: 250px; }
    .ido-hero__orbit { width: 235px; height: 235px; }
    .ido-hero__orbit--two { width: 180px; height: 180px; }
    .ido-section-heading--market { align-items: flex-start; flex-direction: column; }
    .ido-market-meta { flex-direction: column; gap: 6px; }
    .ido-home-content, .ido-content-layout { grid-template-columns: 1fr; padding-block: 42px 58px; }
    .ido-sidebar { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; }
    .ido-sidebar-card--brand { grid-row: span 2; }
    .ido-footer__grid { grid-template-columns: 1fr 1fr; }
    .ido-footer__brand { grid-column: 1 / -1; }
}
@media (max-width: 500px) {
    .ido-language { gap: 1px; padding: 3px; }
    .ido-language a { min-width: 31px; padding: 4px 6px; font-size: .67rem; }
    .ido-menu-toggle { padding: 8px; font-size: 0; }
    .ido-menu-toggle__icon { font-size: 1.25rem; }
    .ido-hero h1 { font-size: clamp(2.15rem, 11vw, 3.15rem); }
    .ido-hero__actions { align-items: stretch; flex-direction: column; }
    .ido-market-table th, .ido-market-table td { padding: 12px 11px; }
    .ido-coin-name { display: block; padding-left: 58px; }
    .ido-grid { grid-template-columns: 1fr; }
    .ido-sidebar { display: flex; }
    .ido-footer__grid { grid-template-columns: 1fr; }
    .ido-footer__brand { grid-column: auto; }
    .ido-footer__bottom { align-items: flex-start; flex-direction: column; justify-content: center; padding-block: 16px; }
    .ido-footer__bottom span:last-child { text-align: left; }
    .ido-search-row { align-items: stretch; flex-direction: column; }
}

/* Thú Vị Mỗi Ngày presentation on the Idotsc Laravel/Blade theme. */
:root { --ido-navy:#082968; --ido-ink:#303744; --ido-blue:#1269d3; --ido-orange:#eab75b; --ido-paper:#f5f7fb; --ido-line:#e4e9f0; --ido-shell:1160px; }
body { color:#3e4653; background:#fff; font-family:"Noto Sans","Noto Sans JP","Noto Sans KR","Noto Sans SC","Noto Sans TC","Noto Sans HK",Arial,Helvetica,sans-serif; font-size:15px; }
.tvmn-header__top { min-height:70px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:20px; }
.tvmn-tagline { margin:0; color:#515b69; font-size:.78rem; font-weight:800; letter-spacing:.035em; }
.tvmn-brand { min-width:0; justify-content:center; }
.tvmn-brand img { width:min(320px,36vw); max-height:61px; object-position:center; }
.tvmn-header__top .ido-header__tools { justify-content:flex-end; }
.tvmn-language-label { color:#606a78; font-size:.74rem; font-weight:700; text-transform:uppercase; }
.ido-nav-wrap { background:var(--ido-navy); border-top:0; }
.ido-nav { min-height:48px; gap:clamp(15px,2vw,26px); }
.ido-nav > a,.ido-nav-group>a { height:48px; color:#fff; font-size:.8rem; font-weight:800; }
.ido-nav > a::after { background:#f4bd5b; }
.ido-nav-group { position:relative; display:flex; align-items:center; height:48px; }
.ido-nav-group>a { display:flex; align-items:center; }
.ido-nav-dropdown-toggle { border:0; color:#fff; background:transparent; padding:6px; }
.ido-nav-dropdown__items { position:absolute; z-index:30; top:100%; left:0; display:none; min-width:205px; padding:7px; border:1px solid #e7ebf3; border-radius:0 0 10px 10px; background:#fff; box-shadow:0 14px 28px #08296820; }
.ido-nav-group:hover .ido-nav-dropdown__items,.ido-nav-group:focus-within .ido-nav-dropdown__items { display:grid; }
.ido-nav-dropdown__items a { padding:10px 12px; color:#29364b; font-size:.85rem; font-weight:700; }
.ido-nav-dropdown__items a:hover { color:var(--ido-navy); background:#f2f6fc; }
.ido-search { width:min(270px,22vw); }
.ido-search input { height:34px; border:0; color:#fff; background:#ffffff32; }
.ido-search input::placeholder { color:#e4edff; }
.ido-search button { width:34px; height:34px; flex-basis:34px; color:var(--ido-navy); background:#fff; font-size:1.25rem; }
.tvmn-breaking { color:#fff; background:#101114; }
.tvmn-breaking__inner { min-height:52px; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:18px; }
.tvmn-breaking__label { padding:7px 11px; border-radius:4px; color:#fff; background:#a63528; font-size:.68rem; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.tvmn-breaking__track { position:relative; min-width:0; min-height:24px; }
.tvmn-breaking__item { position:absolute; inset:0; display:flex; align-items:center; overflow:hidden; color:#fff; font-size:.86rem; font-weight:700; text-overflow:ellipsis; white-space:nowrap; opacity:0; transition:opacity .2s ease; pointer-events:none; }
.tvmn-breaking__item.is-active { opacity:1; pointer-events:auto; }
.tvmn-breaking__controls { display:flex; gap:6px; }
.tvmn-breaking__controls button { width:28px; height:28px; border:1px solid #ffffff44; border-radius:50%; color:#fff; background:transparent; font-size:1.35rem; line-height:1; }
.tvmn-breaking__controls button:hover { background:#ffffff24; }
.tvmn-home__main { padding-block:30px 72px; }
.tvmn-featured { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(260px,.9fr); gap:18px; }
.tvmn-featured__lead,.tvmn-featured__tile { position:relative; min-width:0; overflow:hidden; border-radius:8px; background:#17253d; }
.tvmn-featured__lead { min-height:380px; }
.tvmn-featured__image,.tvmn-featured__tile>a { position:absolute; inset:0; display:block; }
.tvmn-featured__image::after,.tvmn-featured__tile>a::after { position:absolute; inset:30% 0 0; content:""; background:linear-gradient(transparent,#091831dc); }
.tvmn-featured__image img,.tvmn-featured__tile>a img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.tvmn-featured__lead:hover img,.tvmn-featured__tile:hover img { transform:scale(1.03); }
.tvmn-featured__copy { position:absolute; z-index:1; right:25px; bottom:23px; left:25px; color:#fff; }
.tvmn-featured__copy .tvmn-kicker,.tvmn-featured__tile .tvmn-kicker { color:#f5c66e; }
.tvmn-featured__copy h1 { max-width:700px; margin:7px 0 9px; font-size:clamp(1.55rem,3.3vw,2.3rem); line-height:1.2; }
.tvmn-featured__copy h1 a,.tvmn-featured__tile h2 a { color:#fff; }
.tvmn-featured__copy>p:not(.tvmn-kicker) { max-width:700px; margin:0; color:#edf1f7; font-size:.95rem; }
.tvmn-featured__side { display:grid; grid-template-rows:1fr 1fr; gap:18px; }
.tvmn-featured__tile { min-height:181px; }
.tvmn-featured__tile>div { position:absolute; z-index:1; right:17px; bottom:15px; left:17px; }
.tvmn-featured__tile h2 { margin:4px 0 0; color:#fff; font-size:1.08rem; line-height:1.25; }
.tvmn-kicker { margin:0 0 8px; color:#a3782f; font-size:.68rem; font-weight:900; letter-spacing:.09em; line-height:1.4; text-transform:uppercase; }
.tvmn-section { padding-top:48px; }
.tvmn-section__head { display:flex; align-items:end; justify-content:space-between; gap:18px; margin-bottom:19px; padding-bottom:12px; border-bottom:1px solid var(--ido-line); }
.tvmn-section__head h2 { margin:0; color:var(--ido-navy); font-size:1.45rem; line-height:1.2; }
.tvmn-section__head h2 a { color:inherit; }
.tvmn-section__head .tvmn-kicker { margin-bottom:4px; }
.tvmn-link { color:#274b82; font-size:.83rem; font-weight:800; white-space:nowrap; }
.tvmn-link:hover { color:#bd8735; }
.tvmn-home .ido-grid,.tvmn-post-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:19px; }
.tvmn-post-card { border:0; border-radius:0; box-shadow:none; }
.tvmn-post-card:hover { transform:translateY(-2px); box-shadow:none; }
.tvmn-post-card .ido-card__image { aspect-ratio:16/10; border-radius:6px; }
.tvmn-post-card .ido-card__image img { height:100%; object-fit:cover; }
.tvmn-post-card .ido-card__body { padding:12px 4px 4px; }
.tvmn-post-card .ido-card__meta { margin-bottom:7px; color:#7d8795; font-size:.68rem; }
.tvmn-post-card .ido-card__meta a { color:#98713b; }
.tvmn-post-card .ido-card__body h2 { margin:0 0 7px; font-size:.98rem; line-height:1.35; }
.tvmn-post-card .ido-card__body h2 a { color:#27344b; }
.tvmn-post-card .ido-card__body>p:not(.ido-card__meta) { color:#687386; font-size:.84rem; line-height:1.55; }
.tvmn-post-card .ido-text-link { margin-top:8px; color:#174783; font-size:.76rem; }
.tvmn-post-card__placeholder { display:grid; place-items:center; color:#c59a4b; background:linear-gradient(135deg,#102e67,#315c93); font-size:3rem; }
.tvmn-category-section:nth-of-type(even) { margin-inline:calc((min(var(--ido-shell), 100vw - 44px) - 100vw)/2); padding:44px max(22px,calc((100vw - var(--ido-shell))/2)); background:#f5f7fb; }
.tvmn-tools__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; }
.tvmn-tool-card { min-height:135px; display:grid; grid-template-columns:52px minmax(0,1fr) 20px; align-items:center; gap:16px; padding:23px; border:1px solid var(--ido-line); border-radius:10px; color:#26334a; background:linear-gradient(120deg,#f8f7f3,#fff); box-shadow:0 9px 24px #102b4d0a; }
.tvmn-tool-card>span { width:48px; height:48px; display:grid; place-items:center; border-radius:50%; color:#fff; background:#143773; font-size:1.5rem; }
.tvmn-tool-card h3 { margin:0 0 5px; color:var(--ido-navy); font-size:1.05rem; }
.tvmn-tool-card p { margin:0; color:#697487; font-size:.85rem; }
.tvmn-tool-card>b { color:#98713b; font-size:1.2rem; }
.tvmn-archive__hero { padding:36px 0 29px; border-bottom:1px solid var(--ido-line); background:#f6f8fb; }
.tvmn-archive__hero h1 { margin:0; color:var(--ido-navy); font-size:clamp(1.8rem,3vw,2.5rem); }
.tvmn-archive__hero>div>p:not(.tvmn-kicker) { max-width:700px; margin:7px 0 16px; color:#657286; }
.tvmn-category-pills { display:flex; flex-wrap:wrap; gap:8px; }
.tvmn-category-pills a { padding:7px 12px; border:1px solid #dce4ef; border-radius:999px; color:#33445e; background:#fff; font-size:.77rem; font-weight:750; }
.tvmn-category-pills a:hover,.tvmn-category-pills a[aria-current="page"] { color:#fff; border-color:var(--ido-navy); background:var(--ido-navy); }
.tvmn-content-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; align-items:start; gap:34px; padding-block:36px 75px; }
.tvmn-content-column { min-width:0; }
.tvmn-feature-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-bottom:34px; }
.tvmn-feature-card { overflow:hidden; border:1px solid var(--ido-line); border-radius:8px; background:#fff; box-shadow:0 7px 20px #102b4d08; }
.tvmn-feature-card img { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; }
.tvmn-feature-card>div { padding:13px 14px 15px; }
.tvmn-feature-card h2 { margin:0; color:#25344c; font-size:.98rem; line-height:1.35; }
.tvmn-feature-card h2 a { color:inherit; }
.tvmn-section__head--archive { margin-bottom:16px; }
.tvmn-archive .tvmn-post-grid { grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:28px; }
.tvmn-sidebar { position:sticky; top:18px; min-width:0; display:flex; flex-direction:column; gap:17px; }
.tvmn-sidebar-card { overflow:hidden; padding:16px; border:1px solid var(--ido-line); border-radius:10px; background:#fff; box-shadow:0 7px 22px #102b4d08; }
.tvmn-sidebar-card>h2 { margin:0 0 11px; color:var(--ido-navy); font-size:1rem; }
.tvmn-sidebar-card .tvmn-kicker { margin-bottom:4px; }
.tvmn-sidebar-card__head { display:flex; align-items:center; gap:11px; margin-bottom:12px; }
.tvmn-sidebar-card__head>span { width:38px; height:38px; display:grid; place-items:center; border-radius:50%; color:#fff; background:var(--ido-navy); }
.tvmn-sidebar-card__head h2 { margin:0; color:var(--ido-navy); font-size:.98rem; }
.tvmn-sidebar-card__head .tvmn-kicker { margin:0 0 2px; }
.tvmn-sidebar-card--calendar { padding:16px 13px 13px; }
.tvmn-sidebar-card--calendar .tvmn-lvn { border:0; border-radius:8px; box-shadow:none; }
.tvmn-sidebar-more { display:block; margin-top:11px; color:#174783; font-size:.79rem; font-weight:800; text-align:right; }
.tvmn-sidebar-categories,.tvmn-sidebar-list { display:grid; gap:0; margin:0; padding:0; list-style:none; }
.tvmn-sidebar-categories li,.tvmn-sidebar-list li { padding:10px 0; border-top:1px solid #edf0f5; }
.tvmn-sidebar-categories a { display:flex; align-items:center; justify-content:space-between; gap:12px; color:#39475d; font-size:.83rem; font-weight:750; }
.tvmn-sidebar-categories b { color:#8b96a7; font-size:.72rem; }
.tvmn-sidebar-list li { display:grid; grid-template-columns:84px minmax(0,1fr); column-gap:10px; }
.tvmn-sidebar-list__image { grid-row:span 2; overflow:hidden; border-radius:5px; }
.tvmn-sidebar-list__image img { display:block; width:84px; height:60px; object-fit:cover; }
.tvmn-sidebar-list__title { color:#344259; font-size:.79rem; font-weight:750; line-height:1.35; }
.tvmn-sidebar-list time { margin-top:4px; color:#8a95a4; font-size:.67rem; }
.tvmn-sidebar-note { display:flex; gap:10px; padding:13px; border-radius:8px; color:#58667b; background:#f7f4ec; }
.tvmn-sidebar-note>span { color:#ad8846; }
.tvmn-sidebar-note p { margin:0; font-size:.76rem; line-height:1.5; }
.tvmn-next-stories { padding:24px; border:1px solid #f0cb67; border-radius:12px; background:linear-gradient(130deg,#fffaf0,#fff 55%,#f5f8ff); box-shadow:0 12px 34px #b3892810; }
.tvmn-next-stories .tvmn-section__head { margin-bottom:14px; }
.tvmn-carousel-controls { display:flex; gap:8px; }
.tvmn-carousel-controls button { width:36px; height:36px; border:1px solid #d8e0eb; border-radius:50%; color:var(--ido-navy); background:#fff; font-size:1.4rem; line-height:1; cursor:pointer; }
.tvmn-carousel-controls button:hover { color:#fff; border-color:var(--ido-navy); background:var(--ido-navy); }
.tvmn-next-stories__viewport { overflow:hidden; }
.tvmn-next-stories__track { display:grid; grid-auto-columns:calc((100% - 42px)/4); grid-auto-flow:column; gap:14px; transition:transform .35s ease; }
.tvmn-next-story { min-width:0; overflow:hidden; border:1px solid #e8eaf0; border-radius:8px; background:#fff; box-shadow:0 5px 15px #1a2b450d; }
.tvmn-next-story__image { display:block; overflow:hidden; aspect-ratio:16/9; }
.tvmn-next-story__image img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .3s ease; }
.tvmn-next-story:hover img { transform:scale(1.04); }
.tvmn-next-story>div { padding:10px 12px 13px; }
.tvmn-next-story h3 { margin:0; color:#26334a; font-size:.88rem; line-height:1.35; }
.tvmn-next-story h3 a { color:inherit; }
.tvmn-card-tags { display:flex; align-items:center; flex-wrap:wrap; gap:7px; margin:0 0 9px; }
.tvmn-card-tags time { color:#7e899a; font-size:.68rem; }
.tvmn-tag { display:inline-flex; padding:4px 8px; border-radius:999px; color:#fff!important; background:#264d85; font-size:.63rem; font-weight:850; line-height:1.3; text-decoration:none; }
.tvmn-tag--tu-vi,.tvmn-tag--horoscope { background:#7253a5; }
.tvmn-tag--cung-hoang-dao-vi,.tvmn-tag--cung-hoang-dao,.tvmn-tag--zodiac { background:#a45f92; }
.tvmn-tag--hieu-biet-hon,.tvmn-tag--learn-more { background:#358174; }
.tvmn-tag--tong-hop,.tvmn-tag--synthetic { background:#b27431; }
.tvmn-tag--truyen,.tvmn-tag--story { background:#31736b; }
.tvmn-category-section--tu-vi { --section-tint:#f5f1fb; }
.tvmn-category-section--cung-hoang-dao,.tvmn-category-section--cung-hoang-dao-vi { --section-tint:#fbf1f8; }
.tvmn-category-section--hieu-biet-hon { --section-tint:#eff8f5; }
.tvmn-category-section--tong-hop,.tvmn-category-section--synthetic { --section-tint:#fcf6ed; }
.tvmn-category-section[style],.tvmn-category-section:nth-of-type(even) { background:var(--section-tint,#f5f7fb); }
.tvmn-reading-tabs { padding:16px; border:1px solid #dfe5ef; border-radius:16px; background:linear-gradient(130deg,#f7f8fd,#fff 55%,#f8f5fb); }
.tvmn-reading-tabs__buttons { display:flex; justify-content:center; gap:10px; margin:2px 0 12px; }
.tvmn-reading-tabs__buttons button { min-width:155px; padding:11px 18px; border:1px solid #d8deea; border-radius:999px; color:#3c4962; background:#fff; font:inherit; font-weight:800; cursor:pointer; }
.tvmn-reading-tabs__buttons button[aria-selected="true"] { color:#fff; border-color:#182c68; background:linear-gradient(120deg,#122d6a,#392b67); box-shadow:0 6px 18px #14295830; }
.tvmn-reading-tabs__panel[hidden] { display:none!important; }
.tvmn-reading-tabs .btm-app { margin:14px auto 6px; }
.tvmn-archive__hero { background:linear-gradient(115deg,#f3f6fb,#fff 62%,#edf3fc); }
.tvmn-archive--tu-vi .tvmn-archive__hero { background:linear-gradient(115deg,#f2eef9,#fff 64%,#f8f4fc); }
.tvmn-archive--cung-hoang-dao-vi .tvmn-archive__hero,.tvmn-archive--cung-hoang-dao .tvmn-archive__hero { background:linear-gradient(115deg,#fbf0f7,#fff 64%,#fdf6fa); }
.tvmn-archive--hieu-biet-hon .tvmn-archive__hero { background:linear-gradient(115deg,#edf7f4,#fff 64%,#f4faf8); }
.tvmn-archive--tong-hop .tvmn-archive__hero,.tvmn-archive--synthetic .tvmn-archive__hero { background:linear-gradient(115deg,#fbf5eb,#fff 64%,#fdf9f2); }
.tvmn-article-page .tvmn-content-layout { grid-template-columns:minmax(0,1fr) 300px; }
.tvmn-article { padding:29px; border:1px solid var(--ido-line); border-radius:10px; background:#fff; box-shadow:0 8px 26px #102b4d08; }
.tvmn-article h1 { color:#2d3748; font-size:clamp(1.8rem,3vw,2.4rem); }
.tvmn-article .ido-prose { color:#4c5665; font-size:.98rem; }
.tvmn-article .ido-prose h2,.tvmn-article .ido-prose h3 { color:#39475d; }
.tvmn-footer { padding-top:39px; background:#082968; }
.tvmn-footer .ido-footer__grid { grid-template-columns:1.1fr 1fr 1.1fr; gap:48px; padding-bottom:32px; }
.tvmn-footer .ido-footer__brand h2,.tvmn-footer .ido-footer__grid>section>h2 { margin-bottom:16px; color:#fff; font-size:.82rem; font-weight:900; letter-spacing:.04em; }
.tvmn-footer__site-name { display:inline-block; margin-bottom:6px; font-size:1rem; font-weight:900; }
.tvmn-footer .ido-footer__brand p,.tvmn-footer .ido-footer__grid>section p { color:#dce6f7; font-size:.82rem; line-height:1.55; }
.tvmn-footer__links .ido-footer__link { width:100%; margin:0; padding:8px 0; border-bottom:1px solid #ffffff1c; color:#e3ebf8!important; }
.tvmn-footer__copyright { min-height:42px; color:#e3e3e3; background:#4d4d4d; font-size:.7rem; }
.tvmn-footer__copyright .ido-shell { min-height:42px; display:flex; align-items:center; justify-content:space-between; }
.tvmn-footer__copyright a { width:29px; height:29px; display:grid; place-items:center; border:1px solid #ffffff80; border-radius:50%; }
.tvmn-article .ido-related { margin-top:44px; padding-top:20px; border-top:1px solid var(--ido-line); }
@media(max-width:900px){.tvmn-home .ido-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tvmn-content-layout,.tvmn-article-page .tvmn-content-layout{grid-template-columns:minmax(0,1fr) 270px;gap:22px}.tvmn-footer .ido-footer__grid{gap:25px}.tvmn-featured{grid-template-columns:1.15fr .85fr}}
@media(max-width:900px){.tvmn-next-stories__track{grid-auto-columns:calc((100% - 28px)/3)}}
@media(max-width:720px){.tvmn-header__top{min-height:74px;grid-template-columns:1fr auto;gap:10px}.tvmn-tagline{grid-column:1/-1;grid-row:2;padding-bottom:8px;text-align:center;font-size:.66rem}.tvmn-brand{grid-column:1;grid-row:1;justify-content:flex-start}.tvmn-brand img{width:min(245px,52vw);max-height:50px;object-position:left center}.tvmn-header__top .ido-header__tools{grid-column:2;grid-row:1}.tvmn-header__top .ido-language{display:none}.tvmn-header__top .ido-menu-toggle{color:#fff;background:var(--ido-navy)}.ido-nav{gap:0}.ido-nav-group{min-height:43px;height:auto;flex-wrap:wrap}.ido-nav-group>a{height:43px}.ido-nav-dropdown__items{position:static;width:100%;box-shadow:none;border-radius:7px}.tvmn-breaking__inner{min-height:48px;grid-template-columns:auto minmax(0,1fr) auto;gap:9px}.tvmn-breaking__label{font-size:.58rem}.tvmn-breaking__item{font-size:.74rem}.tvmn-home__main{padding-top:20px}.tvmn-featured{grid-template-columns:1fr}.tvmn-featured__lead{min-height:330px}.tvmn-featured__side{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.tvmn-featured__tile{min-height:165px}.tvmn-content-layout,.tvmn-article-page .tvmn-content-layout{grid-template-columns:1fr;padding-block:25px 50px}.tvmn-sidebar{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.tvmn-sidebar-note{grid-column:1/-1}.tvmn-archive .tvmn-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tvmn-category-section:nth-of-type(even){margin-inline:-16px;padding-inline:16px}.tvmn-footer .ido-footer__grid{grid-template-columns:1fr 1fr}.tvmn-footer__brand{grid-column:1/-1}}
@media(max-width:720px){.tvmn-next-stories{padding:17px}.tvmn-next-stories__track{grid-auto-columns:calc((100% - 14px)/2)}}
@media(max-width:520px){.tvmn-reading-tabs{padding:8px}.tvmn-reading-tabs__buttons{gap:7px}.tvmn-reading-tabs__buttons button{min-width:0;flex:1;padding:10px 8px;font-size:.82rem}}
@media(max-width:520px){.tvmn-breaking__controls{display:none}.tvmn-breaking__inner{grid-template-columns:auto minmax(0,1fr)}.tvmn-featured__lead{min-height:285px}.tvmn-featured__copy{right:16px;bottom:16px;left:16px}.tvmn-featured__copy h1{font-size:1.45rem}.tvmn-featured__copy>p:not(.tvmn-kicker){font-size:.84rem}.tvmn-featured__side{grid-template-columns:1fr}.tvmn-featured__tile{min-height:190px}.tvmn-home .ido-grid,.tvmn-archive .tvmn-post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px}.tvmn-tools__grid{grid-template-columns:1fr}.tvmn-tool-card{min-height:116px;padding:17px}.tvmn-feature-row{grid-template-columns:1fr}.tvmn-feature-card{display:grid;grid-template-columns:42% 1fr}.tvmn-feature-card img{height:100%;aspect-ratio:auto}.tvmn-feature-card>div{padding:12px}.tvmn-sidebar{display:flex}.tvmn-article{padding:20px 16px}.tvmn-footer .ido-footer__grid{grid-template-columns:1fr}.tvmn-footer__brand{grid-column:auto}.tvmn-footer__copyright .ido-shell{gap:12px}}
@media(max-width:520px){.tvmn-next-stories{padding:13px}.tvmn-next-stories__track{grid-auto-columns:82%}.tvmn-carousel-controls button{width:32px;height:32px}}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
/* Section block used by the WordPress block editor. */
.ido-builder-section{padding:3rem 0}.ido-builder-section--soft{background:#f3f7fc}.ido-builder-section--dark{background:#092b65;color:#fff}
/* Category navigation and archive views. */
.ido-nav-group{position:relative;display:flex;align-items:center;gap:.35rem}.ido-nav-dropdown summary{cursor:pointer;list-style:none;padding:.5rem}.ido-nav-dropdown__items{position:absolute;z-index:30;top:100%;left:0;min-width:220px;padding:.5rem;background:#fff;border:1px solid #e1e8f1;border-radius:14px;box-shadow:0 14px 35px #092b6525}.ido-nav-dropdown__items a{display:block;padding:.65rem .8rem}.ido-category-news{padding-top:2rem;padding-bottom:4rem}.ido-category-news__nav{display:flex;gap:.6rem;overflow:auto;margin-bottom:1.5rem}.ido-category-news__nav button,.ido-view-switch button{border:1px solid #d9e4f2;background:#fff;color:#092b65;border-radius:999px;padding:.55rem 1rem;cursor:pointer;white-space:nowrap}.ido-category-news__nav button[aria-selected=true],.ido-view-switch button[aria-pressed=true]{background:#092b65;color:#fff}.ido-view-switch{display:flex;justify-content:flex-end;gap:.5rem;margin-bottom:1rem}.ido-list-view .ido-grid{grid-template-columns:1fr}.ido-list-view .ido-card{display:grid;grid-template-columns:minmax(180px,35%) 1fr}.ido-list-view .ido-card__image{height:100%}@media(max-width:650px){.ido-list-view .ido-card{display:block}.ido-nav-dropdown__items{position:static;box-shadow:none}}
.ido-contact-form{margin-top:2rem;padding:1.5rem;border:1px solid #e1e8f1;border-radius:18px;background:#f7faff}.ido-contact-form label{display:block;font-weight:600}.ido-contact-form input:not([type=submit]),.ido-contact-form textarea{width:100%;margin-top:.4rem;padding:.8rem;border:1px solid #cbd8e8;border-radius:10px}.ido-contact-form input[type=submit]{border:0;border-radius:999px;padding:.8rem 1.4rem;background:#092b65;color:white;cursor:pointer}@media(prefers-reduced-motion:no-preference){.ido-page-content{animation:ido-page-enter .45s ease both}@keyframes ido-page-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}

/* News layouts: lead story, three smaller stories and long-form rows. */
.ido-nav-group{min-height:54px}.ido-nav-group>a{font-size:.91rem;font-weight:700;color:var(--ido-ink)}.ido-nav-dropdown-toggle{border:0;background:transparent;color:var(--ido-navy);cursor:pointer;padding:.6rem}.ido-nav-dropdown__items{display:none;max-height:65vh;overflow:auto}.ido-nav-group:hover > .ido-nav-dropdown__items,.ido-nav-group:focus-within > .ido-nav-dropdown__items,.ido-nav-dropdown-toggle[aria-expanded=true]+.ido-nav-dropdown__items{display:block}
.ido-hero-stories{display:block;min-height:310px;background:#07214c}.ido-hero-stories .ido-hero__slides{width:100%;height:100%;min-height:310px;margin:0;text-align:left}.ido-hero-stories .ido-hero__slide{inset:0;overflow:hidden;transform:none;pointer-events:none}.ido-hero-stories .ido-hero__slide.is-active{pointer-events:auto}.ido-hero-stories .ido-hero__slide img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.ido-hero-stories .ido-hero__slide:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#041a41e8,transparent 80%)}.ido-hero-stories .ido-hero__slide>div{position:absolute;z-index:1;left:24px;right:24px;bottom:58px}.ido-hero-stories h2{font-size:1.2rem;line-height:1.35;margin:.4rem 0}.ido-hero-stories h2 a{color:#fff}.ido-hero-stories .ido-hero__controls{position:absolute;bottom:12px;left:20px;right:20px;z-index:2;display:flex;justify-content:space-between}.ido-hero-categories{display:flex;gap:.75rem;overflow:auto;position:relative;z-index:1;padding-bottom:1.5rem}.ido-hero-categories a{flex:0 0 auto;padding:.7rem 1rem;border:1px solid #ffffff50;border-radius:12px;background:#ffffff12;color:white;font-weight:700}.ido-hero-categories a span{color:#ffb25e}.ido-market-ticker{background:#061d43;color:white;padding:1rem 0}.ido-market-ticker__inner{display:flex;align-items:center;gap:1.5rem;overflow:hidden}.ido-market-ticker__inner>div:first-child{min-width:195px}.ido-market-ticker small{display:block;color:#c7d6e9}.ido-market-ticker__track{display:flex;gap:2rem;overflow:auto;white-space:nowrap}.ido-market-ticker__track span{padding:.45rem 0}.ido-market-ticker__track em{font-style:normal}.ido-market-ticker__note{font-size:.72rem;opacity:.75;margin-top:.5rem;margin-bottom:0}.ido-news-section{margin-bottom:3.5rem}.ido-news-section__heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:1px solid var(--ido-line);margin-bottom:1.4rem}.ido-news-section__heading h2{margin:.4rem 0 1rem}.ido-editorial__lead{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);overflow:hidden;border:1px solid var(--ido-line);border-radius:16px;background:#fff}.ido-editorial__lead-image img{display:block;width:100%;height:100%;min-height:230px;object-fit:cover}.ido-editorial__lead-copy{padding:clamp(16px,2vw,26px)}.ido-editorial__lead-copy h3{font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.3;margin:.5rem 0}.ido-editorial__lead-copy>p:not(.ido-editorial__meta),.ido-story-row p:not(.ido-editorial__meta){color:var(--ido-muted);font-size:.9rem;line-height:1.6}.ido-editorial__meta{color:#6d7d96;font-size:.73rem;font-weight:700;margin:0 0 .5rem}.ido-editorial__small{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}.ido-editorial__small-card{min-width:0;overflow:hidden;border:1px solid var(--ido-line);border-radius:14px;background:#fff}.ido-editorial__small-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.ido-editorial__small-card>div{padding:13px}.ido-editorial__small-card h3{font-size:.94rem;line-height:1.4;margin:0}.ido-story-list{display:grid;gap:16px}.ido-story-row{display:grid;grid-template-columns:minmax(150px,30%) 1fr;gap:20px;padding:15px;border:1px solid var(--ido-line);border-radius:15px;background:white}.ido-story-row__image img{width:100%;height:100%;min-height:130px;object-fit:cover;border-radius:10px}.ido-story-row h3{margin:0;font-size:1.08rem}.ido-news-banner{padding:32px 0;background:linear-gradient(120deg,#082c68,#1764a6);color:#fff}.ido-news-banner h1{color:white;margin:.4rem 0 1rem}.ido-news-banner__categories{display:flex;gap:.6rem;overflow:auto}.ido-news-banner__categories a{white-space:nowrap;padding:.45rem .8rem;border:1px solid #ffffff66;border-radius:999px;color:white}.ido-related{margin-top:3rem}.ido-related .ido-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:768px){.ido-nav-group{min-height:42px;flex-wrap:wrap}.ido-nav-dropdown__items{position:static;flex-basis:100%;box-shadow:none;max-height:45vh}.ido-editorial__lead{grid-template-columns:1fr}.ido-editorial__lead-image img{height:auto;aspect-ratio:16/9}.ido-editorial__small{grid-template-columns:1fr;gap:10px}.ido-editorial__small-card{display:grid;grid-template-columns:38% 1fr}.ido-editorial__small-card img{height:100%}.ido-story-row{grid-template-columns:36% 1fr;gap:12px}.ido-story-row__image img{min-height:100px}.ido-related .ido-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ido-market-ticker__inner{display:block}.ido-market-ticker__track{margin-top:.7rem}}
@media(max-width:420px){.ido-story-row{grid-template-columns:1fr}.ido-related .ido-grid{grid-template-columns:1fr}}
.ido-hero-categories a{display:flex;align-items:center;gap:.7rem}.ido-hero-categories img{width:54px;height:40px;object-fit:cover;border-radius:7px}.ido-category-more{display:inline-block;margin-top:1.1rem;padding:.65rem 1rem;border:1px solid #d9e4f2;border-radius:999px;color:var(--ido-navy);font-weight:700}.ido-category-more:hover{background:var(--ido-navy);color:#fff}
.ido-home-content--full,.ido-content-layout--full{grid-template-columns:minmax(0,1fr)}.ido-nav a[aria-current=page]{color:#ee751b;font-weight:800}.ido-nav-dropdown-toggle{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ido-nav-dropdown-toggle:focus-visible{position:static;width:auto;height:auto;clip-path:none;overflow:visible}.ido-news-banner .ido-hero-categories{padding-bottom:.5rem}.ido-hero-categories{scrollbar-width:thin;scrollbar-color:#ffffff66 transparent}@media(max-width:768px){.ido-nav-dropdown-toggle{position:static;width:auto;height:auto;clip-path:none;overflow:visible;margin-left:auto;font-size:.8rem}}

/* Compact mobile masthead: menu, centered brand, language choices. */
@media (max-width: 720px) {
    .ido-header__top { display:grid; grid-template-columns:44px minmax(0,1fr) auto; grid-template-areas:"menu brand languages"; gap:8px; min-height:68px; }
    .ido-header__tools { display:contents; }
    .ido-menu-toggle { grid-area:menu; justify-content:center; width:42px; height:42px; padding:0; font-size:0; }
    .ido-menu-toggle__icon { font-size:1.25rem; }
    .ido-brand { grid-area:brand; justify-content:center; min-width:0; }
    .ido-brand img { width:auto; max-width:100%; max-height:48px; object-position:center; }
    .ido-language { grid-area:languages; flex-wrap:nowrap; gap:1px; padding:2px; }
    .ido-language a { min-width:27px; padding:4px; white-space:nowrap; font-size:.65rem; }
    .ido-editorial__small-card { grid-template-columns:minmax(96px,38%) minmax(0,1fr); align-items:stretch; }
    .ido-editorial__small-card>a { min-height:112px; }
    .ido-editorial__small-card img { width:100%; height:100%; min-height:112px; object-fit:cover; }
    .ido-editorial__small-card>div { padding:12px; overflow-wrap:anywhere; }
    .ido-story-row { grid-template-columns:minmax(96px,34%) minmax(0,1fr); gap:12px; padding:11px; }
    .ido-story-row__image img { height:100%; min-height:110px; aspect-ratio:4/3; object-fit:cover; }
    .ido-story-row>div { min-width:0; overflow-wrap:anywhere; }
}

/* Nested managed menus retain the existing navigation layout. */
.ido-nav-group:hover > .ido-nav-dropdown__items,.ido-nav-group:focus-within > .ido-nav-dropdown__items{display:block}
.ido-nav-dropdown__items .ido-nav-dropdown__items{top:0;left:100%}
.ido-nav-dropdown__items .ido-nav-group{min-height:0;display:block}
@media(max-width:768px){.ido-nav-dropdown__items .ido-nav-dropdown__items{position:static}.ido-nav-dropdown__items .ido-nav-group{display:flex}}

.ido-builder-section--spacing-compact{padding:1.5rem 0}.ido-builder-section--spacing-large{padding:5rem 0}.ido-builder-section--align-center{text-align:center}.ido-builder-section--align-right{text-align:right}.ido-builder-section__wide{width:100%;padding:0 1rem}
.tvmn-footer__copyright a{position:fixed;right:22px;bottom:19px;z-index:50;color:#fff;background:#18356d;border-color:#ffffffa0;box-shadow:0 4px 15px #071b3c50}
@media(max-width:520px){.tvmn-footer__copyright a{right:12px;bottom:12px}}

/* Keep the homepage latest stories in a horizontal, cache-safe carousel. */
.tvmn-next-stories__viewport{width:100%;overflow:hidden}
.tvmn-next-stories__track{display:flex;grid-auto-columns:unset;grid-auto-flow:unset;gap:14px;width:100%;will-change:transform}
.tvmn-next-stories .tvmn-next-story{display:block;flex:0 0 calc((100% - 42px)/4);width:calc((100% - 42px)/4);min-width:0}
@media(max-width:900px){.tvmn-next-stories .tvmn-next-story{flex-basis:calc((100% - 28px)/3);width:calc((100% - 28px)/3)}}
@media(max-width:720px){.tvmn-next-stories .tvmn-next-story{flex-basis:calc((100% - 14px)/2);width:calc((100% - 14px)/2)}}
@media(max-width:520px){.tvmn-next-stories .tvmn-next-story{flex-basis:100%;width:100%}}

/* Pick locale-specific CJK glyphs while sharing Noto Sans for Vietnamese and English. */
html[lang^="ja"] body{font-family:"Noto Sans JP","Noto Sans",sans-serif}
html[lang^="ko"] body{font-family:"Noto Sans KR","Noto Sans",sans-serif}
html[lang^="zh-Hans"] body,html[lang="zh-CN"] body,html[lang="zh-SG"] body{font-family:"Noto Sans SC","Noto Sans",sans-serif}
html[lang^="zh-Hant"] body,html[lang="zh-TW"] body{font-family:"Noto Sans TC","Noto Sans",sans-serif}
html[lang="zh-HK"] body{font-family:"Noto Sans HK","Noto Sans TC","Noto Sans",sans-serif}

/* Homepage category blocks: a lead story, two companion stories, then four unique cards. */
.tvmn-category-featured{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:14px;margin:0 0 20px}
.tvmn-category-featured__lead,.tvmn-category-featured__tile{position:relative;isolation:isolate;overflow:hidden;border-radius:9px;background:#102958}
.tvmn-category-featured__lead{min-height:350px}
.tvmn-category-featured__lead>a,.tvmn-category-featured__tile>a{position:absolute;z-index:-2;inset:0;display:block}
.tvmn-category-featured__lead img,.tvmn-category-featured__tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.tvmn-category-featured__lead:hover img,.tvmn-category-featured__tile:hover img{transform:scale(1.035)}
.tvmn-category-featured__lead:after,.tvmn-category-featured__tile:after{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(0deg,#071a3af2 0%,#071a3a99 42%,#071a3a00 100%)}
.tvmn-category-featured__lead>div{position:absolute;right:24px;bottom:22px;left:24px;color:#fff}
.tvmn-category-featured__lead .tvmn-kicker,.tvmn-category-featured__tile .tvmn-kicker{color:#f5c56e}
.tvmn-category-featured__lead h3{max-width:680px;margin:8px 0;color:#fff;font-size:clamp(1.3rem,2.3vw,2rem);line-height:1.22}
.tvmn-category-featured__lead h3 a,.tvmn-category-featured__tile h3 a{color:#fff}
.tvmn-category-featured__lead>div>p:not(.tvmn-kicker){max-width:720px;margin:8px 0;color:#f2f5fb;font-size:.9rem;line-height:1.55}
.tvmn-category-featured__lead .tvmn-link{color:#f8d27e}
.tvmn-category-featured__side{display:grid;grid-template-rows:repeat(2,minmax(150px,1fr));gap:14px;min-width:0}
.tvmn-category-featured__tile{min-height:160px}
.tvmn-category-featured__tile>div{position:absolute;right:16px;bottom:14px;left:16px}
.tvmn-category-featured__tile h3{margin:4px 0 0;color:#fff;font-size:1rem;line-height:1.3}
.tvmn-category-section .tvmn-post-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}
@media(max-width:900px){.tvmn-category-featured{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.tvmn-category-featured__lead{min-height:320px}.tvmn-category-section .tvmn-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.tvmn-category-featured{grid-template-columns:1fr}.tvmn-category-featured__lead{min-height:310px}.tvmn-category-featured__side{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:170px}.tvmn-category-featured__tile{min-height:150px}}
@media(max-width:520px){.tvmn-category-featured__lead{min-height:290px}.tvmn-category-featured__lead>div{right:16px;bottom:16px;left:16px}.tvmn-category-featured__side{grid-template-columns:1fr;grid-template-rows:repeat(2,150px)}.tvmn-category-section .tvmn-post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}}

/* Header navigation and compact submit-on-enter search field. */
.ido-nav-group>a:after{display:inline-block;margin-left:5px;content:"⌄";color:#d8e5fb;font-size:.78em}
.ido-nav>a[aria-current="page"],.ido-nav-group>a[aria-current="page"]{color:#fff!important}
.ido-nav>a[aria-current="page"]{text-decoration:underline;text-decoration-color:#f4bd5b;text-decoration-thickness:2px;text-underline-offset:8px}
.ido-search{width:min(270px,22vw);gap:0}
.ido-search input{width:100%;height:34px;padding:8px 14px;border:0;border-radius:999px;color:#fff;background:#ffffff32}
.ido-search input::placeholder{color:#e4edff}

/* Keep both submenu parents legible and their dropdowns aligned at every desktop width. */
.ido-nav-wrap .ido-nav-group{position:relative;min-height:48px;height:48px;flex-wrap:nowrap}
.ido-nav-wrap .ido-nav-group>a{position:relative;display:flex;align-items:center;height:48px;color:#fff!important}
.ido-nav-wrap .ido-nav-group>a:after{display:inline-block;margin-left:5px;content:"⌄";color:#d8e5fb;font-size:.78em}
.ido-nav-wrap .ido-nav-group>a[aria-current="page"]:before{position:absolute;right:0;bottom:0;left:0;height:3px;content:"";border-radius:3px 3px 0 0;background:#f4bd5b}
.ido-nav-wrap .ido-nav > a[aria-current="page"]{color:#fff!important}
.ido-nav-wrap .ido-nav > a[aria-current="page"]:after{transform:scaleX(1)}
.ido-nav-wrap .ido-nav-dropdown__items{position:absolute;z-index:100;top:100%;left:0;display:none;flex-basis:auto;width:max-content;min-width:205px;max-width:min(280px,90vw);max-height:65vh;overflow:auto;padding:7px;border:1px solid #e7ebf3;border-radius:0 0 10px 10px;background:#fff;box-shadow:0 14px 28px #08296820}
.ido-nav-wrap .ido-nav-group:hover>.ido-nav-dropdown__items,.ido-nav-wrap .ido-nav-group:focus-within>.ido-nav-dropdown__items,.ido-nav-wrap .ido-nav-dropdown-toggle[aria-expanded="true"]+.ido-nav-dropdown__items{display:grid}
.ido-nav-wrap .ido-nav-dropdown__items>a{display:block;padding:10px 12px;color:#29364b;font-size:.85rem;font-weight:700}
.ido-nav-wrap .ido-nav-dropdown__items>a:hover,.ido-nav-wrap .ido-nav-dropdown__items>a:focus-visible{color:var(--ido-navy);background:#f2f6fc}
@media(max-width:720px){.ido-nav-wrap .ido-nav-group{height:auto;min-height:42px;flex-wrap:wrap}.ido-nav-wrap .ido-nav-group>a{height:42px}.ido-nav-wrap .ido-nav-dropdown__items{position:static;flex-basis:100%;width:100%;max-width:none;max-height:45vh;border-radius:7px;box-shadow:none}}