/* Shared homeowner-first presentation for Questions and Take Action. */
.homeowner-guide-page {
  --bg: #f4f1e9;
  --bg-2: #ebe6dc;
  --panel: #fffdf8;
  --panel-2: #f8eee4;
  --line: #d4cec2;
  --ink: #182327;
  --muted: #4f5d60;
  --dim: #657174;
  --orange: #b3420b;
  --orange-2: #8e3005;
  --mint: #176d6d;
  --steel: #566e76;
  color-scheme: light;
  background:
    radial-gradient(65% 36% at 82% 0%, rgba(214, 94, 26, .11), transparent 70%),
    var(--bg);
}

.homeowner-guide-page.theme-dark {
  --bg: #0c1012;
  --bg-2: #111818;
  --panel: #16201d;
  --panel-2: #1b1715;
  --line: #34423e;
  --ink: #f6f3eb;
  --muted: #c0c5be;
  --dim: #9aa39d;
  --orange: #ff7a2a;
  --orange-2: #f2a23d;
  --mint: #53dcc3;
  --steel: #9bb0b8;
  color-scheme: dark;
}

.homeowner-guide-page .legal-nav {
  min-height: 56px;
  padding: 0 max(28px, calc((100vw - 1180px)/2 + 28px));
  background: #0c1012;
  border-bottom: 2px solid #ff7a2a;
  box-shadow: none;
}

.homeowner-guide-page .legal-nav .brand {
  color: #f6f3eb;
}

.homeowner-guide-page .legal-nav nav,
.homeowner-guide-page .legal-nav nav a { color: #43cdb5; }

.homeowner-guide-page .legal-nav nav a:hover,
.homeowner-guide-page .legal-nav nav a[aria-current="page"] {
  color: #f6f3eb;
}

.homeowner-guide-page .legal-main { padding-top: 10px; }

.homeowner-guide-page .legal-hero {
  padding-top: clamp(44px, 8vw, 88px);
  padding-bottom: 30px;
}

.homeowner-guide-page .legal-hero h1 {
  max-width: 12ch;
  margin: 12px 0 18px;
  font-size: clamp(44px, 8vw, 78px);
  line-height: 1;
  letter-spacing: -.045em;
  text-wrap: balance;
  overflow-wrap: break-word;
}

.homeowner-guide-page .guide-lede {
  max-width: 36ch;
  margin: 0;
  color: var(--ink);
  font-size: clamp(19px, 2.5vw, 24px);
  line-height: 1.45;
}

.homeowner-guide-page .guide-reassurance {
  max-width: 62ch;
  margin: 14px 0 0;
  color: var(--muted);
  font-size: 16px;
}

.guide-paths {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  max-width: 920px;
  padding-top: 10px;
  padding-bottom: 28px;
}

.guide-paths a {
  min-width: 0;
  min-height: 112px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 18px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--panel);
  color: var(--ink);
  padding: 18px;
  text-decoration: none;
  box-shadow: 0 8px 22px rgba(36, 41, 39, .06);
}

.guide-paths a:hover {
  border-color: var(--orange);
  transform: translateY(-1px);
}

.guide-paths strong {
  font-family: 'Space Grotesk', Inter, sans-serif;
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1.18;
  overflow-wrap: break-word;
}

.guide-paths span {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.4;
}

.homeowner-guide-page .question-jump,
.homeowner-guide-page .action-jump {
  gap: 8px;
  padding-top: 12px;
  padding-bottom: 22px;
}

.homeowner-guide-page .question-jump a,
.homeowner-guide-page .action-jump a {
  min-height: 44px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--panel);
  padding: 9px 15px;
  color: var(--ink);
  font-size: 15px;
  text-decoration: none;
}

.homeowner-guide-page .question-jump a:hover,
.homeowner-guide-page .action-jump a:hover {
  border-color: var(--orange);
  color: var(--orange-2);
}

.questions-page .questions-purpose,
.action-page .action-principle {
  border: 0;
  border-left: 4px solid var(--orange);
  border-radius: 0 12px 12px 0;
  background: var(--panel-2);
  padding: 18px 20px;
}

.questions-page .questions-purpose { margin-top: 24px; }

.questions-page .faq-list { padding-top: 44px; }

.questions-page .faq-heading,
.action-page .action-step > div { min-width: 0; }

.questions-page .faq-item {
  margin-top: 10px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--panel);
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(36, 41, 39, .045);
}

