/* market-context — Oct 7 refinement. Listing-page "Home price trends" (app/components/market-trends.tsx): FHFA House Price
   Index® changes, a time-scaled index chart on a clean white panel (light mode), range control, tooltip, data table and a
   collapsed "About this data". Uses the listing page's --lpx-* tokens, so light and dark follow html[data-aw-theme];
   section spacing belongs to the page (property-data.css / listing-flow.css). */
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc{min-width:0}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc :is(p,dl,dd,ul){min-width:0}

/* Loading: the shape of what's coming (three figures + the chart panel), so nothing jumps when data lands. */
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-loading{display:grid;gap:16px}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-loading-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-loading-stats span{height:64px;border-radius:8px;background:var(--lpx-cool)}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-loading-chart{height:352px;border-radius:12px;background:var(--lpx-cool)}

/* Text */
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-empty{margin:0!important;color:var(--lpx-text)!important;font:400 16px/1.45 'Source Sans 3',system-ui,sans-serif!important}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-note{margin:0 0 14px!important;color:var(--lpx-muted)!important;font:400 15px/1.45 'Source Sans 3',system-ui,sans-serif!important}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-note.is-small{margin:0 0 12px!important;font-size:14px!important}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx :is(.aw-mc-note,.aw-mc-source,.aw-mc-meta,.aw-mc-about-body) a{color:var(--lpx-link)!important;text-decoration:underline;text-underline-offset:2px}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-muted{color:var(--lpx-muted)}

/* Broader-area fallback: named plainly before any figure. */
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-fallback{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 18px!important;color:var(--lpx-text)!important;font:400 15px/1.45 'Source Sans 3',system-ui,sans-serif!important}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-tag{flex:none;padding:2px 8px;border-radius:999px;background:var(--lpx-tint);color:var(--lpx-chip-ink);font:700 12.5px/1.35 'Source Sans 3',system-ui,sans-serif;letter-spacing:.01em}

/* Supported change figures (1-, 5-, 10-year), divided by hairlines. */
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-stats{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0;margin:0 0 18px!important;border:1px solid var(--lpx-line);border-radius:10px;overflow:hidden}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-stats>div{min-width:0;padding:14px 18px;border-left:1px solid var(--lpx-line)}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-stats>div:first-child{border-left:0}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-stats dt{margin:0 0 4px;color:var(--lpx-muted);font:600 14px/1.25 'Source Sans 3',system-ui,sans-serif}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-stats dd{margin:0;color:var(--lpx-ink);font:700 26px/1.15 'Source Sans 3',system-ui,sans-serif;letter-spacing:-.01em}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-stats dd.aw-mc-sub,html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-sub{display:block;margin-top:4px;color:var(--lpx-muted);font:400 13.5px/1.3 'Source Sans 3',system-ui,sans-serif;letter-spacing:0}

/* Chart panel: white surface in light mode, hairline frame, the range control in its head. */
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-panel{min-width:0;margin:0 0 12px;padding:16px 20px 10px;border:1px solid var(--lpx-line);border-radius:12px;background:var(--lpx-card)}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-panel-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin:0 0 10px}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-caption{margin:0!important;color:var(--lpx-text)!important;font:600 14px/1.35 'Source Sans 3',system-ui,sans-serif!important}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-ranges{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--lpx-line);border-radius:999px;background:var(--lpx-card)}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-ranges button{display:inline-flex!important;align-items:center;justify-content:center;min-width:48px!important;min-height:32px!important;margin:0!important;padding:0 12px!important;border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;color:var(--lpx-text)!important;font:600 14px/1 'Source Sans 3',system-ui,sans-serif!important;cursor:pointer}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-ranges button:hover{background:var(--lpx-cool)!important;color:var(--lpx-ink)!important}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-ranges button[aria-pressed=true]{background:var(--lpx-ink)!important;color:var(--lpx-card)!important}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-ranges button:focus-visible{outline:2px solid var(--lpx-blue)!important;outline-offset:2px}

