/* Guest discovery lives above the unchanged product tour. */
.ht-header { --ht-red: #e50918; --ht-ink: #090c12; --ht-muted: #535967; --ht-line: #e7eaf0; border-bottom: 1px solid var(--ht-line); }
/* Match the concept's compact masthead without changing shared app styles. */
.ht-header .ht-wrap, .ht .hd.ht-wrap { width: min(1200px, calc(100% - 68px)); }
.ht-header-inner { min-height: 64px; gap: 32px; }
.ht-header .ht-brand img { width: 90px; height: auto; }
.ht-header .ht-header-nav { display: flex; gap: 24px; padding-left: 0; margin-left: 0; border: 0; font-size: 12px; font-weight: 600; }
.ht-header .ht-header-nav > a { color: var(--ht-ink); }
.ht-header .ht-account { gap: 16px; margin-left: 0; font-size: 12px; }
.ht-header .ht-button-small { min-height: 32px; padding: 7px 16px; font-size: 12px; border-radius: 4px; }
.ht-header-search { display: flex; align-items: center; flex: 1; gap: 8px; max-width: 300px; min-width: 120px; margin-left: auto; padding: 7px 10px; border: 1px solid #dfe2e8; border-radius: 5px; background: #f8f9fb; }
.ht-header-search .icon { width: 14px; height: 14px; color: #858d9c; }
.ht-header-search input { width: 100%; min-width: 0; padding: 0; border: 0; outline: 0; background: transparent; color: var(--ht-ink); font: 12px/1.4 'Inter var', sans-serif; }
.ht-header-search:focus-within { outline: 2px solid var(--ht-red); outline-offset: 2px; }
.ht-header-search input::placeholder { color: #6f7785; }
.ht .hd {
  --ht-red: #e50918; --ht-ink: #090c12; --ht-muted: #535967;
  --ht-line: #e5e9f0; --ht-paper: #fff; --ht-blue: #e5f3ff;
  --ht-blush: #fff0f2; --ht-sage: #edf9f3; --ht-cream: #f4f6f9;
  color: var(--ht-ink); padding-block: 14px 24px;
}
.hd-welcome { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.ht .hd h1 { font-size: clamp(22px, 2.15vw, 28px); line-height: 1.2; font-weight: 750; letter-spacing: -.035em; }
.ht .hd h2 { margin: 0; font: 750 clamp(19px, 1.8vw, 23px)/1.3 'Inter var', sans-serif; letter-spacing: -.035em; text-wrap: initial; }
.ht .hd h3 { font-size: 15px; font-weight: 700; line-height: 1.35; }
.hd p { color: var(--ht-muted); font-size: clamp(12px, 1.1vw, 14px); line-height: 1.5; }
.hd-welcome > div > p { margin-top: 4px; }
.hd-location { position: relative; flex-shrink: 0; font-size: clamp(12px, 1.1vw, 14px); }
.ht .hd-location > summary > span { font-size: inherit; color: inherit; }
.ht .hd-location [data-location-label] { font-weight: 700; }
.ht .hd-location[open] > summary > span { transform: none; }
.hd-location-chevron { width: 12px; height: 12px; flex-shrink: 0; transition: transform .2s; }
.hd-location[open] .hd-location-chevron { transform: rotate(180deg); }
.ht .hd-location > summary > .hd-change { color: var(--ht-red); }
.hd-location > summary { display: flex; align-items: center; gap: 8px; min-height: 44px; cursor: pointer; list-style: none; }
.hd-location summary::-webkit-details-marker { display: none; }
.hd-location .icon, .hd-change { color: var(--ht-red); }
.hd-change { border-left: 1px solid var(--ht-line); margin-left: 8px; padding-left: 12px; }
.hd-location form { position: absolute; right: 0; top: 100%; z-index: 25; padding: 18px; width: 320px; max-width: calc(100vw - 40px); border: 1px solid var(--ht-line); border-radius: 12px; box-shadow: 0 8px 24px #19241f12; background: var(--ht-paper); }
.hd-location label { display: block; font-size: 12px; font-weight: 650; margin-bottom: 8px; }
.hd-location-fields { display: flex; gap: 6px; }
.hd-horoscope .hd-section-head { gap: 4px; }
.hd-location input, .hd-horoscope select { color: var(--ht-ink); background: var(--ht-paper); border: 1px solid var(--ht-line); border-radius: 6px; padding: 10px; font: inherit; min-width: 0; }
.hd-location input { width: 100%; font-size: 13px; }
.hd-location-fields button { background: var(--ht-red); color: #fff; border: 0; border-radius: 6px; padding: 10px; }
.hd-location form p { margin-top: 8px; font-size: 11px; }
.ht .hd-detect-location { min-height: 36px; margin-top: 10px; padding: 0; border: 0; background: none; color: var(--ht-red); font-size: 12px; font-weight: 600; }
.hd-tabs { display: flex; align-items: center; gap: 28px; overflow-x: auto; border-block: 1px solid var(--ht-line); margin-block: 14px 16px; }
.hd-tabs button, .hd-tabs a { flex-shrink: 0; padding: 10px 0 9px; min-height: 36px; border: 0; border-bottom: 3px solid transparent; background: none; color: var(--ht-ink); font-size: 12px; line-height: 1.2; white-space: nowrap; }
.hd-tabs button[aria-pressed="true"] { border-bottom-color: var(--ht-red); color: var(--ht-red); font-weight: 650; }
.hd-tabs a { margin-left: auto; color: var(--ht-muted); }
.hd-main-grid { display: grid; grid-template-columns: minmax(0, 3fr) minmax(220px, 1fr); gap: 16px; }
.hd-main-grid > *, .hd-news-grid > * { min-width: 0; }
.hd-section-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
.hd-section-head a, .hd-section-head button { color: var(--ht-red); font-size: 12px; font-weight: 550; flex-shrink: 0; }
.hd-section-head button { background: transparent; border: 0; padding: 6px 0; min-height: 32px; }
.hd-section-head a:hover { text-decoration: underline; text-underline-offset: 4px; }
.hd-section-head p { margin-top: 0; }
.hd-news-grid { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 18px; }
.hd-news-grid > .hd-story { grid-column: span 4; }
.hd-story { overflow: hidden; border: 1px solid var(--ht-line); border-radius: 5px; background: var(--ht-paper); }
.hd-story-copy { padding: 10px; }
.hd-story-media { display: block; width: 100%; aspect-ratio: 16/9; border: 0; padding: 0; overflow: hidden; background: var(--ht-cream); }
.hd-story-placeholder { display: none; width: 100%; aspect-ratio: 16/10; align-content: center; justify-items: center; gap: 12px; background: linear-gradient(140deg, var(--ht-blue), var(--ht-cream)); color: var(--ht-muted); font-size: 11px; font-weight: 650; letter-spacing: .08em; text-transform: uppercase; }
.hd-story-placeholder::before { content: ''; width: 42px; height: 34px; border: 2px solid currentColor; border-radius: 4px; opacity: .45; background: repeating-linear-gradient(to bottom, currentColor 0 2px, transparent 2px 6px) 7px 7px / 25px 18px no-repeat; }
.hd-category .hd-story-placeholder, .hd-news-grid > .hd-story:nth-child(n+5) .hd-story-placeholder, .hd-news-grid:has(> .hd-story-lead.is-text) > .hd-story:not(.hd-story-lead) .hd-story-placeholder { display: grid; }
.hd-story-media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .2s; }
.hd-story-media:hover img { transform: scale(1.025); }
.ht .hd-story-title { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; min-height: 0; border: 0; padding: 0; background: none; color: var(--ht-ink); text-align: left; font-size: clamp(14px, 1.2vw, 16px); line-height: 1.3; font-weight: 700; letter-spacing: -.025em; }
.ht .hd-story-title:hover { color: var(--ht-red); }
.hd-story .hd-kicker { color: var(--ht-red); font-size: 10px; font-weight: 650; letter-spacing: .06em; text-transform: uppercase; margin-bottom: 4px; }
.hd-story-meta { display: flex; flex-wrap: nowrap; column-gap: 8px; row-gap: 3px; margin-top: 7px; font-size: clamp(10px, .95vw, 12px); color: var(--ht-muted); overflow-wrap: anywhere; }
.hd-story-meta > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.hd-story-meta > time { flex-shrink: 0; white-space: nowrap; }
.hd-news-grid > .hd-story-lead { grid-column: span 7; grid-row: span 3; }
.hd-story-lead .hd-story-media { aspect-ratio: 1.8/1; }
.hd-story-lead { border: 0; }
.hd-story-lead .hd-story-copy { padding: 10px 0 0; }
.hd-story-lead .hd-story-media { border-radius: 5px; }
.ht .hd-story-lead .hd-story-title { -webkit-line-clamp: 2; font-size: clamp(16px, 1.5vw, 20px); line-height: 1.3; }
.hd-story-lead .hd-story-meta { font-size: clamp(10px, .95vw, 12px); }
.hd-news-grid > .hd-story:nth-child(n+2):nth-child(-n+4) { grid-column: span 5; display: grid; grid-template-columns: 42% minmax(0,1fr); align-items: start; border: 0; border-bottom: 1px solid var(--ht-line); border-radius: 0; padding-bottom: 8px; }
.hd-news-grid > .hd-story:nth-child(n+2):nth-child(-n+4) .hd-story-media { height: 96px; aspect-ratio: auto; border-radius: 5px; }
.hd-news-grid > .hd-story:nth-child(n+2):nth-child(-n+4) .hd-story-copy { padding: 3px 0 0 12px; }
.hd-news-grid > .hd-story:nth-child(n+2):nth-child(-n+4) .hd-story-title { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: clamp(14px, 1.25vw, 16px); }
.hd-news-grid > .hd-story:nth-child(n+2):nth-child(-n+4).is-text { grid-template-columns: 1fr; }
.hd-news-grid > .hd-story:nth-child(n+2):nth-child(-n+4).is-text .hd-story-copy { padding-left: 0; }
.hd-utilities { display: grid; align-content: start; align-items: start; gap: 12px; }
.hd-utility { border: 1px solid var(--ht-line); border-radius: 7px; padding: clamp(13px, 1.2vw, 15px); }
.ht .hd-utility h2 { font-size: clamp(12px, 1.1vw, 14px); letter-spacing: -.02em; }
.hd-utility .hd-section-head { margin-bottom: 8px; }
.hd-utility .hd-section-head button { min-height: 0; padding: 0; }
.hd-weather { background: linear-gradient(135deg, #e9f6ff, #e0f1ff); border-color: #d8eaf9; }
.ht .hd-weather-default { margin-block: 5px 8px; font-size: 11px; line-height: 1.4; }
.hd-weather .hd-section-head button { font-size: 10px; color: #c80d1f; }
.hd-weather-reading { display: flex; align-items: baseline; margin-top: 12px; gap: 2px; }
.hd-weather-reading > .hd-temperature-icon { display: grid; place-items: center; align-self: center; width: 54px; height: 54px; border-radius: 50%; background: #fff4d6; color: #cf8709; margin-right: 12px; }
.hd-temperature-icon svg { width: 28px; height: 36px; }
.hd-weather-reading strong { font-size: 34px; font-weight: 650; letter-spacing: -.06em; line-height: 1.1; }
.hd-weather-reading > span:last-child { font-size: 21px; }
.hd-weather-details { display: flex; gap: 12px; margin-block: 18px 10px; }
.hd-weather-details > div { flex: 1; background: color-mix(in srgb, var(--ht-paper) 65%, transparent); border-radius: 6px; padding: 9px; font-size: 12px; }
.hd-weather-details dt { color: var(--ht-muted); font-size: 10px; }
.hd-weather-details dd { margin: 3px 0 0; font-weight: 600; }
.hd small, .ht .hd-weather-observed { display: block; margin-top: 14px; color: var(--ht-muted); font-size: 10px; line-height: 1.5; }
.hd-horoscope { background: radial-gradient(ellipse at 90% 10%, #ffe1e5, transparent 65%), linear-gradient(135deg, #fff8f8, #fff0f2); border-color: #f8dde2; }
.hd-horoscope select { margin: 0; width: 78px; min-height: 28px; flex-shrink: 0; padding: 5px; font-size: 10px; }
.hd-stars { color: var(--ht-red); padding-block: 4px; }
.hd-stars svg { display: block; width: 100%; height: 48px; }
.ht .hd-horoscope-excerpt { color: var(--ht-ink); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.ht .hd-horoscope-full { display: inline-flex; align-items: center; margin-top: 12px; min-height: 32px; color: #c80d1f; font-size: 12px; font-weight: 550; }
.hd-topic-links { display: flex; flex-wrap: wrap; gap: 7px; margin-block: 8px 0; }
.hd-topic-links a { border-radius: 20px; background: var(--ht-cream); padding: 6px 10px; font-size: 10px; font-weight: 550; }
.hd-topic-links a:hover { background: var(--ht-blush); color: var(--ht-red); }
.hd-signup { display: flex; align-items: center; gap: 24px; padding: 16px 24px; background: linear-gradient(100deg, #fff4f5, #ffe9ed); border: 1px solid #ffdde3; border-radius: 6px; margin-block: 22px; }
.hd-signup .ht-button { min-height: 34px; padding: 8px 18px; font-size: 11px; border-radius: 4px; }
.ht-header .ht-button:hover, .hd .ht-button:hover { background: #d00c1c; }
.ht .hd-signup h2 { font-size: 17px; }
.hd-signup-icon { display: grid; place-items: center; padding-right: 20px; border-right: 1px solid var(--ht-line); color: var(--ht-red); }
.hd-signup-icon .icon { width: 30px; height: 30px; }
.hd-signup .ht-button { margin-left: auto; flex-shrink: 0; }
.hd-signup-login { font-size: 11px; white-space: nowrap; }
.hd-signup-login strong { color: #c80d1f; }
.hd-business-filters { display: flex; gap: 7px; overflow-x: auto; margin-block: 8px 12px; }
.hd-business-filters button { border: 1px solid var(--ht-line); border-radius: 24px; background: none; color: var(--ht-ink); padding: 6px 15px; min-height: 27px; white-space: nowrap; font-size: 10px; }
.hd-business-filters [aria-pressed="true"] { background: var(--ht-red); border-color: var(--ht-red); color: #fff; }
.hd-business-grid { list-style: none; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin: 0; padding: 0; }
.hd-business-grid .business-card { display: grid; grid-template-columns: 110px minmax(0,1fr); border: 1px solid var(--ht-line); box-shadow: none; border-radius: 10px; background: var(--ht-paper); overflow: hidden; }
.hd-business-grid .business-card-media { height: 100%; min-height: 145px; aspect-ratio: auto; }
.hd-business-grid .business-card-copy { padding: 14px 12px; min-width: 0; }
.hd-business-grid .business-card-copy > a { white-space: normal; font-size: 14px; }
.hd-business-grid .business-card-copy > div > span { background: none; padding: 0; font-size: 11px; }
.hd-business-grid .business-card-description { font-size: 11px; }
.hd-participate { display: grid; grid-template-columns: 1.1fr .9fr; gap: 24px; margin-block: 30px; }
.hd-participate > * { min-width: 0; }
.ht .hd-demo-label { margin: -4px 0 10px; font-size: 10px; }
.hd-demo-communities { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.hd-demo-card { display: grid; grid-template-columns: 36% minmax(0,1fr); gap: 12px; overflow: hidden; border: 1px solid var(--ht-line); border-radius: 6px; background: var(--ht-paper); }
.hd-demo-card > img, .hd-demo-scene { display: block; width: 100%; height: 100%; min-height: 145px; object-fit: cover; }
.hd-demo-scene { overflow: hidden; }
.hd-demo-scene img { display: block; width: 300%; max-width: none; height: 100%; object-fit: cover; }
.hd-demo-card > div { padding: 12px 10px 12px 0; }
.ht .hd-demo-card h3, .ht .hd-demo-question h3 { font-size: 14px; line-height: 1.35; font-weight: 700; }
.ht .hd-demo-card p { margin-top: 6px; font-size: 11px; }
.hd-demo-card strong { display: block; margin-top: 12px; color: var(--ht-red); font-size: 11px; font-weight: 600; }
.hd-demo-card:hover strong { text-decoration: underline; }
.hd-demo-question { display: grid; grid-template-columns: 36% minmax(0,1fr); gap: 16px; padding: 10px; border: 1px solid var(--ht-line); border-radius: 6px; background: var(--ht-paper); }
.hd-demo-question > img { width: 100%; height: 100%; min-height: 145px; object-fit: cover; border-radius: 4px; }
.hd-demo-question > div { align-self: center; }
.hd-demo-question p { margin-block: 8px 12px; font-size: 12px; }
.hd-demo-question .ht-button-small { min-height: 34px; padding: 8px 13px; gap: 8px; font-size: 11px; }
.hd-category-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 24px; }
.hd-category { min-width: 0; }
.ht .hd-category h3 { font-size: 18px; font-weight: 750; }
.hd-slider-actions { display: flex; align-items: center; gap: 8px; }
.hd-slider-actions a { margin-left: 8px; }
.ht .hd-slider-actions button { display: grid; place-items: center; width: 34px; min-height: 34px; padding: 0; border: 1px solid var(--ht-line); border-radius: 50%; background: var(--ht-paper); color: var(--ht-ink); font: 500 18px/1 'Inter var', sans-serif; }
.hd-slider-actions button:disabled { opacity: .35; cursor: default; }
.hd-news-track { display: flex; gap: 18px; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x proximity; padding-bottom: 12px; scrollbar-width: thin; scrollbar-color: var(--ht-line) transparent; }
.hd-news-track > * { flex: 0 0 calc((100% - 54px)/4); min-width: 0; scroll-snap-align: start; }
.hd-category .hd-story { border: 1px solid var(--ht-line); border-radius: 6px; }
.hd-category .hd-story-media { aspect-ratio: 16/10; }
.hd-category .hd-story-copy { padding: 12px; }
.ht .hd-category .hd-story-title { font-size: clamp(14px, 1.25vw, 16px); -webkit-line-clamp: 3; }
.ht .hd-slider-all { display: flex; align-items: center; justify-content: center; padding: 24px; border: 1px dashed var(--ht-line); border-radius: 6px; color: var(--ht-red); text-align: center; font-size: 15px; font-weight: 650; background: var(--ht-blush); }
.hd-news-track:focus-visible { outline: 2px solid var(--ht-red); outline-offset: 4px; }
.ht .hd-status { margin-block: 12px; font-size: 13px; }
.hd-headlines:has(> .is-loading) { display: flex; flex-direction: column; }
.hd-headlines > .is-loading { flex: 1; }
.ht .hd-status.is-loading { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; min-height: 200px; margin: 0; text-align: center; color: var(--ht-ink); font-weight: 550; }
.hd-status.is-loading::before { content: ''; width: 34px; height: 34px; border: 3px solid color-mix(in srgb, var(--ht-red) 16%, transparent); border-top-color: var(--ht-red); border-radius: 50%; animation: hd-news-spin .85s linear infinite; }
@keyframes hd-news-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .hd-status.is-loading::before { animation: none; }
}
.ht .hd-retry { display: inline-flex; align-items: center; min-height: 42px; color: var(--ht-red); border: 0; background: none; padding: 6px 0; font-size: 12px; font-weight: 600; }
.hd-showcase-label { padding-block: 18px; border-top: 1px solid var(--ht-line); color: var(--ht-muted); font-size: 10px; font-weight: 600; letter-spacing: .1em; }
.ht .hd-showcase-label { margin-inline: auto; }
.hd input:focus-visible, .hd select:focus-visible { outline: 3px solid var(--ht-red); outline-offset: 3px; }
[data-theme='dark'] .hd :is(.hd-section-head a, .hd-section-head button, .hd-change, .hd-location .icon, .hd-retry, .hd-signup-login strong, .hd-demo-card strong, .hd-detect-location, .hd-slider-all, .hd-horoscope-full, .hd-stars) { color: #fa9398; }
[data-theme='dark'] .hd-story .hd-kicker { color: #fa9398; }
[data-theme='dark'] .ht-header, [data-theme='dark'] .ht .hd { --ht-ink: #edf1f7; --ht-muted: #b5c0ce; --ht-line: #354052; --ht-paper: #17202c; --ht-blue: #21394b; --ht-blush: #3a2530; --ht-sage: #213b32; --ht-cream: #26313f; }
[data-theme='dark'] .ht-header-search { background: var(--ht-paper); border-color: var(--ht-line); }
[data-theme='dark'] .ht-header-search input::placeholder { color: var(--ht-muted); }
[data-theme='dark'] .hd-weather { background: linear-gradient(135deg, #1e3345, #1c3e54); border-color: #345166; }
[data-theme='dark'] .hd-horoscope { background: linear-gradient(135deg, #33212c, #432a36); border-color: #593b49; }
[data-theme='dark'] .hd-signup { background: linear-gradient(100deg, #33212c, #432a36); border-color: #593b49; }
/* Publisher images can be absent or blocked; keep text-only leads compact. */
@media (min-width: 641px) {
  .hd-news-grid:has(> .hd-story-lead.is-text) { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .hd-news-grid:has(> .hd-story-lead.is-text) > .hd-story { grid-column: auto; }
  .hd-news-grid:has(> .hd-story-lead.is-text) > .hd-story-lead { grid-column: 1/-1; grid-row: auto; padding-bottom: 12px; border-bottom: 1px solid var(--ht-line); }
  .hd-news-grid:has(> .hd-story-lead.is-text) > .hd-story:nth-child(n+2):nth-child(-n+4) { display: block; padding: 0; border: 1px solid var(--ht-line); border-radius: 5px; }
  .hd-news-grid:has(> .hd-story-lead.is-text) > .hd-story:nth-child(n+2):nth-child(-n+4) .hd-story-media { height: auto; aspect-ratio: 1.85/1; border-radius: 0; }
  .hd-news-grid:has(> .hd-story-lead.is-text) > .hd-story:nth-child(n+2):nth-child(-n+4) .hd-story-copy { padding: 10px; }
}
@media (max-width: 1100px) {
  .ht-header-inner { gap: 24px; }
  .ht-header .ht-header-nav { gap: 22px; }

  .hd-business-grid .business-card { grid-template-columns: 90px minmax(0,1fr); }
}
@media (max-width: 360px) {
  .ht-header .ht-brand img { width: 85px; }
  .ht-header-inner { gap: 10px; }
  .ht-account { gap: 10px; }
}
@media (max-width: 960px) {
  .ht-header .ht-header-nav { gap: 16px; }
  .ht-header-search { display: none; }
  .ht-header .ht-account { margin-left: auto; }
}
@media (max-width: 850px) {
  .ht-header .ht-header-nav { display: none; }
  .hd-signup-login { display: none; }
  .hd-welcome { align-items: flex-start; flex-direction: column; gap: 8px; }
  .hd-location form { left: 0; right: auto; }
  .hd-main-grid { grid-template-columns: minmax(0,1fr); }
  .hd-utilities { grid-row: 1; grid-template-columns: 1fr 1fr; }
  .hd-interests { display: none; }
  .hd-weather-details { margin-block: 10px 0; }
  .hd-business-grid { grid-template-columns: 1fr; }
  .hd-business-grid .business-card { grid-template-columns: 135px minmax(0,1fr); }
  .hd-business-grid .business-card-media { min-height: 120px; }
  .hd-signup { flex-wrap: wrap; }
  .hd-signup > div { flex: 1; }
  .hd-signup .ht-button { margin-left: 0; }
  .hd-signup-login { display: block; }
  .hd-participate { grid-template-columns: 1fr; }
  .hd-news-track > * { flex-basis: calc((100% - 36px)/3); }
}
@media (max-width: 640px) {
  .ht-header .ht-wrap, .ht .hd.ht-wrap { width: calc(100% - 32px); }
  .ht-header-inner { min-height: 64px; }
  .ht .hd { padding-block: 14px 30px; }
  .ht .hd h1 { font-size: 23px; }
  .ht-header .ht-button-small, .hd-tabs button, .hd-business-filters button, .hd-horoscope select { min-height: 44px; }
  .hd-welcome > div > p { font-size: 12px; margin-top: 4px; }
  .hd-tabs { gap: 22px; margin-block: 16px; }
  .hd-section-head { gap: 10px; }
  .ht .hd h2 { font-size: 19px; }
  .hd-section-head a { font-size: 11px; }
  .hd-utilities { gap: 10px; align-items: stretch; }
  .hd-utility { padding: 12px; }
  .hd-utility .hd-section-head { margin-bottom: 4px; }
  .hd-utility small { margin-top: 8px; }
  .ht .hd-utility h2 { font-size: 13px; }
  .hd-weather .hd-section-head { flex-wrap: wrap; gap: 0; }
  .hd-weather .hd-section-head button { display: none; }
  .hd-weather-reading { margin-top: 6px; }
  .hd-weather-reading + p { display: none; }
  .hd-weather-reading strong { font-size: 37px; }
  .hd-weather-reading > span:first-child { display: none; }
  .hd-weather-details { display: grid; gap: 3px; margin-block: 8px 0; }
  .hd-weather-details > div { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px; padding: 0; background: none; font-size: 11px; line-height: 1.4; }
  .hd-weather-details dt { font-size: inherit; }
  .hd-weather-details dd { margin: 0; }
  .ht .hd-weather-observed, .ht .hd .hd-horoscope-excerpt, .hd-stars { display: none; }
  .hd-utility p { font-size: 11px; }
  .hd-horoscope select { width: 100%; padding: 6px; margin-top: 3px; }
  .hd-horoscope .hd-section-head { flex-wrap: wrap; }
  .ht .hd-horoscope-full { min-height: 44px; margin-top: 8px; }
  .hd-weather-observed { overflow-wrap: anywhere; }
  .hd-news-grid { grid-template-columns: 1fr 1fr; gap: 14px; }
  .hd-news-grid > .hd-story { grid-column: auto; }
  .hd-news-grid > .hd-story-lead { grid-column: span 2; grid-row: auto; }
  .hd-news-grid > .hd-story:nth-child(n+2):nth-child(-n+4) { display: block; grid-column: auto; padding-bottom: 0; border: 1px solid var(--ht-line); border-radius: 12px; }
  .hd-news-grid > .hd-story:nth-child(n+2):nth-child(-n+4) .hd-story-media { height: auto; aspect-ratio: 16/10; border-radius: 0; }
  .hd-news-grid > .hd-story:nth-child(n+2):nth-child(-n+4) .hd-story-copy { padding: 10px; }
  .hd-news-grid > .hd-story:nth-child(n+2):nth-child(-n+4).is-text .hd-story-copy { padding: 10px; }
  .hd-news-grid > .hd-story:nth-child(n+2):nth-child(-n+4) .hd-story-title { font-size: 13px; }
  .hd-story-lead { display: flex; flex-direction: column; }
  .hd-story-lead .hd-story-media { order: 2; }
  .hd-story-lead .hd-story-media { aspect-ratio: 16/9; }
  .ht .hd-story-title { min-height: 44px; font-size: 13px; }
  .ht .hd-story-lead .hd-story-title { font-size: 21px; }
  .hd-story-copy { padding: 10px; }
  .hd-signup { padding: 18px; gap: 14px; }
  .hd-signup-icon { display: none; }
  .ht .hd-signup h2 { font-size: 17px; }
  .hd-signup p { font-size: 12px; margin-top: 5px; }
  .hd-signup .ht-button { width: 100%; min-height: 44px; }
  .hd-signup-login { width: 100%; text-align: center; }
  .hd-news-track > * { flex-basis: 78%; }
  .ht .hd-category h3 { font-size: 16px; }
  .hd-slider-actions { gap: 6px; }
  .hd-slider-actions a { margin-left: 4px; }
  .ht .hd-slider-actions button { width: 44px; min-height: 44px; }
  .hd-demo-communities { grid-template-columns: 1fr; }
  .hd-demo-card { grid-template-columns: 100px minmax(0,1fr); }
  .hd-demo-card > img, .hd-demo-scene { min-height: 125px; }
  .hd-demo-question { grid-template-columns: 100px minmax(0,1fr); gap: 12px; }
  .hd-demo-question > img { min-height: 160px; }
  .hd-demo-question .ht-button-small { min-height: 44px; }
  .ht .hd-category .hd-story-title { min-height: 55px; }
}