.homebuying {
  --primary: #0d3b66;
  --accent: #f4b942;
  --text: #1f2937;
  margin: 0;
  background: #f7fafc;
  color: var(--text);
  font-family: Georgia, 'Times New Roman', serif;
  line-height: 1.8;
}
.homebuying * { box-sizing: border-box; }
.homebuying a { color: #145da0; text-underline-offset: 4px; }
.homebuying a:hover { text-decoration-thickness: 2px; }
.homebuying a:focus-visible, .homebuying summary:focus-visible { outline: 3px solid #bd8012; outline-offset: 4px; }
.homebuying .wrap { width: min(100% - 40px, 1000px); margin-inline: auto; }
.homebuying .hero { background: var(--primary); color: #fff; padding: clamp(28px, 6vw, 68px) 0; border-bottom: 5px solid var(--accent); }
.homebuying .hero a { color: #fff; }
.homebuying .breadcrumb, .homebuying .eyebrow, .homebuying .meta, .homebuying .button, .homebuying .contents { font-family: Arial, Helvetica, sans-serif; }
.homebuying .breadcrumb { font-size: .9rem; margin-bottom: 25px; }
.homebuying .eyebrow { color: var(--accent); text-transform: uppercase; letter-spacing: .12em; font-size: .8rem; font-weight: 700; }
.homebuying h1 { font-size: clamp(2rem, 5vw, 3.5rem); line-height: 1.15; max-width: 850px; margin: 15px 0; }
.homebuying .dek { max-width: 740px; font-size: 1.15rem; }
.homebuying .meta { font-size: .88rem; }
.homebuying main { padding-block: 32px; }
.homebuying .panel { background: #fff; padding: clamp(22px, 4vw, 42px); margin-bottom: 26px; border: 1px solid #e5e7eb; border-radius: 16px; }
.homebuying h2, .homebuying h3 { color: var(--primary); line-height: 1.3; }
.homebuying h2 { margin: 32px 0 14px; font-size: clamp(1.4rem, 3vw, 1.9rem); }
.homebuying .panel > h2:first-child { margin-top: 0; }
.homebuying h3 { margin-top: 26px; }
.homebuying section[id] { scroll-margin-top: 25px; }
.homebuying .contents { border-left: 4px solid var(--accent); background: #fff8e8; padding: 18px 24px; margin: 24px 0; }
.homebuying .contents ol { margin-bottom: 0; padding-left: 22px; }
.homebuying .note, .homebuying figcaption { color: #505d6b; font-size: .92rem; }
.homebuying figure { margin: 26px 0; padding: 18px; background: #f3f6f9; border: 1px solid #dae2e9; border-radius: 12px; }
.homebuying figure h3 { margin-top: 0; }
.homebuying iframe { display: block; width: 100%; height: 720px; border: 0; background: #fff; border-radius: 8px; }
.homebuying figcaption { margin-top: 12px; }
.homebuying .post-list { list-style: none; padding: 0; counter-reset: guides; }
.homebuying .post-list > li { counter-increment: guides; border-top: 1px solid #dbe3e9; padding: 24px 0 24px 66px; position: relative; }
.homebuying .post-list > li::before { content: '0' counter(guides); position: absolute; left: 0; top: 26px; color: #8a651f; font-size: 1.6rem; }
.homebuying .post-list h2 { margin: 0 0 12px; }
.homebuying .post-list p { margin: 0 0 12px; }
.homebuying .related ul { padding-left: 22px; }
.homebuying .related li { margin: 10px 0; }
.homebuying .cta { border-top: 4px solid var(--accent); background: #fff8e8; }
.homebuying .button { display: inline-block; background: var(--primary); color: #fff; text-decoration: none; font-weight: 700; padding: 12px 20px; border-radius: 8px; }
.homebuying .button:hover { background: #145da0; }
.homebuying footer { background: #17212b; color: #fff; padding: 28px 0; }
.homebuying footer a { color: #fff; }
@media (max-width: 600px) {
  .homebuying .wrap { width: min(100% - 24px, 1000px); }
  .homebuying figure { margin-inline: -10px; padding: 10px; }
  .homebuying .post-list > li { padding-left: 46px; }
}