@charset "utf-8";
/* /mansion/owner-change/ オーナーチェンジの割引率 専用の追加スタイル。
   /mansion/assets/style.css を読んだ上で、その差分だけをここに書く。
   色は style.css の CSS変数(--acc / --ink / --line …)をそのまま使い、トーンを揃える。 */

/* --- 数字のセル ----------------------------------------------------------- */
.tw table th.rh{text-align:left;white-space:nowrap;background:var(--soft);font-weight:700}
.tw td.num,.tw th.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.tw td small.celln{display:block;font-size:10.5px;color:var(--mut);font-weight:400}

/* 割引率(マイナス)は落ち着いた赤系、年率(プラス)はアクセント色 */
.tw td.g{font-weight:800;color:#b6483c}
.tw td.g2{font-weight:800;color:var(--acc-d)}

/* --- 割引率の横棒 --------------------------------------------------------- */
.barcell{width:34%;min-width:88px;padding-right:14px !important}
.gbar{display:block;height:10px;border-radius:999px;
      background:linear-gradient(90deg,#e6a79f,#b6483c)}

/* 出口の表で「入居中で買って空室で売る」の行を目立たせすぎない程度に敷く */
.tw tr.hi{background:var(--acc-soft)}
.tw tr.hi th.rh{background:var(--acc-soft)}

/* --- エリア表は長いのでスクロールさせる ----------------------------------- */
.cty{font-size:13px}
.tw:has(.cty){max-height:640px;overflow:auto}
.tw:has(.cty) thead th{position:sticky;top:0;background:#fff;z-index:1;
                       box-shadow:0 1px 0 var(--line)}

/* --- 見分けポイント ------------------------------------------------------- */
.points{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
        margin:12px 0 0}
.point{background:#fff;border:1px solid var(--line);border-radius:12px;
       padding:15px 17px}
.point h3{margin:0 0 6px;font-size:14.5px;color:var(--ink-str);
          padding-left:0;border:0}
.point p{margin:0;font-size:13px;line-height:1.95;color:var(--ink)}
.point .tag{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.06em;
            color:var(--acc-d);background:var(--acc-soft);border-radius:999px;
            padding:2px 9px;margin:0 0 7px}

.stgrp{margin:22px 0 8px;font-size:14px;color:var(--ink-str)}

@media(max-width:600px){
  .barcell{display:none}
  .cty{font-size:12px}
  .tw td small.celln{display:none}
}