/* Housing starts command-center round 3 */
main.housing-starts-page,
.housing-starts-page {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

.housing-starts-page.starts-command{
  --command-green: #173a34;
  --command-cream: #fbf3df;
  --command-line: rgba(251, 243, 223, .22);
  background:
    radial-gradient(circle at 82% 8%, rgba(31, 122, 79, .13), transparent 26rem),
    linear-gradient(180deg, #f5f8f3 0, var(--paper) 430px);
}.housing-starts-page.starts-command{
  width: 100%;
}.housing-starts-page .command-band{
  width: 100%;
  display: grid;
  grid-template-columns: minmax(36ch, .92fr) minmax(590px, 1.38fr);
  gap: clamp(32px, 4.5vw, 76px);
  align-items: end;
  padding: clamp(38px, 7vw, 92px) max(20px, calc((100vw - 1180px) / 2)) clamp(34px, 6vw, 78px);
  background:
    linear-gradient(135deg, rgba(255,255,255,.04), transparent 38%),
    var(--command-green);
  color: var(--command-cream);
}.housing-starts-page .command-band .eyebrow,
.housing-starts-page .command-band p,
.housing-starts-page .command-band small{
  color: rgba(251, 243, 223, .78);
}.housing-starts-page .command-intro h1{
  max-width: 12.5ch;
  margin: 12px 0 0;
  color: var(--command-cream);
  font-size: clamp(40px, 4.8vw, 62px);
  line-height: 1.02;
  letter-spacing: 0;
}.housing-starts-page .command-intro p:last-child{
  max-width: 55ch;
  margin-top: 22px;
  font-size: clamp(17px, 2vw, 22px);
}.housing-starts-page .kpi-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(180px, 1fr));
  gap: 12px;
  min-width: 0;
}.housing-starts-page .kpi-card{
  min-width: 0;
  padding: clamp(16px, 2.4vw, 26px);
  border: 1px solid var(--command-line);
  border-radius: var(--radius);
  background: rgba(255,255,255,.065);
  box-shadow: 0 18px 44px rgba(0, 0, 0, .14);
}.housing-starts-page .kpi-card.is-provisional{
  animation: softPulse 2.8s ease-in-out infinite;
}.housing-starts-page .kpi-label{
  display: block;
  color: rgba(251, 243, 223, .82);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}.housing-starts-page .kpi-card strong{
  display: block;
  margin-top: 8px;
  color: var(--command-cream);
  font-size: clamp(30px, 3vw, 46px);
  line-height: .9;
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  overflow-wrap: anywhere;
}.housing-starts-page .kpi-card small{
  display: block;
  min-height: 48px;
  margin-top: 14px;
  line-height: 1.4;
}.housing-starts-page .sparkline{
  display: block;
  width: 100%;
  height: 46px;
  margin-top: 16px;
  opacity: .9;
}.housing-starts-page .instrument-panel,
.housing-starts-page .county-command,
.housing-starts-page .month-shape,
.housing-starts-page .method-section{
  width: min(1180px, calc(100% - 32px));
  margin: 28px auto 0;
}.housing-starts-page .instrument-panel,
.housing-starts-page .county-command,
.housing-starts-page .month-shape{
  padding: clamp(18px, 3vw, 32px);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255,255,255,.82);
  box-shadow: var(--shadow-soft);
}.housing-starts-page .sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}.housing-starts-page .instrument-toolbar,
.housing-starts-page .county-command-grid,
.housing-starts-page .month-shape{
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(18px, 3vw, 32px);
}.housing-starts-page .instrument-toolbar h2,
.housing-starts-page .county-command h2,
.housing-starts-page .month-shape h2{
  margin: 2px 0 0;
  font-size: clamp(30px, 4vw, 50px);
  line-height: 1;
}.housing-starts-page .control-stack{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
}.housing-starts-page .segmented{
  display: inline-flex;
  padding: 4px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--panel-soft);
}.housing-starts-page .segmented button,
.housing-starts-page .toggle-chip{
  width: auto;
  border: 0;
  cursor: pointer;
  font: inherit;
  font-weight: 850;
}.housing-starts-page .segmented button{
  min-height: 36px;
  padding: 8px 13px;
  border-radius: 999px;
  background: transparent;
  color: var(--muted);
}.housing-starts-page .segmented button.is-active{
  background: var(--command-green);
  color: var(--command-cream);
}.housing-starts-page .chip-row{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 18px 0 10px;
}.housing-starts-page .toggle-chip{
  display: inline-flex;
  gap: 8px;
  align-items: center;
  min-height: 34px;
  padding: 7px 11px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--panel);
  color: var(--muted);
}.housing-starts-page.starts-command .button{
  width: auto;
}.housing-starts-page .toggle-chip span{
  width: 11px;
  height: 11px;
  border-radius: 3px;
}.housing-starts-page .toggle-chip.is-active{
  border-color: #b9d4c3;
  color: var(--green-dark);
  background: var(--wash);
}.housing-starts-page .scope-line{
  margin: 0 0 14px;
  color: var(--muted);
  font-weight: 750;
}.housing-starts-page .area-shell{
  position: relative;
  overflow: hidden;
  border-radius: var(--radius);
  background:
    radial-gradient(circle at 70% 16%, rgba(31, 122, 79, .08), transparent 28rem),
    linear-gradient(180deg, #f6f9f4, #fff);
}.housing-starts-page .area-chart{
  display: block;
  width: 100%;
  min-height: 460px;
}.housing-starts-page .stack-area{
  opacity: .98;
  transition: opacity .24s ease, d .32s ease;
}.housing-starts-page .is-charting .stack-area{
  opacity: .82;
}.housing-starts-page .history-band{
  opacity: .18;
}.housing-starts-page .history-band.covid{
  fill: #8b6f47;
}.housing-starts-page .history-band.levy{
  fill: #d88721;
}.housing-starts-page .event-label{
  fill: var(--ink);
  font-size: 12px;
  font-weight: 850;
}.housing-starts-page .crosshair-line{
  stroke: var(--ink);
  stroke-width: 1.2;
  stroke-dasharray: 4 5;
  opacity: .6;
}.housing-starts-page .crosshair-dot{
  fill: var(--command-green);
  stroke: #fff;
  stroke-width: 2;
}.housing-starts-page .chart-hitbox{
  cursor: crosshair;
}.housing-starts-page .rich-tooltip{
  position: absolute;
  z-index: 3;
  width: min(286px, calc(100% - 22px));
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, .97);
  box-shadow: var(--shadow);
  pointer-events: none;
}.housing-starts-page .rich-tooltip strong,
.housing-starts-page .rich-tooltip em,
.housing-starts-page .rich-tooltip b,
.housing-starts-page .rich-tooltip span{
  display: block;
}.housing-starts-page .rich-tooltip em{
  margin: 2px 0 8px;
  color: var(--muted);
  font-style: normal;
}.housing-starts-page .rich-tooltip b{
  margin-top: 8px;
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
}.housing-starts-page .rich-tooltip i{
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-right: 6px;
  border-radius: 2px;
}.housing-starts-page .brush-shell{
  display: grid;
  gap: 8px;
  margin-top: 12px;
}.housing-starts-page .brush-shell p{
  margin: 0;
  color: var(--muted);
  font-size: 14px;
}.housing-starts-page .mini-chart{
  width: 100%;
  height: 120px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--panel-soft);
  cursor: grab;
}.housing-starts-page .mini-chart:active{
  cursor: grabbing;
}.housing-starts-page .mini-area{
  fill: rgba(31, 122, 79, .25);
  stroke: rgba(18, 63, 45, .6);
  stroke-width: 1.4;
}.housing-starts-page .mini-backdrop{
  fill: rgba(255,255,255,.26);
}.housing-starts-page .brush-window{
  fill: rgba(23, 58, 52, .2);
  stroke: var(--command-green);
  stroke-width: 2.2;
}.housing-starts-page .brush-handle{
  stroke: var(--command-green);
  stroke-width: 4;
}.housing-starts-page .provenance-drawer{
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: 18px;
  margin-top: 18px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel-soft);
}.housing-starts-page .provenance-drawer[hidden]{
  display: none;
}.housing-starts-page .hex-grid{
  display: grid;
  grid-template-columns: repeat(5, minmax(72px, 1fr));
  gap: 8px;
}.housing-starts-page .hex-cell{
  min-height: 76px;
  padding: 9px 7px;
  border: 0;
  clip-path: polygon(10% 0, 90% 0, 100% 50%, 90% 100%, 10% 100%, 0 50%);
  background: var(--panel-soft);
  color: var(--ink);
  cursor: pointer;
  transition: transform .24s ease, background .24s ease, color .24s ease;
}.housing-starts-page .hex-cell:hover,
.housing-starts-page .hex-cell.is-selected{
  transform: translateY(-2px);
  background: var(--command-green);
  color: var(--command-cream);
}.housing-starts-page .hex-cell strong,
.housing-starts-page .hex-cell span{
  display: block;
}.housing-starts-page .hex-cell strong{
  font-size: 13px;
}.housing-starts-page .hex-cell span{
  font-size: 12px;
  opacity: .8;
}.housing-starts-page .county-duel{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}.housing-starts-page .county-duel article{
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel);
}.housing-starts-page .county-duel span,
.housing-starts-page .county-duel small{
  display: block;
  color: var(--muted);
  font-weight: 750;
}.housing-starts-page .county-duel strong{
  display: block;
  margin: 6px 0;
  color: var(--green-dark);
  font-size: clamp(34px, 5vw, 58px);
  line-height: .95;
}.housing-starts-page .county-ranking{
  display: grid;
  gap: 7px;
}.housing-starts-page .rank-row{
  display: grid;
  grid-template-columns: minmax(90px, 160px) minmax(88px, 1fr) minmax(58px, auto);
  gap: 10px;
  align-items: center;
  min-height: 38px;
  padding: 7px 0;
  border: 0;
  border-bottom: 1px solid var(--line);
  background: transparent;
  color: var(--ink);
  text-align: left;
  cursor: pointer;
}.housing-starts-page .rank-row span{
  font-weight: 800;
}.housing-starts-page .rank-row i{
  height: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--panel-soft);
}.housing-starts-page .rank-row b{
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--green);
  transition: width .28s ease;
}.housing-starts-page .rank-row.is-focus span,
.housing-starts-page .rank-row.is-focus strong{
  color: var(--green-dark);
}.housing-starts-page .month-shape{
  align-items: center;
}.housing-starts-page .month-shape p{
  color: var(--muted);
}.housing-starts-page .month-shape-card{
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(180deg, #fff, var(--panel-soft));
  padding: 14px;
}.housing-starts-page .month-shape-chart{
  display: block;
  width: 100%;
  min-height: 230px;
}.housing-starts-page .shape-value{
  fill: var(--ink);
  font-size: 16px;
  font-weight: 900;
}.housing-starts-page .month-track{
  fill: rgba(16, 35, 30, .1);
}.housing-starts-page .month-progress{
  fill: var(--green);
}@keyframes softPulse{.housing-starts-page 0%,
.housing-starts-page 100%{ box-shadow: 0 18px 44px rgba(0,0,0,.14), inset 0 0 0 0 rgba(251,243,223,.02); }.housing-starts-page 50%{ box-shadow: 0 18px 48px rgba(0,0,0,.18), inset 0 0 0 999px rgba(251,243,223,.035); }
}@media (prefers-reduced-motion: reduce){.housing-starts-page *,
.housing-starts-page *::before,
.housing-starts-page *::after{
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}@media (max-width: 1024px){.housing-starts-page .command-band{
    grid-template-columns: 1fr;
    align-items: start;
  }.housing-starts-page .command-intro{
    max-width: 58rem;
  }.housing-starts-page .kpi-grid{
    max-width: 900px;
  }
}@media (max-width: 900px){.housing-starts-page .instrument-toolbar,
.housing-starts-page .county-command-grid,
.housing-starts-page .month-shape,
.housing-starts-page .provenance-drawer{
    grid-template-columns: 1fr;
  }.housing-starts-page .kpi-grid{
    grid-template-columns: 1fr;
  }.housing-starts-page .control-stack{
    justify-content: flex-start;
  }.housing-starts-page .hex-grid{
    grid-template-columns: repeat(4, minmax(66px, 1fr));
  }
}@media (max-width: 520px){.housing-starts-page,
.housing-starts-page,
.housing-starts-page.starts-command{
    max-width: 100%;
    overflow-x: hidden;
  }.housing-starts-page.starts-command .site-header{
    width: 100%;
    padding-left: 18px;
    padding-right: 18px;
  }.housing-starts-page .command-band{
    width: 100%;
    max-width: 100%;
    padding: 34px 18px 30px;
    overflow: hidden;
  }.housing-starts-page .command-intro,
.housing-starts-page .command-intro p:last-child,
.housing-starts-page .kpi-grid,
.housing-starts-page .kpi-card{
    width: min(324px, 100%);
    max-width: min(324px, 100%);
    min-width: 0;
  }.housing-starts-page .command-intro h1{
    width: min(324px, 100%);
    max-width: min(324px, 100%);
    font-size: 34px;
    line-height: 1.08;
    overflow-wrap: anywhere;
  }.housing-starts-page .command-intro p:last-child{
    max-width: 100%;
    font-size: 17px;
  }.housing-starts-page .instrument-panel,
.housing-starts-page .county-command,
.housing-starts-page .month-shape,
.housing-starts-page .method-section,
.housing-starts-page .starts-footer{
    width: calc(100% - 28px);
    margin-left: 14px;
    margin-right: 14px;
    overflow: hidden;
  }.housing-starts-page .kpi-card strong{
    font-size: 52px;
  }.housing-starts-page .instrument-toolbar h2,
.housing-starts-page .county-command h2,
.housing-starts-page .month-shape h2{
    max-width: 300px;
    font-size: 30px;
    line-height: 1.08;
    overflow-wrap: anywhere;
  }.housing-starts-page .control-stack,
.housing-starts-page .chip-row{
    align-items: stretch;
  }.housing-starts-page .segmented,
.housing-starts-page.starts-command .button,
.housing-starts-page .toggle-chip{
    max-width: 100%;
  }.housing-starts-page .toggle-chip{
    width: 100%;
    min-width: 0;
    white-space: normal;
    justify-content: flex-start;
  }.housing-starts-page .chip-row{
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
  }.housing-starts-page .chip-row .toggle-chip{
    width: auto;
    flex: 0 1 auto;
    min-height: 32px;
    padding: 6px 9px;
    font-size: 13px;
  }.housing-starts-page .area-chart{
    min-height: 390px;
  }.housing-starts-page .hex-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }.housing-starts-page .hex-cell{
    min-height: 68px;
  }.housing-starts-page .county-duel,
.housing-starts-page .method-section{
    grid-template-columns: 1fr;
  }.housing-starts-page .rank-row{
    grid-template-columns: 1fr;
  }.housing-starts-page .rich-tooltip{
    display: none;
  }
}