.questions-page .faq-item:last-child { border-bottom: 1px solid var(--line); }

.questions-page .faq-item summary {
  min-height: 68px;
  padding: 17px 18px;
}

.questions-page .faq-item summary span {
  min-width: 0;
  overflow-wrap: break-word;
}

.questions-page .faq-item summary::after {
  flex-basis: 32px;
  text-align: center;
}

.questions-page .faq-item > div { padding: 0 18px 22px; }

.questions-page .questions-sources li span {
  color: var(--muted);
}

.action-page .action-principle { margin-top: 25px; }

.action-page .action-guide { padding-top: 18px; }

.action-page .action-step {
  grid-template-columns: 48px minmax(0, 1fr);
  padding: 44px 0 48px;
}

.action-page .action-step h2,
.action-page .action-outcome h2,
.action-page .action-sources h2 {
  text-wrap: balance;
  overflow-wrap: break-word;
}

.action-page .action-template {
  position: relative;
  max-width: 70ch;
  border: 1px solid var(--line);
  border-left: 5px solid var(--orange);
  border-radius: 12px;
  background: var(--panel);
  padding: 22px;
  overflow: hidden;
}

.copy-template {
  min-height: 44px;
  margin: 4px 0 18px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--bg-2);
  color: var(--ink);
  padding: 8px 14px;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}

.copy-template:hover { border-color: var(--orange); }

.action-page .plain-details {
  max-width: 68ch;
  margin: 18px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.action-page .plain-details summary {
  min-height: 48px;
  display: flex;
  align-items: center;
  color: var(--ink);
  font-weight: 700;
  cursor: pointer;
}

.action-page .plain-details p { padding-bottom: 16px; }

.homeowner-guide-page .legal-footer {
  background: #141d1f;
  color: #f7f4ec;
  border-top: 2px solid #d95d1b;
}

.homeowner-guide-page .legal-footer p,
.homeowner-guide-page .legal-footer a { color: #c8ceca; }
.homeowner-guide-page .legal-footer .brand { color: #f7f4ec; }

@media (max-width: 720px) {
  html:has(.homeowner-guide-page) { scroll-padding-top: 76px; }
  .homeowner-guide-page [id] { scroll-margin-top: 76px; }

  .homeowner-guide-page .legal-nav {
    min-height: 58px;
    flex-wrap: nowrap;
    align-items: center;
    gap: 12px;
    padding: 0 16px;
  }

  .homeowner-guide-page .legal-nav nav {
    width: auto;
    margin-left: auto;
    flex-wrap: nowrap;
  }

  .homeowner-guide-page .legal-nav nav a,
  .homeowner-guide-page .legal-nav nav a.mobile-primary { display: none; }
  .homeowner-guide-page .legal-nav .nav-panel a { display: grid; }
  .homeowner-guide-page .legal-nav .mobile-global-links a { display: block; }

  .homeowner-guide-page .legal-main { padding-top: 0; }
  .homeowner-guide-page .legal-hero { padding-top: 38px; padding-bottom: 22px; }
  .homeowner-guide-page .legal-hero h1 { font-size: clamp(38px, 11.5vw, 58px); line-height: 1.02; }

  .guide-paths { grid-template-columns: 1fr; gap: 9px; padding-bottom: 22px; }
  .guide-paths a { min-height: 86px; padding: 16px 17px; gap: 8px; }

  .homeowner-guide-page .question-jump,
  .homeowner-guide-page .action-jump {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .homeowner-guide-page .question-jump a,
  .homeowner-guide-page .action-jump a { width: 100%; }

  .questions-page .faq-heading { grid-template-columns: 30px minmax(0, 1fr); }
  .questions-page .faq-item summary { padding: 16px; }
  .questions-page .faq-item > div { padding: 0 16px 20px; }
  .questions-page .questions-sources li span { display: block; margin-top: 3px; }

  .action-page .action-step {
    display: block;
    padding: 36px 0 40px;
  }

  .action-page .action-number { margin: 0 0 8px; }
  .action-page .action-template { padding: 18px; }
}

@media (max-width: 390px) {
  .homeowner-guide-page .wrap { padding-left: 16px; padding-right: 16px; }
  .homeowner-guide-page .legal-nav { padding-left: 16px; padding-right: 16px; }
  .homeowner-guide-page .legal-nav .brand { font-size: 20px; }
  .legal-theme-toggle { margin-left: auto; }
  .questions-page .questions-purpose,
  .action-page .action-principle { padding: 16px; }
}