/* css/luna-market.css — Luna's market cards: home prices, time to sell, borrowing rates. Light brand only. */
.lm-card{margin-block-start:10px;padding:14px 16px 12px;border-radius:var(--r-lg,18px);background:linear-gradient(160deg,rgba(255,255,255,.95),rgba(246,250,255,.92));
  border:1px solid rgba(58,86,130,.12);box-shadow:var(--e2,0 6px 20px rgba(58,86,130,.14));animation:lmIn .45s var(--ease-out,cubic-bezier(.2,.8,.2,1)) both}
.lm-title{margin:0 0 8px;font:600 1.08rem/1.25 var(--serif,serif);color:var(--ink,#0b1026)}
.lm-row{display:grid;gap:3px;padding:9px 0;border-block-start:1px solid rgba(58,86,130,.08)}
.lm-row:first-of-type{border-block-start:0}
.lm-k{font-size:.74rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted,#5a6780)}
.lm-v{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;color:var(--ink,#0b1026)}
.lm-v b{font:700 1.32rem/1.1 var(--serif,serif);font-variant-numeric:tabular-nums}
.lm-v small{font-size:.8rem;color:var(--muted,#5a6780)}
.lm-ch{font-style:normal;font-size:.78rem;font-weight:600;padding:2px 8px;border-radius:999px}
.lm-ch.up{background:rgba(46,160,90,.12);color:#1f6b3d}.lm-ch.down{background:rgba(200,70,60,.1);color:#8a2b22}
.lm-ours .lm-v{font-size:.92rem;font-weight:600}
.lm-meta{font-size:.76rem;color:var(--muted,#5a6780);line-height:1.45}
.lm-src{color:var(--gold-text,#7a4f0e);text-decoration:underline;text-underline-offset:2px}
.lm-src:focus-visible{outline:2px solid rgba(58,86,130,.55);outline-offset:2px;border-radius:3px}
.lm-note{margin:8px 0 2px;padding:8px 10px;border-radius:10px;background:rgba(232,194,106,.12);border:1px solid rgba(232,194,106,.35);font-size:.8rem;color:var(--ink,#0b1026)}
.lm-old{margin:6px 0 0;font-size:.76rem;color:#8a5a00}
/* the range: three figures side by side, then a bar showing where they sit */
.lm-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;margin-block:6px 2px}
.lm-stat{display:grid;gap:2px;padding:8px 10px;border-radius:12px;background:rgba(58,86,130,.05);text-align:center}
.lm-stat b{font:700 1.08rem/1.1 var(--sans,system-ui);color:var(--ink,#0b1026);font-variant-numeric:tabular-nums}
.lm-stat small{font-size:.7rem;line-height:1.25;color:var(--muted,#5a6780)}
.lm-stat.av{background:linear-gradient(180deg,#fff7dc,#fbe9b2);box-shadow:inset 0 0 0 1px rgba(232,194,106,.6)}
.lm-stat.av b{font-size:1.22rem;color:var(--gold-text,#7a4f0e)}
.lm-range{position:relative;height:18px;margin:6px 8px 2px}
.lm-track{position:absolute;inset-inline:0;top:6px;height:6px;border-radius:6px;background:rgba(58,86,130,.12)}
.lm-fill{position:absolute;top:6px;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--gold-hi,#f6dd9b),var(--gold,#e8c26a));transform-origin:0 50%;animation:lmGrow .8s .15s var(--ease-out,ease) both}
[dir=rtl] .lm-fill{transform-origin:100% 50%}
.lm-dot{position:absolute;top:2px;width:14px;height:14px;margin-inline-start:-7px;border-radius:50%;background:#fff;border:2px solid var(--gold,#e8c26a);box-shadow:0 2px 6px rgba(58,86,130,.2)}
.lm-dot.av{width:18px;height:18px;top:0;margin-inline-start:-9px;background:var(--gold,#e8c26a);border-color:#fff;box-shadow:0 0 0 3px rgba(232,194,106,.35),0 2px 8px rgba(58,86,130,.25)}
/* the measure notes fold away */
.lm-what summary{cursor:pointer;font-size:.76rem;color:var(--gold-text,#7a4f0e);margin-block-start:4px;min-height:24px}
.lm-what summary:focus-visible{outline:2px solid rgba(58,86,130,.55);outline-offset:2px;border-radius:4px}
@keyframes lmIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes lmGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (prefers-reduced-motion: reduce){.lm-card,.lm-fill{animation:none}}
html[data-quality="static"] .lm-card,html[data-quality="static"] .lm-fill{animation:none}
@media (max-width:480px){.lm-v b{font-size:1.16rem}.lm-stat{padding:7px 6px}.lm-stat b{font-size:.98rem}.lm-stat.av b{font-size:1.1rem}}