/* /mansion/st/<駅slug>/ の「探す」 (FINDER-20261029)。 style.css のトークンを使う。
   ★左端の色付き縦ライン (アクセントバー) は使わない (2026-10-08 ユーザー指示)。 */
.fd{margin:6px 0 26px}
.fd-loading,.fd-off{color:var(--mut);font-size:13.5px;line-height:1.9;padding:14px 16px;background:var(--soft);border-radius:12px}
.fd-off{color:var(--ink)}
.fd-head{margin:0 0 10px}
.fd-asof{margin:0;font-size:14px;line-height:1.8;color:var(--ink)}
.fd-asof b{font-size:19px;font-weight:800;color:var(--ink-str);font-variant-numeric:tabular-nums;margin:0 2px}
.fd-g{display:inline-block;margin-left:8px;font-size:11.5px;color:var(--mut)}
.fd-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 10px}
.fd-st{gap:6px}
.fd-chip{font:inherit;font-size:13px;line-height:1.3;padding:8px 13px;min-height:38px;border-radius:999px;
  border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;white-space:nowrap;
  font-feature-settings:"tnum" 1;-webkit-tap-highlight-color:transparent}
.fd-chip b{color:var(--mut);font-weight:600;font-size:12px;margin-left:3px}
.fd-chip.on{background:var(--acc-soft);border-color:var(--acc);color:var(--ink-str)}
.fd-chip.on b{color:var(--acc-d)}
.fd-chip.own{font-weight:700}
.fd-chip:focus-visible{outline:none;box-shadow:0 0 0 3px var(--acc-soft)}
.fd-main{gap:8px}
.fd-sel{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;min-height:40px;border:1px solid var(--line);
  border-radius:10px;background:#fff;padding:0 30px 0 10px;overflow:hidden}
.fd-sel .fd-sl{font-size:10.5px;color:var(--mut);letter-spacing:.04em;margin-right:6px;white-space:nowrap}
.fd-sel select{font:inherit;font-size:13.5px;color:var(--ink-str);border:0;background:transparent;padding:8px 0;
  min-width:6.5em;max-width:220px;-webkit-appearance:none;appearance:none;cursor:pointer}
.fd-sel::after{content:"";position:absolute;right:11px;top:50%;width:7px;height:7px;border-right:1.5px solid var(--mut);
  border-bottom:1.5px solid var(--mut);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.fd-sel:focus-within{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft)}
.fd-more,.fd-save,.fd-clear{white-space:nowrap;font:inherit;font-size:13px;min-height:40px;padding:8px 14px;border-radius:10px;
  border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}
.fd-more[aria-expanded="true"]{background:var(--soft)}
.fd-ext[hidden]{display:none}
.fd-ext{display:block;background:var(--soft);border-radius:14px;padding:12px 12px 6px;margin-bottom:12px}
.fd-lays{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.fd-sels{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.fd-togs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 6px}
.fd-bar{justify-content:space-between}
.fd-count{margin:0;flex:1 1 220px;font-size:14px;line-height:1.7;color:var(--ink)}
.fd-count b{font-size:17px;font-weight:800;color:var(--ink-str);font-variant-numeric:tabular-nums}
.fd-cl{display:block;font-size:11.5px;color:var(--mut);line-height:1.6}
.fd-save{background:var(--acc-soft);border-color:var(--acc);color:var(--ink-str)}
.fd-clear{color:var(--mut)}
.fd-savebox{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:0 0 12px}
.fd-savebox label{display:block;font-size:12px;color:var(--mut);margin:0 0 6px}
.fd-saverow{display:flex;gap:8px}
.fd-saverow input{flex:1 1 auto;font:inherit;font-size:15px;min-height:42px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;min-width:0}
.fd-savenote{margin:8px 0 0;font-size:11.5px;color:var(--mut);line-height:1.6}
.fd-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.fd-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px 12px}
.fd-ct{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}
.fd-name{font-size:16px;font-weight:700;color:var(--ink-str);text-decoration:none;line-height:1.5;word-break:break-word}
.fd-name:hover{color:var(--acc-d);text-decoration:underline}
.fd-tag{display:inline-block;font-size:11px;font-weight:700;line-height:1;padding:5px 8px;border-radius:999px}
.fd-tag.new{background:#fff3dc;color:#8a5a00}
.fd-tag.cut{background:#e8f3ff;color:#1b4f8a}
.fd-meta,.fd-sch{margin:4px 0 0;font-size:12.5px;line-height:1.7;color:var(--mut)}
.fd-live{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;margin:8px 0 0;font-size:13.5px;color:var(--ink);font-variant-numeric:tabular-nums}
.fd-n b{font-size:16px;font-weight:800;color:var(--ink-str)}
.fd-pr{font-weight:700;color:var(--ink-str)}
.fd-ly{color:var(--mut);font-size:12.5px}
.fd-disc{display:inline-block;margin:8px 0 0;font-size:12.5px;font-weight:700;line-height:1;padding:7px 10px;border-radius:8px}
.fd-disc.good{background:#e6f6f5;color:#116f6a}
.fd-disc.good2{background:#cdeeec;color:#0b5c57}
.fd-disc.even{background:var(--soft);color:var(--mut)}
.fd-disc.high{background:var(--soft);color:var(--mut);font-weight:500}
.fd-hit{margin:8px 0 0;font-size:12.5px;line-height:1.7;color:var(--ink)}
.fd-hit b{color:var(--acc-d)}
.fd-acts{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.fd-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:7px 14px;border-radius:10px;
  font-size:13px;font-weight:700;text-decoration:none;background:var(--acc);color:#fff;border:1px solid var(--acc);cursor:pointer;font-family:inherit}
.fd-btn.w{background:#fff;color:var(--acc-d)}
.fd-btn:hover{filter:brightness(.96)}
.fd-empty{color:var(--mut);font-size:13.5px;line-height:1.9;padding:14px 16px;background:var(--soft);border-radius:12px}
.fd-moreli{text-align:center;margin:12px 0 0}
.fd-saved{margin:16px 0 0}
.fd-saved h3{font-size:14px;margin:0 0 6px}
.fd-saved h3 small{font-weight:400;color:var(--mut);font-size:11.5px;margin-left:6px}
.fd-saved ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.fd-saved li{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.6}
.fd-saved li a{flex:1 1 auto;color:var(--ink);text-decoration:none;word-break:break-word;padding:6px 0}
.fd-saved li a:hover{text-decoration:underline}
.fd-del{font:inherit;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--mut);cursor:pointer}
.fd-note{margin:14px 0 0;font-size:11.5px;color:var(--mut);line-height:1.8}
@media (max-width:600px){
  .fd-main{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .fd-main .fd-sel{display:flex;width:100%;padding-right:26px}
  .fd-main .fd-sel select{flex:1 1 auto;width:100%;min-width:0;max-width:none}
  .fd-main .fd-more{grid-column:1 / -1}
  .fd-sels .fd-sel{flex:1 1 46%;padding-right:26px}
  .fd-sels .fd-sel select{flex:1 1 auto;width:100%;min-width:0;max-width:none}
  .fd-bar .fd-sel{flex:1 1 auto}
  .fd-card{padding:12px 13px 10px}
  .fd-acts .fd-btn{flex:1 1 auto}
}
.fd-rx{display:block;margin:6px 0 6px;font-size:12.5px;color:var(--mut)}
.fd-rxs{display:flex;flex-wrap:wrap;gap:6px}
.fd-chip.rx{background:#fff}
