/* Area page proportions follow Pen ZHb0R, with shared Texas visuals retained. */
.areas-detail-page>.section{padding-block:80px}
.areas-anchor-alias{display:block;height:0;scroll-margin-top:100px}
.areas-detail-page>.texas-section{padding-top:0}
.areas-detail-page .section-heading>.section-title{margin-bottom:0}
.areas-detail-page .section-lead{margin-bottom:0}
.areas-detail-page .texas-section>.container{max-width:1200px}
.areas-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}
.areas-report-copy{max-width:564px;min-width:0}
.areas-report-copy>p{margin:0;font-size:16px;line-height:1.8}
.areas-report-copy>p+p{margin-top:20px}
.areas-report-copy blockquote{margin:32px 0;padding:0 0 0 20px;border-left:2px solid var(--blue)}
.areas-report-copy blockquote p{font-size:22px;line-height:1.55;font-weight:500;font-style:italic;letter-spacing:0;color:var(--ink)}
.areas-report-copy cite{display:block;margin-top:12px;font-size:11px;line-height:1.7;font-style:normal;color:var(--annotation)}
.areas-report-copy>.note{margin-top:24px;font-size:10px;line-height:1.6}
.areas-market-ranking{width:100%;max-width:564px;min-width:0;margin:0;padding:24px 28px;border:1px solid var(--line)}
.areas-market-ranking figcaption{margin-bottom:20px;font-size:16px;line-height:1.6;font-weight:500}
.areas-market-ranking figcaption span{font-size:11px;font-weight:400;color:var(--annotation);letter-spacing:.06em}
.areas-market-ranking ol{list-style:none;margin:0;padding:0}
.areas-market-ranking li{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:center;min-height:56px;border-bottom:1px solid var(--line);font-size:15px;line-height:1.5;letter-spacing:0}
.areas-rank-order{color:#929aa3;font-size:13px;font-variant-numeric:tabular-nums}
.areas-market-ranking li strong{font-weight:400}
.areas-market-ranking li.is-first{min-height:104px;padding-right:80px;color:var(--blue)}
.areas-market-ranking li.is-first strong{font-weight:700;font-size:18px}
.areas-market-ranking li.is-first .areas-rank-order{color:var(--blue);font-size:19px;font-weight:600}
.areas-ranking-streak{position:absolute;right:0;text-align:center;font-size:11px;line-height:1.6;color:var(--blue)}
.areas-ranking-streak b{display:block;font-size:28px;line-height:1.2}
.areas-market-ranking>.note{margin-top:20px;font-size:10px;line-height:1.6}
.areas-capital-section{background:#f6f8f7}
.areas-detail-page>.areas-capital-section{padding-block:64px}
.areas-capital-section .section-heading{margin-bottom:24px}
@media(max-width:1023px){
 .areas-report-copy blockquote p{font-size:20px}
 .areas-market-ranking{padding:20px}
 .areas-market-ranking li.is-first{padding-right:64px}
 .areas-market-ranking li.is-first strong{font-size:16px}
}
@media(max-width:767px){
 .areas-detail-page>.section{padding-block:56px}
 .areas-detail-page>.texas-section{padding-top:0}
 .areas-report-grid{grid-template-columns:minmax(0,1fr);gap:32px}
 .areas-report-copy>p{font-size:14px;line-height:1.8}
 .areas-report-copy blockquote{margin:24px 0;padding-left:16px}
 .areas-report-copy blockquote p{font-size:20px}
 .areas-report-copy cite{font-size:10px}
 .areas-market-ranking{justify-self:center;padding:20px}
 .areas-market-ranking li{min-height:52px;font-size:14px}
 .areas-market-ranking li.is-first{min-height:96px}
 .areas-report-copy>.note,.areas-market-ranking>.note{font-size:9px;line-height:1.6}
}
.areas-detail-page>.areas-development-section{padding-block:64px}
.areas-development-section .section-heading{margin-bottom:24px}
.areas-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:28px}
.areas-project-card{min-width:0;border:1px solid #e0e6e2;background:#fff}
.areas-project-visual{margin:0}
.areas-project-image{position:relative;aspect-ratio:2.5;overflow:hidden;background:#f1f4f2}
.areas-project-image>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 58%}
.areas-project-card:last-child .areas-project-image>img{object-position:center 62%}
.areas-project-brand{position:absolute;top:12px;left:12px;display:flex;align-items:center;justify-content:center;width:162px;height:58px;margin:0;padding:9px 12px;background:rgba(22,30,29,.94)}
.areas-project-brand>a{display:flex;width:100%;height:100%;align-items:center;justify-content:center}
.areas-project-brand img{display:block;width:100%;height:100%;object-fit:contain}
.areas-project-brand--terafab{width:218px}
.areas-project-brand--terafab img{height:auto}
.areas-project-visual>figcaption{padding:7px 16px 0;color:#65786d;font-size:11px;line-height:1.6;letter-spacing:0}
.areas-project-visual a{color:inherit}
.areas-project-body{padding:14px 20px 18px}
.areas-project-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;color:var(--blue);font-size:10px;line-height:1.6;letter-spacing:.04em}
.areas-project-meta>span:last-child{font-size:10px;letter-spacing:0;color:#74877a}
.areas-project-value{display:flex;align-items:center;gap:18px;min-height:52px;margin:0 0 14px}
.areas-project-value>strong{color:var(--blue);font-size:38px;line-height:1.2;font-weight:600;letter-spacing:-.025em;white-space:nowrap}
.areas-project-value>strong>span{font-size:14px;margin-left:4px;letter-spacing:0}
.areas-project-value>p{margin:0;font-size:11px;line-height:1.6;color:#7b8b81}
.areas-project-body>p:not(.note){margin:0;font-size:16px;line-height:1.8}
.areas-project-body>.note{margin:14px 0 0;font-size:10px;line-height:1.6;letter-spacing:0}
.areas-population-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}
.areas-population-grid>div{min-width:0;max-width:564px}
.areas-population-grid .section-title{margin:0 0 24px}
.areas-population-figure{min-width:0;max-width:564px;width:100%;margin:0}
.areas-population-figure>figcaption{margin-bottom:20px;font-size:16px;line-height:1.6;font-weight:500}
.areas-population-figure>figcaption>span{display:block;margin-top:8px;font-size:11px;line-height:1.6;font-weight:400;color:var(--annotation)}
.areas-population-chart{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:564/366;letter-spacing:0;font-family:Inter,'Noto Sans JP',sans-serif}
.areas-population-figure>.note{margin-top:16px;font-size:10px;line-height:1.6}
@media(max-width:767px){
 .areas-detail-page>.areas-development-section{padding-block:48px}
 .areas-development-section .section-heading{margin-bottom:20px}
 .areas-project-grid{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:24px}
 .areas-project-image{aspect-ratio:2.2}
 .areas-project-body{padding:12px 16px 16px}
 .areas-project-value{gap:16px;margin-bottom:12px}
 .areas-project-value>strong{font-size:36px}
 .areas-project-value>strong>span{font-size:14px}
 .areas-project-brand{top:10px;left:10px;width:144px;height:50px}
 .areas-project-brand--terafab{width:194px}
 .areas-population-grid{grid-template-columns:minmax(0,1fr);gap:32px}
 .areas-population-grid .section-title{margin-bottom:24px}
 .areas-population-figure{justify-self:center}
 .areas-population-figure>.note{font-size:9px;line-height:1.6}
}

/* State-level introduction precedes the shared Texas section. */
.areas-detail-page>.areas-overview-section{padding-top:0}
.areas-detail-page>.texas-section{padding-top:80px}
.areas-state-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px;outline-offset:8px}
.areas-state-card{min-width:0;border:1px solid var(--line);background:#fff}
.areas-state-card.is-featured{border-color:#82ac98;background:#fbfdfb}
.areas-state-image{position:relative;aspect-ratio:16/10;overflow:hidden;background:#eef3f0}
.areas-state-image>img{display:block;width:100%;height:100%;object-fit:cover}
.areas-featured-badge{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #e3eee7;border-radius:999px;background:#fffffff0;box-shadow:0 2px 8px #173d360a;color:var(--accent,#147d68);font-size:11px;line-height:16px;font-weight:500}
.areas-featured-badge>i{width:5px;height:5px;border-radius:50%;background:currentColor}
.areas-state-copy{padding:22px 21px 24px}
.areas-state-copy>h3{margin:0;color:#263c30;font-size:28px;line-height:36px;font-weight:500;letter-spacing:-.02em}
.areas-state-japanese{margin:3px 0 19px;font-size:11px;line-height:18px;color:#8b998f}
.areas-state-copy>h4{margin:0 0 12px;padding-top:17px;border-top:1px solid #e3e9e5;font-size:16px;line-height:1.6;font-weight:500;letter-spacing:0}
.areas-state-copy>p:not(.areas-state-japanese){margin:0;font-size:14px;line-height:1.85;letter-spacing:.01em}
.areas-state-link{display:flex;align-items:center;justify-content:space-between;gap:12px;width:fit-content;margin-top:18px;color:var(--accent,#147d68);font-size:12px;line-height:20px}
.areas-state-link>span{font-size:17px}
/* Forecast values and headline share one restrained chart frame. */
.areas-population-figure{padding:22px;border:1px solid var(--line);border-radius:2px;background:#fff}
.areas-population-figure>figcaption{margin-bottom:12px;font-size:16px}
.areas-population-figure>figcaption>span{margin-top:5px;font-size:11px}
.areas-population-chart{aspect-ratio:600/410}
.areas-population-figure>.note{margin-top:10px;font-size:10px;line-height:1.7}
/* One compact comparison table includes the domestic reference column. */
.areas-affordability-figure{width:100%;min-width:0;margin:32px 0 0}
.areas-affordability-figure>figcaption{margin-bottom:16px;font-size:16px;line-height:1.6;font-weight:500}
.areas-affordability-figure>figcaption>span{display:block;margin-top:5px;font-size:11px;font-weight:400;color:var(--annotation)}
.areas-affordability-scroll{width:100%;overflow-x:auto;overscroll-behavior-x:contain;outline-offset:4px}
.areas-affordability-scroll table{width:100%;min-width:740px;table-layout:fixed;border-collapse:collapse;letter-spacing:0}
.areas-affordability-scroll th,.areas-affordability-scroll td{padding:11px 12px;border:1px solid var(--line);text-align:center;vertical-align:middle;line-height:1.6}
.areas-affordability-scroll thead th{background:#f6f8f7;font-size:14px;font-weight:500}
.areas-affordability-scroll thead th:first-child{width:126px}
.areas-affordability-scroll thead th>span,.areas-affordability-scroll thead th>small{display:block;font-size:10px;font-weight:400;color:#939e97;line-height:16px}
.areas-affordability-scroll thead th>strong{display:block;margin:2px 0;font-size:15px;line-height:23px}
.areas-affordability-scroll tbody th{background:#f6f8f7;font-size:12px;font-weight:500}
.areas-affordability-scroll tbody th>span{display:block;font-size:10px;color:var(--annotation);font-weight:400}
.areas-affordability-scroll td{font-size:17px;font-variant-numeric:tabular-nums}
.areas-affordability-scroll td>small{display:block;margin-top:2px;color:#929d95;font-size:9px;line-height:15px}
.areas-cell-amount{white-space:nowrap}
.areas-affordability-scroll thead .is-highlighted{border:2px solid var(--accent,#147d68);background:var(--accent,#147d68);color:#fff}
.areas-affordability-scroll thead .is-highlighted>span,.areas-affordability-scroll thead .is-highlighted>small{color:#ffffffd9}
.areas-affordability-scroll tbody .is-highlighted{border-inline:2px solid var(--accent,#147d68)}
.areas-affordability-scroll tbody tr:last-child .is-highlighted{border-bottom:2px solid var(--accent,#147d68)}
.areas-ratio-row td{padding-block:15px}
.areas-ratio-row td>strong{font-size:27px;line-height:1.2;font-weight:600;color:#4b5950}
.areas-ratio-row td>strong>span{margin-left:4px;font-size:13px;font-weight:400}
.areas-ratio-row .is-highlighted>strong{color:var(--accent,#147d68)}
.areas-affordability-figure>.note{margin-top:14px;font-size:10px;line-height:1.7}
@media(max-width:1023px){.areas-state-grid{gap:18px}.areas-state-copy{padding:18px 16px 21px}.areas-state-copy>h4{font-size:15px}.areas-state-copy>p:not(.areas-state-japanese){font-size:13px}}
@media(max-width:767px){
 .areas-detail-page>.texas-section{padding-top:56px}
 .areas-state-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc(100% - 36px);gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;margin-top:30px;padding-bottom:14px}
 .areas-state-card{scroll-snap-align:start}.areas-state-image{aspect-ratio:16/10}.areas-state-copy{padding:20px}.areas-state-copy>h3{font-size:27px}.areas-state-copy>p:not(.areas-state-japanese){font-size:14px}
 .areas-population-figure{padding:16px 12px}.areas-population-figure>figcaption{font-size:14px}.areas-population-figure>figcaption>span{font-size:10px}.areas-population-figure>.note{font-size:9px}
 .areas-affordability-figure{margin-top:28px}.areas-affordability-scroll table{min-width:740px}.areas-affordability-scroll th,.areas-affordability-scroll td{padding:10px}.areas-affordability-scroll td{font-size:16px}.areas-ratio-row td>strong{font-size:25px}.areas-affordability-figure>.note{font-size:9px}
}

.areas-population-grid p:not(.section-kicker):not(.note){font-size:var(--section-body-size,16px);line-height:var(--section-body-leading,1.8)}
@media(max-width:767px){.areas-population-grid p:not(.section-kicker):not(.note){font-size:14px;line-height:1.8}}

.areas-capital-brands{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:9px;height:56px;padding:7px 10px;background:rgba(255,255,255,.96)}
.areas-capital-brands>a{display:flex;align-items:center;height:100%}
.areas-capital-brands>a:first-child img{width:91px;height:auto;max-height:100%}
.areas-capital-brands>a:last-child img{width:86px;height:auto;max-height:100%}
.areas-capital-brands>span{font-size:10px;color:#687b70;white-space:nowrap}
.areas-capital-brands--hines{padding:7px 12px;height:62px}
.areas-capital-brands--hines>a:first-child img{width:111px;height:48px}
.areas-capital-projects .areas-project-body>h3{margin:0 0 12px;font-size:18px;line-height:1.5}
.areas-capital-projects .areas-project-image>img{object-position:center 52%}
@media(max-width:767px){
 .areas-detail-page>.areas-capital-section{padding-block:48px}
 .areas-capital-section .section-heading{margin-bottom:20px}
 .areas-capital-brands{top:10px;left:10px;height:48px;padding:6px 8px}
 .areas-capital-brands>a:first-child img{width:80px}
 .areas-capital-brands>a:last-child img{width:74px}
 .areas-capital-brands--hines{height:56px;padding:5px 10px}
 .areas-capital-brands--hines>a:first-child img{width:106px;height:46px}
 .areas-capital-projects .areas-project-body>h3{font-size:17px}
}