/* Similar-work recommendations inside the ranking work sheet. */
.similar-works-block{margin-top:22px}
.similar-works-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:12px}
.similar-works-head .eyebrow{margin-bottom:4px}
.similar-works-head .detail-label{margin:0;font-size:18px;font-weight:800;letter-spacing:-.035em;color:var(--ink)}
.similar-works-head>small{max-width:250px;color:var(--muted);font-size:10px;line-height:1.55;text-align:right}
.similar-works-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.similar-work-card{position:relative;display:flex;align-items:stretch;gap:11px;min-width:0;padding:14px 42px 14px 14px;border:1px solid rgba(55,62,76,.075);border-radius:17px;background:rgba(255,255,255,.76);box-shadow:0 6px 18px rgba(52,61,76,.045);color:inherit;text-decoration:none;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.similar-work-card:hover{transform:translateY(-1px);border-color:rgba(88,203,220,.20);box-shadow:0 9px 24px rgba(52,61,76,.07)}
.similar-work-card:active{transform:scale(.99)}
.similar-work-card-main{min-width:0;flex:1}
.similar-work-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:13px;font-weight:800;line-height:1.45;letter-spacing:-.025em}
.similar-work-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;color:var(--muted);font-size:9px;line-height:1.4}
.similar-work-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.similar-work-meta b{flex:none;color:var(--accent-dark);font-size:9px}
.similar-work-reason{display:flex;align-items:flex-start;gap:7px;margin-top:10px}
.similar-work-reason>span{flex:none;padding-top:3px;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.06em}
.similar-work-reason>div{display:flex;flex-wrap:wrap;gap:4px;min-width:0}
.similar-work-reason i{padding:3px 6px;border:1px solid rgba(88,203,220,.12);border-radius:999px;background:var(--signal-soft);color:#477d86;font-size:8px;font-style:normal;font-weight:700;line-height:1.2}
.similar-work-count{display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;min-width:34px;color:var(--accent-dark);font-size:17px;font-weight:900;line-height:1}
.similar-work-count small{margin-top:4px;color:var(--muted);font-size:7px;font-weight:700;white-space:nowrap}
.similar-work-arrow{position:absolute;right:12px;top:50%;display:grid;width:22px;height:22px;transform:translateY(-50%);place-items:center;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 3px 9px rgba(52,61,76,.07);color:#74808d;font-size:11px}
.similar-work-card.no-link{padding-right:14px}
.similar-works-note{margin:9px 2px 0;color:var(--muted);font-size:9px;line-height:1.55}
.similar-works-loading{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.similar-works-loading i{display:block;height:92px;border-radius:17px;background:linear-gradient(100deg,rgba(237,240,244,.82) 20%,rgba(255,255,255,.96) 42%,rgba(237,240,244,.82) 64%);background-size:220% 100%;animation:similarPulse 1.25s linear infinite}
@keyframes similarPulse{to{background-position:-220% 0}}
body[data-market="otome"] .similar-work-card:hover{border-color:rgba(233,111,159,.18)}
body[data-market="otome"] .similar-work-reason i{border-color:rgba(233,111,159,.10);background:rgba(250,229,239,.78);color:#9f5978}
body[data-market="bl"] .similar-work-card{background:rgba(251,253,255,.80)}
body[data-market="bl"] .similar-work-card:hover{border-color:rgba(89,196,200,.22)}
body[data-market="bl"] .similar-work-reason i{border-color:rgba(89,196,200,.14);background:rgba(224,246,245,.85);color:#457c82}
@media(max-width:680px){
  .similar-works-head{align-items:flex-start}
  .similar-works-head>small{max-width:155px;font-size:9px}
  .similar-works-list{grid-template-columns:1fr}
  .similar-work-card{padding-top:13px;padding-bottom:13px}
  .similar-works-loading{grid-template-columns:1fr}
  .similar-works-loading i:nth-child(n+2){display:none}
}