/* ナビカード全体 */
.kimoota-nav-cards {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
}

/* カード全体の高さを5行分に固定 */
.nav-card-item {
    display: flex;
    align-items: flex-start;
    background: #2a2e33;
    border-radius: 6px;
    margin-bottom: 12px;
    padding: 10px;
    /* 5行＋画像＋余白を考慮した固定高（微調整可） */
    min-height: 118px; 
}

.nav-card-item:hover {
    background: #383d44;
}

/* サムネイル（横幅固定・縦は自由） */
.nav-card-thumb {
    flex: 0 0 128px;        /* 横幅は128pxで絶対固定 */
    /* aspect-ratio は削除します（縦幅を画像に委ねるため） */
    background: transparent; /* 黒い背景を廃止 */
    line-height: 0;          /* 画像下の謎の隙間対策 */
}

.nav-card-thumb img {
    width: 100%;            /* 親の128pxいっぱいに広げる */
    height: auto;           /* ★比率を維持して縦に伸ばす（トリミングなし） */
    object-fit: normal;      /* 制御を解除してそのまま表示 */
    border-radius: 0;        /* コンプライアンス維持（丸めない） */
}

/* テキストエリア */
.nav-card-content {
    flex: 1;
    padding-left: 12px;
    padding-top: 0;
}

/* タイトルを5行制限に */
.nav-card-title {
    font-size: 14px;
    font-weight: normal;
    color: #eee;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 5; /* 5行まで表示 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: -3px; 
}