/* Editorial template for the four long-form housing guides. */
.blog-static{background:#faf8f4;color:#25364a}
.blog-static .blog-main{background:linear-gradient(#fffaf4 0,#fffaf4 620px,#faf8f4 620px);padding:0 24px 96px}
.blog-static .blog-shell{max-width:1260px;margin:0 auto}
.blog-static .blog-breadcrumb{max-width:none;margin:0;padding:30px 0 28px;display:flex;align-items:center;gap:12px;color:#77808c;font-size:13px;font-weight:600}
.blog-static .blog-breadcrumb a{color:#435469;text-decoration:none}
.blog-static .blog-breadcrumb a:hover{color:#b95112}
.blog-static .blog-intro{max-width:1010px;padding:10px 0 36px}
.blog-static .blog-kicker{display:flex;align-items:center;gap:10px;color:#a84c18;font-size:12px;font-weight:800;letter-spacing:.17em}
.blog-static .blog-kicker-dot{width:8px;height:8px;border-radius:50%;background:#e66b18;box-shadow:0 0 0 5px #fce8d9}
.blog-static .blog-intro h1{font-size:clamp(2.6rem,5.1vw,5.1rem);line-height:1.06;letter-spacing:-.052em;color:#10233e;margin:24px 0 22px;font-weight:800;max-width:980px}
.blog-static .blog-intro p{font-size:16px;color:#5e6b76;margin:0;letter-spacing:.01em}
.blog-static .blog-cover{margin:0 0 52px}
.blog-static .blog-cover picture,.blog-static .blog-cover img{display:block;width:100%;height:clamp(350px,44vw,540px);object-fit:cover;border-radius:20px}
.blog-static .blog-cover img{object-position:center 48%}
.blog-static .blog-cover figcaption{font-size:12px;color:#77808c;margin-top:10px;text-align:right}
.blog-static .blog-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:62px;align-items:start}
.blog-static .blog-sidebar{position:sticky;top:24px;align-self:start}
.blog-static .blog-toc{background:#fff;border:1px solid #e9e8e3;border-radius:15px;padding:24px 20px 22px;box-shadow:0 8px 28px rgba(16,35,62,.04)}
.blog-static .blog-toc-label{display:block;color:#a45220;letter-spacing:.14em;font-size:11px;font-weight:800;margin:0 0 16px 10px}
.blog-static .blog-toc ol{list-style:none;margin:0;padding:0;max-height:calc(100vh - 170px);overflow:auto}
.blog-static .blog-toc li{margin:0;border-left:2px solid #e6e9e8}
.blog-static .blog-toc a{display:block;color:#526072;font-size:13px;line-height:1.43;text-decoration:none;padding:8px 10px 8px 14px}
.blog-static .blog-toc a:hover,.blog-static .blog-toc a:focus-visible{color:#b65314;border-left:2px solid #e66b18;margin-left:-2px;background:#fff8f1}
.blog-static .blog-sidebar-cta{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;background:#10233e;color:#fff;text-decoration:none;border-radius:15px;margin-top:16px;padding:22px;box-shadow:0 12px 26px rgba(16,35,62,.12)}
.blog-static .blog-sidebar-cta span:first-child{grid-column:1 / -1;color:#8bd7cc;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}
.blog-static .blog-sidebar-cta strong{font-size:17px;line-height:1.35}
.blog-static .blog-sidebar-cta .blog-cta-arrow{font-size:22px;color:#ff9b54}
.blog-static .blog-article{box-sizing:border-box;min-width:0;max-width:none;margin:0;padding:48px 56px 64px;background:#fff;border:1px solid #ece9e3;border-radius:18px;box-shadow:0 12px 40px rgba(16,35,62,.045);font-size:17px;line-height:1.78;color:#334155}
.blog-static .blog-article>p:first-child{font-size:21px;line-height:1.62;font-weight:500;color:#20364f;background:#fff7ee;border-left:4px solid #e66b18;border-radius:0 12px 12px 0;padding:23px 26px;margin:0 0 33px}
.blog-static .blog-article p{margin:0 0 22px}
.blog-static .blog-article h2{font-size:clamp(1.7rem,2.35vw,2.45rem);line-height:1.22;letter-spacing:-.032em;color:#10233e;border-top:1px solid #e5e9e9;padding-top:48px;margin:62px 0 20px;scroll-margin-top:28px}
.blog-static .blog-article h3{font-size:1.35rem;line-height:1.35;letter-spacing:-.018em;color:#173b54;margin:40px 0 14px}
.blog-static .blog-article h2:first-child{border-top:0;padding-top:0}
.blog-static .blog-article strong{color:#1c344e}
.blog-static .blog-article a{color:#ad4a0f;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.blog-static .blog-article ul{background:#f5faf8;border:1px solid #e3efeb;border-radius:12px;padding:22px 28px 20px 48px;margin:28px 0 32px}
.blog-static .blog-article li{padding-left:4px;margin:0 0 10px}
.blog-static .blog-article li:last-child{margin-bottom:0}
.blog-static .blog-article li p{margin:0}
.blog-static .blog-figure{margin:30px 0 42px}
.blog-static .blog-figure img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px}
.blog-static .blog-figure figcaption{font-size:12px;line-height:1.5;color:#77808c;margin-top:9px}
.blog-static .blog-table-scroll{overflow-x:auto;max-width:100%;border:1px solid #dfe6e6;border-radius:12px;margin:28px 0 38px;box-shadow:0 5px 16px rgba(16,35,62,.035)}
.blog-static .blog-table-scroll:focus-visible{outline:2px solid #14b8a6;outline-offset:3px}
.blog-static .blog-article table{width:100%;min-width:780px!important;table-layout:auto;border-collapse:collapse;margin:0;font-size:13.5px;line-height:1.55}
.blog-static .blog-article col{min-width:0!important}
.blog-static .blog-article th,.blog-static .blog-article td{border:0;border-right:1px solid #e5eaea;border-bottom:1px solid #e5eaea;padding:15px 17px;vertical-align:top;overflow-wrap:break-word;word-break:normal}
.blog-static .blog-article th:first-child,.blog-static .blog-article td:first-child{min-width:125px}
.blog-static .blog-article th:nth-child(2),.blog-static .blog-article td:nth-child(2){min-width:140px}
.blog-static .blog-article th:last-child,.blog-static .blog-article td:last-child{border-right:0}
.blog-static .blog-article tr:last-child td{border-bottom:0}
.blog-static .blog-article th{background:#102d43;color:#fff;font-weight:700;letter-spacing:.01em}
.blog-static .blog-article th strong{color:#fff}
.blog-static .blog-article tr:nth-child(odd) td{background:#fafcfb}
.blog-static .blog-article td p,.blog-static .blog-article th p{margin:0}
.blog-static .blog-mobile-toc{display:none}
.blog-static .blog-back{max-width:none;padding:38px 0 0;margin:0}
.blog-static .blog-back a{display:inline-flex;align-items:center;background:#fff;color:#a84c18;border:1px solid #e9e4dd;border-radius:999px;padding:12px 18px;text-decoration:none;font-weight:700;font-size:14px}
.blog-static .blog-back a:hover{background:#fff5e9}
@media(max-width:1000px){.blog-static .blog-layout{grid-template-columns:210px minmax(0,1fr);gap:30px}.blog-static .blog-article{padding:38px 34px 52px}}
@media(max-width:760px){
 .blog-static .blog-main{padding:0 18px 64px;background:linear-gradient(#fffaf4 0,#fffaf4 500px,#faf8f4 500px)}
 .blog-static .blog-breadcrumb{padding:22px 0 24px;font-size:12px}
 .blog-static .blog-intro{padding:0 0 26px}
 .blog-static .blog-intro h1{font-size:clamp(2.25rem,9vw,3.7rem);letter-spacing:-.04em;margin:17px 0}
 .blog-static .blog-intro p{font-size:14px}
 .blog-static .blog-cover{margin-bottom:26px}
 .blog-static .blog-cover picture,.blog-static .blog-cover img{height:270px;border-radius:12px;object-position:60% center}
 .blog-static .blog-cover figcaption{text-align:left}
 .blog-static .blog-layout{display:block}
 .blog-static .blog-sidebar{display:none}
 .blog-static .blog-mobile-toc{display:block;background:#fff;border:1px solid #e6e8e5;border-radius:12px;margin:0 0 22px;box-shadow:0 5px 16px rgba(16,35,62,.04)}
 .blog-static .blog-mobile-toc summary{cursor:pointer;padding:16px 18px;font-size:14px;font-weight:700;color:#102d43}
 .blog-static .blog-mobile-toc ol{margin:0;padding:0 18px 18px 38px;max-height:320px;overflow:auto}
 .blog-static .blog-mobile-toc li{margin-bottom:8px;color:#a84c18}
 .blog-static .blog-mobile-toc a{color:#435469;font-size:13px;line-height:1.4;text-decoration:none}
 .blog-static .blog-article{padding:26px 22px 38px;border-radius:12px;font-size:16px;line-height:1.72}
 .blog-static .blog-article>p:first-child{font-size:18px;padding:17px 18px;margin-bottom:26px}
 .blog-static .blog-article h2{font-size:1.65rem;margin:48px 0 17px;padding-top:34px}
 .blog-static .blog-article h3{font-size:1.18rem;margin:32px 0 12px}
 .blog-static .blog-article table{display:table;min-width:780px!important;font-size:13px}
 .blog-static .blog-article th,.blog-static .blog-article td{padding:12px}
 .blog-static .blog-article ul{padding:18px 16px 18px 37px}
}
@media(max-width:420px){.blog-static .blog-main{padding-inline:12px}.blog-static .blog-article{padding-inline:18px}.blog-static .blog-intro h1{font-size:2.2rem}.blog-static .blog-cover picture,.blog-static .blog-cover img{height:225px}}