/* 2026-10-17 global C card theme */
.pomelo-body main article.drama-card:is(.pomelo-drama-card,.home-drama-card) .drama-card-copy{padding-top:9px}
.pomelo-body main article.drama-card:is(.pomelo-drama-card,.home-drama-card) .drama-card-copy .drama-card-title{display:block;overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap;font-family:inherit;font-size:14px;line-height:21px;height:21px;font-weight:600;letter-spacing:-.01em;color:rgba(255,255,255,.88)}
.pomelo-body main article.drama-card:is(.pomelo-drama-card,.home-drama-card) .drama-card-title>a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:inherit;font-size:inherit;line-height:inherit;font-weight:inherit;letter-spacing:inherit;color:inherit}
.pomelo-body main :is(article.drama-card:is(.pomelo-drama-card,.home-drama-card),.p-history-copy){--card-tag-height:22px}
.pomelo-body main article.drama-card:is(.pomelo-drama-card,.home-drama-card) .home-card-badge{top:7px;left:7px;box-sizing:border-box;min-height:21px;padding:1px 6px;border:1px solid rgba(221,229,241,.13);border-radius:3px;background:rgba(16,18,21,.87);color:#d7dce2;font-size:11px;line-height:17px;font-weight:500}
.pomelo-body main article.drama-card:is(.pomelo-drama-card,.home-drama-card) .home-card-badge[data-badge=new]{background:#df5188;color:#fff7fb;border-color:rgba(255,171,205,.25);font-weight:600}
.pomelo-body main article.drama-card:is(.pomelo-drama-card,.home-drama-card) .home-card-badge[data-badge=updated]{background:rgba(37,30,18,.9);color:#e5c88d;border-color:rgba(225,194,126,.27)}
.pomelo-body main article.drama-card:is(.pomelo-drama-card,.home-drama-card) .home-card-heat{top:7px;right:7px;box-sizing:border-box;min-height:20px;padding:1px 5px;gap:2px;border:1px solid rgba(219,229,244,.13);border-radius:3px;background:rgba(16,18,21,.88);color:#e9edf2;font-size:10.5px;line-height:16px;font-weight:500}
.pomelo-body main article.drama-card:is(.pomelo-drama-card,.home-drama-card) .home-card-heat>span{font-size:11px;line-height:16px}
.pomelo-body main article.drama-card:is(.pomelo-drama-card,.home-drama-card) .home-card-bottom{position:absolute;inset:auto 7px 7px;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:4px;min-width:0}
.pomelo-body main article.drama-card:is(.pomelo-drama-card,.home-drama-card) .home-card-time,
.pomelo-body main article.drama-card:is(.pomelo-drama-card,.home-drama-card) .home-card-episodes{box-sizing:border-box;min-height:20px;margin:0;padding:1px 5px;border-radius:3px;background:rgba(14,16,19,.79);color:#d8dde3;font-size:10px;line-height:18px;font-weight:400;white-space:nowrap}
.pomelo-body main article.drama-card:is(.pomelo-drama-card,.home-drama-card) .home-card-time{display:inline-flex;color:#c3cbd4}
.pomelo-body main article.drama-card:is(.pomelo-drama-card,.home-drama-card) .home-card-time[data-recent=true]{color:#d9b0c1}
.pomelo-body main article.drama-card:is(.pomelo-drama-card,.home-drama-card) .drama-poster>.home-card-time{position:absolute;left:7px;bottom:7px;max-width:calc(100% - 14px);z-index:1}
.pomelo-body main article.drama-card:is(.pomelo-drama-card,.home-drama-card) .home-card-bottom>.home-card-time{position:static;inset:auto;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.pomelo-body main article.drama-card:is(.pomelo-drama-card,.home-drama-card) .home-card-time>time{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}
.pomelo-body main article.drama-card:is(.pomelo-drama-card,.home-drama-card) .home-card-bottom>.home-card-episodes{position:static;inset:auto;flex:0 0 auto;min-width:0;max-width:100%;margin-left:auto}
.pomelo-body main article.drama-card:is(.pomelo-drama-card,.home-drama-card) :is(.home-card-time-short,.home-card-episodes-short){display:none}
.pomelo-body main .series-recommendations article.drama-card:is(.pomelo-drama-card,.home-drama-card) .home-card-time{display:none}
.pomelo-body main :is(article.drama-card:is(.pomelo-drama-card,.home-drama-card),.p-history-copy) .drama-card-tags{display:flex;box-sizing:border-box;width:100%;min-width:0;height:var(--card-tag-height);min-height:var(--card-tag-height);max-height:var(--card-tag-height);flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:6px;overflow:hidden;margin-top:5px;padding:0;scrollbar-width:none}
.pomelo-body main :is(article.drama-card:is(.pomelo-drama-card,.home-drama-card),.p-history-copy) .drama-card-tag{display:inline-flex;box-sizing:border-box;align-items:center;flex:0 0 auto;width:max-content;min-width:0;max-width:none;height:var(--card-tag-height);min-height:var(--card-tag-height);padding:2px 6px;border:1px solid rgba(187,205,227,.15);border-radius:3px;background:rgba(185,199,218,.04);color:#aeb7c3;font-family:inherit;font-size:11px;line-height:16px;font-weight:400;letter-spacing:0;white-space:nowrap;overflow:visible;text-decoration:none;opacity:1}
.pomelo-body main :is(article.drama-card:is(.pomelo-drama-card,.home-drama-card),.p-history-copy) .drama-card-tag:first-child{max-width:100%;overflow:hidden}
.pomelo-body main :is(article.drama-card:is(.pomelo-drama-card,.home-drama-card),.p-history-copy) .drama-card-tag>span{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:1}
.pomelo-body main :is(article.drama-card:is(.pomelo-drama-card,.home-drama-card),.p-history-copy) .drama-card-tag[hidden]{display:none!important}
.pomelo-body main :is(article.drama-card:is(.pomelo-drama-card,.home-drama-card),.p-history-copy) .drama-card-tag:hover{background:rgba(185,199,218,.08);color:#d7dce5;border-color:rgba(187,205,227,.24)}
.pomelo-body main :is(article.drama-card:is(.pomelo-drama-card,.home-drama-card),.p-history-copy) .drama-card-tag:focus-visible{outline:2px solid var(--primary,#df5188);outline-offset:-2px}
@media(max-width:767px){
 .pomelo-body main article.drama-card:is(.pomelo-drama-card,.home-drama-card) .drama-card-copy{padding-top:8px}
 .pomelo-body main article.drama-card:is(.pomelo-drama-card,.home-drama-card) .drama-card-copy .drama-card-title{line-height:20px;height:20px}
 .pomelo-body main :is(article.drama-card:is(.pomelo-drama-card,.home-drama-card),.p-history-copy){--card-tag-height:21px}
 .pomelo-body main article.drama-card:is(.pomelo-drama-card,.home-drama-card) .home-card-badge{top:6px;left:6px;min-height:19px;padding:0 5px;font-size:10px;line-height:17px}
 .pomelo-body main article.drama-card:is(.pomelo-drama-card,.home-drama-card) .home-card-heat{top:6px;right:6px;min-height:18px;padding:0 4px;font-size:10px;line-height:16px}
 .pomelo-body main article.drama-card:is(.pomelo-drama-card,.home-drama-card) .home-card-bottom{inset:auto 6px 6px}
 .pomelo-body main article.drama-card:is(.pomelo-drama-card,.home-drama-card) :is(.home-card-time,.home-card-episodes){min-height:18px;padding:0 4px;font-size:10px;line-height:18px}
 .pomelo-body main article.drama-card:is(.pomelo-drama-card,.home-drama-card) .drama-poster>.home-card-time{left:6px;bottom:6px;max-width:calc(100% - 12px)}
 .pomelo-body main article.drama-card:is(.pomelo-drama-card,.home-drama-card) :is(.home-card-time-long,.home-card-episodes-long){display:none}
 .pomelo-body main article.drama-card:is(.pomelo-drama-card,.home-drama-card) :is(.home-card-time-short,.home-card-episodes-short){display:inline}
 .pomelo-body main :is(article.drama-card:is(.pomelo-drama-card,.home-drama-card),.p-history-copy) .drama-card-tags{margin-top:4px}
 .pomelo-body main :is(article.drama-card:is(.pomelo-drama-card,.home-drama-card),.p-history-copy) .drama-card-tag{padding:2px 5px;font-size:11px;line-height:15px}
}
/* End 2026-10-17 global C card theme */

/* Three-column mobile catalogue cards use a denser label scale. */
@media(max-width:639px){
 .pomelo-body main.catalogue-library article.drama-card:is(.pomelo-drama-card,.home-drama-card){--card-tag-height:19px}
 .pomelo-body main.catalogue-library article.drama-card:is(.pomelo-drama-card,.home-drama-card) .drama-card-tags{gap:4px}
 .pomelo-body main.catalogue-library article.drama-card:is(.pomelo-drama-card,.home-drama-card) .drama-card-tag{padding:1px 4px}
 .pomelo-body main.catalogue-library article.drama-card:is(.pomelo-drama-card,.home-drama-card) .home-card-badge{min-height:18px;padding:0 4px;line-height:16px}
}