/* TLVNET homepage identity. Loaded last; editorial ordering and rail layout stay intact. */
body.home-brand {
  --brand-navy: #092b3b;
  --brand-teal: #126f6a;
  --brand-soft: #e7f0ed;
  --bg: #f5f4ef;
  --ink: var(--brand-navy);
  --surface: #fffefa;
  --line: #d6dfda;
  --muted: #52666e;
  --accent: var(--brand-teal);
  --type-section: clamp(1.75rem, 2.8vw, 2.25rem);
  --type-card: 1.375rem;
  --type-body: 1rem;
  --type-label: .875rem;
  --type-meta: .8125rem;
  --space-1: .5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-section: 2.5rem;
  --radius-control: .5rem;
  --radius-card: .75rem;
  font-family: Heebo, Arial, sans-serif;
  font-size: var(--type-body);
  line-height: 1.65;
}
body.home-brand.night {
  --bg: #081f2c;
  --ink: #f5f4ef;
  --surface: #102f3e;
  --line: #36535d;
  --muted: #b9cbd0;
  --brand-teal: #8cdbcc;
  --brand-soft: #173b42;
}
.home-brand :is(button, input, select, textarea) { font-family: inherit; }
.home-brand :is(a, button):focus-visible {
  outline: 3px solid var(--brand-teal);
  outline-offset: 4px;
}
/* One heading and spacing system across editorial, magazine and service sections. */
.home-brand main > :is(.discovery, .topic-briefs) {
  margin-top: 0;
  padding-block: var(--space-section) 0;
}
.home-brand main > .topic-briefs {
  --topic-accent: var(--brand-teal) !important; /* Replaces feed-specific inline colors on home only. */
  border-top: 0;
  border-bottom: 1px solid var(--line);
  padding-bottom: var(--space-3);
}
.home-brand main > .topic-briefs:first-child { padding-top: var(--space-3); }
.home-brand :is(.section-top, .brief-heading) {
  align-items: baseline;
  gap: var(--space-2);
  margin-bottom: var(--space-3);
}
.home-brand main :is(.section-top, .brief-heading) h2,
.home-brand :is(.super-home, .health-home) h2 {
  font-size: var(--type-section);
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: -.025em;
  margin: 0;
  color: var(--ink);
}
.home-brand main .section-top h2 { max-width: none; }
.home-brand main .section-top h2 span,
.home-brand.night main .section-top h2 span,
.home-brand #restaurants-title .definite-he,
.home-brand #restaurant-cards h3 .definite-he {
  color: var(--brand-teal);
}
.home-brand main .card h3 {
  font-size: var(--type-card);
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: -.015em;
  margin: 0 0 var(--space-1);
}
.home-brand main .brief-item h3 {
  font-size: var(--type-card);
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: -.015em;
}
.home-brand main .card p,
.home-brand :is(.senior-intro, .super-home .super-home-detail, .health-home p) {
  font-size: var(--type-body);
  line-height: 1.65;
  color: var(--muted);
}
.home-brand main .brief-item p { font-size: var(--type-body); line-height: 1.65; }
.home-brand .brief-meta { font-size: var(--type-meta); line-height: 1.5; color: var(--muted); }
.home-brand :is(.card-link, .full-guide, .all-news-link, .enrichment-home-link) {
  font-size: var(--type-label);
  font-weight: 700;
  line-height: 1.5;
}
.home-brand :is(.eyebrow, .senior-tag, .kids-meta, .card-link b) { color: var(--brand-teal); }
.home-brand .full-guide {
  color: var(--brand-teal);
  border-color: var(--brand-teal);
  margin: 0;
  padding-block: var(--space-1);
}
.home-brand .full-guide .ui-link-icon { width: 18px; height: 18px; }
.home-brand .card { background: var(--surface); border-color: var(--line); border-radius: var(--radius-card); }
.home-brand .card-copy { padding: var(--space-3); }
.home-brand .card-link { border-color: var(--line); padding-top: var(--space-2); }
.home-brand .rail { gap: var(--space-3); padding-bottom: var(--space-2); }
.home-brand .rail-controls { padding: var(--space-1) 0 var(--space-3); border-color: var(--line); }
.home-brand :is(.swipe, .count, .selection-note) { font-size: var(--type-meta); color: var(--muted); }
.home-brand .photo small { font-size: .75rem; line-height: 1.45; }
.home-brand .number { background: var(--surface); color: var(--ink); }
/* A consistent family of controls; movie posters keep their own aspect ratio. */
.home-brand :is(.shortcuts a, .home-date-picks a, .enrichment-home-link) {
  background: var(--surface);
  color: var(--ink);
  border: 1px solid var(--line);
  border-radius: var(--radius-control);
  font-size: var(--type-label);
  font-weight: 700;
  line-height: 1.5;
  min-height: 44px;
}
.home-brand .shortcuts { gap: var(--space-1); margin-bottom: var(--space-3); }
.home-brand .shortcuts a { padding: .75rem var(--space-1); }
.home-brand .enrichment-home-link { display: inline-flex; align-items: center; padding: .75rem var(--space-2); margin-bottom: var(--space-3); }
.home-brand .shortcuts .all,
.home-brand .home-date-picks a:first-child { background: var(--brand-teal); color: var(--bg); border-color: var(--brand-teal); }
.home-brand :is(.shortcuts a, .home-date-picks a, .enrichment-home-link):hover {
  background: var(--brand-soft); color: var(--ink); border-color: var(--brand-teal);
}
.home-brand :is(.rail-controls button, .photo-arrow, .brief-edge) {
  background: var(--brand-teal); color: var(--bg); border-color: var(--surface);
  border-radius: var(--radius-control);
}
.home-brand :is(.rail-controls button, .photo-arrow, .brief-edge):hover:not(:disabled) {
  background: var(--ink); color: var(--bg);
}
.home-brand :is(.photo-arrow, .brief-edge):disabled { background: var(--brand-soft); color: var(--muted); }
/* Header uses the same navy/teal palette instead of unrelated yellow/purple modes. */
.home-brand header.masthead { background: var(--brand-navy); border-bottom-color: #398e83; box-shadow: 0 3px 14px #092b3b12; }
.home-brand .masthead-share { background: #e7f0ed; color: #092b3b; border-radius: var(--radius-control); font-size: var(--type-label); }
.home-brand .masthead-message strong { font-weight: 800; }
.home-brand .masthead .modes { background: #082432; border-color: #55747c; border-radius: var(--radius-control); gap: 4px; }
.home-brand .masthead .modes button[data-theme] { background: transparent; color: #d6e6e6; border-color: transparent; border-radius: 4px; font-size: var(--type-label); font-weight: 700; box-shadow: none; }
.home-brand .masthead .modes button[aria-pressed="true"] { background: #d9eee8; color: #092b3b; border-color: #d9eee8; }
.home-brand .masthead .modes button:hover { border-color: #8cdbcc; }
.home-brand :is(.masthead-bottom, .masthead-page-menu) nav.two-row-menu { gap: var(--space-1); scrollbar-color: #8cdbcc #ffffff16; }
.home-brand :is(.masthead-bottom, .masthead-page-menu) nav.two-row-menu a { background: #153b4b; border-color: #466570; color: #f5f4ef; border-radius: var(--radius-control); font-size: var(--type-label); }
.home-brand :is(.masthead-bottom, .masthead-page-menu) nav.two-row-menu a:hover { background: #22564f; border-color: #8cdbcc; color: #fff; }
.home-brand .masthead-page-menu { background: var(--brand-navy); border-bottom-color: #398e83; }
.home-brand header :is(a, button):focus-visible,
.home-brand .masthead-page-menu a:focus-visible { outline-color: #8cdbcc; }
/* Utility blocks share the site's surfaces, text colors and scale. */
.home-brand .super-home,
.home-brand .health-home {
  background: var(--brand-soft); color: var(--ink); border-color: var(--line);
  border-radius: var(--radius-card); margin-block: var(--space-section) 0;
}
.home-brand .super-home-copy { padding: var(--space-4); }
.home-brand .super-home .super-home-detail { margin-block: var(--space-2); }
.home-brand .super-home-cta,
.home-brand .health-home nav a:last-child { background: var(--brand-teal); color: var(--bg); border-color: var(--brand-teal); border-radius: var(--radius-control); font-size: var(--type-label); }
.home-brand .super-home-cta { min-height: 44px; padding: .875rem var(--space-3); }
.home-brand .super-home-photo span { background: var(--surface); color: var(--ink); border-radius: var(--radius-control); font-size: var(--type-card); }
.home-brand .health-home { padding: var(--space-3); gap: var(--space-3); }
.home-brand .health-home > div > span { color: var(--brand-teal); font-size: var(--type-meta); }
.home-brand .health-home p { margin-top: var(--space-1); }
.home-brand .health-home nav a { background: var(--surface); color: var(--ink); border-color: var(--line); font-size: var(--type-label); border-radius: var(--radius-control); min-height: 44px; display: inline-flex; align-items: center; }
.home-brand footer { margin-top: var(--space-section); padding-block: var(--space-3) var(--space-4); gap: var(--space-2); }
.home-brand footer p { font-size: var(--type-label); }
.home-brand footer small { font-size: var(--type-meta); }
.home-brand footer strong span { color: var(--brand-teal); }
.home-brand .editorial-live { background: var(--brand-soft); color: var(--ink); border-color: var(--brand-teal); padding: var(--space-3); margin-block: var(--space-section); }
.home-brand .editorial-live .editorial-card { background: var(--surface); color: var(--ink); border-radius: var(--radius-card); padding: var(--space-3); }
.home-brand .editorial-live h3 { font-size: var(--type-card); font-weight: 800; line-height: 1.4; }
.home-brand .editorial-live p { font-size: var(--type-body); color: var(--muted); line-height: 1.65; }
@media (max-width: 760px) {
  body.home-brand { --type-section: 1.75rem; --type-card: 1.25rem; --space-section: 2rem; }
  .home-brand main :is(.section-top, .brief-heading) { gap: .75rem; margin-bottom: var(--space-2); }
  .home-brand .section-top { flex-direction: column; align-items: flex-start; }
  .home-brand .section-top h2 { flex: initial; width: 100%; }
  .home-brand .section-top .full-guide { white-space: nowrap; align-self: flex-start; }
  .home-brand .card-copy { padding: var(--space-2); }
  .home-brand main .brief-rail-shell .brief-item h3 { font-size: var(--type-card); line-height: 1.4; }
  .home-brand main .brief-rail-shell .brief-item p { font-size: var(--type-body); line-height: 1.5; }
  .home-brand .super-home-copy { padding: var(--space-3); }
  .home-brand .health-home { padding: var(--space-3); }
  /* Controls occupy their own row, never the headline or excerpt. */
  .home-brand main .brief-rail-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px 44px;
    gap: var(--space-1);
    padding: 0;
    margin: 0;
  }
  .home-brand main .brief-rail-shell .brief-track {
    grid-column: 1 / -1;
    grid-row: 1;
    width: 100%;
    min-width: 0;
    align-items: flex-start;
    overflow-y: hidden;
  }
  .home-brand main .brief-rail-shell .brief-item {
    flex-basis: 100%;
    padding: 0;
    border: 0;
    min-height: 0;
    overflow-wrap: anywhere;
  }
  .home-brand main .brief-rail-shell .brief-meta {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .home-brand main .brief-rail-shell .brief-edge {
    position: static;
    transform: none;
    grid-row: 2;
    width: 44px;
    height: 44px;
    box-shadow: none;
    border: 1px solid var(--brand-teal);
  }
  .home-brand main .brief-rail-shell .brief-edge-right { grid-column: 2; }
  .home-brand main .brief-rail-shell .brief-edge-left { grid-column: 3; }
  .home-brand main .brief-rail-shell .brief-edge:disabled { opacity: .45; }
  .home-brand .topic-briefs .all-news-link { margin-top: var(--space-1); }
  .home-brand .topic-method-inline { font-size: var(--type-label); padding: .75rem var(--space-2); }
  .home-brand .enrichment-home-link { display: flex; width: 100%; }
}
