/* Huisregels: praktische informatie voorop, details rustig gegroepeerd. */
.house-page h1 { hyphens: none; }
.house-page .h-hero-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); align-items: center; gap: 60px; }
.house-page .h-hero-grid > div > p { max-width: 590px; }
.house-page .h-hero-grid .h-lead { font-size: 20px; font-weight: 700; color: var(--r-ink); margin-bottom: 14px; }
.house-page .h-topics { gap: 10px; }
.house-page .h-topics .r-action { font-size: 14px; padding-inline: 16px; }
.house-page .h-hero-photo { margin: 0; }
.house-page .h-hero-photo img { width: 100%; height: auto; border-radius: 22px 22px 64px 22px; }
.house-page .h-hero-photo figcaption { margin-top: 10px; font-size: 12px; line-height: 1.6; }
.house-page .h-practical-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 64px; align-items: start; }
.house-page .h-practical-grid h3 { font-size: 27px; }
.house-page .h-list { margin: 14px 0 22px; padding-left: 22px; line-height: 1.7; }
.house-page .h-list li { margin: 8px 0; padding-left: 3px; }
.house-page .h-list a,
.house-page .h-cancel p a,
.house-page .h-payment-main p a,
.house-page .h-answer a { text-decoration: underline; text-underline-offset: 4px; }
.house-page .h-belongings { border-top: 1px solid var(--r-line); padding-top: 28px; margin-top: 30px; }
.house-page .h-belongings > p { max-width: 850px; }
.house-page .h-responsibility { max-width: 850px; }
.house-page .h-responsibility summary { color: var(--r-ink); font-size: 14px; font-weight: 700; padding: 10px 0; cursor: pointer; }
.house-page .h-responsibility .h-answer { margin-top: 8px; }
.house-page .h-cancel { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); align-items: center; gap: 48px; margin-top: 34px; padding: 32px; background: var(--r-cream); border: 1px solid #eee4d2; border-radius: 20px; scroll-margin-top: 24px; }
.house-page .h-cancel h3 { margin-top: 8px; font-size: 28px; }
.house-page .h-cancel p { font-size: 15px; margin-bottom: 12px; }
.house-page .h-cancel > div > :last-child { margin-bottom: 0; }
.house-page .h-cancel-contact { display: grid; justify-items: start; gap: 8px; }
.house-page .h-cancel-contact p { font-size: 13px; }
.house-page .h-email { display: inline-block; max-width: 100%; padding: 8px 0; color: var(--r-ink); font-weight: 700; font-size: 15px; line-height: 1.65; text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
.house-page .h-info-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: start; gap: 64px; }
.house-page .h-privacy { background: var(--r-mint); }
.house-page .h-section-intro p { font-size: 15px; }
.house-page .h-details { background: #fff; border: 1px solid var(--r-line); border-radius: 18px; padding: 0 24px; }
.house-page .h-details details:first-child { border-top: 0; }
.house-page .h-details details:last-child { border-bottom: 0; }
.house-page .h-details summary,
.house-page .h-payment-details summary { padding: 18px 0; }
.house-page .h-answer { padding-bottom: 18px; }
.house-page .h-answer p,
.house-page .r-questions .h-answer p { margin: 0 0 12px; font-size: 15px; line-height: 1.7; }
.house-page .h-answer > :last-child,
.house-page .r-questions .h-answer > :last-child { margin-bottom: 0; }
.house-page .h-answer .h-list { font-size: 15px; line-height: 1.65; margin: 12px 0; }
.house-page .h-answer .h-list li { margin: 5px 0; }
.house-page .r-questions .h-answer .h-source { font-size: 12px; }
.house-page .h-payment { background: #f8faf8; }
.house-page .h-payment-main > p { font-size: 15px; }
.house-page .h-payment-main > h3 { font-size: 28px; }
.house-page .h-bank { display: grid; gap: 12px; margin: 22px 0; padding: 20px 0; border-block: 1px solid var(--r-line); }
.house-page .h-bank > div { display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 16px; }
.house-page .h-bank dt { font-size: 14px; font-weight: 700; color: var(--r-ink); }
.house-page .h-bank dd { margin: 0; font-size: 15px; }
.house-page .h-payment-details { margin-top: 24px; }
.house-page .h-phone { display: inline-flex; align-items: center; gap: 10px; }
.house-page .h-phone svg { width: 20px; height: 20px; }
.house-page .h-contact .r-contact-grid { align-items: start; }
@media (max-width: 1000px) {
  .house-page .h-hero-grid,
  .house-page .h-practical-grid,
  .house-page .h-info-grid { gap: 36px; }
  .house-page .h-cancel { gap: 30px; padding: 26px; }
}
@media (max-width: 800px) {
  .house-page .h-practical-grid,
  .house-page .h-info-grid,
  .house-page .h-cancel,
  .house-page .h-contact .r-contact-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .house-page .h-cancel-contact { border-top: 1px solid #e4dbcd; padding-top: 22px; }
}
@media (max-width: 600px) {
  .house-page .h-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .house-page .h-hero-grid .h-lead { font-size: 18px; }
  .house-page .h-topics { gap: 10px; }
  .house-page .h-hero-photo { max-width: 390px; }
  .house-page .h-hero-photo img { border-radius: 18px 18px 46px 18px; }
  .house-page .h-practical-grid h3 { font-size: 25px; }
  .house-page .h-cancel { padding: 22px; }
  .house-page .h-details { padding: 0 18px; }
  .house-page .h-details summary,
  .house-page .h-payment-details summary { font-size: 15px; }
  .house-page .h-bank > div { grid-template-columns: minmax(0, 1fr); gap: 2px; }
}
