:root {
  --hu-bg: #071313;
  --hu-panel: #0c1f24;
  --hu-panel-2: #102a30;
  --hu-line: rgba(196, 224, 224, .16);
  --hu-text: #f4f7f4;
  --hu-muted: #a9b8b7;
  --hu-blue: #6fa0b4;
  --hu-blue-2: #4f879d;
  --hu-blue-soft: rgba(111,160,180,.16);
  --hu-blue-text: #d8eef6;
  --hu-green: var(--hu-blue);
  --hu-green-2: var(--hu-blue-2);
  --hu-danger: #d97777;
}
.hookup-shell,
.hookup-shell *,
.hookup-shell *::before,
.hookup-shell *::after {
  box-sizing: border-box;
}
.hookup-shell {
  background: #f4f7f6;
  color: var(--hu-text);
  padding: 0;
}
.site-breadcrumbs--hookup {
  position: sticky;
  top: 77px;
  z-index: 1150;
  padding-block: 0;
  background: #eaf2f1;
  box-shadow: 0 1px 0 rgba(7, 19, 19, .08);
}
.site-breadcrumbs--hookup .container {
  min-height: 66px;
  gap: clamp(14px, 2vw, 28px);
}
.site-breadcrumbs--hookup ol {
  flex: 0 1 clamp(150px, 18vw, 220px);
  min-width: 0;
  flex-wrap: nowrap;
  overflow: hidden;
  white-space: nowrap;
}
.site-breadcrumbs--hookup ol li {
  min-width: 0;
  flex: 0 0 auto;
}
.site-breadcrumbs--hookup ol li:last-child {
  flex: 1 1 auto;
  overflow: hidden;
}
.site-breadcrumbs--hookup ol li:last-child span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.site-breadcrumbs--hookup-home .container {
  justify-content: flex-end;
}
.site-breadcrumbs--hookup-home .hookup-context-nav {
  flex: 1 1 100%;
}
.hookup-context-nav {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  gap: clamp(18px, 3vw, 42px);
  align-self: stretch;
}
.hookup-context-nav__links,
.hookup-context-nav__account {
  display: flex;
  align-items: stretch;
}
.hookup-context-nav__links {
  justify-content: center;
  gap: clamp(4px, 1.2vw, 18px);
}
.hookup-context-nav__links--mobile { display: none; }
.hookup-context-nav__links > a,
.hookup-context-nav__login {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 0;
  padding: 10px 8px;
  color: #233d45;
  font-size: 12px;
  font-weight: 780;
  line-height: 1.2;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}
.hookup-context-nav__links > a::after {
  position: absolute;
  right: 8px;
  bottom: 0;
  left: 8px;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background: var(--hu-blue);
  content: "";
  opacity: 0;
  transform: scaleX(.55);
  transition: opacity .18s ease, transform .18s ease;
}
.hookup-context-nav__links > a:hover,
.hookup-context-nav__links > a.is-active {
  color: #0b2630;
}
.hookup-context-nav__links > a:hover::after,
.hookup-context-nav__links > a.is-active::after {
  opacity: 1;
  transform: scaleX(1);
}
.hookup-context-nav svg {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
}
.hookup-nav-badge {
  display: inline-grid;
  min-width: 19px;
  height: 19px;
  padding-inline: 5px;
  place-items: center;
  border-radius: 999px;
  background: #b84f4f;
  color: #fff;
  font-size: 10px;
  line-height: 1;
}
.hookup-account-menu {
  position: relative;
  display: flex;
  align-items: center;
}
.hookup-account-menu summary {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  padding: 8px 0 8px 10px;
  color: #17323a;
  font-size: 13px;
  font-weight: 750;
  cursor: pointer;
  list-style: none;
  white-space: nowrap;
}
.hookup-account-menu summary::-webkit-details-marker { display: none; }
.hookup-account-menu summary::after {
  color: #60757b;
  content: "⌄";
}
.hookup-account-menu summary img {
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  border: 2px solid rgba(19, 59, 72, .22);
  border-radius: 50%;
  object-fit: cover;
}
.hookup-account-menu__panel {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 1250;
  width: 196px;
  padding: 8px;
  border: 1px solid rgba(111,160,180,.28);
  border-radius: 7px;
  background: #0b202c;
  box-shadow: 0 18px 38px rgba(0,0,0,.28);
}
.hookup-account-menu__panel a,
.hookup-account-menu__panel button {
  width: 100%;
  display: flex;
  padding: 10px 11px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #d9e6ea;
  font: inherit;
  font-size: 12px;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}
.hookup-account-menu__panel a:hover,
.hookup-account-menu__panel button:hover {
  background: rgba(111,160,180,.14);
  color: #fff;
}
.hookup-account-menu__panel form { margin: 0; }
.hookup-global-account--mobile { display: none; }
.hookup-account-menu--global summary {
  padding: 5px 7px;
  color: rgba(255,255,255,.9);
}
.hookup-account-menu--global summary::after { color: rgba(255,255,255,.65); }
.hookup-account-menu--global summary img { border-color: rgba(255,255,255,.45); }

@media (min-width: 900px) and (max-width: 1180px) {
  .hookup-global-account .hookup-account-menu--global summary span {
    display: none;
  }
}

@media (max-width: 1080px) {
  .site-breadcrumbs--hookup .container {
    flex-wrap: wrap;
    padding-top: 10px;
  }
  .site-breadcrumbs--hookup ol { width: 100%; }
  .hookup-context-nav { width: 100%; min-height: 54px; }
  .hookup-context-nav__links { margin-right: auto; }
}

