/* 棟・住戸の比較（T-334）。表は横に流し、項目名の列だけを固定する。 */
.compare-widget{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:20px 0 32px}
.compare-widget__button{padding:10px 18px;border:1px solid var(--gold);background:transparent;color:inherit;font:inherit;font-size:.9rem;cursor:pointer}
.compare-widget__button[aria-pressed="true"]{background:var(--gold);color:#fff}
.compare-widget__button:disabled{border-color:var(--rule-2);color:var(--text-3);cursor:not-allowed}
.compare-widget__button:focus-visible,.compare-tray__link:focus-visible,.compare-tray__clear:focus-visible,.compare-remove:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.compare-widget__note{margin:0;color:var(--text-3);font-size:.8rem}
.compare-tray{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 20px;padding:12px 16px;border-top:2px solid var(--gold);background:var(--ground);box-shadow:0 -6px 18px rgba(0,0,0,.12)}
.compare-tray__count{margin:0;font-size:.88rem}
.compare-tray__link{padding:8px 20px;background:var(--gold);color:#fff;font-size:.9rem;text-decoration:none}
.compare-tray__clear{padding:8px 12px;border:1px solid var(--rule-2);background:transparent;color:var(--text-2);font:inherit;font-size:.8rem;cursor:pointer}
body:has(.compare-tray){padding-bottom:72px}
/* 共通の .table-scroll は overflow:hidden のため、横に流す専用の枠を持つ。 */
.compare-scroll{width:100%;overflow-x:auto;border:1px solid var(--rule);background:var(--ground)}
.compare-scroll:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.compare-table{width:100%;min-width:44rem;table-layout:fixed;border-collapse:collapse}
.compare-table th,.compare-table td{padding:14px 12px;overflow-wrap:anywhere;border-bottom:1px solid var(--rule);text-align:left;vertical-align:top}
.compare-table thead th{border-bottom:2px solid var(--gold);font-size:.95rem}
.compare-table thead th:first-child{width:9.5rem}
.compare-table tbody th[scope="row"]{position:sticky;left:0;z-index:1;background:var(--ground-2);color:var(--text-2);font-size:.85rem;font-weight:500}
.compare-table tr.compare-table__group th{position:sticky;left:0;padding-top:26px;border-bottom:1px solid var(--rule-2);background:var(--ground);color:var(--gold-text);font-size:.8rem;letter-spacing:.08em}
.compare-table__value{display:block;font-size:1rem}
.compare-table__value--empty{color:var(--text-3)}
.compare-table__note{display:block;margin-top:2px;color:var(--text-3);font-size:.78rem;line-height:1.6}
.compare-remove{display:block;margin-top:8px;padding:4px 10px;border:1px solid var(--rule-2);background:transparent;color:var(--text-2);font:inherit;font-size:.75rem;cursor:pointer}
.compare-saved{margin:24px 0;padding:18px;border:1px solid var(--rule);background:var(--ground-2)}
.compare-saved ul{margin:8px 0 14px;padding-left:1.2em}
@media(max-width:560px){.compare-table{min-width:36rem}.compare-table th,.compare-table td{padding:12px 10px}.compare-table thead th:first-child{width:6.5rem}}