@font-face { font-family: 'Heebo'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('../fonts/Heebo-Variable.ttf') format('truetype'); }
:root { --font-body: 'Heebo', system-ui, sans-serif; --font-heading: 'Heebo', system-ui, sans-serif; --font-display: 'Heebo', system-ui, sans-serif; }
/* Responsive corrections shared with the editor. */
.site-header__logo > a { color: inherit; text-decoration: none; display: block; }
.site-header__logo .custom-logo { width: auto; max-width: 200px; max-height: 48px; }
.latest-split--no-side { grid-template-columns: 200px minmax(0, 1fr); }
.article-grid--1col { grid-template-columns: minmax(0, 1fr); }
.article-grid { align-items: start; }
.article-card__body { min-width: 0; }
.article-card--compact .article-card__media { aspect-ratio: 16 / 10; }
.article-card--compact .article-card__title { font-size: 18px; line-height: 1.22; }
.article-card--compact .trend-entry-meta__updated { display: none; }
.article-card--compact .trend-entry-meta__sep { display: none; }
.article-card--compact .trend-entry-meta { gap: 4px 10px; line-height: 1.5; margin-block-start: 8px; }
.article-body-wrap--no-toc { max-width: 760px; }
.article-body { width: 100%; max-width: 760px; min-width: 0; }
.article-header__title { overflow-wrap: anywhere; text-wrap: balance; }
.article-body > p { overflow-wrap: anywhere; }
.article-body table { font-size: 16px; }
.ad-slot { flex-direction: column; gap: 12px; overflow: hidden; width: 100%; }
.ad-slot__label { font-size: 12px; color: #595959; text-align: center; margin: 0; }
.ad-slot__content { max-width: 100%; }
.ad-slot__content img { max-width: 100%; height: auto; }
.ad-slot--article-end, .trend-recommendations { max-width: 1080px; margin: 40px auto; }
#trend-taboola-below-article { min-height: 300px; }
.trend-menu-open { overflow: hidden; }
.mobile-menu[aria-hidden="true"] { visibility: hidden; }
.mobile-menu.is-open { visibility: visible; }
.site-header__search-toggle, .site-header__menu-toggle, .mobile-menu__close { min-width: 44px; min-height: 44px; }
[dir="rtl"] .trend-entry-meta time, [dir="rtl"] .product-card__price-note { unicode-bidi: isolate; }
[dir="rtl"] input[type="email"], [dir="rtl"] input[type="url"] { direction: ltr; text-align: start; }
[dir="rtl"] .site-header__logo { direction: ltr; unicode-bidi: isolate; }
@media (min-width: 783px) {
    .comparison-table--stacked { display: table; width: 100%; }
    .comparison-table--stacked thead { display: table-header-group; }
    .comparison-table--stacked tbody { display: table-row-group; }
    .comparison-table--stacked tr { display: table-row; }
    .comparison-table--stacked td { display: table-cell; width: auto; }
    .comparison-table--stacked td::before { display: none; }
}
@media (max-width: 1180px) { .latest-split--no-side { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 782px) {
    .latest-split { grid-template-columns: minmax(0, 1fr); }
    .article-header__title { font-size: clamp(30px, 7.5vw, 42px); line-height: 1.2; }
    .article-header { padding-block-start: 28px; }
    .article-header__deck { font-size: 18px; }
    .article-body { font-size: 18px; line-height: 1.85; }
    .site-footer { padding-block: 40px 24px; }
    .site-footer__grid { gap: 28px; }
}
@media (max-width: 560px) {
    .article-grid, .article-grid--3col, .article-grid--4col { grid-template-columns: minmax(0, 1fr); gap: 24px; }
    .article-card--compact { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 14px; align-items: start; }
    .article-card--compact .article-card__media { aspect-ratio: 1; margin: 0; }
    .article-card--compact .article-card__title { font-size: 17px; }
    .article-card--compact .trend-entry-meta__author, .article-card--compact .trend-entry-meta__read-time { display: none; }
    .article-card--compact .trend-entry-meta { font-size: 12px; }
    .trend-section--category { padding-block: 28px; }
    .site-footer__links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
    .site-footer__legal { flex-wrap: wrap; }
    .article-after { margin-block-start: 32px; }
}

:root { --wp--preset--font-family--body: Heebo, system-ui, sans-serif; --wp--preset--font-family--heading: Heebo, system-ui, sans-serif; --wp--preset--font-family--display: Heebo, system-ui, sans-serif; }

/* Compact headline rhythm, including inline links inside the latest-story rail. */
.article-header__title, .hero-article__title { line-height: 1.12; }
.article-card__title { line-height: 1.22; }
.headline-list__body > a { display: block; line-height: 1.25; }

/* A quiet search popover anchored beneath the header actions. */
.site-header__search-panel,
.site-header__search-panel.is-open {
    display: block;
    inset-inline-start: auto;
    inset-inline-end: max(16px, calc((100% - 1440px) / 2 + 24px));
    inset-block-start: calc(100% + 8px);
    width: min(560px, calc(100% - 32px));
    border: 1px solid var(--color-border);
    border-radius: 16px;
    box-shadow: 0 12px 36px rgb(0 0 0 / 9%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-6px);
    transition: opacity 160ms ease, transform 160ms ease;
}
.site-header__search-panel.is-open { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }
.site-header__search-panel-inner { width: 100%; padding: 12px; gap: 8px; align-items: flex-start; }
.site-header__search-panel .search-form { display: flex; flex-wrap: wrap; gap: 0; min-width: 0; margin: 0; }
.site-header__search-panel .search-form__field {
    flex: 1 1 0; width: 0; min-width: 0; min-height: 48px;
    padding: 10px 12px; font-size: 16px;
    border: 0; border-radius: 10px; background: var(--color-muted);
}
.site-header__search-panel .search-form__field:focus-visible { outline: 2px solid var(--color-foreground); outline-offset: -2px; box-shadow: none; }
.site-header__search-panel .search-form__submit {
    flex: 0 0 44px; min-width: 44px; min-height: 48px; padding: 0; margin-inline-start: 6px;
    color: var(--color-background); background: var(--color-foreground); border: 0; border-radius: 10px;
}
.site-header__search-panel .site-header__search-close { width: 44px; height: 48px; border: 0; border-radius: 10px; }
.site-header__search-close:hover, .site-header__search-toggle[aria-expanded="true"] { background: var(--color-muted); }
.site-header__search-panel .search-form__live-results { flex-basis: 100%; }
.site-header__search-panel .search-form__live-results:empty { display: none; }
.site-header__search-panel .search-form__live-results a { display: block; padding: 12px; color: var(--color-foreground); line-height: 1.35; border-block-start: 1px solid var(--color-border); }
@media (max-width: 560px) {
    .site-header__search-panel, .site-header__search-panel.is-open { inset-inline-end: 8px; width: calc(100% - 16px); }
    .site-header__search-panel-inner { padding: 8px; gap: 4px; }
}
@media (prefers-reduced-motion: reduce) {
    .site-header__search-panel, .site-header__search-panel.is-open { transition: none; transform: none; }
}
