/**
 * Landlords & Housing Associations — expert interaction layer
 * Scoped to .lha-wrap.lha-expert.
 */

.lha-wrap.lha-expert .lha-section::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: auto 0 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(31,111,92,.14), transparent);
  pointer-events: none;
}

.lha-wrap.lha-expert .lha-service,
.lha-wrap.lha-expert .lha-stock-card,
.lha-wrap.lha-expert .lha-diff-card,
.lha-wrap.lha-expert .lha-metric {
  will-change: transform;
}

.lha-wrap.lha-expert .lha-service:hover .lha-icon,
.lha-wrap.lha-expert .lha-stock-card:hover .lha-stock-icon {
  color: #0d5b48;
  background: rgba(160,255,212,.4);
  box-shadow: 0 0 0 8px rgba(160,255,212,.08);
}

.lha-wrap.lha-expert .lha-policy-card.featured::after {
  content: "";
  position: absolute;
  right: -80px;
  bottom: -100px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(160,255,212,.14), transparent 68%);
  pointer-events: none;
}

.lha-wrap.lha-expert .lha-metrics-panel::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: -1;
  border-radius: 29px;
  background: linear-gradient(135deg, rgba(160,255,212,.38), transparent 35%, rgba(255,141,115,.16));
}

.lha-wrap.lha-expert .lha-faq-q:hover .lha-faq-plus {
  color: #fff;
  background: var(--lha-green);
}

/* Solak applies global H3, button and link rules after component styles.
 * These scoped guards keep this page inside the established AORO system. */
.lha-wrap.lha-expert .lha-hero h1 {
  color: #fff !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: clamp(42px, 4.3vw, 62px) !important;
  font-weight: 600 !important;
  line-height: 1.015 !important;
  letter-spacing: -.046em !important;
}

.lha-wrap.lha-expert .lha-hero h1 span {
  color: var(--lha-mint) !important;
}

.lha-wrap.lha-expert .lha-dark h2,
.lha-wrap.lha-expert .lha-dark h3,
.lha-wrap.lha-expert .lha-cta h2 {
  color: #fff !important;
}

.lha-wrap.lha-expert .lha-hero .lha-btn-secondary,
.lha-wrap.lha-expert .lha-cta .lha-btn-secondary {
  color: #fff !important;
}

.lha-wrap.lha-expert .lha-dark .lha-source-link {
  color: var(--lha-mint) !important;
}

.lha-wrap.lha-expert .lha-faq-q {
  color: var(--lha-ink) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: "Spline Sans", sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

.lha-wrap.lha-expert .lha-audience h3 {
  color: var(--lha-ink) !important;
  font-size: 17px !important;
  line-height: 1.2 !important;
}

.lha-wrap.lha-expert .lha-service h3,
.lha-wrap.lha-expert .lha-stock-card h3 {
  color: var(--lha-ink) !important;
  font-size: 20px !important;
  line-height: 1.18 !important;
}

.lha-wrap.lha-expert .lha-policy-card h3 {
  color: #fff !important;
  font-size: clamp(25px, 3vw, 36px) !important;
  line-height: 1.06 !important;
}

.lha-wrap.lha-expert .lha-step h3 {
  color: #fff !important;
  font-size: 17px !important;
  line-height: 1.2 !important;
}

.lha-wrap.lha-expert .lha-diff-card h3 {
  color: var(--lha-ink) !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
}

.lha-wrap.lha-expert .lha-metrics-panel .lha-metric h3 {
  color: #fff !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
}

.lha-wrap.lha-expert .lha-photo-card img {
  transition: transform 1.2s cubic-bezier(.22,1,.36,1), filter .6s ease;
}

.lha-wrap.lha-expert .lha-photo-card:hover img {
  transform: scale(1.025);
  filter: contrast(1.03) saturate(1.03);
}

@media (prefers-reduced-motion: reduce) {
  .lha-wrap.lha-expert .lha-photo-card img { transition: none; }
  .lha-wrap.lha-expert .lha-photo-card:hover img { transform: none; }
}

@media (max-width: 580px) {
  .lha-wrap.lha-expert .lha-hero h1 {
    font-size: clamp(38px, 11vw, 50px) !important;
  }
}