/* Article index specific */
  .articles-hero {
    padding: 68px 0 42px; position: relative; overflow: hidden;
  }
  .articles-hero::before {
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background:
      radial-gradient(ellipse 700px 500px at 92% 8%, rgba(196,42,111,0.10), transparent 55%),
      radial-gradient(ellipse 600px 500px at 6% 70%, rgba(240,163,64,0.08), transparent 55%);
  }
  .articles-hero-in { position: relative; max-width: 980px; }
  .articles-hero .h1 { font-size: clamp(48px, 6.6vw, 88px); line-height: 1; letter-spacing: -0.025em; }
  .articles-hero .lead { margin-top: 28px; font-size: 21px; max-width: 640px; }

  /* Toolbar */
  .toolbar {
    position: sticky; top: var(--he-nav-h); z-index: 30;
    background: rgba(255,255,255,0.92); backdrop-filter: blur(14px);
    border-block: 1px solid var(--he-border);
    padding: 18px 0;
    margin-bottom: 56px;
  }
  .toolbar-in {
    display: flex; align-items: center; gap: 24px; flex-wrap: wrap;
  }
  .search-wrap {
    position: relative; flex: 1; max-width: 360px; min-width: 240px;
  }
  .search-wrap svg {
    position: absolute; top: 50%; right: 14px; transform: translateY(-50%);
    color: var(--he-fg-3); pointer-events: none;
  }
  .search-input {
    width: 100%; padding: 11px 42px 11px 16px;
    background: var(--he-base-2); border: 1px solid transparent;
    border-radius: var(--he-r-pill); font-family: var(--he-font-sans);
    font-size: 14px; color: var(--c-ink);
    transition: all var(--he-t-fast) var(--he-ease);
  }
  .search-input:focus { outline: none; border-color: var(--c-magenta); background: var(--he-paper); }
  .search-input::placeholder { color: var(--he-fg-3); }

  .filters {
    display: flex; gap: 8px; flex-wrap: wrap; flex: 1; min-width: 280px;
  }
  .filter {
    padding: 8px 16px; border-radius: var(--he-r-pill);
    background: transparent; border: 1px solid var(--he-border-strong);
    font-family: var(--he-font-sans); font-size: 13px; font-weight: 500;
    color: var(--he-fg-2); cursor: pointer; white-space: nowrap;
    transition: all var(--he-t-fast) var(--he-ease);
    display: inline-flex; align-items: center; gap: 8px;
  }
  .filter:hover { color: var(--c-ink); border-color: var(--c-ink); }
  .filter.active { background: var(--c-ink); color: var(--he-paper); border-color: var(--c-ink); }
  .filter .count { font-size: 11px; opacity: 0.55; font-weight: 600; }

  .count-row {
    margin: 8px 0 36px;
    font-family: var(--he-font-sans); font-size: 13px; color: var(--he-fg-3);
    letter-spacing: 0.04em;
  }
  .count-row strong { color: var(--c-ink); font-weight: 600; }

  /* Article grid */
  .articles-grid {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px 32px;
    margin-bottom: 96px;
  }
  .article-card {
    display: flex; flex-direction: column;
    text-decoration: none; color: inherit;
    transition: transform var(--he-t-base) var(--he-ease);
  }
  .article-card:hover { transform: translateY(-3px); }
  .article-card .cover-wrap {
    position: relative; aspect-ratio: 16 / 11;
    background: var(--he-surface-2);
    border-radius: var(--he-r-md);
    overflow: hidden;
    margin-bottom: 22px;
  }
  .article-card .cover-wrap img {
    width: 100%; height: 100%; object-fit: cover;
    transition: transform 600ms var(--he-ease);
  }
  .article-card:hover .cover-wrap img { transform: scale(1.04); }
  .article-card .cover-fallback {
    position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
    font-family: var(--he-font-display); font-style: italic; font-size: 38px;
    color: rgba(255,255,255,0.85);
  }
  .article-card .cat-tag {
    font-family: var(--he-font-sans); font-size: 11px; font-weight: 600;
    letter-spacing: 0.18em; text-transform: uppercase;
    color: var(--c-magenta); margin-bottom: 10px;
    display: inline-flex; align-items: center; gap: 10px;
  }
  .article-card .cat-tag::before {
    content: ""; display: inline-block; width: 16px; height: 1px; background: currentColor; opacity: 0.7;
  }
  .article-card h3 {
    font-family: var(--he-font-display); font-size: 26px; font-weight: 400;
    font-style: italic; line-height: 1.2; letter-spacing: -0.01em;
    margin: 0 0 12px; color: var(--c-ink);
    font-variation-settings: "opsz" 144, "SOFT" 100;
  }
  .article-card p {
    font-family: var(--he-font-body); font-size: 16px; line-height: 1.7;
    color: var(--he-fg-2); margin: 0 0 14px;
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .article-card .meta {
    margin-top: auto; padding-top: 8px;
    font-family: var(--he-font-sans); font-size: 12px; color: var(--he-fg-3);
    display: inline-flex; align-items: center; gap: 10px;
    letter-spacing: 0.04em;
  }
  .article-card .meta::after {
    content: "←"; color: var(--c-clay); font-family: var(--he-font-display);
    transition: transform var(--he-t-fast) var(--he-ease);
  }
  .article-card:hover .meta::after { transform: translateX(-4px); }

  /* category-tinted fallback covers */
  .cat-method { background: linear-gradient(135deg, var(--c-violet) 0%, var(--c-magenta) 100%); }
  .cat-parents { background: linear-gradient(135deg, var(--c-magenta) 0%, var(--c-flame) 100%); }
  .cat-fears { background: linear-gradient(135deg, var(--c-ember) 0%, var(--c-violet) 100%); }
  .cat-models { background: linear-gradient(135deg, var(--c-amber) 0%, var(--c-flame) 100%); }
  .cat-awareness { background: linear-gradient(135deg, var(--c-flame) 0%, var(--c-amber) 100%); }
  .cat-depression { background: linear-gradient(135deg, var(--c-violet) 0%, var(--c-ink) 100%); }
  .cat-whole-person { background: linear-gradient(135deg, var(--c-violet) 0%, var(--c-amber) 100%); }
  .cat-emotions { background: linear-gradient(135deg, var(--c-magenta) 0%, var(--c-ember) 100%); }
  .cat-love { background: linear-gradient(135deg, var(--c-magenta) 0%, var(--c-rose-soft) 100%); }
  .cat-adhd { background: linear-gradient(135deg, var(--c-amber) 0%, var(--c-magenta) 100%); }
  .cat-obsession { background: linear-gradient(135deg, var(--c-ember) 0%, var(--c-magenta) 100%); }
  .cat-einstein { background: linear-gradient(135deg, var(--c-violet) 0%, var(--c-fog) 100%); }
  .cat-self { background: linear-gradient(135deg, var(--c-flame) 0%, var(--c-violet) 100%); }
  .cat-fulfillment { background: linear-gradient(135deg, var(--c-amber) 0%, var(--c-flame) 100%); }
  .cat-success { background: linear-gradient(135deg, var(--c-flame) 0%, var(--c-ember) 100%); }
  .cat-holidays { background: linear-gradient(135deg, var(--c-amber) 0%, var(--c-magenta) 100%); }
  .cat-purpose { background: linear-gradient(135deg, var(--c-violet) 0%, var(--c-flame) 100%); }
  .cat-change { background: linear-gradient(135deg, var(--c-flame) 0%, var(--c-amber) 100%); }
  .cat-stuck { background: linear-gradient(135deg, var(--c-ember) 0%, var(--c-amber) 100%); }
  .cat-pessimism { background: linear-gradient(135deg, var(--c-ink) 0%, var(--c-violet) 100%); }
  .cat-confidence { background: linear-gradient(135deg, var(--c-amber) 0%, var(--c-ember) 100%); }
  .cat-avoidance { background: linear-gradient(135deg, var(--c-violet) 0%, var(--c-magenta) 100%); }
  .cat-mental { background: linear-gradient(135deg, var(--c-violet) 0%, var(--c-ember) 100%); }
  .cat-thoughts { background: linear-gradient(135deg, var(--c-ember) 0%, var(--c-violet) 100%); }
  .cat-anger { background: linear-gradient(135deg, var(--c-ember) 0%, var(--c-flame) 100%); }
  .cat-unsorted { background: linear-gradient(135deg, var(--c-fog) 0%, var(--c-violet) 100%); }

  /* Featured */
  .featured-wrap {
    padding-bottom: 88px; border-bottom: 1px solid var(--he-border);
    margin-bottom: 72px;
  }
  .featured {
    display: grid; grid-template-columns: 1.3fr 1fr;
    gap: 56px; align-items: center;
    text-decoration: none; color: inherit;
  }
  .featured .cover-wrap {
    position: relative; aspect-ratio: 4 / 3;
    border-radius: var(--he-r-md); overflow: hidden;
    background: var(--he-surface-2);
  }
  .featured .cover-wrap img {
    width: 100%; height: 100%; object-fit: cover;
    transition: transform 800ms var(--he-ease);
  }
  .featured:hover .cover-wrap img { transform: scale(1.03); }
  .featured .cover-fallback {
    position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
    font-family: var(--he-font-display); font-style: italic; font-size: 80px;
    color: rgba(255,255,255,0.85);
  }
  .featured-body .cat-tag {
    font-family: var(--he-font-sans); font-size: 12px; font-weight: 600;
    letter-spacing: 0.18em; text-transform: uppercase;
    color: var(--c-clay); margin-bottom: 18px;
    display: inline-flex; align-items: center; gap: 12px;
  }
  .featured-body .cat-tag::before {
    content: ""; display: inline-block; width: 22px; height: 1px; background: currentColor; opacity: 0.7;
  }
  .featured-body h2 {
    font-family: var(--he-font-display); font-size: clamp(34px, 4vw, 50px);
    font-weight: 400; font-style: italic; line-height: 1.08; letter-spacing: -0.02em;
    margin: 0 0 22px;
    font-variation-settings: "opsz" 144, "SOFT" 100;
  }
  .featured-body p {
    font-size: 18px; line-height: 1.75; color: var(--he-fg-2);
    margin: 0 0 24px; max-width: 540px;
  }
  .featured-body .meta {
    font-family: var(--he-font-sans); font-size: 13px; color: var(--he-fg-3);
    letter-spacing: 0.06em; display: inline-flex; align-items: center; gap: 16px;
  }
  .featured-body .meta .read-more {
    color: var(--c-ink); font-weight: 600; display: inline-flex; align-items: center; gap: 8px;
  }

  /* Empty */
  .empty-state {
    text-align: center; padding: 88px 0; color: var(--he-fg-3);
    font-family: var(--he-font-display); font-style: italic; font-size: 26px;
  }
  .empty-state .reset {
    display: block; margin-top: 16px; font-family: var(--he-font-sans);
    font-size: 13px; color: var(--c-clay); font-style: normal;
    text-decoration: underline; cursor: pointer;
  }

  @media (max-width: 1040px) {
    .articles-grid { grid-template-columns: repeat(2, 1fr); gap: 32px 24px; }
    .featured { grid-template-columns: 1fr; gap: 28px; }
    .articles-hero { padding: 42px 0 26px; }
    .toolbar { position: static; margin-bottom: 36px; }
  }
  @media (max-width: 640px) {
    .articles-grid { grid-template-columns: 1fr; gap: 36px; }
  }

/* ===== Articles redesign: topic rails + bands ===== */
.art-topic { margin-bottom:46px; }
.art-topic-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
.art-topic-title { margin:0; }

/* the rails are Ynet-style grids (nye-v5/v6); the carousel-era mask, borders and clipping must not leak onto the rows –
   v5's edge-fade mask faded the first glyph of every row at the rail edge */
.art-rail { padding-bottom:8px; -webkit-mask-image:none !important; mask-image:none !important; }
.art-rail-card { text-decoration:none; color:inherit; overflow:visible; }
.art-rail-img { background:#eef0f2; }
.art-rail-img img { width:100%; height:100%; object-fit:cover; display:block; }
.art-rail-img .cover-fallback { width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:48px; color:#c9b7a6; font-family:var(--he-font-display); }
.art-rail-info { display:flex; flex-direction:column; gap:8px; }
.art-rail-info h3 { margin:0; font-size:17px; line-height:1.32; }
.art-rail-info .art-excerpt {
  margin: 0;
  color: var(--he-fg-2,#5b5158);
  font-size: 14px;
  line-height: 1.55;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.art-rail-info .meta { margin-top:auto; font-family:var(--he-font-sans); font-size:12.5px; color:var(--he-fg-3,#6E5E66); letter-spacing:0; }
.art-rail-card .cat-tag { align-self:flex-start; font-family:var(--he-font-sans); font-size:11px; font-weight:700; color:#fff;
  background:var(--b-magenta,#872B64); padding:3px 11px; border-radius:999px; letter-spacing:0; text-transform:none; margin:0; }
.art-rail-card .cat-tag::before { content:none; }

.art-news { background:linear-gradient(120deg,#f6f3f8,#efeaf2); }
.art-news-in { display:flex; align-items:center; justify-content:space-between; gap:28px; flex-wrap:wrap; padding:34px 0; }
.art-news-in h2 { margin:4px 0; }
.art-news-in p { margin:0; color:var(--he-fg-2,#5b5158); }
.art-news-form { display:flex; gap:10px; flex:0 0 auto; }
.art-news-form input { padding:12px 16px; border:1px solid var(--he-border,#e0d6c9); border-radius:999px; min-width:220px; font-family:inherit; }

@media (max-width: 820px) {
  .art-consult-in { grid-template-columns:1fr; }
  .art-news-in, .art-news-form { width:100%; }
  .art-news-form input { flex:1; min-width:0; }
}

/* ===== Inline article reader (opens inside the index, pushes content down) ===== */
.art-inline-reader { padding: 8px 0 26px; }
.air-box {
  position: relative; background: #fff; border: 1px solid #ece7e3; border-radius: 20px;
  padding: 36px 42px 30px; box-shadow: 0 24px 56px rgba(60,30,45,0.10);
  max-width: 860px; margin: 0 auto;
}
.air-close {
  position: absolute; top: 14px; inset-inline-end: 16px; width: 38px; height: 38px;
  border: 0; border-radius: 50%; background: #f1f0f3; color: #5b2a45; font-size: 22px;
  line-height: 1; cursor: pointer;
}
.air-close:hover { background: #e9e2dd; }
.air-title { margin: 0 0 16px; padding-inline-end: 52px; font-size: clamp(24px, 3vw, 32px); line-height: 1.25; }
.air-body p { line-height: 1.9; font-size: 16.5px; color: var(--he-fg-1, #2d2329); margin: 0 0 14px; }
.air-foot { margin: 18px 0 0; text-align: start; }
.air-perma { color: var(--b-magenta, #872B64); font-weight: 600; text-decoration: none; font-size: 14.5px; }
@media (max-width: 720px) {
  .air-box { padding: 26px 20px; }
  .air-title { padding-inline-end: 48px; }
}

/* ===== Design sweep (2026-09): one lead splash, quiet rows, a toolbar that gets out of the way ===== */
/* topic counts back in the chips, as "(76)" */
.toolbar .filters .filter .count { display: inline !important; opacity: .55; font-size: 12px; font-weight: 600; }

/* sticky toolbar: two rows while at rest, one compact row once stuck under the nav */
.toolbar { transition: padding .25s ease; }
.toolbar.is-stuck { padding: 8px 0; }
.toolbar.is-stuck .toolbar-in { flex-wrap: nowrap; gap: 14px; }
.toolbar.is-stuck .search-wrap { flex: 0 0 240px; min-width: 0; }
.toolbar.is-stuck .search-input { padding: 8px 38px 8px 14px; font-size: 13px; }
.toolbar.is-stuck .filters { flex-wrap: nowrap; overflow-x: auto; min-width: 0; padding-bottom: 2px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.toolbar.is-stuck .filters::-webkit-scrollbar { display: none; }
.toolbar.is-stuck .filter { padding: 6px 12px; font-size: 12.5px; }

/* the "newest" block keeps its Ynet lead splash; every topic rail is headline rows only */
.art-topic:not([data-sec="all"]) .art-rail .art-rail-card:first-child {
  grid-column: auto; display: grid !important; grid-template-columns: 1fr 128px; gap: 14px; align-items: center;
  padding: 14px 0; margin: 0; border-bottom: 1px solid rgba(226,120,58,.18); border-radius: 0;
}
.art-topic:not([data-sec="all"]) .art-rail .art-rail-card:first-child .art-rail-img {
  aspect-ratio: 16/11 !important; height: auto !important; margin: 0; border-radius: 6px; order: 2; align-self: center;
}
.art-topic:not([data-sec="all"]) .art-rail .art-rail-card:first-child .art-rail-info { order: 1; min-width: 0; gap: 6px; }
.art-topic:not([data-sec="all"]) .art-rail .art-rail-card:first-child h3 { font-size: 16.5px !important; line-height: 1.4 !important; -webkit-line-clamp: 3 !important; }
.art-topic:not([data-sec="all"]) .art-rail .art-rail-card:first-child .cat-tag { display: none; }
.art-topic:not([data-sec="all"]) .art-rail .art-rail-card:first-child .art-excerpt { display: none !important; }
@media (min-width: 861px) {
  .art-topic:not([data-sec="all"]) .art-rail .art-rail-card:first-child .art-excerpt { display: -webkit-box !important; -webkit-line-clamp: 2; font-size: 13.5px; }
}
@media (max-width: 860px) {
  .art-topic:not([data-sec="all"]) .art-rail .art-rail-card:first-child { grid-template-columns: 1fr 118px !important; padding: 13px 0 !important; gap: 12px !important; }
  .art-topic:not([data-sec="all"]) .art-rail .art-rail-card:first-child h3 { font-size: 15.5px !important; line-height: 1.38 !important; }
  .art-topic:not([data-sec="all"]) .art-rail .art-rail-card:first-child .art-rail-img { border-radius: 6px; }
}

/* odd row count: the last row spans both columns instead of leaving a hole (set by the page script) */
.art-rail .art-rail-card.rail-span { grid-column: 1 / -1; }
.art-rail .art-rail-card.rail-span .art-rail-info { max-width: 78ch; }

/* warm hairlines instead of grey */
.art-rail .art-rail-card:not(:first-child) { border-bottom-color: rgba(226,120,58,.18) !important; }
.art-topic[data-sec="all"] .art-rail .art-rail-card:first-child { border-bottom-color: rgba(226,120,58,.22); }

/* consult form: the textarea joins the unified field skin */
.art-consult-form textarea { resize: vertical; min-height: 84px; }

/* rows are text-high, not card-high */
.art-rail .art-rail-card .art-rail-info { min-height: 0; padding: 0; }
.art-topic[data-sec="all"] .art-rail .art-rail-card:first-child .art-rail-info { padding: 6px 10px; }

/* phones: the toolbar is static there, so the chips become one swipeable row instead of five stacked rows */
@media (max-width: 860px) {
  .toolbar { padding: 12px 0; margin-bottom: 28px; }
  .toolbar-in { gap: 12px; }
  .search-wrap { max-width: none; }
  .filters { flex-wrap: nowrap; overflow-x: auto; min-width: 0; width: 100%; padding: 2px 0 6px; scrollbar-width: none; -webkit-overflow-scrolling: touch;
    mask-image: linear-gradient(90deg, transparent, #000 24px, #000 calc(100% - 24px), transparent); }
  .filters::-webkit-scrollbar { display: none; }
  .filter { flex: 0 0 auto; }
}

/* offers band on this page: five offers, one row (the shared auto-fit grid left a 4+1 orphan at 1440) */
@media (min-width: 1100px) { .nye-offers .offers-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); } }

/* ===== 2026-10-12 · Dean: the phone must show the excerpt under every title (not just the splash) ===== */
@media (max-width: 860px) {
  .art-rail .art-rail-card:not(:first-child) .art-excerpt,
  .art-topic:not([data-sec="all"]) .art-rail .art-rail-card:first-child .art-excerpt {
    display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
    font-size: 13.5px; line-height: 1.5; color: var(--he-fg-2, #6b5f66); margin: 3px 0 2px;
  }
  .art-rail .art-rail-card:not(:first-child) h3 { -webkit-line-clamp: 2; }
}