@media (max-width: 899px) {
  .hookup-global-account--mobile {
    display: flex;
    margin-left: auto;
  }
  .hookup-global-account--mobile .hookup-account-menu--global summary span {
    display: none;
  }
  .hookup-global-account--mobile .hookup-account-menu--global summary {
    padding: 4px;
  }
  .hookup-global-account--mobile .hookup-account-menu--global summary img {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 720px) {
  .site-breadcrumbs--hookup .container {
    display: block;
    padding-top: 10px;
  }
  .site-breadcrumbs--hookup ol {
    margin-bottom: 7px;
    overflow: hidden;
    white-space: normal;
  }
  .hookup-context-nav {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    min-height: 58px;
  }
  .hookup-context-nav__links {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
  }
  .hookup-context-nav__links--desktop { display: none; }
  .hookup-context-nav__links--mobile { display: grid; }
  .hookup-context-nav.is-logged-out .hookup-context-nav__links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .hookup-context-nav__links > a {
    flex-direction: column;
    gap: 3px;
    padding: 7px 4px 10px;
    font-size: 9px;
    text-align: center;
  }
  .hookup-context-nav__links > a::after { right: 4px; left: 4px; }
  .hookup-context-nav svg { width: 17px; height: 17px; }
  .hookup-nav-badge {
    position: absolute;
    top: 3px;
    right: max(4px, calc(50% - 23px));
  }
  .hookup-context-nav__account { align-items: center; }
  .hookup-account-menu--context summary { padding-left: 4px; }
  .hookup-account-menu--context summary span { display: none; }
  .hookup-account-menu--context summary img { width: 34px; height: 34px; }
  .hookup-context-nav__login { font-size: 10px; }
}

@media (max-width: 420px) {
  .site-breadcrumbs--hookup .container { padding-inline: 10px; }
  .hookup-context-nav { grid-template-columns: minmax(0, 1fr) 38px; }
  .hookup-context-nav__links > a { font-size: 8px; }
  .hookup-context-nav__links > a span { overflow: hidden; text-overflow: ellipsis; }
}
.hookup-hero {
  min-height: 560px;
  background: linear-gradient(90deg, rgba(5,16,18,.88), rgba(5,16,18,.56)), var(--hu-panel);
  background-image: linear-gradient(90deg, rgba(5,16,18,.88), rgba(5,16,18,.56)), url("/template/assets/images/branding/20260629_175114_hero_5bf89bc014.png");
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
}
.hookup-hero__shade {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(220px, .75fr) minmax(320px, 1fr);
  align-items: center;
  gap: clamp(32px, 6vw, 88px);
  padding: 92px 0;
}
.hookup-hero__logo-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.hookup-hero__logo {
  width: min(420px, 100%);
  display: block;
  filter: drop-shadow(0 22px 36px rgba(0,0,0,.42));
}
.hookup-hero__content { max-width: 680px; }
.hookup-kicker, .hookup-chip {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  flex: 0 0 auto;
  border-radius: 999px;
  background: var(--hu-blue-soft);
  color: var(--hu-blue-text);
  border: 1px solid rgba(111,160,180,.28);
  padding: 7px 12px;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}
.hookup-kicker {
  background: rgba(111,160,180,.18);
  color: var(--hu-blue-text);
  border-color: rgba(111,160,180,.38);
}
.hookup-hero .hookup-kicker,
.hookup-profile-hero .hookup-chip,
.hookup-trip-hero .hookup-chip {
  color: var(--hu-blue-text);
}
.hookup-hero h1, .hookup-page-head h1, .hookup-section h2 {
  color: var(--hu-text);
  font-size: clamp(38px, 5vw, 66px);
  line-height: 1;
  margin: 18px 0;
  max-width: 760px;
}
.hookup-hero p, .hookup-page-head p, .hookup-section p, .hookup-panel p {
  color: var(--hu-muted);
  font-size: 18px;
  line-height: 1.65;
}
.hookup-actions { display: flex; gap: 18px; flex-wrap: wrap; margin-top: 34px; }
.hookup-backlinks {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
  padding: 18px 0 0;
}
.hookup-backlinks a {
  color: #d8eef6;
  display: inline-flex;
  font-weight: 900;
  text-decoration: none;
}
.hookup-btn {
  border: 1px solid rgba(111,160,180,.45);
  background: linear-gradient(180deg, var(--hu-green), var(--hu-green-2));
  color: #071313;
  border-radius: 6px;
  padding: 15px 26px;
  text-decoration: none;
  font-weight: 900;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.hookup-hero .hookup-actions .hookup-btn {
  background: #fff;
  color: #071313;
  border-color: #fff;
}
.hookup-hero .hookup-actions .hookup-btn:hover,
.hookup-hero .hookup-actions .hookup-btn:focus-visible {
  background: #eaf2f1;
  color: #071313;
  border-color: #eaf2f1;
}
.hookup-btn--ghost { background: transparent; color: var(--hu-text); border-color: var(--hu-line); }
.hookup-btn--small { padding: 10px 15px; font-size: 13px; }
.hookup-benefits, .hookup-stat-row, .hookup-steps, .hookup-trip-grid, .hookup-profile-list, .hookup-trip-list {
  display: grid;
  gap: 18px;
}
.hookup-benefits { grid-template-columns: repeat(4, 1fr); }
.hookup-benefits article, .hookup-stat-row article, .hookup-steps article, .hookup-panel, .hookup-card, .hookup-trip-card {
  background: rgba(255,255,255,.035);
  border: 1px solid var(--hu-line);
  border-radius: 12px;
}
.hookup-benefits article { padding: 20px; }
.hookup-benefits b { color: var(--hu-green); display: block; margin-bottom: 10px; }
.hookup-benefits strong, .hookup-benefits span { display: block; }
.hookup-benefits span { color: var(--hu-muted); margin-top: 7px; }
.hookup-stat-row { grid-template-columns: repeat(4, 1fr); }
.hookup-stat-row article { text-align: center; padding: 22px; }
.hookup-stat-row strong { color: var(--hu-green); font-size: 30px; display: block; }
.hookup-stat-row span { color: var(--hu-muted); text-transform: uppercase; font-weight: 800; font-size: 12px; }
.hookup-benefits,
.hookup-stat-row,
.hookup-section,
.hookup-page-head,
.hookup-two-col,
.hookup-profile-layout,
.hookup-mail,
.hookup-account > .hookup-panel {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
  padding: 58px 0;
}
.hookup-account > .hookup-panel {
  padding: 28px;
  margin-bottom: 24px;
}
.hookup-account-fold > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  cursor: pointer;
  list-style: none;
}
.hookup-account-fold {
  color: #071313;
  background: #fff;
  border-color: rgba(7,19,19,.12);
  box-shadow: 0 22px 60px rgba(7,19,19,.08);
}
.hookup-account-fold > summary::-webkit-details-marker { display: none; }
.hookup-account-fold > summary > span {
  display: grid;
  gap: 4px;
}
.hookup-account-fold > summary strong {
  color: #071313;
  font-size: 24px;
  line-height: 1.2;
}
.hookup-account-fold > summary small {
  color: #536664;
  font-size: 14px;
  line-height: 1.4;
}
.hookup-account-fold > summary::after {
  content: "+";
  display: grid;
  place-items: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(7,19,19,.16);
  border-radius: 50%;
  color: #071313;
  font-size: 25px;
  line-height: 1;
}
.hookup-account-fold[open] > summary::after { content: "\2212"; }
.hookup-account-fold__content {
  padding-top: 24px;
  margin-top: 22px;
  border-top: 1px solid rgba(7,19,19,.12);
}
.hookup-account-fold__content p,
.hookup-account-fold__content .hookup-help,
.hookup-account-fold__content .hookup-clean-list span { color: #536664; }
.hookup-account-fold__content .hookup-form label,
.hookup-account-fold__content .hookup-clean-list a,
.hookup-account-fold__content .hookup-clean-list strong { color: #071313; }
.hookup-account-fold .hookup-check-grid label,
.hookup-account-fold .hookup-check {
  color: #071313 !important;
  background: #fff;
  border-color: rgba(7,19,19,.12);
}
.hookup-two-col--auth-single { grid-template-columns: minmax(0, 720px); justify-content: center; }
.hookup-auth-link {
  display: inline-flex;
  width: fit-content;
  color: #176682;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.hookup-shell > .hookup-panel,
.hookup-trips > .hookup-panel {
  width: min(1180px, calc(100% - 32px));
  margin-left: auto;
  margin-right: auto;
}
.hookup-benefits,
.hookup-stat-row {
  padding: 42px 0;
}
.hookup-shell > section:not(.hookup-hero):not(.hookup-bottom-cta) {
  position: relative;
  z-index: 1;
}
.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta) {
  color: #071313;
}
.hookup-shell > section:nth-of-type(even):not(.hookup-hero):not(.hookup-bottom-cta) {
  color: var(--hu-text);
}
.hookup-shell > section:not(.hookup-hero):not(.hookup-bottom-cta)::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 calc((100vw - 100%) / -2);
  background: #f4f7f6;
}
.hookup-shell > section:nth-of-type(even):not(.hookup-hero):not(.hookup-bottom-cta)::before {
  background: radial-gradient(circle at 50% 0, rgba(111,160,180,.14), transparent 36%), var(--hu-bg);
}
.hookup-shell > section:nth-of-type(even):not(.hookup-hero):not(.hookup-bottom-cta) .hookup-section__head h2,
.hookup-shell > section:nth-of-type(even):not(.hookup-hero):not(.hookup-bottom-cta) h1,
.hookup-shell > section:nth-of-type(even):not(.hookup-hero):not(.hookup-bottom-cta) h2,
.hookup-shell > section:nth-of-type(even):not(.hookup-hero):not(.hookup-bottom-cta) h3 {
  color: var(--hu-text);
}
.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta) h1,
.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta) h2,
.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta) h3,
.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta) .hookup-section__head h2 {
  color: #071313;
}
.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta) p,
.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta) .hookup-muted,
.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta) .hookup-help,
.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta) .hookup-benefits span,
.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta).hookup-benefits span,
.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta) .hookup-stat-row span,
.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta).hookup-stat-row span {
  color: #536664;
}
.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta) .hookup-kicker,
.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta) .hookup-chip {
  color: #002241;
  background: rgba(111,160,180,.18);
  border-color: rgba(111,160,180,.38);
}
.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta) .hookup-form label {
  color: #071313;
}
.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta) .hookup-section__head a {
  color: #071313;
}
.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta) .hookup-callout strong,
.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta) .hookup-match-reasons h3,
.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta) .hookup-recommendations h3,
.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta) .hookup-info-grid strong,
.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta) .hookup-clean-list a,
.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta) .hookup-mini-card a {
  color: #071313;
}
.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta) .hookup-filter-check,
.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta) .hookup-check-grid label,
.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta) .hookup-check {
  color: #071313;
  background: rgba(7,19,19,.035);
  border-color: rgba(7,19,19,.12);
}
.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta) .hookup-panel,
.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta) .hookup-card,
.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta) .hookup-trip-card,
.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta) .hookup-benefits article,
.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta).hookup-benefits article,
.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta).hookup-stat-row article {
  background: #fff;
  border-color: rgba(7,19,19,.12);
  box-shadow: 0 22px 60px rgba(7,19,19,.08);
}
.hookup-section__head, .hookup-page-head--split {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: end;
}
.hookup-section__head h2, .hookup-page-head h1 { font-size: clamp(34px, 5vw, 58px); }
.hookup-section__head a { color: var(--hu-text); font-weight: 900; text-decoration: none; }
.hookup-steps { grid-template-columns: repeat(3, 1fr); }
.hookup-steps article { padding: 26px; text-align: center; }
.hookup-steps span { color: var(--hu-green); font-size: 34px; font-weight: 900; }
.hookup-trip-grid { grid-template-columns: repeat(4, 1fr); }
.hookup-bottom-cta {
  padding: 58px max(16px, calc((100vw - 1180px) / 2));
  background: linear-gradient(90deg, rgba(7,19,19,.86), rgba(7,19,19,.44)), url("/template/assets/images/branding/20260629_175114_hero_5bf89bc014.png");
  background-size: cover;
  background-position: center bottom;
}
.hookup-bottom-cta h2 { font-size: clamp(30px, 4vw, 48px); margin: 0 0 10px; }
.hookup-bottom-cta p { color: var(--hu-muted); }
.hookup-two-col, .hookup-profile-layout, .hookup-mail { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.hookup-profile-layout { grid-template-columns: 1.6fr .8fr; }
.hookup-archive-link { width: min(1180px, calc(100% - 32px)); margin: 24px auto 0; display: flex; justify-content: flex-end; }
.hookup-trip-reviews { margin-top: 34px; padding-top: 28px; border-top: 1px solid var(--hu-border); }
.hookup-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.hookup-section-heading h2 { margin: 5px 0 0; }
.hookup-review-card { padding: 18px; border: 1px solid var(--hu-border); border-radius: 8px; background: var(--hu-card); margin-top: 12px; }
.hookup-review-card > div { display: flex; justify-content: space-between; gap: 16px; align-items: center; }
.hookup-review-card p { margin: 12px 0; }
.hookup-review-card small { color: var(--hu-muted); }
.hookup-review-stars { color: #d7a62b; font-size: 20px; letter-spacing: 0; white-space: nowrap; }
.hookup-review-report { margin-top: 12px; }
.hookup-review-form { margin-top: 22px; padding: 22px; border: 1px solid var(--hu-border); border-radius: 8px; background: var(--hu-card); }
.hookup-star-picker { display: flex; flex-direction: row-reverse; justify-content: flex-end; border: 0; padding: 0; margin: 0; }
.hookup-star-picker legend { width: 100%; margin-bottom: 5px; font-weight: 900; }
.hookup-star-picker input { position: absolute; opacity: 0; pointer-events: none; }
.hookup-star-picker label { cursor: pointer; color: #68777d; font-size: 34px; line-height: 1; }
.hookup-star-picker label:hover, .hookup-star-picker label:hover ~ label, .hookup-star-picker input:checked ~ label { color: #d7a62b; }
.hookup-check { display: flex !important; grid-template-columns: 22px 1fr; align-items: center; font-weight: 700 !important; }
.hookup-check input { width: 20px; height: 20px; }
.hookup-panel { padding: 28px; }
.hookup-form { display: grid; gap: 16px; }
.hookup-form label { color: var(--hu-text); font-weight: 900; display: grid; gap: 7px; }
.hookup-help {
  display: block;
  color: var(--hu-muted);
  font-size: 13px;
  line-height: 1.45;
  font-weight: 700;
}
.hookup-form input, .hookup-form select, .hookup-form textarea, .hookup-filter-bar input, .hookup-filter-bar select {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--hu-line);
  border-radius: 8px;
  background: rgba(3,15,17,.86);
  color: var(--hu-text);
  padding: 13px 14px;
  font: inherit;
}
.hookup-form--wide { gap: 22px; }
.hookup-form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.hookup-check-grid { display: flex; gap: 10px; flex-wrap: wrap; }
.hookup-check-grid label, .hookup-check {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: rgba(255,255,255,.04);
  border: 1px solid var(--hu-line);
  border-radius: 999px;
  padding: 10px 14px;
  color: var(--hu-text);
  font-weight: 800;
}
.hookup-check-grid input[type="checkbox"],
.hookup-filter-check input[type="checkbox"],
.hookup-form label > input[type="checkbox"] {
  width: 18px;
  height: 18px;
  min-width: 18px;
  accent-color: var(--hu-blue);
}
.hookup-progress { position: relative; height: 44px; border: 1px solid var(--hu-line); border-radius: 999px; overflow: hidden; margin-bottom: 24px; background: rgba(255,255,255,.04); }
.hookup-progress span { position: absolute; inset: 0 auto 0 0; background: linear-gradient(90deg, var(--hu-green), var(--hu-blue-text)); }
.hookup-progress strong { position: relative; z-index: 2; display: flex; align-items: center; height: 100%; padding-left: 20px; color: var(--hu-text); }
.hookup-dashboard .hookup-progress {
  margin-top: 16px;
  margin-bottom: 18px;
}
.hookup-filter-bar {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
  padding: 0 0 26px;
}
.hookup-profile-list { width: min(1180px, calc(100% - 32px)); margin: 0 auto; grid-template-columns: repeat(2, 1fr); padding: 0 0 58px; }
.hookup-profiles .hookup-profile-list { padding-top: 22px; }
.hookup-card {
  display: grid;
  grid-template-columns: 120px 1fr auto;
  gap: 18px;
  padding: 18px;
  align-items: center;
}
.hookup-card-avatar { width: 120px; height: 120px; border-radius: 10px; object-fit: cover; }
.hookup-card h3, .hookup-trip-card h3 { margin: 8px 0; color: var(--hu-text); font-size: 26px; line-height: 1.05; }
.hookup-card p, .hookup-trip-card p { color: var(--hu-muted); margin: 0; }
.hookup-card aside {
  text-align: center;
  display: grid;
  gap: 10px;
  justify-items: center;
}
.hookup-card aside strong { font-size: 28px; color: var(--hu-green); display: block; }
.hookup-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; }
.hookup-tags span { background: rgba(111,160,180,.14); color: var(--hu-blue-text); border-radius: 999px; padding: 6px 9px; font-size: 12px; font-weight: 800; }
.hookup-trust-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 14px;
}
.hookup-trust-row span {
  display: flex;
  align-items: baseline;
  gap: 5px;
  min-height: 36px;
  padding: 8px 10px;
  border: 1px solid rgba(111,160,180,.18);
  border-radius: 7px;
  background: rgba(111,160,180,.06);
  color: var(--hu-muted);
  font-size: 11px;
  line-height: 1.25;
}
.hookup-trust-row strong { color: var(--hu-text); font-size: 14px; }
.hookup-badge {
  background: rgba(111,160,180,.20) !important;
  background: color-mix(in srgb, var(--badge-color, var(--hu-blue)) 22%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--badge-color, var(--hu-blue)) 60%, transparent);
  color: var(--hu-text) !important;
}
.hookup-badge-list { gap: 10px; }
.hookup-badge--icon {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible;
  background: transparent !important;
  box-shadow: none !important;
}
.hookup-badge--icon img {
  display: block;
  width: 28px !important;
  height: 28px !important;
  object-fit: contain;
  border: 0 !important;
  border-radius: 0 !important;
}

