/* The In-Home Sales Visit — Home Comfort Advisor video course (#/hca-course).
   Builds on help.css (.help, .help-hero, .help-crumbs, .help-video) and the
   shell's tokens only, so tenant accents and the dark theme carry over. */
.hca-visit-hero .help-lede{margin-bottom:8px}
.hca-visit-start{display:inline-flex;align-items:center;margin-top:16px;min-height:44px;padding:0 20px;border-radius:12px;text-decoration:none}
.hca-visit-part h2{color:color-mix(in srgb,var(--accent-deep) 70%,var(--ink))}
.hca-visit-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.hca-visit-card{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;background:var(--surface);border:1px solid var(--grid);border-radius:14px;color:var(--ink);text-decoration:none;transition:transform .2s ease-out,box-shadow .2s ease-out}
.hca-visit-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.hca-visit-card:focus-visible{outline:2px solid var(--accent-deep);outline-offset:2px}
.hca-visit-code{flex:none;min-width:48px;font-weight:800;font-size:22px;line-height:1.1;color:var(--accent-deep)}
.hca-visit-card-body{display:flex;flex-direction:column;gap:4px;min-width:0}
.hca-visit-card-title{font-weight:800;font-size:17px}
.hca-visit-card-line{color:var(--ink-2);font-size:15px}
.hca-visit-card-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.hca-visit-done{font-weight:700}
.hca-visit-head h1{font-size:clamp(24px,4.4vw,34px)}
.hca-visit-video video{width:100%;display:block;border-radius:14px;background:#000;aspect-ratio:16/9}
.hca-visit-facts{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:0;padding:16px;background:var(--surface);border:1px solid var(--grid);border-radius:14px}
.hca-visit-facts dt{font-weight:700;color:var(--ink-2)}
.hca-visit-facts dd{margin:0}
.hca-visit-chapters ol{list-style:none;margin:0;padding:0;columns:2;column-gap:24px}
.hca-visit-chapters li{break-inside:avoid;padding:4px 0;color:var(--ink-2);font-size:15px}
.hca-visit-jump{font:inherit;font-weight:800;color:var(--accent-deep);background:none;border:0;padding:2px 4px;margin:-2px 0 -2px -4px;border-radius:6px;cursor:pointer;font-variant-numeric:tabular-nums}
.hca-visit-jump:hover{text-decoration:underline}
.hca-visit-jump:focus-visible{outline:2px solid var(--accent-deep);outline-offset:1px}
.hca-visit-pager{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}
.hca-visit-pager .btn{text-decoration:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:640px){
  .hca-visit-chapters ol{columns:1}
  .hca-visit-facts{grid-template-columns:1fr}
  .hca-visit-facts dd{margin-bottom:6px}
  .hca-visit-pager{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){.hca-visit-card{transition:none}.hca-visit-card:hover{transform:none}}
