/* ═══ BENAA HOME CARE — page-specific only ═══
   Tokens, chrome, typography, .sec/.item/.cta/.rv and the hero all come from
   v2.css. House rules: frameless (gold hairlines, never cards / borders /
   shadows), Phosphor glyphs bare, logical properties so Arabic mirrors.
   Spec: _build/HOME-CARE-SPEC.md
   ════════════════════════════════════════════ */

/* ── hero: proof strip + two actions ── */
.hc-acts{ display:flex; flex-wrap:wrap; gap:.9rem 1.1rem; margin-top:.4rem }
.hc-acts .cta{ margin-top:1.6rem }
.hc-proof{ display:flex; flex-wrap:wrap; gap:1.2rem clamp(1.6rem,4.5vw,4rem);
  margin-top:clamp(2.2rem,5vh,3.4rem); padding-top:1.4rem; border-top:1px solid rgba(244,182,81,.35) }
.hc-proof div{ min-width:8.5rem }
.hc-proof b{ display:block; font-family:var(--display); font-weight:400; line-height:1;
  font-size:clamp(1.9rem,3.4vw,2.8rem); color:var(--gold);
  text-shadow:0 0 20px rgba(244,182,81,.3), 0 2px 16px rgba(26,12,30,.8) }
.hc-proof span{ display:block; margin-top:.45rem; font-size:.74rem; letter-spacing:.18em;
  text-transform:uppercase; color:rgba(255,255,255,.88) }
[dir="rtl"] .hc-proof span{ letter-spacing:0; font-size:.88rem }

/* ── text + photo ── */
.hc-split{ display:grid; gap:clamp(2rem,5vw,5rem); align-items:center;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) }
.hc-split.flip > :first-child{ order:2 }
.hc-photo{ margin:0; position:relative }
.hc-photo img{ display:block; width:100%; height:auto; aspect-ratio:var(--ar,4/5); object-fit:cover }
.hc-photo::after{ content:''; position:absolute; inset-inline-start:0; bottom:-14px;
  width:72px; height:2px; background:var(--gold) }
@media (max-width:880px){
  .hc-split{ grid-template-columns:1fr }
  .hc-split.flip > :first-child{ order:0 }
  .hc-photo img{ max-height:68vh }
}

/* ── the finder ── */
.hc-find{ position:relative; isolation:isolate; overflow:hidden }
.hc-find::before{ content:''; position:absolute; inset:0; z-index:-1;
  background:url('/assets/images/home-care/hc-band.webp') center/cover no-repeat; opacity:.42 }
.hc-find::after{ content:''; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(180deg, rgba(26,12,30,.86), rgba(26,12,30,.62) 45%, rgba(26,12,30,.9)) }
.hc-tool{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:0 clamp(2rem,5vw,5rem); margin-top:2.6rem }
.hc-tool[hidden]{ display:none }
.hc-ctrls{ display:grid; gap:1.6rem; align-content:start }
.hc-type{ display:flex; gap:2rem; border:0; padding:0; margin:0 }
.hc-type legend{ font-size:.74rem; letter-spacing:.24em; text-transform:uppercase; color:var(--gold);
  margin-bottom:.8rem; padding:0 }
.hc-type label{ position:relative; cursor:pointer; font-family:var(--display);
  font-size:clamp(1.3rem,2vw,1.7rem); color:rgba(255,255,255,.62); padding-bottom:.35rem }