.hookup-card .hookup-tags .hookup-badge--icon,
.hookup-profile-hero .hookup-tags .hookup-badge--icon,
.hookup-profile-list .hookup-tags .hookup-badge--icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 28px !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: inherit !important;
  line-height: 0 !important;
}

.hookup-card .hookup-tags .hookup-badge--icon img,
.hookup-profile-hero .hookup-tags .hookup-badge--icon img,
.hookup-profile-list .hookup-tags .hookup-badge--icon img {
  width: 28px !important;
  height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
  object-fit: contain !important;
}
.hookup-card aside em { display: block; color: var(--hu-muted); font-size: 12px; line-height: 1.35; font-style: normal; margin: 8px 0 12px; max-width: 160px; }
.hookup-trip-list { width: min(1180px, calc(100% - 32px)); margin: 0 auto; grid-template-columns: repeat(2, 1fr); padding: 0 0 58px; }
.hookup-trip-card { display: grid; grid-template-columns: 120px 1fr auto; gap: 16px; padding: 14px; align-items: center; }
.hookup-trip-card__image { width: 120px; height: 110px; border-radius: 10px; background: linear-gradient(135deg, #173239, #365f70); background-size: cover; background-position: center; }
.hookup-trip-grid .hookup-trip-card {
  grid-template-columns: 1fr;
  align-items: stretch;
  padding: 0;
  overflow: hidden;
}
.hookup-trip-grid .hookup-trip-card__image {
  width: 100%;
  height: auto;
  aspect-ratio: 1.15 / .78;
  border-radius: 0;
}
.hookup-trip-grid .hookup-trip-card > div:not(.hookup-trip-card__image) {
  padding: 18px 18px 0;
}
.hookup-trip-grid .hookup-trip-card > a {
  margin: 0 18px 18px;
}
.hookup-profile-hero, .hookup-trip-hero {
  min-height: 360px;
  background: linear-gradient(rgba(5,16,18,.18), rgba(5,16,18,.86)), url("/template/assets/images/branding/20260629_175114_hero_5bf89bc014.png");
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: end;
}
.hookup-profile-hero__shade {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
  padding: 42px 48px;
}
.hookup-profile-hero__shade { display: grid; grid-template-columns: 150px 1fr auto; align-items: end; gap: 22px; background: linear-gradient(transparent, rgba(5,16,18,.9)); }
.hookup-trip-hero {
  justify-content: center;
  gap: 22px;
  padding: 42px max(16px, calc((100vw - 1180px) / 2));
}
.hookup-trip-hero > div {
  width: min(880px, 100%);
}
.hookup-trip-hero > aside {
  flex: 0 0 auto;
}
.hookup-profile-avatar { width: 150px; height: 150px; border-radius: 50%; object-fit: cover; border: 4px solid rgba(255,255,255,.84); }
.hookup-profile-hero h1, .hookup-trip-hero h1 { font-size: clamp(42px, 6vw, 72px); margin: 10px 0; }
.hookup-profile-hero aside, .hookup-trip-hero aside { text-align: center; border: 1px solid var(--hu-green); border-radius: 999px; padding: 24px; }
.hookup-profile-hero aside strong, .hookup-trip-hero aside strong { display: block; font-size: 34px; color: var(--hu-text); }
.hookup-profile-hero__actions { width: min(300px, 100%); display: grid; gap: 10px; align-self: center; padding: 0 !important; border: 0 !important; border-radius: 0 !important; }
.hookup-profile-hero__score { width: 126px; min-height: 126px; margin: 0 auto 8px; display: grid; place-content: center; border: 1px solid var(--hu-green); border-radius: 50%; background: rgba(5,16,18,.68); }
.hookup-profile-hero__actions .hookup-btn,
.hookup-profile-hero__actions form,
.hookup-profile-hero__actions form .hookup-btn { width: 100%; margin: 0; }
.hookup-profile-contact { display: grid; gap: 14px; align-content: start; }
html:has(.hookup-shell), body:has(.hookup-shell) { overflow-x: clip; }
.hookup-info-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin: 24px 0; }
.hookup-info-grid div { border: 1px solid var(--hu-line); border-radius: 10px; padding: 14px; }
.hookup-info-grid span { display: block; color: var(--hu-muted); font-size: 12px; text-transform: uppercase; font-weight: 900; }
.hookup-info-grid strong { color: var(--hu-text); }
.hookup-callout, .hookup-match-reasons, .hookup-recommendations {
  border: 1px solid rgba(111,160,180,.28);
  background: rgba(111,160,180,.10);
  border-radius: 12px;
  padding: 18px;
  margin: 0 0 22px;
}
.hookup-callout strong, .hookup-match-reasons h3, .hookup-recommendations h3 { color: var(--hu-text); margin-top: 0; }
.hookup-match-reasons ul { margin: 10px 0 0; padding-left: 20px; color: var(--hu-muted); }
.hookup-feedback-summary {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin: 22px 0;
}
.hookup-feedback-summary article {
  border: 1px solid var(--hu-line);
  border-radius: 12px;
  padding: 18px;
  background: rgba(255,255,255,.04);
}
.hookup-feedback-summary strong { display: block; color: var(--hu-green); font-size: 34px; }
.hookup-feedback-summary span { color: var(--hu-muted); font-weight: 900; text-transform: uppercase; font-size: 12px; }
.hookup-alert {
  width: min(1180px, calc(100% - 32px));
  margin: 22px auto 0;
  padding: 14px 18px;
  border-radius: 10px;
  font-weight: 900;
  box-shadow: 0 18px 42px rgba(7,19,19,.16);
}
.hookup-alert--ok { background: #dff4ee; color: #073725; border: 1px solid rgba(32,112,76,.28); }
.hookup-alert--error { background: #fff0f0; color: #7b1515; border: 1px solid rgba(183,64,64,.32); }
.hookup-alert--warning {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  background: #fff6dc;
  color: #4b3710;
  border: 1px solid rgba(171,126,28,.34);
}
.hookup-alert--warning strong,
.hookup-alert--warning span { color: inherit; }
.hookup-alert--warning .hookup-btn { margin-left: auto; }
.hookup-muted { color: var(--hu-muted); }
.hookup-mail {
  display: grid;
  grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
  align-items: stretch;
  gap: 18px;
}
.hookup-mail__list,
.hookup-mail__thread {
  background: linear-gradient(150deg, rgba(16,37,54,.96), rgba(7,19,29,.96));
  border: 1px solid rgba(111,160,180,.24);
  border-radius: 16px;
  box-shadow: 0 22px 70px rgba(0,0,0,.22);
}
.hookup-mail__list {
  padding: 14px;
  max-height: min(760px, calc(100vh - 220px));
  overflow: auto;
}
.hookup-mail__thread {
  min-height: 640px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.hookup-mail-search {
  position: sticky;
  top: 0;
  z-index: 2;
  margin: -14px -14px 10px;
  padding: 14px;
  background: rgba(7,19,29,.96);
  border-bottom: 1px solid rgba(111,160,180,.18);
}
.hookup-mail-search label { display: grid; gap: 7px; }
.hookup-mail-search span {
  color: #d9eef6;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}
.hookup-mail-search input {
  width: 100%;
  border: 1px solid rgba(111,160,180,.28);
  border-radius: 12px;
  background: rgba(255,255,255,.06);
  color: #fff;
  padding: 13px 14px;
  font-weight: 800;
}
.hookup-mail-search input::placeholder { color: rgba(255,255,255,.52); }
.hookup-mail-item {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  color: var(--hu-text);
  text-decoration: none;
  padding: 13px;
  border: 1px solid transparent;
  border-radius: 14px;
}
.hookup-mail-item + .hookup-mail-item { margin-top: 8px; }
.hookup-mail-item:hover,
.hookup-mail-item.is-active {
  background: rgba(111,160,180,.14);
  border-color: rgba(111,160,180,.26);
}
.hookup-mail-item.has-unread {
  background: rgba(111,160,180,.10);
}
.hookup-mail-item img,
.hookup-mail-thread-head img {
  width: 48px;
  height: 48px;
  border-radius: 999px;
  object-fit: cover;
  border: 2px solid rgba(255,255,255,.24);
}
.hookup-mail-item__body {
  min-width: 0;
  display: grid;
  gap: 4px;
}
.hookup-mail-item__body strong {
  color: #fff;
  font-size: 16px;
  line-height: 1.15;
}
.hookup-mail-item__body em {
  color: rgba(218,233,238,.72);
  font-style: normal;
  font-size: 13px;
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hookup-mail-item__meta {
  display: grid;
  justify-items: end;
  gap: 7px;
}
.hookup-mail-item__meta time {
  color: rgba(218,233,238,.64);
  font-size: 11px;
  font-weight: 900;
}
.hookup-mail-item__meta b {
  min-width: 24px;
  height: 24px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: var(--hu-blue);
  color: #06131d;
  font-size: 12px;
}
.hookup-mail-thread-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px;
  border-bottom: 1px solid rgba(111,160,180,.18);
  background: rgba(255,255,255,.035);
}
.hookup-mail-thread-head > div {
  display: flex;
  align-items: center;
  gap: 13px;
  min-width: 0;
}
.hookup-mail-thread-head strong {
  display: block;
  color: #fff;
  font-size: 20px;
  line-height: 1.1;
}
.hookup-mail-thread-head a {
  color: var(--hu-blue);
  font-weight: 900;
  text-decoration: none;
}
.hookup-message-list {
  flex: 1;
  display: grid;
  align-content: end;
  gap: 12px;
  padding: 22px;
  overflow: auto;
  margin: 0;
}
.hookup-message {
  max-width: min(72%, 620px);
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px 18px 18px 6px;
  padding: 14px 16px;
}
.hookup-message.is-own {
  justify-self: end;
  background: rgba(111,160,180,.24);
  border-color: rgba(111,160,180,.28);
  border-radius: 18px 18px 6px 18px;
}
.hookup-message p { margin: 0 0 7px; color: #fff; line-height: 1.55; }
.hookup-message small { color: rgba(218,233,238,.66); font-weight: 800; }
.hookup-compose {
  position: sticky;
  bottom: 0;
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 16px 18px 18px;
  border-top: 1px solid rgba(111,160,180,.18);
  background: rgba(7,19,29,.97);
}
.hookup-compose label { display: grid; gap: 8px; }
.hookup-compose label span {
  color: #d9eef6;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 12px;
}
.hookup-compose textarea {
  width: 100%;
  min-height: 98px;
  resize: vertical;
  border: 1px solid rgba(111,160,180,.30);
  border-radius: 14px;
  background: rgba(255,255,255,.07);
  color: #fff;
  padding: 14px 15px;
  font: inherit;
}
.hookup-compose textarea::placeholder { color: rgba(255,255,255,.52); }
.hookup-compose__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.hookup-compose__actions small {
  color: rgba(218,233,238,.68);
  font-weight: 800;
}
.hookup-empty {
  min-height: 360px;
  display: grid;
  place-content: center;
  gap: 8px;
  text-align: center;
  padding: 32px;
}
.hookup-empty--compact {
  min-height: 0;
  padding: 22px 16px;
  border: 1px dashed rgba(111,160,180,.28);
  border-radius: 14px;
}
.hookup-empty h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(24px, 4vw, 42px);
}
.hookup-empty p {
  max-width: 460px;
  margin: 0 auto;
  color: rgba(218,233,238,.72);
}
.hookup-trip-detail .hookup-panel h3 {
  font-size: 20px;
  line-height: 1.2;
}
.hookup-trip-detail .hookup-panel p,
.hookup-trip-detail .hookup-message p {
  font-size: 16px;
  line-height: 1.55;
}
.hookup-share-box {
  margin: 24px 0;
  padding: 20px;
  border: 1px solid rgba(126,190,208,.30);
  border-radius: 18px;
  background: rgba(7,24,29,.76);
  box-shadow: 0 16px 38px rgba(0,0,0,.18);
}
.hookup-share-box h3 {
  margin: 0 0 5px;
}
.hookup-share-box > p { margin:0 0 16px; color:var(--hu-muted); }
.hookup-share-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.hookup-share-actions a,
.hookup-share-actions button {
  display:grid;
  place-items:center;
  flex:0 0 46px;
  width:46px;
  min-width:46px;
  height:46px;
  min-height:46px;
  padding:0;
  border-radius:50%;
  color:#fff!important;
  background:#376d7c!important;
  border-color:#6fa0b4!important;
  box-shadow:none;
  transition:transform .18s ease, box-shadow .18s ease;
}
.hookup-share-actions a:first-child { background:#1877f2!important; border-color:#4d96f7!important; }
.hookup-share-actions a:nth-child(2) { background:#376d7c!important; }
.hookup-share-actions a:nth-child(3) { background:#315b66!important; }
.hookup-share-actions button { background:#315b66!important; border-color:#6fa0b4!important; }
.hookup-share-actions :is(a,button):hover,
.hookup-share-actions :is(a,button):focus-visible { transform:translateY(-2px); box-shadow:0 8px 18px rgba(0,0,0,.22); }
.hookup-share-actions :is(a,button) > span { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

.hookup-share-actions svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.hookup-panel .hookup-share-box {
  margin: 18px 0;
}

.hookup-panel .hookup-share-box p {
  font-size: 14px;
}
.hookup-report { margin-top: 18px; color: var(--hu-muted); }
.hookup-danger { color: #fff; background: #c92f3a; border: 1px solid #e45d66; border-radius: 8px; padding: 10px 12px; font-weight: 800; }
.hookup-danger:hover,
.hookup-danger:focus-visible { background:#a91f2a; color:#fff; }
.hookup-account-fold--danger { border-color:rgba(201,47,58,.42); }
.hookup-account-fold--danger > summary::after { border-color:rgba(201,47,58,.45); color:#c92f3a; }
.hookup-participant {
  display: grid;
  gap: 12px;
  margin: 12px 0;
  padding: 16px;
  border: 1px solid var(--hu-line);
  border-radius: 8px;
  background: rgba(255,255,255,.035);
}
.hookup-participant__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.hookup-participant__head strong { color: var(--hu-text); font-size: 18px; }
.hookup-participant__status {
  padding: 6px 9px;
  border: 1px solid var(--hu-line);
  border-radius: 999px;
  color: var(--hu-muted);
  font-size: 12px;
  font-weight: 800;
}
.hookup-participant__message {
  padding: 11px 12px;
  border: 1px solid var(--hu-line);
  border-radius: 7px;
  color: var(--hu-muted);
  background: rgba(0,0,0,.12);
}
.hookup-participant__message summary { cursor: pointer; color: var(--hu-text); font-weight: 800; }
.hookup-participant__message p { margin: 10px 0 0; color: var(--hu-muted); font-size: 14px; line-height: 1.6; }
.hookup-participant__actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.hookup-participant .hookup-participant__action,
.hookup-report button {
  border: 1px solid var(--hu-line);
  background: rgba(255,255,255,.04);
  color: var(--hu-text);
  border-radius: 7px;
  padding: 10px 8px;
  font-weight: 800;
}
.hookup-participant__action--accepted.is-current { background: rgba(72,154,111,.32); border-color: rgba(111,200,151,.72); color: #d9f7e6; }
.hookup-participant__action--rejected.is-current { background: rgba(174,74,74,.28); border-color: rgba(225,116,116,.68); color: #ffe0e0; }
.hookup-participant__action--waitlist.is-current { background: rgba(190,143,55,.3); border-color: rgba(229,183,95,.7); color: #ffefc8; }
.hookup-participant__action:disabled { cursor: default; opacity: 1; }
.hookup-participant--accepted { border-color: rgba(111,200,151,.45); }
.hookup-participant--rejected { border-color: rgba(225,116,116,.38); }
.hookup-participant--waitlist { border-color: rgba(229,183,95,.42); }
@media (max-width: 560px) {
  .hookup-participant__head { align-items: flex-start; flex-direction: column; }
  .hookup-participant__actions { grid-template-columns: 1fr; }
}
.hookup-filter-check {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--hu-line);
  border-radius: 8px;
  padding: 11px 12px;
  color: var(--hu-text);
  font-weight: 900;
}
.hookup-map-section .hookup-kicker,
.hookup-page-head--image .hookup-kicker {
  color: #d8eef6 !important;
  background: rgba(111,160,180,.24) !important;
  border-color: rgba(111,160,180,.62) !important;
  width: max-content;
  max-width: 100%;
  align-self: start;
}

.hookup-shell .hookup-map-section .hookup-section__head .hookup-kicker {
  color: #d8eef6 !important;
  background: rgba(111,160,180,.24) !important;
  border-color: rgba(111,160,180,.62) !important;
}

.hookup-shell .hookup-map-section .hookup-section__head h2,
.hookup-shell .hookup-map-section .hookup-section__head p {
  color: #ffffff !important;
}

.hookup-page-head--image {
  width: 100%;
  max-width: none;
  margin: 0;
  padding-left: max(16px, calc((100vw - 1180px) / 2));
  padding-right: max(16px, calc((100vw - 1180px) / 2));
  min-height: 340px;
  display: grid;
  align-content: end;
  border-radius: 0;
  background-size: cover;
  background-position: center;
  background-color: #071313;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.hookup-page-head--image::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(circle at 22% 18%, rgba(111,160,180,.20), transparent 36%),
    linear-gradient(90deg, rgba(5,16,18,.94), rgba(5,16,18,.70));
}

.hookup-page-head--image h1,
.hookup-page-head--image p {
  color: #fff !important;
  text-shadow: 0 2px 18px rgba(0,0,0,.45);
}

.hookup-page-head--image + .hookup-filter-bar {
  margin-top: 44px;
}

.hookup-map-empty {
  position: absolute;
  z-index: 2;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  width: min(360px, calc(100% - 32px));
  padding: 20px;
  border: 1px solid var(--hu-line);
  border-radius: 12px;
  background: rgba(7,19,19,.84);
  text-align: center;
}
.hookup-map-frame {
  position: relative;
}
.hookup-map-frame > .hookup-map-empty {
  pointer-events: none;
}
.hookup-map-empty strong,
.hookup-map-empty span {
  display: block;
}
.hookup-map-empty span {
  margin-top: 8px;
  color: var(--hu-muted);
}
.hookup-section__head--spaced {
  margin-top: 28px;
}
.hookup-check-grid--stacked { display: grid; grid-template-columns: repeat(2, minmax(180px, 1fr)); }
.hookup-dashboard-grid {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 20px;
  margin-top: 22px;
}
.hookup-dashboard .hookup-panel {
  background: linear-gradient(135deg, rgba(12,31,36,.98), rgba(16,42,48,.94)) !important;
  border-color: rgba(111,160,180,.26) !important;
  color: #f4f7f4 !important;
}
.hookup-dashboard .hookup-panel span,
.hookup-dashboard .hookup-panel h3,
.hookup-dashboard .hookup-panel strong,
.hookup-dashboard .hookup-panel a {
  color: #f4f7f4 !important;
}
.hookup-dashboard .hookup-panel p,
.hookup-dashboard .hookup-panel li,
.hookup-dashboard .hookup-panel small {
  color: #b8c9c8 !important;
}
.hookup-dashboard .hookup-panel .hookup-kicker {
  color: var(--hu-blue-text) !important;
  background: rgba(111,160,180,.18) !important;
  border-color: rgba(111,160,180,.42) !important;
}
.hookup-dashboard-favorites {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}
.hookup-dashboard-favorites a {
  display: block;
  width: 64px;
  height: 64px;
  justify-self: center;
  border: 2px solid rgba(111,160,180,.42);
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255,255,255,.04);
}
.hookup-dashboard-favorites img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 999px;
}
.hookup-dashboard-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 18px 0; }
.hookup-clean-list { display: grid; gap: 10px; margin: 14px 0 0; padding: 0; list-style: none; }
.hookup-clean-list li, .hookup-mini-card {
  border: 1px solid var(--hu-line);
  border-radius: 10px;
  padding: 12px 14px;
  background: rgba(255,255,255,.04);
  color: var(--hu-muted);
}
.hookup-clean-list li.is-unread { border-color: rgba(111,160,180,.45); background: rgba(111,160,180,.12); }
.hookup-clean-list a, .hookup-mini-card a { color: var(--hu-text); font-weight: 900; text-decoration: none; }
.hookup-profile-list--compact { grid-template-columns: 1fr; width: 100%; padding: 0; }
.hookup-profile-list--compact .hookup-card { grid-template-columns: 72px 1fr; }
.hookup-profile-list--compact .hookup-card-avatar { width: 72px; height: 72px; }
.hookup-profile-list--compact .hookup-card aside { grid-column: 1 / -1; text-align: left; }
.hookup-feedback-form { border-top: 1px solid var(--hu-line); padding-top: 14px; margin-top: 14px; }
.hookup-map {
  position: relative;
  min-height: 520px;
  border: 1px solid var(--hu-line);
  border-radius: 14px;
  overflow: hidden;
  background: #102a30;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
}
.hookup-map-section {
  overflow: visible;
}
.hookup-map--real {
  background: #102a30;
}
.hookup-map.is-real-map .hookup-map-pin--fallback,
.hookup-map.is-real-map::before,
.hookup-map.is-real-map::after {
  display: none;
}
.hookup-map .leaflet-container,
.hookup-map.leaflet-container {
  width: 100%;
  height: 520px;
  min-height: 520px;
  background: #102a30;
  font-family: inherit;
}
.hookup-map .leaflet-popup-content-wrapper,
.hookup-map .leaflet-popup-tip {
  background: #071313;
  color: #fff;
}
.hookup-map .leaflet-popup-content a {
  color: #d8eef6;
  font-weight: 900;
}
.hookup-map::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size: 72px 72px;
  opacity: .32;
}
.hookup-map::after {
  content: "Cirka placeringer";
  position: absolute;
  z-index: 1;
  right: 18px;
  bottom: 18px;
  color: rgba(244,247,244,.72);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}
.hookup-map-pin {
  position: absolute;
  z-index: 2;
  transform: translate(-50%, -50%);
  color: var(--hu-text);
  text-decoration: none;
  min-width: 150px;
}
.hookup-map-pin span {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--hu-green);
  color: #071313;
  font-weight: 900;
  box-shadow: 0 12px 26px rgba(0,0,0,.34);
}
.hookup-map-pin strong, .hookup-map-pin small {
  display: block;
  margin-top: 5px;
  background: rgba(7,19,19,.82);
  border: 1px solid var(--hu-line);
  border-radius: 8px;
  padding: 6px 8px;
}
.hookup-map-pin small { color: var(--hu-muted); font-size: 12px; }

.hookup-panel .hookup-check-grid label,
.hookup-panel .hookup-check,
.hookup-panel .hookup-filter-check,
.hookup-filter-bar .hookup-filter-check {
  min-height: 42px;
  color: var(--hu-text);
  line-height: 1.2;
}

.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta) .hookup-panel .hookup-check-grid label,
.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta) .hookup-panel .hookup-check,
.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta) .hookup-filter-bar .hookup-filter-check {
  color: #071313;
  background: #fff;
}

.hookup-profiles .hookup-filter-bar .hookup-filter-check {
  color: #071313 !important;
  background: #ffffff !important;
  border-color: rgba(7, 19, 19, .16) !important;
}

.hookup-profiles .hookup-filter-bar .hookup-filter-check input {
  accent-color: var(--hu-blue);
}

.hookup-trips .hookup-map-section {
  position: relative;
  width: 100%;
  max-width: none;
  min-height: 620px;
  padding: 0;
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  display: grid;
  align-items: stretch;
}

.hookup-trips .hookup-map-section::before {
  display: none;
}

.hookup-trips .hookup-map-section .hookup-section__head {
  position: absolute;
  z-index: 700;
  top: 58px;
  left: max(16px, calc((100vw - 1180px) / 2));
  width: auto;
  max-width: min(300px, calc(100% - 32px));
  transform: none;
  padding: 14px 18px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 14px;
  background: linear-gradient(90deg, rgba(7, 19, 19, .88), rgba(7, 19, 19, .48));
  pointer-events: none;
}
.hookup-trips .hookup-map-section .hookup-section__head h2 {
  margin: 0;
  font-size: clamp(22px, 2.8vw, 32px);
  white-space: nowrap;
}
.hookup-trips .hookup-map-section .hookup-section__head p {
  display: none;
}

.hookup-trips .hookup-map-section .hookup-map {
  width: 100%;
  min-height: 620px;
  height: 620px;
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

.hookup-trips .hookup-map-section .leaflet-container,
.hookup-trips .hookup-map-section .hookup-map.leaflet-container {
  height: 620px;
  min-height: 620px;
}

.hookup-trips .hookup-map-section + .hookup-trip-list {
  margin-top: 44px;
}

.hookup-profile-hero,
.hookup-trip-hero {
  position: relative;
}

.hookup-profile-hero::before,
.hookup-trip-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(5,16,18,.88), rgba(5,16,18,.56));
}

.hookup-profile-hero__shade,
.hookup-trip-hero > div,
.hookup-trip-hero > aside {
  position: relative;
  z-index: 1;
}

.hookup-profile-hero p,
.hookup-trip-hero p,
.hookup-profile-hero small,
.hookup-trip-hero small {
  color: #e8f1f3;
  text-shadow: 0 2px 14px rgba(0,0,0,.45);
}

.hookup-profile-layout > aside .hookup-form + form,
.hookup-profile-layout > aside .hookup-btn + .hookup-btn,
.hookup-profile-layout > aside form + form {
  margin-top: 14px;
}

.hookup-trip-hero > aside {
  background: rgba(5,16,18,.76);
  border-color: rgba(111,160,180,.78);
  color: #fff;
  min-width: 150px;
}

.hookup-trip-hero > aside span {
  color: #d8eef6 !important;
  font-weight: 900;
}
.hookup-gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin: 16px 0;
}
.hookup-gallery-grid img, .hookup-gallery-grid article img {
  width: 100%;
  aspect-ratio: 1 / .78;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid var(--hu-line);
}
.hookup-gallery-link {
  display: block;
  color: inherit;
}
.hookup-gallery-link img {
  transition: transform .18s ease, filter .18s ease;
}
.hookup-gallery-link:hover img {
  transform: translateY(-2px);
  filter: brightness(1.08);
}
.hookup-lightbox {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(3, 10, 12, .88);
}
.hookup-lightbox img {
  display: block;
  max-width: min(1120px, 100%);
  max-height: 86vh;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 24px 90px rgba(0,0,0,.42);
}
.hookup-lightbox button {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 999px;
  background: rgba(12,31,36,.94);
  color: #fff;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}
.hookup-notification-list { display: grid; gap: 16px; }
.hookup-notification-list .is-unread { border-color: rgba(111,160,180,.55); box-shadow: 0 0 0 1px rgba(111,160,180,.18); }
.hookup-message.is-system { max-width: 100%; justify-self: center; background: rgba(111,160,180,.12); border: 1px solid rgba(111,160,180,.22); }
.hookup-card-action { margin-top: 8px; }
.hookup-pagination {
  width: min(1180px, calc(100% - 32px));
  margin: -32px auto 58px;
  display: flex;
  justify-content: center;
  gap: 12px;
}
.hookup-pagination__status {
  align-self: center;
  color: var(--hookup-muted, #9fb0b7);
  font-weight: 700;
}

@media (max-width: 900px) {
  .hookup-shell { padding: 0; }
  .hookup-hero__shade { grid-template-columns: 1fr; padding: 54px 0; }
  .hookup-hero__logo { width: min(300px, 82%); }
  .hookup-section, .hookup-page-head, .hookup-two-col, .hookup-profile-layout, .hookup-mail { padding: 42px 0; }
  .hookup-benefits, .hookup-stat-row, .hookup-steps, .hookup-trip-grid, .hookup-profile-list, .hookup-trip-list, .hookup-two-col, .hookup-profile-layout, .hookup-mail { grid-template-columns: 1fr; }
  .hookup-filter-bar { grid-template-columns: 1fr; padding: 0 0 24px; }
  .hookup-card, .hookup-trip-card { grid-template-columns: 88px 1fr; }
  .hookup-card aside, .hookup-trip-card > a { grid-column: 1 / -1; }
  .hookup-trip-grid .hookup-trip-card { grid-template-columns: 1fr; }
  .hookup-trip-list .hookup-trip-card { grid-template-columns: 1fr; }
  .hookup-trip-list .hookup-trip-card__image { width: 100%; height: auto; aspect-ratio: 1.4 / .78; }
  .hookup-form-grid, .hookup-info-grid { grid-template-columns: 1fr; }
  .hookup-profile-hero__shade { grid-template-columns: 1fr; }
  .hookup-profile-hero__actions { width: 100%; max-width: 360px; justify-self: start; }
  .hookup-profile-hero__shade,
  .hookup-trip-hero {
    padding: 34px 0;
  }
  .hookup-trip-hero {
    display: grid;
    grid-template-columns: 1fr;
  }
  .hookup-dashboard-grid, .hookup-check-grid--stacked, .hookup-feedback-summary { grid-template-columns: 1fr; }
  .hookup-participant { grid-template-columns: 1fr; }
  .hookup-gallery-grid { grid-template-columns: repeat(2, 1fr); }
  .hookup-mail {
    gap: 14px;
  }
  .hookup-mail__list {
    max-height: 420px;
  }
  .hookup-mail__thread {
    min-height: 560px;
  }
  .hookup-mail-thread-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .hookup-message {
    max-width: 88%;
  }
  .hookup-compose__actions {
    align-items: stretch;
    flex-direction: column;
  }
  .hookup-map { min-height: 380px; }
  .hookup-map-pin { min-width: 112px; }
  .hookup-filter-bar {
    border: 1px solid var(--hu-line);
    border-radius: 12px;
    padding: 16px;
    background: rgba(7,19,19,.92);
  }
}

/* HookUp visual QA pass: contrast, card rhythm, empty states and mobile */
.hookup-kicker,
.hookup-chip {
  min-height: 34px;
  color: var(--hu-blue-text) !important;
  background: rgba(111,160,180,.18) !important;
  border-color: rgba(111,160,180,.38) !important;
}

.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta) .hookup-kicker,
.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta) .hookup-chip {
  color: #0b2d3a !important;
  background: #e5f0f3 !important;
  border-color: rgba(111,160,180,.42) !important;
}

.hookup-card,
.hookup-trip-card,
.hookup-panel,
.hookup-mini-card {
  min-width: 0;
}

.hookup-card {
  min-height: 260px;
  align-items: center;
}

.hookup-card-avatar {
  object-fit: cover;
  object-position: center center;
}

.hookup-trip-card__image,
.hookup-trip-card img,
.hookup-gallery-grid img {
  object-fit: cover;
  object-position: center center;
}

.hookup-card aside {
  display: grid;
  gap: 10px;
  align-content: center;
}

.hookup-card aside .hookup-btn,
.hookup-card-action .hookup-btn {
  width: 100%;
}

.hookup-empty,
.hookup-map-empty {
  border: 1px dashed rgba(111,160,180,.34);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(16,37,54,.92), rgba(7,19,29,.92));
  color: var(--hu-text);
}

.hookup-empty h2,
.hookup-map-empty strong {
  color: #fff !important;
}

.hookup-empty p,
.hookup-map-empty span {
  color: rgba(218,233,238,.72) !important;
}

.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta) .hookup-empty,
.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta) .hookup-map-empty {
  background: linear-gradient(145deg, #fff, #edf6f4);
  color: #071313;
}

.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta) .hookup-empty h2,
.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta) .hookup-map-empty strong {
  color: #071313 !important;
}

.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta) .hookup-empty p,
.hookup-shell > section:nth-of-type(odd):not(.hookup-hero):not(.hookup-bottom-cta) .hookup-map-empty span {
  color: #526366 !important;
}

