/* ============================================================
 * capriastro-horoscopes — the few pieces the engine's page-horoscopes*.css does not already draw.
 * Token-only (the engine's tokens.css custom properties); every scope is `.cap-shell …`.
 *   · the previous / next month links: above the rail on desktop (D2), after the key-dates note on the phone (1d)
 *   · the hub's "November horoscopes are here →" line under the lede
 *   · the hub FAQ band
 *   · a free-chart icon picked in Horoscopes → Promo cards (an image in place of the inline SVG)
 * ============================================================ */

.cap-shell .cap-hx-months { display: flex; justify-content: space-between; align-items: baseline; gap: var(--cap-gutter); font-family: var(--cap-font-ui); font-weight: 500; font-size: var(--cap-type-eyebrow); letter-spacing: var(--cap-track-eyebrow); text-transform: uppercase; line-height: var(--cap-leading-ui); }
.cap-shell .cap-hx-months a { color: var(--cap-color-caption); text-decoration: none; transition: color var(--cap-ease-fast); }   /* round 25 (owner): the month links ONE colour at every width — the sheets' caption grey (1d, D-sign rail, T11's bottom row), ink on hover */
@media (hover: hover) { .cap-shell .cap-hx-months a:hover { color: var(--cap-color-text); } }
.cap-shell .cap-hx-months--article, .cap-shell .cap-hx-months--tablet { display: none; }

.cap-shell .cap-hx-hub__next { color: var(--cap-color-primary); }
@media (hover: hover) { .cap-shell .cap-hx-hub__next:hover { color: var(--cap-color-text); } }

/* the hub's Questions in the money page's style (D4): a 760 column, the 2px rule over a quiet head, ink questions */
.cap-shell .cap-hx-hub__faq { padding-bottom: var(--cap-space-hero-open); }
.cap-shell .cap-hx-hub__faq > .cap-faq { max-width: var(--cap-measure-hero); }
@media (min-width: 700px) and (max-width: 1279px) {
  .cap-shell .cap-hx-hub__faq > .cap-faq { max-width: none; }   /* tablet (owner 2026-10-01): the full content width, on the cards' edges above — 912 at 1024, as at 820 */
}
.cap-shell .cap-hx-hub__faq-head { display: block; border-top: var(--cap-border-emphasis) solid var(--cap-color-line-emphasis); padding-top: var(--cap-gutter); margin: 0 0 var(--cap-space-gap-7); color: var(--cap-color-heading-quiet); }
.cap-shell .cap-hx-hub__faq .cap-faq-q { color: var(--cap-color-text); }
.cap-shell .cap-hx-hub__faq .cap-faq__a p { margin: 0; }
.cap-shell .cap-hx-hub__faq .cap-faq__a p + p { margin-top: var(--cap-space-sm); }
.cap-shell .cap-hx-hub__faq .cap-faq__a a { color: var(--cap-color-primary); }

/* the phone's top row (1d, owner ruling 28 Sep): in the breadcrumb's place, with its spacing and type */
.cap-shell .cap-hx-sign__top { display: none; }
@media (max-width: 699px) {
  .cap-shell .cap-hx-sign__crumbs:not(.cap-hx-sign__top) { display: none; }
  .cap-shell .cap-hx-sign__top { display: flex; justify-content: space-between; align-items: center; gap: var(--cap-space-md); white-space: nowrap; color: var(--cap-color-caption); }
  .cap-shell .cap-hx-sign__top a { color: var(--cap-color-caption); text-decoration: none; transition: color var(--cap-ease-fast); }
  @media (hover: hover) { .cap-shell .cap-hx-sign__top a:hover { color: var(--cap-color-text); } }
  .cap-shell .cap-hx-sign__top-months { display: flex; gap: var(--cap-space-md); }
  .cap-shell .cap-hx-months--rail { display: none; }
  .cap-shell .cap-hx-months--article { display: flex; padding: 0;   /* round 27 (owner): on the content edge like the top row (it sat 6 in) */ font-size: var(--cap-type-label); letter-spacing: var(--cap-track-meta); line-height: normal; }   /* 1d: 13 · .14em (its 6 px inset dropped in round 27) */
  .cap-shell .cap-hx-months--article a { color: var(--cap-color-caption); }
}


/* a free-chart icon picked in Horoscopes → Promo cards is an ordinary image: it fills the icon box as the SVG does */
.cap-shell .cap-hx-calc__icon img { display: block; width: 100%; height: 100%; object-fit: contain; }

/* the top row's two labels: the short one on a phone, the full one on a tablet (T11) */
.cap-shell .cap-hx-sign__top-l { display: none; }
/* 700–1279 · T11 (owner 2026-10-01: no breadcrumbs below 1280): "← All signs" left, "← September" · "November →"
   right, 16 · .14em caps in caption grey (round 25), 32 apart; the trail stays in the page's schema */
@media (min-width: 700px) and (max-width: 1279px) {
  .cap-shell .cap-hx-sign__crumbs:not(.cap-hx-sign__top) { display: none; }
  .cap-shell .cap-hx-sign__top { display: flex; justify-content: space-between; align-items: center; gap: var(--cap-space-lg); padding-bottom: 0; white-space: nowrap; font-family: var(--cap-font-ui); font-weight: 500; font-size: var(--cap-type-eyebrow); line-height: normal; letter-spacing: var(--cap-track-meta); text-transform: uppercase; }
  .cap-shell .cap-hx-sign__top a { color: var(--cap-color-caption); text-decoration: none; transition: color var(--cap-ease-fast); }   /* round 25: caption grey, as on the phone (T11 drew this one row in ink) */
  @media (hover: hover) { .cap-shell .cap-hx-sign__top a:hover { color: var(--cap-color-text); } }
  .cap-shell .cap-hx-sign__top-months { display: flex; gap: var(--cap-space-lg); }
  .cap-shell .cap-hx-sign__top-s { display: none; }
  .cap-shell .cap-hx-sign__top-l { display: inline; }
  /* T11: the previous / next month under "The month in one line" — 16 · .14em caps in caption grey like every month link (round 25;
     was ink 2026-10-01), 6 in, one article gap (24) below the box; the rail's copy steps aside */
  .cap-shell .cap-hx-months--rail { display: none; }
  .cap-shell .cap-hx-months--tablet { display: flex; align-items: center; padding: 0;   /* round 27 (owner): on the content edge like the top row */ font-size: var(--cap-type-eyebrow); letter-spacing: var(--cap-track-meta); line-height: normal; }
  .cap-shell .cap-hx-months--tablet a { color: var(--cap-color-caption); }   /* round 25 (owner): one colour at every width — caption grey, as T11 draws it (reverses 1 Oct's ink) */
  @media (hover: hover) { .cap-shell .cap-hx-months--tablet a:hover { color: var(--cap-color-text); } }
}

/* THE FOOTER GAP (owner 2026-10-02): from the last thing on the page to the footer, 64 from 700 up and 40 on a phone — the
   engine's token when it is present, the page's own end space otherwise. */
.cap-shell .cap-hx-hub__faq { padding-bottom: var(--cap-space-footer-gap, var(--cap-space-hero-open)); }