.blog{max-width:var(--max);margin:auto;padding:110px 24px}.blog-heading{display:grid;grid-template-columns:1.3fr .8fr;gap:8vw;align-items:end;margin-bottom:48px}.blog-heading h2{margin-bottom:0}.blog-heading>p{color:var(--muted);font-size:1.05rem;margin:0 0 8px}.article-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.article-card{min-height:330px;padding:40px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.article-card.featured{background:var(--navy);color:#fff}.article-tag{text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:700;color:var(--red);margin:0 0 42px}.featured .article-tag{color:#ff7b84}.article-card h3{font-size:clamp(1.5rem,2.4vw,2.15rem);max-width:520px}.article-card>p:not(.article-tag){color:var(--muted);max-width:570px}.featured>p:not(.article-tag){color:#cdd7e4}.article-card a{font-weight:700;margin-top:auto;padding-top:28px;color:var(--navy)}.featured a{color:#fff}.article-card a:hover{color:var(--red)}
.article-page{background:#f7f8fa}.article-header{background:var(--navy);color:#fff;padding:26px max(24px,calc((100vw - 920px)/2)) 76px}.article-header .site-header{background:transparent;height:66px;padding:0}.article-header .brand span{color:#fff}.back-link{color:#dbe4ef;font-weight:600;font-size:.92rem}.article-hero{padding-top:72px}.article-hero h1{font-size:clamp(2.6rem,6vw,5.1rem);max-width:900px}.article-hero .dek{font-size:1.18rem;max-width:760px;color:#dbe4ef}.article-meta{margin-top:30px;color:#aebdd0;font-size:.88rem}.article-body{max-width:920px;margin:0 auto;background:#fff;padding:72px 90px}.article-body h2{font-size:clamp(1.75rem,3vw,2.5rem);margin-top:50px}.article-body h2:first-child{margin-top:0}.article-body h3{margin-top:34px}.article-body p,.article-body li{color:#425064}.article-body li{margin-bottom:10px}.article-body .callout{border-left:5px solid var(--red);background:var(--cream);padding:24px 28px;margin:36px 0;color:var(--ink)}.article-cta{max-width:920px;margin:0 auto 70px;background:var(--red);color:#fff;padding:46px 90px;display:flex;justify-content:space-between;align-items:center;gap:30px}.article-cta h2{font-size:2rem;margin-bottom:8px}.article-cta p{margin:0}.article-cta .button{background:#fff;color:var(--navy);white-space:nowrap}.article-footer{max-width:920px;margin:auto;padding:0 24px 50px;color:var(--muted);font-size:.84rem}.article-footer a{color:var(--navy);font-weight:700}
.topic-clusters{margin-top:80px}.topic-clusters-heading{display:grid;grid-template-columns:1.25fr .85fr;gap:7vw;align-items:end;margin-bottom:34px}.topic-clusters-heading h3{font-size:clamp(1.8rem,3vw,2.7rem);margin:0}.topic-clusters-heading>p{color:var(--muted);font-size:1.02rem;margin:0}.topic-cluster-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.topic-cluster{background:#f7f8fa;padding:28px 22px;display:flex;flex-direction:column}.topic-cluster>span{color:var(--red);font-weight:800;font-size:.76rem;letter-spacing:.12em}.topic-cluster h4{font:700 1.05rem/1.35 "Manrope",sans-serif;margin:14px 0 20px}.topic-cluster ul{margin:0;padding-left:18px}.topic-cluster li{color:var(--muted);font-size:.92rem;line-height:1.55;margin-bottom:11px}.topic-cluster li:last-child{margin-bottom:0}.topic-cluster-link{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:24px;color:var(--navy);font-weight:800;font-size:.88rem;line-height:1.4}.topic-cluster-link:hover{color:var(--red)}
.local-content-roadmap{margin-top:90px;padding-top:72px;border-top:1px solid var(--line)}.local-roadmap-heading{max-width:850px;margin-bottom:38px}.local-roadmap-heading h3{font-size:clamp(1.9rem,3.2vw,2.9rem);margin-bottom:18px}.local-roadmap-heading>p:last-child{color:var(--muted);font-size:1.05rem}.local-cluster-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.local-cluster{background:#f7f8fa;padding:30px 26px}.cluster-number{color:var(--red);font-size:.73rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;margin:0}.local-cluster h4{font:700 1.3rem/1.3 "Manrope",sans-serif;margin:18px 0 24px}.local-cluster ol{margin:0;padding-left:22px}.local-cluster li{padding:0 0 22px 6px;color:var(--navy)}.local-cluster li:last-child{padding-bottom:0}.local-cluster li strong{display:block;line-height:1.4}.local-cluster li strong a{text-decoration:underline;text-decoration-color:rgba(223,46,58,.35);text-underline-offset:4px}.local-cluster li strong a:hover{color:var(--red);text-decoration-color:var(--red)}.local-cluster li span{display:block;color:var(--muted);font-size:.88rem;line-height:1.5;margin-top:7px}
@media(max-width:800px){.blog{padding:80px 24px}.blog-heading,.article-grid{grid-template-columns:1fr}.article-card{min-height:300px;padding:30px}.article-header{padding-bottom:55px}.article-header .site-header{padding:0}.article-hero{padding-top:45px}.article-body{padding:50px 24px}.article-cta{margin:0 16px 50px;padding:38px 28px;display:block}.article-cta .button{margin-top:24px;width:100%}}
@media(max-width:1000px){.topic-cluster-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1000px){.local-cluster-grid{grid-template-columns:1fr}.local-cluster{padding:30px}.local-cluster ol{columns:2;column-gap:48px}.local-cluster li{break-inside:avoid}}


@media(max-width:600px){
  .blog-heading{gap:18px;margin-bottom:32px}
  .article-tag{margin-bottom:26px}
  .article-header{padding:18px 18px 44px}
  .article-header .site-header{height:58px}
  .back-link{font-size:.86rem;min-height:44px;display:flex;align-items:center}
  .article-hero{padding-top:34px}
  .article-hero h1{font-size:clamp(2.25rem,11vw,3.25rem)}
  .article-hero .dek{font-size:1.05rem}
  .article-meta{line-height:1.5}
  .article-body{padding:42px 20px}
  .article-body h2{font-size:clamp(1.65rem,8vw,2.2rem);margin-top:42px}
  .article-body ul,.article-body ol{padding-left:22px}
  .article-body .callout{padding:20px;margin:28px 0}
  .article-cta{margin:0;padding:38px 20px}
  .article-cta h2{font-size:1.8rem}
  .article-footer{padding:34px 20px}
  .topic-clusters{margin-top:56px}
  .topic-clusters-heading,.topic-cluster-grid{grid-template-columns:1fr}
  .topic-clusters-heading{gap:18px;margin-bottom:26px}
  .topic-cluster{padding:26px 22px}
  .local-content-roadmap{margin-top:64px;padding-top:54px}
  .local-cluster{padding:26px 22px}
  .local-cluster ol{columns:1}
}

/* Local brokerage comparison page */
.comparison-page .article-hero h1{font-size:clamp(2.5rem,5.5vw,4.9rem);max-width:1100px}
.comparison-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:34px 0 46px}
.comparison-column{border:1px solid var(--line);padding:30px}
.comparison-column.local{background:var(--navy);color:#fff;border-color:var(--navy)}
.comparison-label{color:var(--red)!important;text-transform:uppercase;letter-spacing:.12em;font-size:.73rem;font-weight:800;margin:0 0 12px}
.comparison-column.local .comparison-label{color:#ff7b84!important}
.comparison-column h3{font-size:1.35rem;margin-bottom:22px}
.comparison-column ul,.local-value-list ul{margin:0;padding-left:20px}
.comparison-column li,.local-value-list li{margin-bottom:14px}
.comparison-column.local li{color:#dbe4ef}
.local-value-list{background:var(--cream);padding:32px;margin:34px 0 46px}
.local-value-list h3{margin-bottom:22px}
.comparison-faq{border-top:1px solid var(--line);margin:30px 0 50px}
.comparison-faq details{border-bottom:1px solid var(--line);padding:0}
.comparison-faq summary{cursor:pointer;list-style:none;font:700 1.03rem/1.45 "Manrope",sans-serif;padding:22px 42px 22px 0;position:relative;color:var(--navy)}
.comparison-faq summary::-webkit-details-marker{display:none}
.comparison-faq summary:after{content:"+";position:absolute;right:8px;top:18px;color:var(--red);font-size:1.5rem}
.comparison-faq details[open] summary:after{content:"−"}
.comparison-faq details p{padding:0 40px 22px 0;margin:0}
.comparison-cta-actions{display:grid;gap:10px;justify-items:center}
.comparison-cta .cta-phone{font-weight:800;color:#fff;text-decoration:underline;text-underline-offset:4px}
@media(max-width:800px){
  .comparison-grid{grid-template-columns:1fr}
  .comparison-column,.local-value-list{padding:25px 22px}
  .comparison-hero-actions{display:grid}
  .comparison-hero-actions .button{width:100%}
  .comparison-cta-actions{justify-items:stretch}
  .comparison-cta .cta-phone{text-align:center;margin-top:14px}
}

.faq{max-width:var(--max);margin:auto;padding:110px 24px}
.faq-heading{max-width:820px;margin-bottom:48px}
.faq-heading h2{margin-bottom:20px}
.faq-heading>p:last-child{color:var(--muted);font-size:1.08rem}
.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.faq details{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 30px;background:#fff}
.faq summary{cursor:pointer;list-style:none;font:700 1.08rem/1.4 "Manrope",sans-serif;padding:28px 38px 28px 0;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:23px;color:var(--red);font-size:1.55rem;font-weight:500}
.faq details[open] summary::after{content:"–"}
.faq details p{color:var(--muted);margin:0;padding:0 0 28px}
.faq summary:focus-visible{outline:3px solid rgba(223,46,58,.35);outline-offset:4px}
.faq-note{color:var(--muted);font-size:.86rem;margin:24px 0 0}
.seller-faq{border-top:1px solid var(--line)}

@media(max-width:800px){
  .faq{padding:80px 24px}
  .faq-grid{grid-template-columns:1fr}
}

@media(max-width:600px){
  .faq{padding:64px 18px}
  .faq-heading{margin-bottom:32px}
  .faq details{padding:0 22px}
  .faq summary{font-size:1rem;padding:24px 34px 24px 0}
  .faq summary::after{top:19px}
  .faq details p{padding-bottom:24px}
}

/* Mortgage article and its lead graphic */
.article-card.with-image{min-width:0}
.article-card-image{display:block;width:100%;max-width:100%;height:auto;margin:0 0 24px}
.article-card.with-image .article-tag{margin-bottom:22px}
.article-lead-image{max-width:920px;margin:0 auto;background:var(--navy)}
.article-lead-image img{display:block;width:100%;height:auto}
.mortgage-article .article-hero h1{font-size:clamp(2.25rem,5vw,4.25rem)}
.mortgage-article .article-body a{color:var(--navy);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.mortgage-article .article-body a:hover{color:var(--red)}
.mortgage-article .article-contact{margin:32px 0;padding:26px 0 10px;border-top:2px solid var(--red);border-bottom:1px solid var(--line)}
.mortgage-article .article-disclaimer{font-size:.9rem;line-height:1.65;margin-bottom:0}
.mortgage-article .article-footer{padding-top:34px}
.nareb-article .article-subhead{font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.35;max-width:820px;color:#dbe4ef;margin:20px 0 0}.nareb-article .article-portrait{max-width:640px;margin:38px auto}.nareb-article .article-portrait img{display:block;width:100%;height:auto}.nareb-article figcaption{color:var(--muted);font-size:.88rem;line-height:1.6;margin-top:10px}.nareb-article .media-contact{font-style:normal;display:grid;gap:4px;color:#425064}.nareb-article .media-contact a{overflow-wrap:anywhere}.broker-news{font-size:.92rem!important;color:var(--muted)!important}.broker-news a{font-weight:700;text-decoration:underline;text-underline-offset:3px}