@media (max-width: 900px) {
  .hookup-section,
  .hookup-page-head,
  .hookup-two-col,
  .hookup-profile-layout,
  .hookup-mail {
    padding: 40px 0;
  }

  .hookup-card {
    min-height: 0;
    grid-template-columns: 78px 1fr;
    gap: 16px;
    padding: 18px;
  }

  .hookup-card-avatar {
    width: 78px;
    height: 78px;
  }

  .hookup-card aside {
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
  }

  .hookup-card aside strong,
  .hookup-card aside small,
  .hookup-card aside em {
    grid-column: 1 / -1;
  }

  .hookup-trip-card {
    min-height: 0;
  }
}

@media (max-width: 560px) {
  .hookup-card {
    grid-template-columns: 1fr;
  }

  .hookup-card aside {
    grid-template-columns: 1fr;
  }

  .hookup-card-avatar {
    width: 96px;
    height: 96px;
  }
}

/* Profile V2: compact dashboard composition */
.hookup-self-badges {
  margin-top: 1.25rem;
  padding: 1.15rem;
  border: 1px solid rgba(111, 160, 180, .28);
  background: rgba(111, 160, 180, .07);
}

.hookup-endorsements {
  margin-bottom: 1.35rem;
  padding-bottom: 1.35rem;
  border-bottom: 1px solid rgba(184, 196, 207, .18);
}