.hc-type input{ position:absolute; opacity:0; pointer-events:none }
.hc-type input:checked + span{ color:#fff }
.hc-type label span::after{ content:''; position:absolute; inset-inline-start:0; bottom:0; height:2px; width:0;
  background:var(--gold); transition:width 320ms var(--ease) }
.hc-type input:checked + span::after{ width:100% }
.hc-type input:focus-visible + span{ outline:2px solid var(--gold); outline-offset:4px }

.hc-step{ display:grid; grid-template-columns:1fr auto; align-items:center; gap:.4rem 1rem;
  padding-top:1.3rem; border-top:1px solid rgba(244,182,81,.4) }
.hc-step .lbl{ font-family:var(--display); font-size:clamp(1.25rem,1.9vw,1.6rem); color:#fff }
.hc-step .hint{ display:block; font-family:var(--sans); font-size:.82rem; color:rgba(255,255,255,.66); margin-top:.2rem }
.hc-num{ display:flex; align-items:center; gap:.5rem }
.hc-num button{ width:46px; height:46px; border-radius:50%; border:0; cursor:pointer;
  background:rgba(255,255,255,.1); color:#fff; font-size:1.5rem; line-height:1;
  display:grid; place-items:center; transition:background 200ms ease, color 200ms ease }
.hc-num button:hover{ background:var(--gold); color:var(--plum-deep) }
.hc-num button:focus-visible{ outline:2px solid var(--gold); outline-offset:3px }
.hc-num input{ width:3.2ch; text-align:center; background:none; border:0; color:var(--gold);
  font-family:var(--display); font-size:2.4rem; -moz-appearance:textfield; appearance:textfield }
.hc-num input::-webkit-inner-spin-button,.hc-num input::-webkit-outer-spin-button{ -webkit-appearance:none; margin:0 }

.hc-result{ padding-inline-start:clamp(1.5rem,4vw,3.5rem); border-inline-start:1px solid rgba(244,182,81,.5);
  display:flex; flex-direction:column; justify-content:center; min-height:22rem }
.hc-result .k{ font-size:.74rem; letter-spacing:.24em; text-transform:uppercase; color:var(--gold); margin:0 }
.hc-result .u{ font-size:.95rem; color:rgba(255,255,255,.8); margin:.4rem 0 1.2rem }
.hc-result .nm{ font-family:var(--display); font-size:clamp(2rem,4vw,3.4rem); line-height:1.05; color:#fff; margin:0 }
.hc-result .pr{ font-family:var(--display); font-size:clamp(2.6rem,6vw,4.6rem); line-height:1; color:var(--gold);
  margin:.7rem 0 .2rem; text-shadow:0 0 30px rgba(244,182,81,.35) }
.hc-result .pr small{ font-family:var(--sans); font-size:1rem; color:rgba(255,255,255,.8);
  text-shadow:none; white-space:nowrap }
.hc-result .mo,.hc-result .me{ margin:.25rem 0; color:rgba(255,255,255,.86) }
.hc-result .msg{ font-size:1.1rem; color:rgba(255,255,255,.9); margin:0; max-width:24rem }
.hc-result .note{ font-size:.85rem; color:rgba(255,255,255,.66); margin-top:1.2rem }
.hc-result.is-empty .nm,.hc-result.is-empty .pr{ display:none }
.hc-result[aria-busy="true"]{ opacity:.6 }
.hc-nojs{ color:rgba(255,255,255,.88); margin-top:1.4rem }
@media (max-width:880px){
  .hc-tool{ grid-template-columns:1fr; gap:2.2rem }
  .hc-result{ border-inline-start:0; padding-inline-start:0; border-top:1px solid rgba(244,182,81,.5);
    padding-top:1.8rem; min-height:0 }
}

/* ── the four packages ── */
.hc-pkgs{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0 clamp(1.4rem,3vw,3rem); margin-top:3rem }
@media (max-width:1100px){ .hc-pkgs{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:2.6rem 2.4rem } }
@media (max-width:620px){ .hc-pkgs{ grid-template-columns:1fr } }
.hc-pkg{ position:relative; display:flex; flex-direction:column; padding-top:1.8rem;
  border-top:1px solid rgba(63,9,61,.22); transition:border-color 300ms ease }
.hc-pkg::before{ content:''; position:absolute; top:-1px; inset-inline-start:0; height:3px; width:0;
  background:var(--gold); transition:width 520ms var(--ease) }
.hc-pkg.is-rec::before{ width:100% }
.hc-pkg.is-match::before{ width:100%; background:var(--plum); height:4px }
.hc-pkg .tag{ position:absolute; top:-.75rem; inset-inline-end:0; font-size:.66rem; letter-spacing:.2em;
  text-transform:uppercase; background:var(--gold); color:var(--plum-deep); padding:.3rem .65rem; font-weight:600 }
.hc-pkg .tag.match{ display:none; background:var(--plum); color:#fff }
.hc-pkg.is-match .tag.match{ display:block }
.hc-pkg.is-match .tag.rec{ display:none }
[dir="rtl"] .hc-pkg .tag{ letter-spacing:0; font-size:.78rem }
.hc-pkg h3{ font-family:var(--display); font-weight:400; font-size:clamp(1.5rem,2.2vw,1.95rem);
  color:var(--plum); margin:0 0 .2rem }
.hc-pkg .lim{ font-size:.82rem; letter-spacing:.14em; text-transform:uppercase; color:var(--gold-ink); margin:0 }
[dir="rtl"] .hc-pkg .lim{ letter-spacing:0; font-size:.95rem }
.hc-pkg .price{ margin:1.3rem 0 .1rem; display:flex; align-items:baseline; gap:.45rem; flex-wrap:wrap }
.hc-pkg .price b{ font-family:var(--display); font-weight:400; font-size:clamp(2.8rem,4.6vw,3.8rem);
  line-height:1; color:var(--plum) }
.hc-pkg .price .cur{ font-size:1rem; color:var(--plum); font-weight:600 }
.hc-pkg .per{ font-size:.92rem; color:var(--text-mid) }
.hc-pkg .mo{ margin:.35rem 0 1.2rem; font-size:.95rem; color:var(--text-mid) }
.hc-pkg ul{ list-style:none; margin:0 0 1.6rem; padding:0; display:grid; gap:.55rem }
.hc-pkg li{ display:flex; gap:.6rem; align-items:flex-start; font-size:1rem; color:var(--text) }
.hc-pkg li .ico{ width:20px; height:20px; margin:.15rem 0 0; color:var(--gold-dark); flex:none }
.hc-pkg .cta{ margin-top:auto; align-self:flex-start }
.hc-pkg:not(.is-rec) .cta{ background:none; color:var(--plum); box-shadow:inset 0 0 0 1px rgba(63,9,61,.3) }
.hc-pkg:not(.is-rec) .cta:hover{ background:var(--plum); color:#fff }
.hc-pkgs-note{ margin-top:2.6rem; padding-top:1.2rem; border-top:1px solid rgba(244,182,81,.55);
  display:flex; flex-wrap:wrap; gap:.5rem 2rem; justify-content:space-between; color:var(--text-mid) }
.hc-pkgs-note strong{ color:var(--plum); font-weight:600 }

/* comparison table - frameless: hairlines only, Villa Plus column picked out in gold */
.hc-compare{ margin-top:3rem; overflow-x:auto; -webkit-overflow-scrolling:touch }
.hc-compare:focus-visible{ outline:2px solid var(--gold); outline-offset:4px }
.hc-compare table{ width:100%; min-width:36rem; border-collapse:collapse; font-size:.98rem }
.hc-compare caption{ text-align:start; font-family:var(--display); font-size:clamp(1.3rem,2vw,1.6rem);
  color:var(--plum); padding-bottom:.9rem }
.hc-compare th,.hc-compare td{ padding:.8rem .9rem; text-align:start; border-bottom:1px solid rgba(63,9,61,.14);
  color:var(--text) }
.hc-compare thead th{ font-family:var(--display); font-weight:400; font-size:1.1rem; color:var(--plum);
  border-bottom:1px solid rgba(244,182,81,.7) }
.hc-compare thead th.rec{ color:var(--gold-ink) }
.hc-compare tbody th{ font-weight:500; color:var(--text-mid); white-space:nowrap }
.hc-compare tbody td:nth-child(4){ background:rgba(244,182,81,.09) }
.hc-compare thead th:nth-child(4){ background:rgba(244,182,81,.09) }
@media (max-width:620px){
  .hc-compare th:first-child{ position:sticky; inset-inline-start:0; background:var(--cream); z-index:1 }
}
/* FAQ questions are h3 inside summary: keep the summary's own look */
.hc-faq summary h3{ font:inherit; color:inherit; margin:0 }
.hc-alt{ margin-top:1.2rem; color:var(--text-mid); font-size:.95rem }
.hc-alt a,.hc-pair a{ color:inherit; text-decoration:underline; text-decoration-color:var(--gold); text-underline-offset:3px }
.hc-alt a:hover{ color:var(--plum) }
.hc-pair a:hover{ color:var(--gold) }

/* ── covered: four trades ── */
.hc-trades{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:2rem clamp(1.4rem,3vw,3rem); margin-top:2.8rem }
@media (max-width:1100px){ .hc-trades{ grid-template-columns:repeat(2,minmax(0,1fr)) } }
@media (max-width:620px){ .hc-trades{ grid-template-columns:1fr } }
.hc-trade{ padding-top:1.6rem; border-top:1px solid rgba(244,182,81,.55) }
.hc-trade h3{ font-family:var(--display); font-weight:400; font-size:clamp(1.4rem,2vw,1.8rem); color:var(--plum); margin:0 0 .9rem }
.on-dark .hc-trade h3{ color:#fff }
.hc-trade ul,.hc-dash{ list-style:none; margin:0; padding:0; display:grid; gap:.5rem }
.hc-trade li,.hc-dash li{ position:relative; padding-inline-start:1.1rem; color:var(--text-mid); line-height:1.45 }
.hc-trade li::before,.hc-dash li::before{ content:''; position:absolute; inset-inline-start:0; top:.72em;
  width:.55rem; height:1px; background:var(--gold-dark) }

/* ── how the package is set: rules + extras ── */
.hc-rules{ display:grid; gap:0; margin:2rem 0 0 }
.hc-rule{ display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.1rem 0;
  border-bottom:1px solid rgba(63,9,61,.14) }
.hc-rule:first-child{ border-top:1px solid rgba(244,182,81,.55) }
.hc-rule span{ font-family:var(--display); font-size:clamp(1.2rem,1.8vw,1.5rem); color:var(--plum) }
.hc-rule em{ display:block; font-style:normal; font-family:var(--sans); color:var(--text-mid); font-size:.9rem; margin-top:.15rem }
.hc-rule b{ font-family:var(--display); font-weight:400; font-size:2.2rem; color:var(--gold-dark); line-height:1;
  min-width:2ch; text-align:end }
.hc-extras{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 2rem; margin-top:2rem }
.hc-extra{ padding:1rem 0; border-bottom:1px solid rgba(63,9,61,.14) }
.hc-extra p{ margin:0; color:var(--text-mid); font-size:.92rem }
.hc-extra strong{ display:block; color:var(--plum); font-weight:600; margin-top:.2rem }
@media (max-width:520px){ .hc-extras{ grid-template-columns:1fr } }
.hc-free{ margin-top:2.2rem }
.hc-free h3{ font-family:var(--display); font-style:italic; font-weight:400; color:var(--gold-ink);
  font-size:clamp(1.5rem,2.4vw,2rem); margin:0 0 .3rem }
.hc-free p{ margin:0; color:var(--text-mid) }

/* ── parts: a four-step sequence ── */
.hc-seq{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:2rem clamp(1.4rem,3vw,3rem); margin-top:2.8rem;
  counter-reset:s }
@media (max-width:1100px){ .hc-seq{ grid-template-columns:repeat(2,minmax(0,1fr)) } }
@media (max-width:620px){ .hc-seq{ grid-template-columns:1fr } }
.hc-seq .item{ position:relative }
.hc-seq .item:not(:last-child)::after{ content:'→'; position:absolute; top:1.6rem; inset-inline-end:-1.6rem;
  color:var(--gold-dark); font-size:1.2rem }
[dir="rtl"] .hc-seq .item:not(:last-child)::after{ content:'←' }
@media (max-width:1100px){ .hc-seq .item::after{ display:none } }
.hc-pair{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2rem clamp(2rem,4vw,4rem); margin-top:3rem }
@media (max-width:760px){ .hc-pair{ grid-template-columns:1fr } }
.hc-pair div{ padding-top:1.4rem; border-top:2px solid var(--gold) }
.hc-pair h3{ font-family:var(--display); font-weight:400; font-size:clamp(1.35rem,2vw,1.75rem); color:#fff; margin:0 0 .4rem }
.hc-pair p{ margin:0; color:rgba(255,255,255,.86) }

/* ── not included ── */
.hc-excl{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 clamp(2rem,4vw,4rem); margin-top:2.4rem }
@media (max-width:760px){ .hc-excl{ grid-template-columns:1fr } }
.hc-excl div{ display:flex; gap:1rem; padding:1.15rem 0; border-bottom:1px solid rgba(63,9,61,.14) }
.hc-excl .ico{ width:24px; height:24px; margin:.1rem 0 0; color:var(--text-light); flex:none }
.hc-excl h3{ font-size:1.05rem; font-weight:600; color:var(--plum); margin:0 0 .2rem; font-family:var(--sans) }
.hc-excl p{ margin:0; color:var(--text-mid); font-size:.95rem }
.hc-close-line{ margin-top:2.2rem; font-family:var(--display); font-style:italic;
  font-size:clamp(1.3rem,2.2vw,1.8rem); color:var(--gold-ink); max-width:40rem }

/* ── how it works: numbered steps on a rail ── */
.hc-steps{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:2rem clamp(1.4rem,3vw,3rem);
  margin-top:3rem; position:relative }
.hc-steps::before{ content:''; position:absolute; top:1.6rem; inset-inline:0; height:1px;
  background:linear-gradient(90deg, transparent, rgba(244,182,81,.7) 8%, rgba(244,182,81,.7) 92%, transparent) }
.hc-steps .st{ position:relative }
.hc-steps .no{ display:grid; place-items:center; width:3.2rem; height:3.2rem; border-radius:50%;
  background:var(--plum-deep); color:var(--gold); font-family:var(--display); font-size:1.5rem;
  box-shadow:0 0 0 1px rgba(244,182,81,.7) inset; position:relative }
.hc-steps h3{ font-family:var(--display); font-weight:400; font-size:clamp(1.4rem,2vw,1.8rem); color:#fff; margin:1.1rem 0 .35rem }
.hc-steps p{ margin:0; color:rgba(255,255,255,.86) }
@media (max-width:880px){
  .hc-steps{ grid-template-columns:1fr; gap:1.8rem }
  .hc-steps::before{ top:0; bottom:0; inset-inline-start:1.6rem; inset-inline-end:auto; width:1px; height:auto;
    background:linear-gradient(180deg, transparent, rgba(244,182,81,.7) 6%, rgba(244,182,81,.7) 94%, transparent) }
  .hc-steps .st{ display:grid; grid-template-columns:3.2rem 1fr; gap:0 1.2rem }
  .hc-steps h3{ margin-top:.35rem }
  .hc-steps p{ grid-column:2 }
}
.hc-report{ display:flex; gap:1.1rem; align-items:flex-start; margin-top:3rem; padding-top:1.4rem;
  border-top:1px solid rgba(244,182,81,.45); max-width:44rem }
.hc-report .ico{ margin:0 }
.hc-report h3{ font-family:var(--display); font-weight:400; color:#fff; font-size:1.45rem; margin:0 0 .25rem }
.hc-report p{ margin:0; color:rgba(255,255,255,.86) }

/* ── track record ── */
.p-hc .names{ display:flex; flex-wrap:wrap; gap:1rem clamp(2rem,4vw,3.6rem); margin-top:2.4rem;
  padding-top:1.6rem; border-top:1px solid rgba(244,182,81,.55) }
.p-hc .name{ font-family:var(--display); font-size:clamp(1.35rem,2.6vw,2.2rem); line-height:1.15; color:var(--plum) }
.hc-lines{ margin-top:2rem; color:var(--text-mid); letter-spacing:.06em }

/* ── FAQ ── */
.hc-faq{ margin-top:2.4rem; max-width:58rem }
.hc-faq details{ border-bottom:1px solid rgba(63,9,61,.16) }
.hc-faq details:first-child{ border-top:1px solid rgba(244,182,81,.55) }
.hc-faq summary{ list-style:none; cursor:pointer; display:flex; justify-content:space-between; gap:1.5rem;
  padding:1.25rem 0; font-family:var(--display); font-size:clamp(1.15rem,1.7vw,1.45rem); color:var(--plum) }
.hc-faq summary::-webkit-details-marker{ display:none }
.hc-faq summary::after{ content:'+'; font-family:var(--sans); color:var(--gold-dark); font-size:1.5rem; line-height:1;
  transition:transform 260ms var(--ease) }
.hc-faq details[open] summary::after{ transform:rotate(45deg) }
.hc-faq summary:focus-visible{ outline:2px solid var(--gold); outline-offset:4px }
.hc-faq .a{ padding:0 0 1.4rem; color:var(--text-mid); max-width:48rem; line-height:1.65 }
.hc-faq .a p{ margin:0 }

/* ── reserve ── */
.hc-form{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.4rem 2.2rem; margin-top:2.6rem; max-width:62rem }
.hc-form .full{ grid-column:1 / -1 }
@media (max-width:700px){ .hc-form{ grid-template-columns:1fr } }
.hc-field label{ display:block; font-size:.74rem; letter-spacing:.2em; text-transform:uppercase;
  color:var(--gold); margin-bottom:.45rem }
[dir="rtl"] .hc-field label{ letter-spacing:0; font-size:.92rem }
.hc-field input,.hc-field select,.hc-field textarea{
  width:100%; box-sizing:border-box; min-height:52px; padding:.7rem 0; background:none; color:#fff;
  font:inherit; font-size:1.05rem; border:0; border-bottom:1px solid rgba(255,255,255,.35); border-radius:0 }
.hc-field select{ appearance:none; -webkit-appearance:none; cursor:pointer;
  background:linear-gradient(45deg, transparent 50%, var(--gold) 50%) calc(100% - 10px) 55% / 6px 6px no-repeat,
             linear-gradient(-45deg, transparent 50%, var(--gold) 50%) calc(100% - 4px) 55% / 6px 6px no-repeat }
[dir="rtl"] .hc-field select{ background-position:10px 55%, 4px 55% }
.hc-field select option{ color:var(--text); background:#fff }
.hc-field textarea{ min-height:6rem; resize:vertical }
.hc-field input:focus,.hc-field select:focus,.hc-field textarea:focus{ outline:none; border-bottom-color:var(--gold);
  box-shadow:0 1px 0 0 var(--gold) }
.hc-field input::placeholder,.hc-field textarea::placeholder{ color:rgba(255,255,255,.45) }
.hc-field input[type="date"]{ color-scheme:dark }
.hc-submit{ display:flex; flex-wrap:wrap; align-items:center; gap:1rem 1.4rem }
.hc-submit .cta{ margin-top:.6rem }
.hc-ref{ margin:0; color:rgba(255,255,255,.75); font-size:.92rem }
.hc-ref b{ color:var(--gold); font-weight:600; letter-spacing:.06em }
.hc-privacy{ margin:0; color:rgba(255,255,255,.62); font-size:.85rem }

/* ── phone sticky bar ── */
.hc-sticky{ display:none }
@media (max-width:760px){
  .hc-sticky{ display:flex; position:fixed; z-index:var(--z-chrome); inset-inline:12px; bottom:12px;
    align-items:center; justify-content:space-between; gap:.8rem; padding:.55rem .55rem .55rem 1.1rem;
    border-radius:999px; background:rgba(26,12,30,.86); backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px); box-shadow:0 10px 30px rgba(8,6,16,.35);
    transform:translateY(140%); transition:transform 360ms var(--ease) }
  [dir="rtl"] .hc-sticky{ padding:.55rem 1.1rem .55rem .55rem }
  .hc-sticky.on{ transform:none }
  .hc-sticky span{ color:rgba(255,255,255,.88); font-size:.82rem; line-height:1.25 }
  .hc-sticky .cta{ margin:0; min-height:44px; padding:.7rem 1.2rem; font-size:.72rem }
}

/* ── thanks page ── */
.hc-next{ list-style:none; margin:2rem 0 0; padding:0; display:grid; gap:1rem; max-width:40rem; counter-reset:n }
.hc-next li{ counter-increment:n; display:flex; gap:1rem; color:rgba(255,255,255,.92); font-size:1.1rem }
.hc-next li::before{ content:counter(n); font-family:var(--display); color:var(--gold); font-size:1.5rem; line-height:1.1; min-width:1.4rem }

/* ── homepage band (D8) lives in home.css; nothing here ── */

@media print{ .hc-sticky,.hc-tool,.hc-find::before{ display:none !important } }