/* J60: Base styles for PC */
.discovery-person-overlay { display: none; }
.hashtags { display: none; }
.discovery-home { display:block!important; }
.discovery-section { margin:24px 0; min-width:0; }
.discovery-cards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.discovery-card { min-width:0; text-align:left; }
.discovery-card > .wd-image { width:100%; }
.discovery-card h3 { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; overflow:hidden; white-space:normal; overflow-wrap:anywhere; min-height:2.8em; line-height:1.4; }
.discovery-card p { display:block; overflow:visible; white-space:normal; overflow-wrap:anywhere; max-height:none; -webkit-line-clamp:unset; }
.discovery-person { display:block; font-weight:700; }
.discovery-controls { display:flex; flex-wrap:wrap; gap:12px; margin:16px 0; }
.discovery-controls label { display:grid; gap:6px; min-width:0; flex:1 1 240px; }
.discovery-controls select { width:100%; min-width:0; max-width:100%; }
@media(max-width:700px) { .discovery-cards { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } }

/* 폰 홈을 제타처럼: 그림 크게·글 짧게·선택 칸 숨김·아래 고정 탭 (PC 는 그대로) */
@media(max-width:767px){
  body:not(.chat-active) .world-filter,body:not(.chat-active) #resultCount,body:not(.chat-active) #discoveryControls{display:none!important}
  #discovery07 .discovery-section>p{display:none}
  #discovery07 .discovery-section>h3{font-size:17px;margin:22px 0 10px}
  #discovery07 .discovery-cards{gap:10px 8px}
  #discovery07 .discovery-card{padding:0!important;border-radius:12px;overflow:hidden;background:#1b1823;border:0}
  #discovery07 .discovery-card>.wd-image{aspect-ratio:3/4;height:auto!important;position:relative;overflow:hidden;border-radius:12px 12px 0 0}
  #discovery07 .discovery-card>.wd-image .portrait{position:absolute!important;inset:0;height:100%!important;aspect-ratio:auto;border-radius:0}
  #discovery07 .discovery-card .genre,#discovery07 .discovery-card .bottom{display:none!important}
  #discovery07 .discovery-card .discovery-person{display:block;padding:8px 10px 0;font-size:12px;color:var(--gold)}
  #discovery07 .discovery-card h3{font-size:14px;line-height:1.35;min-height:0;margin:2px 10px 4px}
  #discovery07 .discovery-card p{font-size:12px;line-height:1.45;color:#b8afc6;margin:0 10px 10px;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden!important}
  body:not(.chat-active) header.top nav{position:fixed;left:0;right:0;bottom:0;z-index:60;height:58px;margin:0;padding:0 8px env(safe-area-inset-bottom);display:flex;justify-content:space-around;align-items:stretch;gap:0;background:#121019f2;border-top:1px solid var(--line);backdrop-filter:blur(8px)}
  body:not(.chat-active) header.top nav .nav{flex:1;border-bottom:0;border-top:2px solid transparent;font-size:14px}
  body:not(.chat-active) header.top nav .nav.active{border-top-color:var(--gold)}
  body:not(.chat-active){padding-bottom:64px}
  body.chat-active header.top nav{display:none}

  /* J60: Phone specific styles */
  #discovery07 .discovery-card .discovery-person { display: none !important; }
  #discovery07 .discovery-person-overlay {
      display: block;
      position: absolute;
      bottom: 0; left: 0; right: 0;
      padding: 30px 10px 8px;
      background: linear-gradient(transparent, rgba(0,0,0,0.85));
      color: var(--gold, #e1c87a);
      font-size: 14px;
      font-weight: 700;
      z-index: 2;
      border-radius: 0 0 12px 12px;
  }
  #discovery07 .hashtags {
      display: block;
      font-size: 11px;
      color: #b8afc6;
      margin: 0 10px 12px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }
  body:not(.chat-active) .hero { min-height: 140px !important; margin-bottom: 15px !important; padding: 20px 15px !important; }
  body:not(.chat-active) .section-head { gap: 8px !important; margin: 10px 0 !important; }
  body:not(.chat-active) .section-head h2 { font-size: 18px !important; margin: 0 !important; }
  body:not(.chat-active) .filters { margin-bottom: 10px !important; }
  #discovery07 .discovery-section { margin: 10px 0 !important; }
  #discovery07 .discovery-section>h3 { margin: 15px 0 10px !important; }
}

/* 「이어서 대화」 칸: 폰에서는 genre 칸을 「n번째 대화」 표시로 재사용한다(다른 카드의
   genre 숨김은 그대로 둔다 — 이 칸에만 다시 보인다). PC(1280)는 위 media 밖이라 그대로다. */
@media(max-width:767px){
  #discovery07 [data-continue-rail] .discovery-card .genre{display:block!important;margin:2px 10px 0;padding:0;font-size:11px}
}