/* 임대료 · 공실률 추이 /rent/ — templates/pages/rent.html (10-08) */
.lchart { margin: 6px 0 12px; }
.lchart svg { width: 100%; height: auto; display: block; }
.lchart .grid { stroke: var(--line); stroke-width: 1; }
.lchart .yt { font-size: 11px; fill: var(--text-3); text-anchor: end; }
.lchart .xt { font-size: 11px; fill: var(--text-3); text-anchor: middle; }
.lchart .ln { fill: none; stroke-width: 2.4; stroke-linejoin: round; stroke-linecap: round; }
.lchart .ln.mid { stroke: var(--blue); }
.lchart .ln.small { stroke: var(--teal); }
.lchart .dot.mid { fill: var(--blue); }
.lchart .dot.small { fill: var(--teal); }
.lchart figcaption { font-size: 13px; color: var(--text-2); display: flex; align-items: center; gap: 6px; }
.lchart figcaption .k { display: inline-block; width: 14px; height: 3px; border-radius: 2px; margin-left: 8px; }
.lchart figcaption .k:first-child { margin-left: 0; }
.lchart figcaption .k.mid { background: var(--blue); }
.lchart figcaption .k.small { background: var(--teal); }
.up { color: #c2410c; font-weight: 600; }
.down { color: var(--blue); font-weight: 600; }
/* 마우스 올림 (assets/js/chart.js · 10-08) */
.lchart svg { cursor: crosshair; touch-action: pan-y; }
.lchart .guide { stroke: #8a94a8; stroke-width: 1; stroke-dasharray: 3 3; }
.lchart .hdot { stroke: #fff; stroke-width: 2; }
.lchart .hdot.mid { fill: var(--blue); }
.lchart .hdot.small { fill: var(--teal); }
.ctip { position: absolute; z-index: 2; display: grid; gap: 2px; padding: 8px 12px; border-radius: 10px; background: #121a2b; color: #fff; font-size: 13.5px; line-height: 1.45; white-space: nowrap; pointer-events: none; box-shadow: 0 4px 14px rgba(0,0,0,.18); }
.ctip b { font-weight: 800; }
.ctip span::before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 6px; vertical-align: 1px; }
.ctip span.mid::before { background: #5b8ff0; }
.ctip span.small::before { background: var(--teal); }
.lchart .zero { stroke: #5b6780; stroke-width: 1.2; stroke-dasharray: 5 4; }
.lchart .zt { font-size: 11px; fill: #5b6780; text-anchor: end; font-weight: 700; }
