.landing-reference-shell { --home-support-link: #304fc9; }
html[data-lu-theme="dark"] .landing-reference-shell { --home-support-link: var(--v-accent, #9db4ff); }

.landing-reference-shell .home-support {
  position: relative;
  flex: none;
  color: var(--v-muted, #475467);
}

.landing-reference-shell .home-support summary {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 44px;
  list-style: none;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  white-space: nowrap;
}

.landing-reference-shell .home-support summary::-webkit-details-marker { display: none; }
.landing-reference-shell .home-support-caret { display: flex; }
.landing-reference-shell .home-support-caret svg { width: 14px; height: 14px; }
.landing-reference-shell .home-support[open] summary { color: var(--home-support-link); }
.landing-reference-shell .home-support[open] .home-support-caret { transform: rotate(180deg); }

.landing-reference-shell .home-support-panel {
  position: absolute;
  top: calc(100% + 14px);
  left: 0;
  z-index: 40;
  box-sizing: border-box;
  width: min(294px, calc(100vw - 40px));
  padding: 18px;
  border: 1px solid var(--v-line, #d4ddea);
  border-radius: 14px;
  background: var(--v-panel, #fff);
  color: var(--v-ink, #101828);
  text-align: left;
}

.landing-reference-shell .home-support-title {
  display: block;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -.015em;
}

.landing-reference-shell .home-support-panel p {
  margin: 0 0 13px;
  color: var(--v-muted, #475467);
  font-size: 12px;
  line-height: 1.45;
}

.landing-reference-shell .home-support-panel a {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  padding: 10px 9px;
  border-radius: 9px;
  color: var(--v-ink, #101828);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  text-decoration: none;
}

.landing-reference-shell .home-support-panel a:hover { background: var(--v-accent-soft, #eef3ff); }
.landing-reference-shell .home-support-panel a > svg:first-child {
  flex: none;
  width: 23px;
  height: 23px;
  color: var(--home-support-link);
}
.landing-reference-shell .home-support-panel a > svg:last-child {
  width: 16px;
  height: 16px;
  margin-left: auto;
  color: var(--v-muted, #475467);
}

.landing-reference-shell .lu-scope .trust2 .home-support-inline {
  position: relative;
  z-index: 1;
  gap: 7px;
  color: var(--v-ink, #101828);
}
.landing-reference-shell .home-support-inline a {
  color: var(--home-support-link);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.landing-reference-shell .lu-scope .trust2 .home-support-dot {
  display: inline;
  color: var(--v-muted, #475467);
  line-height: 1;
}
.landing-reference-shell .home-support summary:focus-visible,
.landing-reference-shell .home-support-panel a:focus-visible,
.landing-reference-shell .home-support-inline a:focus-visible {
  outline: 2px solid var(--home-support-link);
  outline-offset: 4px;
}

@media (max-width: 1200px) {
  .landing-reference-shell .home-support-panel { right: 0; left: auto; }
}
@media (max-width: 1140px) {
  .landing-reference-shell .topbar-inner { gap: 14px; }
  .landing-reference-shell .nav-links { gap: 14px; }
  .landing-reference-shell .topbar .nav-actions > .btn-primary { display: none; }
}
@media (max-width: 860px) {
  .landing-reference-shell .topbar-inner {
    position: relative;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 64px;
    padding: 0;
  }
  .landing-reference-shell .topbar .nav-links { display: none; }
  .landing-reference-shell .topbar .brand { flex: 0 1 146px; min-width: 0; }
  .landing-reference-shell .topbar .brand img { width: 146px; max-width: 100%; height: auto; }
  .landing-reference-shell .home-support { position: static; }
  .landing-reference-shell .home-support summary { font-size: 14px; }
  .landing-reference-shell .home-support-panel { top: 100%; }
  .landing-reference-shell .topbar .nav-actions { flex: none; flex-direction: row; align-items: center; }
  .landing-reference-shell .topbar .btn-ghost { padding: 11px 12px; }
  .landing-reference-shell .lu-scope .trust2 .home-support-inline { flex-wrap: wrap; white-space: normal; }
}