/* Mobile-only corrections. Desktop styling remains in the existing sheets. */
@media (max-width:767px) {
  .site-header .site-nav { gap:8px; }
  .site-header .site-nav button { flex:0 1 auto; width:auto; min-width:0; font-size:14px; white-space:nowrap; overflow-wrap:normal; hyphens:none; }
  .site-header .mobile-search-trigger,.site-header .profile-link { width:32px; min-width:32px; flex:0 0 32px; }

  .collection-card[hidden] { display:none; }
  .collection-card:not([hidden]) { display:grid; grid-template-rows:108px 65px; }
  .collection-card>img { min-width:0; min-height:0; height:108px; width:100%; }
  .collection-card>img.collection-card-placeholder { padding:24px; height:108px; width:100%; }
  .collection-card>div { height:65px; min-width:0; padding:5px 8px 7px; display:grid; grid-template-rows:14px 19px 16px; row-gap:2px; }
  .collection-card h3 { position:static; grid-row:1; max-width:100%; min-width:0; font-size:11px; line-height:14px; }
  .collection-card small { position:static; grid-row:2; min-width:0; max-height:19px; font-size:9px; line-height:9.5px; }
  .collection-card small.is-long,.collection-card small.is-very-long { font-size:9px; line-height:9.5px; }
  .collection-card .collection-card-financials { position:static; grid-row:3; display:flex; min-width:0; gap:4px; height:16px; align-items:center; }
  .collection-card .collection-card-financials strong { flex:1 1 0; max-width:none; min-width:0; font-size:12px; line-height:16px; white-space:nowrap; }
  .collection-card .collection-card-financials p { flex:0 0 auto; max-width:48%; font-size:9px; line-height:16px; white-space:nowrap; overflow-wrap:normal; }

  .detail-panel>div { grid-template-columns:minmax(0,1fr); }
  .detail-thumbs { align-items:start; }
  .detail-thumbs button { min-width:0; }
  .detail-panel strong { display:block; width:100%; min-width:0; max-width:100%; min-height:30px; font-size:22px; line-height:30px; }
  .detail-actions>button,.detail-actions>.wide { width:100%; max-width:100%; padding:6px 8px; white-space:normal; overflow-wrap:normal; }
  .profile-card-actions { width:100%; flex-wrap:nowrap; }
  .profile-card-actions>button { flex:0 0 auto; min-width:0; height:40px; min-height:40px; padding:10px 16px; font-size:13px; line-height:18px; }
  .profile-card-actions>button:last-child { height:42px; min-height:42px; }
  .membership-card dl dd { font-size:13px; }
}

@media (max-width: 767px) {
  /* Empty composer must use the same centered row before any JS resize runs. */
  .composer textarea:placeholder-shown {
    box-sizing: border-box;
    height: 46px !important;
    min-height: 46px;
    max-height: 46px;
    line-height: 22px;
    padding-block: 12px;
  }
  .composer textarea:placeholder-shown::placeholder {
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

@media (max-width: 767px) {
  /* Native tap tint can cover large upload labels or delegated click targets. */
  html { -webkit-tap-highlight-color: transparent; }
}

@media (max-width: 767px) {
  .add-form > .form-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:center; }
  .add-form > .form-actions button:first-child,
  .add-form > .form-actions button:last-child { width:100%; min-width:0; height:48px; min-height:48px; max-height:48px; padding:8px 12px; white-space:nowrap; }
}

@media (max-width: 767px) {
  /* Keep the collection title/count and add control on their original row. */
  .collection-heading { display:grid; grid-template-columns:minmax(0,1fr) 80px; gap:12px; align-items:center; }
  .collection-heading h2 { min-width:0; margin:0; white-space:normal; line-height:22px; }
  .collection-heading .outline-button { width:80px; min-width:80px; height:29px; min-height:29px; max-height:29px; padding:0 8px; font-size:10px; line-height:27px; white-space:nowrap; }
}

@media(max-width:767px){
  /* Clip horizontal drag only; controls extend below the fixed hero height. */
  [data-hero-carousel]{overflow-x:clip;overflow-y:visible}
  .mobile-swiping .opportunity-art,.mobile-swiping .opportunity-insight,.mobile-swiping .hero-slides,.mobile-swiping .hero-question{will-change:translate}
  #opportunityCard.mobile-swiping .opportunity-art>a,#opportunityCard.mobile-swiping .opportunity-art figcaption,#opportunityCard.mobile-swiping .opportunity-insight{transition:none;transform:none;opacity:1}
}