.hookup-endorsements h3,
.hookup-endorsements p { margin-top: 0; }

.hookup-endorsements > h3 {
  margin-bottom: 8px;
  font-size: clamp(17px, 1.45vw, 21px) !important;
  line-height: 1.25;
}

.hookup-endorsement-list {
  display: grid;
  gap: .55rem;
}

.hookup-endorsement-list form,
.hookup-endorsement-list button { width: 100%; }

.hookup-endorsement-list button:disabled {
  cursor: default;
  opacity: .58;
}
.hookup-trip-hero.has-trip-image {
  background-image: var(--hookup-trip-image) !important;
  background-size: cover !important;
  background-position: center !important;
}

.hookup-shell > section.hookup-trip-hero::before {
  z-index: 0;
  inset: 0;
  background: linear-gradient(90deg, rgba(5,16,18,.88), rgba(5,16,18,.5)) !important;
}

.hookup-trip-hero h1,
.hookup-trip-hero p,
.hookup-trip-hero .hookup-chip { color: #fff !important; }
.hookup-profile-overview{position:relative;isolation:isolate;display:block;align-items:initial;width:min(1180px,calc(100% - 32px));min-height:0;margin:42px auto 0;padding:28px;overflow:hidden;color:#e9f2f4;border:1px solid rgba(111,160,180,.22);border-radius:8px;background:#0b2028;box-shadow:0 22px 54px rgba(2,12,16,.18)}
.hookup-profile-overview::before{content:"";position:absolute;z-index:-2;inset:0;background:var(--hookup-profile-cover) center/cover no-repeat;opacity:.08}
.hookup-profile-overview::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,rgba(7,25,32,.97),rgba(10,36,45,.94))}
.hookup-profile-overview>.hookup-profile-overview__top{width:100%;margin:0;padding:0;display:grid;grid-template-columns:140px minmax(0,1fr) 280px;align-items:center;gap:24px;background:none}
.hookup-profile-overview .hookup-profile-avatar{width:132px;height:132px}
.hookup-profile-name{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.hookup-profile-detail{background:#071719!important}
.hookup-profile-overview .hookup-profile-name h1{margin:0;color:#fff!important;font-size:clamp(2rem,4vw,3.3rem);line-height:1}
.hookup-profile-overview .hookup-profile-identity>p,.hookup-profile-bio p{margin:10px 0 0;color:#b7c7cb!important;text-shadow:none}
.hookup-verified{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;color:#9ed7e7;border:1px solid rgba(111,160,180,.7);border-radius:4px;font-size:.74rem;font-weight:900;text-transform:uppercase}
.hookup-profile-overview .hookup-profile-hero__actions{width:100%;max-width:none}
.hookup-profile-overview .hookup-profile-hero__score{display:none}
.hookup-profile-bio{margin-top:20px;padding-top:20px;border-top:1px solid rgba(111,160,180,.18)}
.hookup-profile-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:22px;padding:20px 0;border:1px solid rgba(111,160,180,.2);border-radius:6px;background:rgba(5,20,26,.42)}
.hookup-profile-facts>div{min-width:0;padding:0 18px;border-right:1px solid rgba(111,160,180,.18)}
.hookup-profile-facts>div:last-child{border-right:0}
.hookup-profile-facts span{display:block;margin-bottom:7px;color:#82b8ca;font-size:.72rem;font-weight:900;text-transform:uppercase}
.hookup-profile-facts strong{color:#eaf3f5;font-size:.9rem;line-height:1.4}
.hookup-profile-overview+.hookup-profile-layout{padding-top:28px}
.hookup-profile-layout>.hookup-panel{border-radius:8px}
.hookup-profile-layout .hookup-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.hookup-profile-layout .hookup-empty{min-height:160px;display:grid;place-content:center;text-align:center;border:1px dashed rgba(111,160,180,.3);background:rgba(111,160,180,.06)}
.hookup-profile-detail .hookup-empty h3{margin:0 0 6px;color:#eaf3f5!important}.hookup-profile-detail .hookup-empty p{margin:0;color:#9eb2b8!important}
@media(max-width:900px){.hookup-profile-overview>.hookup-profile-overview__top{grid-template-columns:92px minmax(0,1fr)}.hookup-profile-overview .hookup-profile-avatar{width:88px;height:88px}.hookup-profile-overview .hookup-profile-hero__actions{grid-column:1/-1}.hookup-profile-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.hookup-profile-facts>div{padding:12px 14px;border-right:0;border-bottom:1px solid rgba(111,160,180,.18)}.hookup-profile-facts>div:last-child{border-bottom:0}}
@media(max-width:560px){.hookup-profile-overview{padding:20px}.hookup-profile-overview>.hookup-profile-overview__top{grid-template-columns:1fr}.hookup-profile-overview .hookup-profile-avatar{width:96px;height:96px}.hookup-profile-facts,.hookup-profile-layout .hookup-info-grid{grid-template-columns:1fr}}

/* Completed trips, reviews and profile trust signals */
.hookup-trip-head-actions {
  display: grid;
  width: min(360px, 100%);
  gap: 10px;
}
.hookup-trip-head-actions .hookup-btn { width: 100%; }
.hookup-btn--archive {
  color: #eaf6f8 !important;
  background: linear-gradient(135deg, #173d49, #25596a) !important;
  border: 1px solid rgba(126, 190, 208, .65) !important;
  box-shadow: 0 12px 30px rgba(5, 22, 28, .24);
}
.hookup-btn--archive:hover,
.hookup-btn--archive:focus-visible {
  color: #fff !important;
  background: linear-gradient(135deg, #205366, #34768a) !important;
  transform: translateY(-1px);
}
.hookup-completed-list {
  display: grid;
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
  padding: 0 0 56px;
  gap: 16px;
}
.hookup-completed-card {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr) auto;
  align-items: center;
  gap: 24px;
  padding: 18px;
  color: var(--hu-text);
  background: linear-gradient(145deg, rgba(18, 42, 49, .98), rgba(8, 25, 31, .98));
  border: 1px solid rgba(111, 160, 180, .28);
  border-radius: 10px;
}
.hookup-completed-card__image { display: block; height: 150px; overflow: hidden; border-radius: 8px; }
.hookup-completed-card__image img { width: 100%; height: 100%; object-fit: cover; }
.hookup-completed-card__content h2 { margin: 10px 0 6px; color: #fff; font-size: clamp(24px, 3vw, 34px); }
.hookup-completed-card__content > p { margin: 0; color: var(--hu-muted); }
.hookup-completed-card__stats { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 18px; }
.hookup-completed-card__stats span { display: grid; gap: 2px; min-width: 120px; padding: 10px 12px; border-radius: 7px; background: rgba(111, 160, 180, .1); color: var(--hu-muted); font-size: 12px; }
.hookup-completed-card__stats strong { color: #fff; font-size: 18px; }
.hookup-trip-review-panel,
.hookup-feedback-batch-panel { width: min(1180px, calc(100% - 32px)); margin: 28px auto 0; }
.hookup-review-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.hookup-review-card { margin: 0; background: rgba(8, 28, 34, .78); }
.hookup-review-card strong { color: #fff; }
.hookup-review-form,
.hookup-review-login { margin-top: 18px; padding: 20px; border: 1px solid rgba(111, 160, 180, .28); border-radius: 8px; background: rgba(111, 160, 180, .08); }
.hookup-feedback-batch { display: grid; gap: 14px; }
.hookup-feedback-person { overflow: hidden; border: 1px solid rgba(87, 174, 126, .42); border-radius: 8px; background: rgba(78, 98, 94, .96); }
.hookup-feedback-person.is-reviewed { border-color: rgba(87, 174, 126, .55); }
.hookup-feedback-person > summary { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; align-items: center; gap: 24px; min-height: 76px; padding: 18px 24px; cursor: pointer; list-style: none; }
.hookup-feedback-person > summary::-webkit-details-marker { display: none; }
.hookup-feedback-person__check,
.hookup-feedback-person > summary input[type="checkbox"] { grid-column: 1; justify-self: start; width: 18px; height: 18px; margin: 0; }
.hookup-feedback-person__name,
.hookup-feedback-person > summary strong { grid-column: 2; justify-self: start; width: 100%; min-width: 0; max-width: none; overflow: visible !important; color: #fff; font-size: clamp(12px, 1vw, 17px); font-weight: 500; line-height: 1.15; letter-spacing: .08em; white-space: normal !important; word-break: normal; text-overflow: clip !important; text-align: left !important; }
.hookup-feedback-person__status,
.hookup-feedback-person > summary em { grid-column: 3; justify-self: end; padding: 5px 9px; border-radius: 999px; color: #b9cbd0; background: rgba(111, 160, 180, .12); font-size: 12px; font-style: normal; font-weight: 800; white-space: nowrap; }
.hookup-feedback-person.is-reviewed > summary em { color: #d9f7e6; background: rgba(72, 154, 111, .26); }
.hookup-feedback-person__body { display: grid; gap: 14px; padding: 0 18px 18px; border-top: 1px solid rgba(111, 160, 180, .18); }
.hookup-feedback-person__body .hookup-check-grid { padding-top: 16px; }
.hookup-feedback-person__body label { font-weight: 600 !important; }
.hookup-profile-signals,
.hookup-profile-activity { margin-top: 28px; padding: 22px; border: 1px solid rgba(111, 160, 180, .22); border-radius: 8px; background: rgba(111, 160, 180, .055); }
.hookup-profile-subhead { display: flex; align-items: end; justify-content: space-between; gap: 14px; margin-bottom: 16px; }
.hookup-profile-subhead span { color: #82b8ca; font-size: 11px; font-weight: 900; text-transform: uppercase; }
.hookup-profile-subhead h3 { margin: 0; color: #fff; font-size: 21px; }
.hookup-signal-list { display: grid; gap: 10px; }
.hookup-signal-card { padding: 14px; border: 1px solid rgba(111, 160, 180, .18); border-radius: 7px; background: rgba(4, 19, 24, .48); }
.hookup-signal-chips { display: flex; flex-wrap: wrap; gap: 7px; }
.hookup-signal-chips span { padding: 7px 10px; color: #d9f7e6; background: rgba(72, 154, 111, .2); border: 1px solid rgba(111, 200, 151, .35); border-radius: 999px; font-size: 13px; font-weight: 800; }
.hookup-signal-card p { margin: 10px 0 0; color: #b8c8cc; font-size: 14px; }
.hookup-activity-timeline { position: relative; display: grid; gap: 0; }
.hookup-activity-timeline::before { content: ""; position: absolute; top: 18px; bottom: 18px; left: 17px; width: 1px; background: rgba(111, 160, 180, .3); }
.hookup-activity-item { position: relative; z-index: 1; display: grid; grid-template-columns: 36px minmax(0, 1fr); align-items: center; gap: 12px; padding: 10px 0; }
.hookup-activity-item__icon { display: grid; place-items: center; width: 34px; height: 34px; color: #dff3f7; background: #173e49; border: 1px solid rgba(126, 190, 208, .5); border-radius: 50%; font-weight: 900; }
.hookup-activity-item--feedback .hookup-activity-item__icon { color: #d9f7e6; background: #214b39; border-color: rgba(111, 200, 151, .5); }
.hookup-activity-item > div { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-width: 0; }
.hookup-activity-item strong { overflow: hidden; color: #eef6f7; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
.hookup-activity-item time { flex: 0 0 auto; color: #8fa4aa; font-size: 12px; }
@media (max-width: 760px) {
  .hookup-page-head--split { align-items: stretch; flex-direction: column; }
  .hookup-trip-head-actions { width: 100%; }
  .hookup-completed-card { grid-template-columns: 1fr; }
  .hookup-completed-card__image { height: auto; aspect-ratio: 16 / 9; }
  .hookup-completed-card > .hookup-btn { width: 100%; }
  .hookup-review-grid { grid-template-columns: 1fr; }
}

/* Matching, availability and ridesharing */
.hookup-saved-searches,
.hookup-available-now,
.hookup-mentor-directory {
  width: min(1180px, calc(100% - 32px));
  margin: 22px auto;
}

/* Mentorordning */
.hookup-mentor-offer {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--hu-line);
}
.hookup-mentor-offer .hookup-tags { margin: 12px 0 18px; }
.hookup-mentor-requests {
  display: grid;
  gap: 12px;
  margin-top: 24px;
}
.hookup-mentor-requests > article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, auto);
  align-items: start;
  gap: 18px;
  padding: 16px;
  border: 1px solid var(--hu-line);
  border-radius: 12px;
  background: var(--hu-panel-2);
}
.hookup-mentor-requests > article > div { display: grid; gap: 5px; }
.hookup-mentor-requests > article span { color: var(--hu-muted); font-size: 13px; }
.hookup-mentor-requests > article p { margin: 7px 0 0; }
@media (max-width: 760px) {
  .hookup-mentor-requests > article { grid-template-columns: 1fr; }
}
.hookup-saved-searches .hookup-inline-form {
  align-items: end;
  flex-wrap: wrap;
}
.hookup-saved-searches .hookup-inline-form > label:first-of-type {
  flex: 1 1 260px;
}
.hookup-saved-search-list,
.hookup-available-grid {
  display: grid;
  gap: 12px;
  margin-top: 18px;
}
.hookup-saved-search-list article,
.hookup-available-grid article {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--hu-line);
  border-radius: 12px;
  background: var(--hu-panel-2);
}
.hookup-saved-search-list article > a:first-child,
.hookup-available-grid article > div:first-child {
  display: grid;
  flex: 1;
  gap: 3px;
  color: var(--hu-text);
  text-decoration: none;
}
.hookup-saved-search-list span,
.hookup-available-grid span:not(.hookup-chip) {
  color: var(--hu-muted);
  font-size: 13px;
}
.hookup-available-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.hookup-available-grid article {
  flex-wrap: wrap;
}
@media (max-width: 760px) {
  .hookup-available-grid { grid-template-columns: 1fr; }
  .hookup-saved-search-list article,
  .hookup-available-grid article { align-items: stretch; flex-direction: column; }
  .hookup-saved-search-list .hookup-btn,
  .hookup-available-grid .hookup-btn { width: 100%; }
}

/* Hookup-besøg */
.hookup-trip-card--visit,.hookup-trip-hero--visit,.hookup-visit-notice{border:1px solid #d94b4b!important;background-color:rgba(217,75,75,.09)!important}
.hookup-chip--visit{color:#fff!important;background:#b9202a!important;border-color:#ef6a72!important}
.hookup-visit-avatar{width:34px;height:34px;margin:0 7px;border-radius:50%;object-fit:cover;vertical-align:middle}
.hookup-map-legend{display:flex;align-items:center;gap:7px}.hookup-map-legend i{width:14px;height:14px;border-radius:50% 50% 50% 0;background:#c51f2d;transform:rotate(-45deg)}
.hookup-visit-map-icon span{display:block;width:22px;height:22px;border:3px solid #fff;border-radius:50% 50% 50% 0;background:#c51f2d;box-shadow:0 2px 8px #0008;transform:rotate(-45deg)}
.hookup-map-visit-host{display:flex;align-items:center;gap:7px;margin-bottom:6px}.hookup-map-visit-host img{width:30px;height:30px;border-radius:50%;object-fit:cover}
.hookup-visit-warning{padding:12px;border-left:4px solid #d94b4b;background:rgba(217,75,75,.12)}
.hookup-visit-partner{margin:12px 0;padding:12px;border:1px solid rgba(217,75,75,.35);border-radius:7px}.hookup-visit-partner>span{display:block;color:#e98282;font-size:12px;font-weight:800;text-transform:uppercase}
.hookup-visit-follow{margin:24px 0}.hookup-inline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}

/* Foldbare katalogsektioner og kompakte profilsignaler */
.hookup-directory-fold > summary {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, .8fr);
  align-items: center;
  gap: 24px;
  padding-right: 58px;
  cursor: pointer;
  list-style: none;
}
.hookup-directory-fold > summary::-webkit-details-marker { display: none; }
.hookup-directory-fold > summary::after {
  content: "+";
  position: absolute;
  right: 0;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid var(--hu-line);
  border-radius: 50%;
  color: var(--hu-text);
  font-size: 26px;
  line-height: 1;
}
.hookup-directory-fold[open] > summary::after { content: "\2212"; }
.hookup-directory-fold__summary h2 { margin: 7px 0 0; color: var(--hu-text); }
.hookup-directory-fold__summary p { margin: 0; color: var(--hu-muted); }
.hookup-directory-fold__content {
  margin-top: 22px;
  padding-top: 22px;
  border-top: 1px solid var(--hu-line);
}
html[data-theme="dark"] .hookup-directory-fold > summary {
  margin: -10px;
  padding: 18px 72px 18px 18px;
  border: 1px solid rgba(159, 207, 224, .56);
  border-radius: 12px;
  background: #142a30;
  box-shadow: inset 0 0 0 1px rgba(111, 160, 180, .08);
}
html[data-theme="dark"] .hookup-directory-fold > summary:hover,
html[data-theme="dark"] .hookup-directory-fold > summary:focus-visible {
  border-color: #a9d8e8;
  background: #19343b;
  outline: none;
}
html[data-theme="dark"] .hookup-directory-fold > summary::after {
  right: 16px;
  border-color: #c7e7f1;
  background: #9fcfe0;
  color: #071d23;
  box-shadow: 0 0 0 4px rgba(159, 207, 224, .12);
  font-weight: 900;
}
html[data-theme="dark"] .hookup-directory-fold[open] > summary {
  border-color: rgba(159, 207, 224, .82);
}
html[data-theme="dark"] .hookup-saved-searches .hookup-directory-fold__content .hookup-inline-form > label {
  color: #fff !important;
}

.hookup-card__visual {
  display: grid;
  align-self: start;
  gap: 12px;
  width: 120px;
}
.hookup-card__visual .hookup-trust-row {
  grid-template-columns: 1fr;
  gap: 7px;
  width: 100%;
  margin: 0;
}
.hookup-card__visual .hookup-trust-row span {
  min-height: 0;
  padding: 8px;
}

@media (max-width: 900px) {
  .hookup-directory-fold > summary { grid-template-columns: 1fr; gap: 8px; }
  .hookup-card { grid-template-columns: 120px minmax(0, 1fr); }
  .hookup-card__visual { width: 120px; }
  .hookup-card-avatar { width: 120px; height: 120px; }
}
@media (max-width: 560px) {
  .hookup-card__visual { width: 100%; }
  .hookup-card__visual .hookup-card-avatar { width: 96px; height: 96px; }
}

/* Todo 2026-07-19: readable completed trips, sharing, participants and safety in both themes. */
.hookup-feedback-person__name,
.hookup-feedback-person > summary strong { font-size: clamp(12px, 1vw, 17px) !important; letter-spacing: .01em !important; }
.hookup-feedback-person__body,
.hookup-feedback-person__body label,
.hookup-feedback-person__body p { color: #e8f1f2 !important; }
.hookup-review-card p { color: #dce9eb; }
.hookup-share-actions .hookup-btn--ghost { color: #eaf6f8 !important; }
.hookup-participant { color: #eaf3f5; background: rgba(8,28,35,.82); }
.hookup-participant__head strong,
.hookup-participant__message summary { color: #fff !important; }
.hookup-participant__status,
.hookup-participant__message p { color: #c3d4d8 !important; }
.hookup-trust-grid article { color: #eaf3f5; }

html[data-theme="light"] .hookup-review-card { background: #fff; border-color: #cbd7d8; }
html[data-theme="light"] .hookup-review-card strong,
html[data-theme="light"] .hookup-review-card p { color: #142f37; }
html[data-theme="light"] .hookup-review-card small { color: #526b72; }
html[data-theme="light"] .hookup-feedback-person { background: #f4f8f7; border-color: #8bbba0; }
html[data-theme="light"] .hookup-feedback-person__name,
html[data-theme="light"] .hookup-feedback-person > summary strong,
html[data-theme="light"] .hookup-feedback-person__body,
html[data-theme="light"] .hookup-feedback-person__body label,
html[data-theme="light"] .hookup-feedback-person__body p { color: #142f37 !important; }
html[data-theme="light"] .hookup-feedback-person__status,
html[data-theme="light"] .hookup-feedback-person > summary em { color: #34535b; background: #e2ecee; }
html[data-theme="light"] .hookup-participant { color: #142f37; background: #fff; border-color: #c3d3d6; }
html[data-theme="light"] .hookup-participant__head strong,
html[data-theme="light"] .hookup-participant__message summary { color: #142f37 !important; }
html[data-theme="light"] .hookup-participant__status,
html[data-theme="light"] .hookup-participant__message p { color: #526b72 !important; }
@media (max-width: 520px) {
  .hookup-section-heading,
  .hookup-profile-subhead { align-items: flex-start; flex-direction: column; }
  .hookup-activity-item > div { align-items: flex-start; flex-direction: column; gap: 3px; }
  .hookup-activity-item strong { white-space: normal; }
}

/* Compact profile details and notifications */
.hookup-match-reasons h3,
.hookup-recommendations > h3 {
  margin: 0 0 10px;
  font-size: 19px;
  line-height: 1.25;
}
.hookup-match-reasons ul {
  margin-top: 8px;
}
.hookup-match-reasons li,
.hookup-review-card p {
  font-size: 14px;
  line-height: 1.55;
}
.hookup-review-card > div strong {
  font-size: 14px;
  line-height: 1.35;
}
.hookup-review-card small {
  font-size: 12px;
  line-height: 1.4;
}
.hookup-profile-activity + .hookup-recommendations,
.hookup-profile-activity + .hookup-empty {
  margin-top: 28px;
}
.hookup-notification-list {
  gap: 10px;
}
.hookup-notification-preferences {
  margin-bottom: clamp(24px, 4vw, 42px);
}
.hookup-notification-card {
  position: relative;
  display: grid;
  gap: 10px;
  padding: 18px 20px;
  overflow: hidden;
  border-radius: 8px;
}
.hookup-notification-card.is-unread::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--hu-accent);
}
.hookup-notification-card__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.hookup-notification-card__meta time {
  color: var(--hu-muted);
  font-size: 12px;
  font-weight: 700;
}
.hookup-notification-card h2 {
  margin: 0;
  color: var(--hu-text);
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1.25;
}
.hookup-notification-card__body {
  max-width: 800px;
  margin: 0;
  color: var(--hu-muted);
  font-size: 14px;
  line-height: 1.55;
}
.hookup-notification-card__body > :first-child { margin-top: 0; }
.hookup-notification-card__body > :last-child { margin-bottom: 0; }
.hookup-notification-card__body a {
  color: var(--hu-accent-strong);
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.hookup-notification-card .hookup-actions {
  margin-top: 2px;
}
.site-breadcrumbs--hookup .hookup-context-nav__links > a,
.site-breadcrumbs--hookup .hookup-context-nav__login {
  color: #24434d !important;
}
.site-breadcrumbs--hookup .hookup-context-nav__links > a:hover,
.site-breadcrumbs--hookup .hookup-context-nav__links > a:focus-visible,
.site-breadcrumbs--hookup .hookup-context-nav__links > a.is-active,
.site-breadcrumbs--hookup .hookup-context-nav__login:hover,
.site-breadcrumbs--hookup .hookup-context-nav__login:focus-visible {
  color: #071f28 !important;
}
@media (max-width: 560px) {
  .hookup-notification-card { padding: 16px; }
  .hookup-notification-card__meta { align-items: flex-start; flex-direction: column; gap: 6px; }
}

/* V4 dashboard, onboarding, trust and completed-trip follow-up */
.hookup-dashboard-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 18px;
}
.hookup-dashboard-summary > a {
  display: grid;
  min-height: 116px;
  padding: 18px;
  color: var(--hu-text);
  text-decoration: none;
  background: rgba(111, 160, 180, .08);
  border: 1px solid rgba(111, 160, 180, .24);
  border-radius: 8px;
}
.hookup-dashboard-summary > a:hover,
.hookup-dashboard-summary > a:focus-visible { border-color: var(--hu-accent); background: rgba(111, 160, 180, .14); }
.hookup-dashboard-summary span { color: var(--hu-muted); font-size: 12px; font-weight: 800; text-transform: uppercase; }
.hookup-dashboard-summary strong { margin: 4px 0; color: var(--hu-text); font-size: 32px; line-height: 1; }
.hookup-dashboard-summary small { align-self: end; color: var(--hu-muted); font-size: 13px; }
.hookup-onboarding {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(220px, .8fr) auto;
  align-items: center;
  gap: 22px;
  margin: 0 0 18px;
  padding: 20px;
  background: rgba(111, 160, 180, .07);
  border: 1px solid rgba(111, 160, 180, .25);
  border-radius: 8px;
}
.hookup-onboarding h3 { margin: 4px 0; color: var(--hu-text); font-size: 21px; }
.hookup-onboarding p { margin: 0; color: var(--hu-muted); font-size: 14px; }
.hookup-onboarding__progress { height: 7px; margin-top: 12px; overflow: hidden; background: rgba(255,255,255,.1); border-radius: 999px; }
.hookup-onboarding__progress span { display: block; height: 100%; background: var(--hu-accent); border-radius: inherit; }
.hookup-onboarding ul { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.hookup-onboarding li { color: var(--hu-muted); font-size: 13px; }
.hookup-onboarding li span { display: inline-grid; place-items: center; width: 20px; margin-right: 7px; color: var(--hu-muted); }
.hookup-onboarding li.is-done { color: var(--hu-text); }
.hookup-onboarding li.is-done span { color: #75c69b; }
.hookup-trust-center { background: rgba(111, 160, 180, .045); }
.hookup-trust-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.hookup-trust-grid article { padding: 20px; border: 1px solid rgba(111, 160, 180, .22); border-radius: 8px; background: rgba(8, 28, 35, .56); }
.hookup-trust-grid h3 { margin: 0 0 8px; color: var(--hu-text); font-size: 19px; }
.hookup-trust-grid p { margin: 0 0 12px; color: #fff; font-size: 14px; line-height: 1.55; }
.hookup-trust-grid a { color: var(--hu-accent); font-weight: 800; }
.hookup-aftercare-panel { margin-top: 18px; }
.hookup-aftercare-actions { display: flex; align-items: end; flex-wrap: wrap; gap: 10px; }
.hookup-aftercare-actions form { display: flex; align-items: end; flex-wrap: wrap; gap: 10px; margin: 0; }
.hookup-aftercare-actions label { display: grid; gap: 5px; color: var(--hu-muted); font-size: 12px; font-weight: 800; }
.hookup-aftercare-actions input { min-height: 42px; color: var(--hu-text); background: rgba(4, 19, 24, .7); border: 1px solid rgba(111, 160, 180, .3); border-radius: 6px; }
.hookup-empty { padding: 28px; border: 1px dashed rgba(111,160,180,.3); border-radius: 8px; background: rgba(111,160,180,.055); }
.hookup-empty h3 { margin: 0 0 7px; color: var(--hu-text); font-size: 19px; }
.hookup-empty p { margin: 0 0 12px; color: var(--hu-muted); font-size: 14px; }
@media (max-width: 900px) {
  .hookup-onboarding { grid-template-columns: 1fr 1fr; }
  .hookup-onboarding > .hookup-btn { grid-column: 1 / -1; justify-self: start; }
  .hookup-trust-grid { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .hookup-dashboard-summary { grid-template-columns: 1fr; }
  .hookup-dashboard-summary > a { min-height: 96px; }
  .hookup-onboarding { grid-template-columns: 1fr; }
  .hookup-onboarding > .hookup-btn { grid-column: auto; width: 100%; }
  .hookup-context-nav__inner { overflow: hidden; }
  .hookup-context-nav__links { max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: none; }
  .hookup-context-nav__links::-webkit-scrollbar { display: none; }
  .hookup-context-nav__links > a { flex: 0 0 auto; min-height: 44px; }
}

/* HookUp layout QA: dashboard, trust, reviews and completed trips */
.hookup-dashboard-head {
  margin-bottom: 24px;
}
.hookup-dashboard-grid--primary {
  margin-top: 26px;
}
.hookup-dashboard-panel {
  min-width: 0;
  padding: 24px !important;
}
.hookup-dashboard-panel > .hookup-kicker,
.hookup-dashboard-panel .hookup-section-heading .hookup-kicker {
  width: max-content;
  max-width: 100%;
  margin-bottom: 14px;
}
.hookup-dashboard-panel--nearby .hookup-empty,
.hookup-dashboard-panel--favorites .hookup-empty {
  margin-top: 18px;
}
.hookup-dashboard-metric {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin: 14px 0 0;
  line-height: 1;
}
.hookup-dashboard-metric strong {
  font-size: clamp(36px, 5vw, 52px) !important;
}
.hookup-dashboard-metric span {
  color: #b8c9c8 !important;
  font-size: 17px;
  font-weight: 700;
  text-transform: none;
}
.hookup-onboarding > div:first-child > .hookup-kicker {
  display: inline-flex;
  margin-bottom: 12px;
}
.hookup-onboarding h3 {
  margin: 0 0 8px;
  line-height: 1.25;
}
.hookup-completed-list {
  padding-top: 28px;
  gap: 22px;
}
.hookup-completed-card {
  padding: 22px;
}
.hookup-completed-card__stats span {
  min-width: 132px;
}
.hookup-feedback-batch-panel .hookup-section-heading,
.hookup-trip-review-panel .hookup-section-heading {
  margin-bottom: 20px;
}
.hookup-feedback-person > summary {
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 24px !important;
  min-height: 76px;
  padding: 18px 24px !important;
  list-style: none;
}
.hookup-feedback-person > summary::-webkit-details-marker {
  display: none;
}
.hookup-feedback-person > summary::marker {
  content: "";
}
.hookup-feedback-person__check,
.hookup-feedback-person > summary input[type="checkbox"] {
  grid-column: 1;
  justify-self: start;
  width: 18px;
  height: 18px;
  margin: 0;
}
.hookup-feedback-person__name,
.hookup-feedback-person > summary strong {
  display: block;
  grid-column: 2;
  justify-self: start;
  width: 100%;
  min-width: 0;
  max-width: none;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  color: #fff;
  font-size: clamp(22px, 1.7vw, 34px);
  line-height: 1.15;
  letter-spacing: 0.04em;
  text-align: left !important;
}
.hookup-feedback-person__status,
.hookup-feedback-person > summary em {
  grid-column: 3;
  justify-self: end;
  margin: 0;
  white-space: nowrap;
}
.hookup-feedback-person__body {
  padding-top: 16px;
}
.hookup-signal-list {
  margin-top: 4px;
}
.hookup-signal-chips span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.hookup-signal-chips b {
  color: #fff;
  font-size: 12px;
}
.hookup-signal-comments {
  margin-top: 12px;
  color: #dce9eb;
}
.hookup-signal-comments summary {
  cursor: pointer;
  color: var(--hu-accent);
  font-size: 13px;
  font-weight: 800;
}
.hookup-signal-timeline {
  position: relative;
  display: grid;
  gap: 0;
}
.hookup-signal-timeline::before {
  content: "";
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 18px;
  width: 1px;
  background: rgba(111, 200, 151, .28);
}
.hookup-signal-item {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  gap: 13px;
  padding: 9px 0;
}
.hookup-signal-item__icon {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  color: #d9f7e6;
  background: #214b39;
  border: 1px solid rgba(111, 200, 151, .55);
  border-radius: 50%;
  font-weight: 900;
  box-shadow: 0 0 0 4px rgba(8, 28, 35, .9);
}
.hookup-signal-item > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(111, 160, 180, .16);
  border-radius: 7px;
  background: rgba(4, 19, 24, .34);
}
.hookup-signal-item strong {
  color: #eef6f7;
  font-size: 15px;
}
.hookup-signal-item__count {
  flex: 0 0 auto;
  min-width: 76px;
  padding: 5px 9px;
  color: #bfe9cf;
  background: rgba(72, 154, 111, .2);
  border: 1px solid rgba(111, 200, 151, .3);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  text-align: center;
}
.hookup-signal-item__count b {
  color: #fff;
  font-size: 13px;
}
.hookup-signal-list > .hookup-signal-comments {
  margin: 15px 0 0 51px;
  padding-top: 13px;
  border-top: 1px solid rgba(111, 160, 180, .18);
}
@media (max-width: 560px) {
  .hookup-signal-item > div { align-items: flex-start; flex-direction: column; gap: 7px; }
  .hookup-signal-list > .hookup-signal-comments { margin-left: 0; }
}
.hookup-review-more {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(111, 160, 180, .2);
}
.hookup-review-more > summary {
  cursor: pointer;
  color: var(--hu-accent);
  font-size: 14px;
  font-weight: 800;
}
.hookup-review-more .hookup-review-grid {
  margin-top: 14px;
}

html[data-theme="light"] .hookup-trust-center {
  background: #eef3f3;
}
html[data-theme="light"] .hookup-trust-grid article {
  background: #fff;
  border-color: #cbd7d8;
}
html[data-theme="light"] .hookup-trust-grid h3 {
  color: #071f28;
}
html[data-theme="light"] .hookup-trust-grid p {
  color: #425b62;
}
html[data-theme="light"] .hookup-completed-card {
  background: #102a31;
}
html[data-theme="light"] .hookup-share-box {
  border-color: #c8d7db;
  background: #fff;
  box-shadow: 0 14px 34px rgba(25,55,68,.12);
}
html[data-theme="light"] .hookup-share-box h3 { color:#071f28; }
html[data-theme="light"] .hookup-share-box > p { color:#526b72; }

@media (max-width: 760px) {
  .hookup-dashboard-head { margin-bottom: 18px; }
  .hookup-dashboard-grid--primary { margin-top: 18px; }
  .hookup-dashboard-panel { padding: 18px !important; }
  .hookup-dashboard-metric { align-items: flex-end; }
  .hookup-completed-list { padding-top: 20px; }
  .hookup-completed-card { padding: 16px; }
  .hookup-feedback-person > summary { align-items: center; }
}

/* Turminder */
.hookup-trip-memories .hookup-review-grid { margin-top: 18px; }
.hookup-memory-card { display: grid; gap: 12px; align-content: start; }
.hookup-memory-card > img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid var(--hu-border);
}
.hookup-memory-card .hookup-chip { font-size: 11px; }
.hookup-memory-card form { margin: 0; }