.halt-page-body { min-height: 100vh; }
.halt-page-body .topbar { padding-top: 10px; padding-bottom: 10px; }
.halt-header-link { min-height: 42px; }
.halt-page-main { padding: 42px clamp(18px, 5vw, 76px) 70px; }
.halt-breadcrumbs { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; color: var(--faint); font-size: 12px; }
.halt-breadcrumbs a:hover { color: var(--ink); }
.halt-breadcrumbs span[aria-current="page"] { color: var(--muted); }
.halt-page-hero { padding: 62px 0 46px; display: flex; align-items: end; justify-content: space-between; gap: 42px; border-bottom: 1px solid var(--line); }
.halt-page-hero > div { max-width: 890px; }
.halt-page-kicker { margin: 0 0 15px; color: var(--blue); font-size: 12px; font-weight: 750; letter-spacing: 0.08em; }
.halt-page-hero h1 { margin: 0; font-size: clamp(50px, 6.3vw, 90px); line-height: 0.96; letter-spacing: -0.065em; }
.halt-page-hero h1 span { color: #aaa2ff; }
.halt-page-hero > div > p:not(.halt-page-kicker):not(.halt-related-symbols) { max-width: 760px; margin: 22px 0 0; color: var(--muted); font-size: 18px; }
.halt-related-symbols { margin: 10px 0 0; color: var(--faint); font-size: 12px; }
.halt-code-row { min-height: 26px; margin-top: 21px; display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }
.halt-code-row span { padding: 5px 10px; border-radius: 999px; background: rgba(117, 104, 255, 0.16); color: #c8c3ff; font-size: 11px; font-weight: 750; }
.halt-page-hero > .button { flex: 0 0 auto; margin-bottom: 5px; }
.halt-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 1px solid var(--line); }
.halt-facts > div { min-height: 132px; padding: 28px 30px; display: grid; align-content: center; gap: 5px; border-right: 1px solid var(--line); }
.halt-facts > div:first-child { padding-left: 0; }
.halt-facts > div:last-child { border-right: 0; }
.halt-facts small { color: var(--faint); font-size: 10px; text-transform: uppercase; letter-spacing: 0.07em; }
.halt-facts strong { font-size: 20px; line-height: 1.25; letter-spacing: -0.025em; }
.halt-facts span { color: var(--muted); font-size: 12px; }
.halt-page-section, .halt-directory-section { padding: 54px 0 12px; }
.halt-section-heading { margin-bottom: 24px; display: grid; gap: 5px; }
.halt-section-heading p { margin: 0; color: var(--blue); font-size: 11px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; }
.halt-section-heading h2 { margin: 0; font-size: 32px; letter-spacing: -0.045em; }
.halt-section-heading > span { max-width: 780px; color: var(--muted); font-size: 14px; }
.halt-page-timeline { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.halt-page-timeline li { min-height: 116px; padding: 24px 0; display: grid; grid-template-columns: 120px minmax(0, 1fr) auto; gap: 28px; align-items: start; border-bottom: 1px solid var(--line); }
.halt-page-timeline time { display: grid; gap: 3px; color: var(--faint); font-size: 11px; }
.halt-page-timeline time small { font-size: 9px; }
.halt-page-timeline li > div { max-width: 860px; }
.halt-page-timeline strong { font-size: 14px; }
.halt-page-timeline p { margin: 6px 0 0; color: var(--muted); font-size: 14px; line-height: 1.55; }
.halt-page-timeline a { color: #b8b2ff; font-size: 11px; font-weight: 700; white-space: nowrap; }
.halt-page-timeline a:hover { color: var(--ink); }
.halt-page-empty { padding: 24px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); color: var(--faint); }
.halt-page-safety { margin-top: 52px; padding: 22px 24px; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 18px; border: 1px solid var(--line-strong); border-radius: 14px; background: rgba(255, 255, 255, 0.02); }
.halt-page-safety strong { font-size: 13px; }
.halt-page-safety p { margin: 0; color: var(--muted); font-size: 13px; }
.halt-page-footer { margin-top: 0; display: flex; justify-content: space-between; gap: 24px; }
.halt-page-footer nav { display: flex; gap: 10px; color: var(--muted); font-size: 12px; }
.halt-page-footer nav span { color: rgba(255, 255, 255, 0.22); }
.halt-page-footer a:hover { color: var(--ink); }
.halt-directory-hero { padding-bottom: 54px; }
.halt-directory-section + .halt-directory-section { margin-top: 24px; border-top: 1px solid var(--line); }
.halt-directory-section .halt-section-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; }
.halt-directory-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.halt-directory-grid a { min-height: 135px; padding: 22px; display: grid; align-content: center; gap: 6px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255, 255, 255, 0.018); }
.halt-directory-grid a:hover { border-color: rgba(117, 104, 255, 0.4); background: rgba(117, 104, 255, 0.055); }
.halt-directory-grid strong { font-size: 22px; letter-spacing: -0.04em; }
.halt-directory-grid span { overflow: hidden; color: var(--muted); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.halt-directory-grid small { color: var(--faint); font-size: 10px; }

@media (max-width: 900px) {
  .halt-page-hero { align-items: start; flex-direction: column; }
  .halt-facts { grid-template-columns: 1fr; }
  .halt-facts > div, .halt-facts > div:first-child { min-height: 104px; padding: 20px 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .halt-facts > div:last-child { border-bottom: 0; }
  .halt-directory-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
  .halt-page-main { padding: 28px 15px 52px; }
  .halt-header-link { padding: 0 12px; font-size: 12px; }
  .halt-page-hero { padding: 44px 0 34px; gap: 28px; }
  .halt-page-hero h1 { font-size: 49px; }
  .halt-page-hero > div > p:not(.halt-page-kicker):not(.halt-related-symbols) { font-size: 15px; }
  .halt-page-timeline li { grid-template-columns: 1fr; gap: 8px; }
  .halt-page-timeline a { width: fit-content; }
  .halt-page-safety { grid-template-columns: 1fr; }
  .halt-page-footer { align-items: flex-start; flex-direction: column; }
  .halt-directory-grid { grid-template-columns: 1fr; }
  .halt-directory-section .halt-section-heading { align-items: start; flex-direction: column; gap: 3px; }
}