.content-search-layout { min-width: 0; }
.detail-summary h1 { font-size: 28px; line-height: 1.3; }
.detail-summary > .section-kicker { font-size: 15px; }
.detail-copy .detail-tags { margin-bottom: 12px; }
.detail-tags strong { color: var(--ink); }
.detail-search-box { position: relative; display: flex; align-items: center; justify-content: flex-start; gap: 12px; }
.detail-search-box .search-button { min-height: 46px; padding-inline: 24px; }
.detail-search-hint { position: relative; flex: none; width: 58px; height: 46px; margin: 0; }
.detail-search-hint .hint-rocket { top: -6px; left: 0; right: auto; transform: rotate(-90deg); animation: detail-rocket-approach 2.4s ease-in-out infinite; }
.detail-search-hint[hidden] { display: none; }
@keyframes detail-rocket-approach { 0%, 10%, 28%, 38%, 56%, 100% { transform: translateX(0) rotate(-90deg); } 19%, 47% { transform: translateX(-8px) rotate(-90deg); } }
@media (prefers-reduced-motion: reduce) { .detail-search-hint .hint-rocket { animation: search-hint-breathe 2.4s ease-in-out infinite; transform: rotate(-90deg) !important; } }
.cast-panel > summary { cursor: pointer; font-size: 16px; font-weight: 700; }
.cast-panel > summary:focus-visible { outline: 2px solid #86e7ff; outline-offset: 4px; }
.search-line-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:38px;font-size:16px;padding-inline:11px;line-height:1.2;vertical-align:middle}
.search-line-button:hover,.search-line-button:focus-visible{transform:none}
.search-line-button[aria-pressed="true"] { border-color: #86e7ff; background: #4cc5e7; color: #061526; font-weight: 700; }
.search-line-button[aria-pressed="true"]:hover { background: #86e7ff; }
.detail-cover[data-detail-media], .cast-avatar[data-detail-media] { opacity: 0; }
.detail-cover[data-detail-media].is-loaded, .cast-avatar[data-detail-media].is-loaded { opacity: 1; }
.detail-poster { position: relative; width: 100%; }
.detail-episodes { position: absolute; right: 8px; bottom: 8px; z-index: 1; padding: 3px 6px; border-radius: 4px; background: rgba(5, 15, 27, .82); color: #fff; font-size: 12px; }
.content-search-layout.has-content-ranking, .content-search-layout.has-search-heat { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, 300px); gap: 20px; align-items: start; }
.content-search-layout > .search-results { min-width: 0; }
.detail-page .content-search-layout { margin-top: 18px; }
.detail-page .content-search-layout > .search-results, .detail-page .content-search-layout > .content-ranking-sidebar { margin-top: 0; }
.search-side-column { min-width: 0; display: grid; gap: 16px; margin-top: 22px; }
.content-search-layout.has-content-ranking > .search-results, .content-search-layout.has-search-heat > .search-results { grid-column: 1; grid-row: 1; }
.content-search-layout.has-content-ranking > .search-side-column, .content-search-layout.has-search-heat > .search-side-column { grid-column: 2; grid-row: 1; }
.search-side-column > .content-panel { min-width: 0; margin-top: 0; }
.search-heat-panel { padding: 20px; text-align: left; }
.search-heat-panel .section-heading h2 { font-size: 17px; }
.search-heat-panel .heat-terms { grid-template-columns: minmax(0, 1fr); }
.content-ranking-sidebar { min-width: 0; padding: 20px; text-align: left; }
.content-ranking-sidebar[hidden] { display: none; }
.content-ranking-sidebar h3 { margin: 0 0 10px; }
.content-ranking-sidebar p { color: var(--muted); font-size: 13px; line-height: 1.7; }
.content-ranking-sidebar .ranking-card { min-width: 0; }
.content-ranking-sidebar .ranking-card-body { display:block;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal; }
@media (max-width: 760px) { .detail-summary h1 { font-size: 24px; } .content-search-layout.has-content-ranking, .content-search-layout.has-search-heat { grid-template-columns: minmax(0, 1fr); gap: 0; } .content-search-layout.has-content-ranking > .search-side-column, .content-search-layout.has-search-heat > .search-side-column { grid-column: 1; grid-row: 2; } }
