/* SEG detail-only extension: keep the existing player, typography and fixed controls. */
.video-recommendations { max-width:1320px; margin:0 auto; padding:0 clamp(24px,6vw,84px) 84px; color:#5c283f; }
.video-recommendation-section, .video-discover { border-top:1px solid #e5c8d3; padding-top:30px; }
.video-discover { margin-top:48px; }
.video-discover:first-child { margin-top:0; }
.video-discover-empty { display:flex; flex-direction:column; justify-content:center; min-height:220px; padding:24px; background:#f8edf2; border-radius:14px; color:#715565; line-height:1.85; }
.video-discover-empty p { margin:0; }
.video-discover-empty p + p { margin-top:10px; font-size:14px; }
.video-discover-empty strong { color:#5c283f; font-size:18px; }
.video-recommendation-heading { display:flex; align-items:baseline; justify-content:space-between; gap:18px; margin-bottom:24px; }
.video-recommendation-heading h2 { margin:0; font-family:var(--font-beauty-serif),"Yu Mincho",serif; font-size:clamp(23px,2.5vw,32px); font-weight:500; line-height:1.5; overflow-wrap:anywhere; }
.video-recommendation-heading p { margin:8px 0 0; color:#715565; font-size:13px; line-height:1.8; }
.video-recommendation-heading > a { flex-shrink:0; display:inline-flex; align-items:center; gap:12px; min-height:44px; font-size:13px; color:#913655; text-underline-offset:5px; }
.video-recommendation-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.video-recommendation-card { min-width:0; position:relative; }
.video-recommendation-link { display:block; color:inherit; text-decoration:none; }
.video-recommendation-image { position:relative; aspect-ratio:16/9; overflow:hidden; border:1px solid #e5c8d3; border-radius:14px; background:#f7e7ed; }
.video-recommendation-image img { display:block; width:100%; height:100%; object-fit:contain; }
.video-recommendation-play { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:46px; height:46px; padding-left:3px; border-radius:50%; background:#9c315cd9; color:white; font-size:18px; border:1px solid #fff; }
.video-recommendation-duration { position:absolute; bottom:8px; right:8px; padding:2px 7px; border-radius:4px; background:#2f202bd9; color:white; font-size:11px; font-variant-numeric:tabular-nums; }
.video-recommendation-category { margin:14px 0 6px; font-size:11px; color:#a53761; font-weight:700; }
.video-recommendation-card h3 { margin:0; font-family:var(--font-beauty-serif),"Yu Mincho",serif; font-size:19px; font-weight:600; line-height:1.5; overflow-wrap:anywhere; }
.video-recommendation-person { margin:6px 0 0; color:#715565; font-size:12px; }
.video-recommendation-card .video-recommendation-save { position:static; min-height:44px; width:auto; margin-top:10px; padding:8px 14px; border-radius:24px; font-size:12px; }
.video-discover-tabs { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:24px; }
.video-discover-tabs[hidden], [data-discover-panel][hidden] { display:none; }
.video-discover-tabs button { min-height:46px; padding:9px 24px; color:#72344e; background:#fff; border:1px solid #e1bdcd; border-radius:24px; font:inherit; cursor:pointer; }
.video-discover-tabs button[aria-selected="true"] { background:#873451; border-color:#873451; color:#fff; }
.video-recommendations :is(a,button):focus-visible, .video-watch-notice :is(summary,input):focus-visible { outline:3px solid #9c315c; outline-offset:4px; }
.video-watch-notice { margin-top:24px; padding-top:16px; border-top:1px solid #e5c8d3; color:#715565; font-size:12px; line-height:1.85; }
.video-watch-notice summary { display:list-item; min-height:44px; cursor:pointer; color:#72344e; padding:8px 0; }
.video-watch-notice p { margin:8px 0; }
.video-watch-notice label { display:flex; align-items:flex-start; gap:10px; min-height:44px; padding:10px 0; font-size:13px; cursor:pointer; }
.video-watch-notice input { width:20px; height:20px; flex-shrink:0; margin-top:2px; accent-color:#9c315c; }
@media(max-width:700px) {
  .video-recommendations { padding:0 20px 58px; }
  .video-recommendation-heading { display:block; margin-bottom:18px; }
  .video-recommendation-heading > a { margin-top:8px; }
  .video-recommendation-grid { grid-template-columns:1fr; gap:28px; }
  .video-recommendation-card h3 { font-size:20px; }
  .video-discover { margin-top:32px; }
}