/* ==========================================
   物件カード専用CSS - 点線除去・レイアウト安定化
   ========================================== */

/* ① フォーカス/タップの点線・ハイライトを無効化 */
.card *:focus {
    outline: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

.card a, .card button, .card [role="button"] {
    outline: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

.card a:focus, .card button:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* ② 不要な装飾の源泉を潰す */
.card abbr[title],
.card ins, .card del, .card mark {
    text-decoration: none !important;
    border-bottom: 0 !important;
    border: none !important;
}

/* ③ hrの初期線を消す */
.card hr {
    display: none !important;
}

/* ④ 謎の境界線・点線を根絶 */
.card *, .card *::before, .card *::after {
    border-style: none !important;
    border-bottom: none !important;
    border-top: none !important;
    text-decoration: none !important;
}

/* ⑤ サブピクセル境界のにじみ対策 */
.card {
    backface-visibility: hidden;
    transform: translateZ(0);
}

/* ⑥ カード専用の境界線のみ許可 */
.card.border {
    border: 1px solid #cccccc !important;
}

/* ⑦ Tailwindのline-clampサポート */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ⑧ 極小フォント安定化 */
.card [class*="text-["] {
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}