/* Compact portrait pairs inside narrow result panels; shopping cards are untouched. */
.performer-compact-extra{display:none}

@media(max-width:600px){
  #messages .message.message-assistant:has(.performer-document)>.message-bubble{
    padding:0;background:transparent;border:0;box-shadow:none;
  }
  #messages .message-assistant:has(.performer-document) .reply-stream-text{
    padding:0 4px;font-size:13px;line-height:1.75;
  }
  .performer-panel{padding:12px 10px;border-radius:18px}
  .performer-head{gap:10px;padding-bottom:10px}
  .performer-head h3{font-size:22px;margin:0;line-height:1.35}
  .performer-eyebrow{display:none}
  .performer-total{padding:5px 8px;font-size:10px}
  .performer-intro,.performer-ranking-description{font-size:12px;line-height:1.65;margin:10px 0 0}
  .performer-period,.performer-updated{font-size:11px;line-height:1.6;margin-top:8px}
  .performer-updated{margin-top:2px}
  .performer-notice{font-size:10px;line-height:1.7;margin-top:12px}
  .performer-skeleton .stream-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .performer-skeleton .stream-skeleton-card:nth-child(2){display:block}
  .performer-skeleton .stream-skeleton-card:nth-child(n+3){display:none}
  .performer-skeleton .stream-skeleton-image{height:auto;aspect-ratio:4/5;max-height:220px}
  .performer-skeleton .stream-skeleton-lines{padding:10px}
}

/* Respond to the actual card panel width, including narrow split-screen windows. */
@container(max-width:560px){
  .performer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;margin-top:14px;align-items:start}
  .performer-card{border-radius:14px;box-shadow:0 3px 12px #60384408}
  .product-image.performer-image{height:auto;max-height:220px;aspect-ratio:4/5}
  .performer-image img{object-position:center 22%}
  .performer-image-shade{background:linear-gradient(180deg,transparent 70%,#fffaf9 100%)}
  .performer-rank{top:7px;left:7px;min-width:34px;height:42px;padding:4px 7px;border-radius:9px;gap:0}
  .performer-rank small{display:none}
  .performer-rank strong{font-size:25px;line-height:30px}
  .performer-rank-unrated{min-width:0;height:auto;max-width:calc(100% - 14px);padding:4px 6px;font-size:10px;line-height:16px}
  .performer-photo-count{right:6px;bottom:24px;min-height:26px;max-width:calc(100% - 12px);padding:3px 7px;font-size:10px;line-height:18px;white-space:nowrap}
  .performer-card-body{margin-top:-14px;padding:10px 9px 9px;gap:8px;background:linear-gradient(180deg,transparent,var(--performer-surface) 18px)}
  .performer-card h4{font-size:16px;line-height:1.4;letter-spacing:0;overflow-wrap:anywhere}
  .performer-metric{padding:7px 0;gap:0;align-items:flex-start}
  .performer-metric>div{gap:2px;max-width:100%}
  .performer-metric>div>span{font-size:10px;letter-spacing:0;line-height:1.5}
  .performer-metric strong{font-size:18px;line-height:1.35;overflow-wrap:anywhere}
  .performer-facts{gap:5px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .performer-facts dt{font-size:10px;line-height:1.5}
  .performer-facts dd{font-size:11px;line-height:1.55;margin-top:1px}
  .performer-facts>.performer-fact-birthday,.performer-facts .performer-zodiac-note,.performer-wide-only{display:none}
  .performer-profile-details{border:0}
  .performer-profile-details>summary{min-height:44px;padding:11px 2px;border:1px solid #ecd9e2;border-radius:8px;background:#f9edf2;text-align:center;font-size:11px;line-height:20px;list-style-position:inside}
  .performer-profile-details[open]>summary{background:#f2dfe8;margin-bottom:10px}
  .performer-profile-content{padding:0 1px 3px;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
  .performer-compact-extra{display:block}
  .performer-compact-extra .performer-aliases{font-size:11px;line-height:1.7;margin:0 0 8px}
  .performer-compact-extra .performer-description{font-size:12px;margin:0 0 8px}
  .performer-profile-list{gap:8px;margin-bottom:10px}
  .performer-profile-list>div{display:block}
  .performer-profile-list dt{font-size:10px;line-height:1.5}
  .performer-profile-list dd{font-size:12px;line-height:1.7;margin:2px 0 0}
  .performer-profile-content .performer-links{display:block}
  .performer-profile-content .performer-source,.performer-profile-content .performer-attribution-links a{min-height:44px;line-height:1.6;padding:8px 0;font-size:11px}
  .performer-profile-content .performer-attribution{margin:4px 0 10px;padding-top:8px}
  .performer-profile-content .performer-attribution-links{gap:0 8px}
  .performer-image-placeholder{padding:10px;font-size:11px;line-height:1.55}
  .performer-image-status{gap:5px}
  .performer-image-status strong{font-size:11px;line-height:1.55}
  .performer-image-status>span{font-size:10px}
  .performer-image-status>small{display:none}
  .performer-image-loading,.performer-image-error,.performer-image-locked{padding:10px;gap:7px;font-size:11px;line-height:1.5}
  .performer-image-spinner{width:22px;height:22px;border-width:2px}
  .performer-image-retry{min-height:44px;min-width:76px;padding:8px;font-size:11px}
}