/* Plot: focusable for keyboard inspection; horizontal touch drags inspect, vertical drags still scroll the page. */
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-plot{position:relative;width:100%;min-width:0;overflow:hidden;touch-action:pan-y;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;border-radius:6px;outline:none}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-plot:focus-visible{outline:2px solid var(--lpx-blue);outline-offset:3px}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-chart{display:block;max-width:none;overflow:visible}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-grid{stroke:var(--lpx-line);stroke-width:1;shape-rendering:crispEdges}
/* Percent scale (Oct 10): the 0% line is the start of the period in view. */
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-grid.is-zero{stroke:var(--lpx-muted,#8a94a6);stroke-width:1.25}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-axis{fill:var(--lpx-muted);font:400 12.5px 'Source Sans 3',system-ui,sans-serif;font-variant-numeric:tabular-nums}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-line{fill:none;stroke:var(--lpx-blue);stroke-width:2.25;stroke-linejoin:round;stroke-linecap:round}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-dot{fill:var(--lpx-blue);stroke:var(--lpx-card);stroke-width:2}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-dot.is-active{stroke-width:2.5}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-cross{stroke:var(--lpx-line-strong);stroke-width:1;shape-rendering:crispEdges}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-tip{position:absolute;z-index:2;min-width:108px;padding:8px 12px 9px;border:1px solid var(--lpx-line-strong);border-radius:8px;background:var(--lpx-card);box-shadow:0 6px 18px rgba(16,24,40,.12);white-space:nowrap;pointer-events:none}
html[data-aw-theme=dark] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-tip{box-shadow:0 6px 18px rgba(0,0,0,.45)}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-tip-period{display:block;color:var(--lpx-muted);font:600 13px/1.2 'Source Sans 3',system-ui,sans-serif}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-tip-value{display:block;margin-top:3px;color:var(--lpx-ink);font:700 18px/1.2 'Source Sans 3',system-ui,sans-serif;font-variant-numeric:tabular-nums}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-tip-value.is-missing{color:var(--lpx-text);font-size:15px;font-weight:600}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-tip-change{display:block;margin-top:2px;color:var(--lpx-text);font:400 13.5px/1.25 'Source Sans 3',system-ui,sans-serif}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-tip-since{display:block;color:var(--lpx-text);font:500 13.5px/1.25 'Source Sans 3',system-ui,sans-serif}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-gapnote{margin:6px 0 0!important;color:var(--lpx-muted)!important;font:400 13.5px/1.4 'Source Sans 3',system-ui,sans-serif!important}

/* Data table toggle, "About this data", source line. */
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-more{display:grid;justify-items:start;gap:10px;margin:0 0 14px}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-table-toggle{font-size:15.5px!important;font-weight:600!important}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-table-wrap{justify-self:stretch;max-height:340px;margin:0;overflow:auto}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-about{justify-self:stretch;min-width:0}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-about>summary{display:inline-flex;align-items:center;gap:8px;list-style:none;color:var(--lpx-link);font:600 15.5px/1.3 'Source Sans 3',system-ui,sans-serif;cursor:pointer}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-about>summary::-webkit-details-marker{display:none}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-about>summary:hover{text-decoration:underline}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-about>summary:focus-visible{outline:2px solid var(--lpx-blue);outline-offset:2px;border-radius:3px}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-about-chevron{transition:transform .18s ease}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-about[open] .aw-mc-about-chevron{transform:rotate(180deg)}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-about-body{margin-top:10px;padding:14px 0 2px;border-top:1px solid var(--lpx-line)}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-about-body>p{margin:0 0 10px!important;color:var(--lpx-text)!important;font:400 14.5px/1.5 'Source Sans 3',system-ui,sans-serif!important}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-about-body>ul{margin:0 0 14px!important;padding-left:20px!important;color:var(--lpx-muted);font:400 14px/1.5 'Source Sans 3',system-ui,sans-serif}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-about-body>ul li+li{margin-top:4px}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-meta{display:grid;gap:4px;margin:0 0 14px!important}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-meta>div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-meta :is(dt,dd){margin:0;color:var(--lpx-muted);font:400 14px/1.45 'Source Sans 3',system-ui,sans-serif}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-meta dt{font-weight:600;color:var(--lpx-text)}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-wider{margin:0 0 6px}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx :is(.aw-mc-wider,.aw-mc-activity) h3{margin:0 0 8px!important;color:var(--lpx-ink)!important;font:700 16px/1.3 'Source Sans 3',system-ui,sans-serif!important}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-source{margin:0!important;color:var(--lpx-muted)!important;font:400 13px/1.45 'Source Sans 3',system-ui,sans-serif!important}

/* Tables (index values; wider areas). */
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-lpx-table.aw-mc-table{min-width:0;table-layout:auto}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-table th[scope=row]{padding:9px 16px!important;border-top:1px solid var(--lpx-line)!important;border-bottom:0!important;background:none!important;color:var(--lpx-ink)!important;font:600 15px/1.3 'Source Sans 3',system-ui,sans-serif!important;text-align:left}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-table tbody tr:first-child th[scope=row]{border-top:0!important}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-table :is(th,td){padding-left:16px!important;padding-right:16px!important;font-variant-numeric:tabular-nums}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-table td{font-size:15px!important;white-space:nowrap}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-table-wrap .aw-mc-table thead th{position:sticky;top:0;z-index:1}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-table th[scope=row] .aw-mc-sub{font-weight:400}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-wider .aw-mc-table thead th:nth-child(n+3){white-space:nowrap}

/* "On Addresswell": shown only when there are enough real listings; compact and labelled as Addresswell's own. */
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-activity{margin-top:18px;padding-top:16px;border-top:1px solid var(--lpx-line)}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-activity-line{margin:0 0 4px!important;color:var(--lpx-text)!important;font:400 15.5px/1.45 'Source Sans 3',system-ui,sans-serif!important}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-activity-line strong{color:var(--lpx-ink);font-weight:700}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-activity .aw-mc-note{margin-bottom:0!important}

@media (max-width:759px){
 html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-stats>div{padding:12px 14px}
 html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-stats dd{font-size:22px}
 html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-panel{padding:12px 10px 6px}
 html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-loading-chart{height:296px}
 /* Tables keep real columns on phones (the listing page otherwise turns .aw-lpx-table rows into cards) and scroll inside their frame. */
 html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-lpx-table.aw-mc-table thead{position:static;width:auto;height:auto;overflow:visible;clip:auto}
 html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-lpx-table.aw-mc-table tr{display:table-row;padding:0;border:0}
 html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-lpx-table.aw-mc-table :is(td,th){display:table-cell;padding:8px 10px!important;border-top:1px solid var(--lpx-line)!important;font-size:14px!important}
 html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-lpx-table.aw-mc-table thead th{border-top:0!important}
 html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-meta>div{grid-template-columns:1fr;gap:0}}
@media (max-width:520px){
 /* Narrow figures become rows: label left, figure right. */
 html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-stats{grid-auto-flow:row;grid-template-columns:minmax(0,1fr)}
 html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-stats>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:12px;padding:10px 14px;border-left:0;border-top:1px solid var(--lpx-line)}
 html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-stats>div:first-child{border-top:0}
 html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-stats dt{grid-row:1/3;margin:0;font-size:14.5px}
 html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-stats dd{text-align:right;font-size:20px}
 html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-stats dd.aw-mc-sub{margin-top:2px;font-size:12.5px}
 html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-loading-stats{grid-template-columns:minmax(0,1fr)}
 html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-loading-stats span{height:40px}
 html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-ranges button{min-width:44px!important;min-height:34px!important;padding:0 10px!important}}
@media (prefers-reduced-motion:reduce){html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-mc-about-chevron{transition:none}}