/* ==========================================================
   KJRE PRODUCTION SYSTEM  |  Component layer: Relocation V1.1
   Extracted verbatim from reloc-parts.html (LOCKED). DO NOT EDIT BY HAND.
   01-tokens.css + 02-system.css concatenate byte-for-byte to
   the Homepage V2 style block. A build check asserts this.
   ========================================================== */
/* intown vs outside the perimeter comparison */
.cmpwrap{overflow-x:auto;border:1px solid var(--rule-soft);background:var(--paper)}
.cmp{width:100%;border-collapse:collapse;min-width:660px}
.cmp th,.cmp td{text-align:left;vertical-align:top;padding:clamp(13px,1.5vw,19px) clamp(14px,1.6vw,22px);border-bottom:1px solid var(--rule-soft);font-size:.88rem;font-weight:300;color:var(--ink-2);line-height:1.6}
.cmp thead th{font-family:var(--kjre-display);font-size:1.05rem;font-weight:400;color:var(--ink);background:var(--paper-2);border-bottom:1px solid var(--rule)}
.cmp tbody th{font-size:.56rem;letter-spacing:.17em;text-transform:uppercase;color:var(--ink-3);font-weight:600;white-space:nowrap;width:1%;background:var(--paper)}
.cmp tbody tr:last-child th,.cmp tbody tr:last-child td{border-bottom:0}

/* budget bands, collapsed until asked for */
.bands{border-top:1px solid var(--rule)}
.band{border-bottom:1px solid var(--rule)}
.band summary{cursor:pointer;list-style:none;display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-block:clamp(15px,1.9vw,23px)}
.band summary::-webkit-details-marker{display:none}
.band summary .amt{font-family:var(--kjre-display);font-size:clamp(1.08rem,1.55vw,1.38rem);font-variant-numeric:tabular-nums;color:var(--ink)}
.band summary .cue{display:flex;align-items:center;gap:.6em;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);transition:color .35s var(--ease)}
.band summary:hover .cue{color:var(--ink)}
.band[open] summary .cue{color:var(--canopy)}
.band__body{padding-bottom:clamp(16px,2vw,24px)}
.band__body p{font-size:.9rem;font-weight:300;color:var(--ink-2);max-width:62ch}
.band__body p + p{margin-top:.8em}

/* verification chip, used wherever live data has to be supplied */
.ph{display:inline-block;font-size:.55rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brass);border:1px solid var(--rule);padding:.45em .8em;margin-bottom:.95em}

@media (max-width:620px){
  .band summary{flex-direction:column;gap:.5em;align-items:flex-start}
}