/* The LIST and HUB shape (Claude Design S130, site ADR-010): the filter, the opening, the word row, the two-line row, the paging,
   the link rows. Everything is scoped under .ls so a page that is not this shape keeps site.css untouched. */
.ls{--hue:#1565C0;--tone:rgba(21,101,192,.12);--quiet:#69707A;--faint:#69707A;--rule:#DADDE2;--field:#DADDE2;padding:0 0 48px;display:flex;flex-direction:column;gap:24px;color:var(--ink)}
.ls-gongmae{--hue:#2E7D32;--tone:rgba(46,125,50,.18)}
.ls-bunyang{--hue:#C2185B;--tone:rgba(194,24,91,.18)}
.ls-realtx{--hue:#D84315;--tone:rgba(216,67,21,.18)}
.ls-listing{--hue:#9C27B0;--tone:rgba(156,39,176,.18)}

.ls>*{margin:0}
.ls .crumbs{display:flex;align-items:center;gap:8px;color:var(--faint);padding:20px 0 0;min-height:44px;margin:0 0 -16px}
.ls .crumbs a{display:inline-flex;align-items:center;min-height:44px}
.ls .head{padding:0}
.ls h1{margin:0;font-size:36px;font-weight:700;line-height:1.3}
.ls .lead{margin:6px 0 0;color:var(--quiet)}

/* the filter card */
.ls .filter{background:#fff;border:1px solid var(--rule);border-radius:8px;padding:16px 24px;gap:14px;margin:0}
.ls .filter.stack{padding:20px 24px;gap:16px}
.ls .ftop{display:flex;align-items:flex-end;gap:24px;flex-wrap:wrap}
.ls .picker{display:flex;gap:4px}
.ls .chip{height:44px;padding:0 14px;border:1px solid var(--field);border-radius:6px;background:#fff;color:var(--ink);font-weight:400;box-sizing:border-box;display:inline-flex;align-items:center}
.ls .picker .chip{padding:0 18px;border-color:transparent;color:#4A5563;font-weight:600}
.ls .picker .chip.on{background:var(--tone);color:var(--hue);font-weight:700}
.ls .chip.on{border-color:var(--navy);background:#EEF2F7;color:var(--navy);font-weight:600}
.ls .picker .chip.on{border-color:transparent}
.ls .ftop .sels{display:flex;gap:10px;margin-left:auto}
.ls .ftop .sel{width:160px}
.ls .ftop>.search{margin-left:0}
.ls .filter.stack .ftop{flex-direction:column;align-items:stretch;gap:16px}
.ls .filter.stack .ftop .sels{gap:12px;margin-left:0}
.ls .filter.stack .ftop .sel{width:220px}
.ls .sel{display:flex;flex-direction:column;align-items:stretch;gap:4px;height:auto;padding:0;border:0;background:none;font-weight:600;color:var(--quiet)}
.ls .sel>span{color:var(--quiet)}
.ls .sel select{height:44px;border:1px solid var(--field);border-radius:6px;padding:0 10px;font:inherit;font-weight:400;color:var(--ink);background:#fff;width:100%;box-sizing:border-box}
.ls .refine{border-top:1px solid #EEF0F2;padding-top:14px;display:flex;flex-direction:column;gap:10px}
.ls .filter.stack .refine{padding-top:16px;gap:12px}
.ls .frow{display:flex;gap:8px 16px;align-items:flex-start;flex-wrap:wrap}
.ls .flabel{width:72px;flex:none;color:var(--quiet);font-weight:600;line-height:44px}
.ls .chips{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:0}
.ls .frow>.sels{display:flex;align-items:center;gap:16px;flex:0 0 auto}
.ls .num{width:120px;height:44px;border:1px solid var(--field);border-radius:6px;padding:0 12px;font:inherit}
.ls .tilde,.ls .unit{color:var(--quiet)}
.ls .search{height:44px;padding:0 28px;background:var(--navy);color:#fff;border:0;border-radius:6px;font:inherit;font-weight:600;margin-left:auto;cursor:pointer}
.ls .fold{display:none}
/* the opening: what the region holds, as facts */
.ls .opening{display:grid;grid-template-columns:260px minmax(0,1fr);border-top:2px solid var(--navy);border-bottom:1px solid var(--rule)}
.ls .facts2{display:flex;flex-direction:column;gap:18px;padding:20px 24px 20px 0;border-right:1px solid var(--rule)}
.ls .opening .k{color:var(--quiet);font-weight:600}
.ls .opening .k span{color:var(--faint);font-weight:400}
.ls .opening .big{font-size:28px;font-weight:700;line-height:1.3;font-variant-numeric:tabular-nums}
.ls .opening .big span{font-size:18px;font-weight:600}
.ls .opening .big .dday{font-size:16px;font-weight:700;color:#D32F2F;margin-left:10px}
.ls .opening .sub{color:var(--quiet)}
.ls .mixes{display:flex;flex-direction:column;gap:18px;padding:20px 0 20px 28px}
.ls .mix{display:flex;flex-direction:column;gap:6px}
.ls .cnts{display:flex;flex-wrap:wrap;gap:6px 22px}
.ls .cnts b{font-weight:700;font-variant-numeric:tabular-nums;margin-left:5px}
.ls .cnts.links{gap:0 18px}
.ls .cnts.links a{display:inline-flex;align-items:center;min-height:44px}
/* the word row, the count line, the rows */
.ls .sidos h2,.ls .years h2,.ls .dongs h2{margin:0;font-size:14px;font-weight:600;display:block}
.ls .sidos .words,.ls .years .words,.ls .dongs .words{display:flex;flex-wrap:wrap;column-gap:22px}
.ls .years .words,.ls .dongs .words{column-gap:18px}
.ls .sidos .words a,.ls .years .words a,.ls .dongs .words a{display:inline-flex;align-items:center;gap:6px;min-height:44px}
.ls .sidos .words span{color:var(--faint);font-variant-numeric:tabular-nums}
.ls .sidos{display:flex;flex-direction:column;gap:8px}
.ls .years,.ls .dongs{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin:0;border-top:0}
.ls .years{border-top:1px solid var(--rule);padding-top:20px}
.ls .count h2{margin:0;font-size:14px;font-weight:400;color:var(--quiet)}
.ls .count .sample{color:var(--faint)}
.ls .hub-list{display:flex;flex-direction:column;gap:4px}
.ls .items.hub{gap:0}
.ls .items.hub>li{padding:7px 0}
.ls .line1{font-size:15px}
.ls .items .case{font-weight:600}
.ls .items .sep{color:var(--faint);margin:0 6px}
.ls .line2{color:var(--quiet)}
.ls .line2 b{color:var(--ink);font-weight:700}
.ls details summary{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;color:#1976D2;font-weight:600}
.ls details .items.hub{margin-top:0}
.ls .paging{display:flex;gap:4px;margin:0;padding-top:20px}
.ls .paging a,.ls .paging span{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 8px;box-sizing:border-box;border-radius:6px}
.ls .paging span,.ls .paging .end{color:var(--faint)}
.ls .paging .cur{background:var(--navy);color:#fff;font-weight:600}
.ls .absent,.ls .nf{margin:0;color:var(--quiet)}
@media (max-width:900px){
 main .page:has(>.ls){padding:0 20px}
 .ls{padding:8px 0 36px;gap:20px}
 .ls .crumbs{margin:0 0 -20px}
 .ls .fold{display:flex;align-items:center;gap:8px;min-height:52px;border:1px solid var(--rule);border-radius:8px;background:#fff;padding:0 4px 0 12px;margin:0}
 .ls .fold b{color:var(--hue);background:var(--tone);border-radius:4px;padding:0 6px;font-weight:700}
 .ls .fold a{margin-left:auto;display:flex;align-items:center;height:44px;padding:0 12px;font-weight:600}
 .ls .filter{display:none}
 .ls .filter:target{display:flex;padding:16px}
 .ls .ftop{flex-direction:column;align-items:stretch;gap:12px}
 .ls .ftop .sels,.ls .filter.stack .ftop .sels{flex-direction:column;margin:0}
 .ls .ftop .sel,.ls .filter.stack .ftop .sel{width:100%}
 .ls .flabel{width:100%;line-height:1.5}
 .ls .search{margin-left:0;width:100%}
 .ls .opening{grid-template-columns:1fr}
 .ls .facts2{flex-direction:row;padding:14px 0;border-right:0;border-bottom:1px solid var(--rule);gap:0}
 .ls .facts2>.fig{flex:1;padding:0 12px}
 .ls .facts2>.fig:first-child{padding-left:0;border-right:1px solid var(--rule)}
 .ls .opening .big{font-size:24px}
 .ls .opening .big span{font-size:16px}
 .ls .opening .big .dday{font-size:14px;margin-left:6px}
 .ls .mixes{padding:14px 0}
 .ls .cnts{gap:4px 16px}
 .ls .paging{gap:2px}
 .ls .paging a,.ls .paging span{min-width:40px;padding:0 4px}
}
.ls .line2{word-break:keep-all}
/* the info hubs (정비구역 · 개발호재 · 학군 · 정책 · 순위): the same shell without a sale-type picker */
.ls .quiet{margin:0;color:var(--quiet)}
.ls .figs3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--navy);border-bottom:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr))}
.ls .figs3 .fig{padding:20px 20px;border-right:1px solid var(--rule)}
.ls .figs3 .fig:first-child{padding-left:0}
.ls .figs3 .fig:last-child{border-right:0}
.ls .figs3 .k{color:var(--quiet);font-weight:600}
.ls .figs3 .big{font-size:22px;font-weight:700;line-height:1.4;font-variant-numeric:tabular-nums}
.ls section.tab{padding:20px 0 0;border-top:2px solid var(--navy);overflow-x:auto;display:flex;flex-direction:column;gap:8px}
.ls section.tab~section.tab{border-top:1px solid var(--rule)}
.ls .band{background:none;padding:0;margin:0;border-radius:0;color:var(--ink);font-size:14px;font-weight:600}
.ls section.tab>.lead,.ls section.tab>.para{margin:0;color:var(--quiet)}
.ls .lines{display:flex;flex-direction:column;gap:6px}
.ls .lines h2{margin:0;font-size:14px;font-weight:600}
.ls .grid{display:flex;flex-wrap:wrap;gap:0 22px;padding:0;list-style:none}
.ls .grid a{display:inline-flex;align-items:center;min-height:44px}
.ls .tbl{border-collapse:collapse;max-width:720px;display:table;width:100%;margin:0}
.ls .tbl th{text-align:left;color:var(--quiet);font-weight:400;padding:8px 8px 8px 0}
.ls .tbl td{padding:10px 8px 10px 0;vertical-align:top}
.ls-ranking .tbl th:last-child,.ls-ranking .tbl td:last-child{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
.ls ol.notices{margin:0 0 12px;padding-left:22px}
@media (max-width:900px){.ls .tbl{min-width:480px;display:table}.ls .figs3 .fig{padding:14px 12px}.ls .figs3 .big{font-size:20px}}
.ls .urgent{color:#D32F2F;font-weight:700}
/* an empty list says what it is and sends the reader on (S130 6a) */
.ls .empty{border-top:2px solid var(--navy);padding-top:20px;display:flex;flex-direction:column;gap:8px;max-width:720px}
.ls .empty h2{margin:0;font-size:18px;font-weight:700}
.ls .empty h3{margin:12px 0 0;font-size:14px;font-weight:600}
.ls-info{--hue:#16365C;--tone:rgba(22,54,92,.18)}
.ls .wrote{display:grid;grid-template-columns:260px minmax(0,1fr);border-bottom:1px solid var(--rule)}
.ls .wrote .k{padding:20px 24px 20px 0;border-right:1px solid var(--rule)}
.ls .wrote .v{padding:20px 0 20px 28px;font-weight:600}
@media (max-width:900px){.ls .wrote{grid-template-columns:1fr}.ls .wrote .k{border-right:0;padding:14px 0 0}.ls .wrote .v{padding:4px 0 14px}}

/* S136 2 · 경매 목록: the title with its answer figures, the one-row filter, the rows table beside the 동 bars, the app
   box and the place's other lanes. */
.ls-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;padding:12px 0 0}
.ls-head h1{margin:0}
.ls-figs{display:flex;gap:40px;flex:none}
.ls-figs div{display:flex;flex-direction:column;align-items:flex-end}
.ls-figs .k{font-size:14px;color:var(--ink3)}
.ls-figs .v{font-size:36px;font-weight:700;line-height:1.2}
.ls-figs .v small{font-size:18px;margin-left:2px}
.ls-body.with-side{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px}
.ls-rows{padding-top:36px}
.ls-rows .cnt{font-size:15px;font-weight:600;padding-bottom:10px;border-bottom:2px solid var(--ink)}
.ls-rows .rows-t th{border-bottom-color:var(--line)}
.more-rows>summary,.more-dongs>summary{display:flex;align-items:center;min-height:52px;font-weight:700;list-style:none;border-bottom:1px solid var(--line)}
.more-rows>summary::before,.more-dongs>summary::before{content:'▸';margin-right:8px;font-size:13px}
.more-rows[open]>summary::before,.more-dongs[open]>summary::before{content:'▾'}
.ls-side{padding-top:36px;display:flex;flex-direction:column;gap:40px}
.ls-side .sec-h h2{font-size:18px}
.ls-side .bars li a{grid-template-columns:72px 1fr 48px}
.others{list-style:none;margin:0;padding:0}
.others li a{display:flex;justify-content:space-between;align-items:baseline;min-height:48px;border-bottom:1px solid var(--line)}
.others li a:hover{text-decoration:none}
.others b{font-weight:700}
.others span{color:var(--ink3);font-size:14px}
.chips-l{display:flex;flex-wrap:wrap;gap:8px;padding-top:16px}
.chips-l a{display:inline-flex;align-items:center;height:40px;padding:0 16px;border:1px solid var(--line);border-radius:20px}
.chips-l a:hover{text-decoration:none;border-color:var(--ink)}
.nf{padding:32px 0 0}
@media (max-width:900px){
  .ls-head{flex-direction:column;align-items:flex-start;gap:16px}
  .ls-figs{gap:28px}
  .ls-figs div{align-items:flex-start}
  .ls-figs .v{font-size:26px}
  .ls-body.with-side{grid-template-columns:1fr;gap:0}
}
.ls-auction .filter{background:var(--ground);border:0;border-radius:8px;padding:20px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:0}
.ls-auction .crumbs b{color:var(--ink);font-weight:600}
.ls-auction .ls-head{padding-top:0}
@media (max-width:900px){.ls-auction .filter{flex-direction:column;align-items:stretch}}
.ls details>summary{color:var(--ink)}
.fold-ph{display:none}
@media (max-width:900px){
  .ls-auction .filter{display:none}
  .ls-auction .filter:target{display:flex}
  .ls-auction .filter label{flex:none}
  .fold-ph{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 4px 0 16px;background:var(--ground);border-radius:8px;font-weight:600}
  .fold-ph a{display:flex;align-items:center;min-height:44px;padding:0 12px;text-decoration:underline;text-underline-offset:3px}
}

.ls-list{gap:24px} /* S136 list + hub pages of the other lanes: the same head, one-row filter, rows table and right column as the 경매 list. */
.ls-list .filter{background:var(--ground);border:0;border-radius:8px;padding:20px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:0}
.ls-list .crumbs b{color:var(--ink);font-weight:600}
.ls-list .ls-head{padding-top:0}
.ls-list .ls-head .lead{margin:8px 0 0;color:var(--ink2)}
.ls-list .ls-main:not(.ls-rows){padding-top:36px}
.ls-list .ls-side .bars li a{grid-template-columns:104px 1fr 48px}
.lt{width:100%;border-collapse:collapse}
.lt th{font-size:14px;font-weight:400;color:var(--ink3);text-align:left;padding:10px 0;border-bottom:1px solid var(--line)}
.lt td{padding:18px 0;border-bottom:1px solid var(--line);vertical-align:top}
.lt .r{text-align:right}
.lt-d{width:112px}
.lt-d b{display:block;font-size:17px;font-weight:700}
.lt-d .red,.lt-b .red{color:var(--red);font-weight:700}
.lt-w a{font-size:17px;font-weight:600}
.lt-w .meta{font-size:14px;margin-top:2px;color:var(--ink3)}
.lt-w .meta .w{font-weight:700}
.lt-a b{display:block;font-size:17px;font-weight:700}
.lt-a span{display:block;font-size:14px;color:var(--ink3)}
.lt-b{width:112px;font-size:17px}
.lt-c{width:64px;color:var(--ink2);font-size:15px}
.ls-list .cnt{font-size:15px;font-weight:600;padding-bottom:10px;border-bottom:2px solid var(--ink)}
@media (max-width:900px){
  .ls-list .filter{display:none;flex-direction:column;align-items:stretch}
  .ls-list .filter:target{display:flex}
  .lt thead{display:none}
  .lt tr{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:16px 0;border-bottom:1px solid var(--line)}
  .lt td{display:block;padding:0;border:0;width:auto}
  .lt-w{grid-column:1;grid-row:1}
  .lt-a{grid-column:2;grid-row:1 / span 2}
  .lt td.lt-d{grid-column:1;grid-row:2;display:flex;flex-wrap:wrap;gap:2px 8px;align-items:baseline}
  .lt-d b{font-size:15px;font-weight:400;color:var(--ink2)}
  .lt-b,.lt-c{grid-column:1 / -1;text-align:left!important;font-size:14px;color:var(--ink2)}
  .lt-b:empty,.lt-c:empty{display:none}
  .lt-b::before,.lt-c::before{content:attr(data-k) " ";color:var(--ink3)}
  .lt-b{font-size:14px}
}
.lt-d .sub{display:block;font-size:14px;color:var(--ink3);font-weight:400}
.hub-top{align-self:stretch} /* S136 6 · the hubs: the figure at the left, the ranked bars at the right */
.hub-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start;padding-top:12px}
.hub-l h1{margin:0}
.hub-big{font-size:72px;font-weight:700;line-height:1.1;margin-top:16px;font-variant-numeric:tabular-nums}
.hub-big small{font-size:28px;margin-left:4px}
.hub-l .lead{margin:16px 0 0;color:var(--ink2);max-width:520px}
.hub-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:24px}
.hub-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--ink2)}
.hub-form select{height:44px;padding:0 12px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);min-width:140px;max-width:100%}
.hub-form .apply{height:44px;padding:0 24px;border:0;border-radius:6px;background:var(--ink);color:#fff;font-weight:700;cursor:pointer}
.hub-r .bars.pct li a{grid-template-columns:120px 1fr 56px 44px;min-height:52px;border-bottom:1px solid var(--line)}
.hub-r .bars .n{color:var(--ink);font-weight:700;font-size:17px}
.hub-r .bars .p{text-align:right;color:var(--ink3);font-size:14px}
@media (max-width:900px){
  .hub-top{grid-template-columns:1fr;gap:28px}
  .hub-big{font-size:48px}
  .hub-r .bars.pct li a{grid-template-columns:96px 1fr 52px 40px;gap:8px}
}
.ls-rank .n{font-variant-numeric:tabular-nums}
.ls-list ul.plain{list-style:none;margin:0;padding:0;columns:2;column-gap:40px}
.ls-list ul.plain li{break-inside:avoid;border-bottom:1px solid var(--line)}
.ls-list ul.plain a{display:flex;align-items:center;min-height:48px}
.chips-l .q{color:var(--ink3);font-size:14px;margin-left:4px}
@media (max-width:900px){.ls-list ul.plain{columns:1}}
.ls-list .filter label{flex:0 1 220px}
.lt-a b{white-space:nowrap}
.lt-b,.lt-c{white-space:nowrap}
.lt-w .meta a{font-size:14px;color:var(--ink2)}