/* MAOBP desktop-only refinements. Mobile layout stays in style.css. */
@media (min-width: 1021px) {
  .wrap { width: min(1260px, calc(100% - 72px)); }
  .topbar-inner { min-height: 74px; }
  .hero { gap: clamp(32px, 4vw, 58px); padding-top: 46px; align-items: center; }
  .hero-left { gap: 22px; }
  .hero h1 .h1-cn { font-size: clamp(58px, 5.5vw, 76px); }
  .hero-lead { font-size: 15px; line-height: 1.75; }
  .hero-coin .coin-spin { width: min(100%, 450px); }
  .mintbar-head > div { border-right: 1px solid rgba(255,210,90,.25); padding-right: 12px; }
  .mintbar-head > div:last-child { border-right: 0; }
  .section { scroll-margin-top: 100px; }
  .desktop-mint-guide { display: flex; align-items: center; justify-content: space-between; gap: 14px;
    background: rgba(64,3,3,.36); padding: 13px 20px; border-radius: 15px; border: 1px solid rgba(255,210,90,.38); margin: -1px 0 18px; }
  .desktop-mint-guide span:not(.guide-arrow) { color: var(--cream); font-weight: 750; font-size: 13px; }
  .desktop-mint-guide b { color: var(--gold); margin-right: 8px; letter-spacing: 1px; }
  .desktop-mint-guide .guide-arrow { color: var(--gold); font-size: 21px; opacity: .65; }
  .agent-panel { padding: 24px 28px; }
  .mint-grid { display: grid; grid-template-columns: minmax(0, .84fr) minmax(0, 1.25fr);
    grid-template-areas: "early social" "paid social";
    gap: 20px 22px; align-items: stretch; }
  .mint-grid #earlyFreeCard { grid-area: early; }
  .mint-grid #socialFreeCard { grid-area: social; padding: 26px 30px; }
  .mint-grid .card-gold { grid-area: paid; }
  .mint-grid .card { min-width: 0; }
  .mint-grid #socialFreeCard .card-head h3 { font-size: 27px; }
  .mint-grid #socialFreeCard .note { font-size: 14.5px; line-height: 1.75; }
  .mint-grid #socialFreeCard .using-agent { margin: 14px 0 18px; }
  .mint-grid .card-gold .tiers strong { font-size: 26px; }
  .social-post-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .social-post-actions .btn { white-space: normal; font-size: 13px; padding: 13px 9px; }
  .social-platform-label { margin-top: 8px; }
  .social-post-url-label { margin-top: 10px; }
  #socialFreeCard.is-inactive { filter: none; opacity: .85; background: linear-gradient(180deg,#7c2526,#6d2928); border-color:rgba(255,210,90,.4); }
  #socialFreeCard.is-inactive .btn:disabled { opacity: .5; }
  .claim-row { margin-top: 22px; }
}
/* Safe defaults: no layout change to <1021 px. */
.desktop-mint-guide { display: none; }
@media (min-width: 1021px) { .desktop-mint-guide { display: flex; } }
.social-requirements { display:flex; align-items:center; gap:8px; flex-wrap: wrap; margin: 14px 0 19px;
  padding: 11px 12px; border-radius: 12px; border: 1px solid rgba(255,210,90,.47); background: rgba(0,0,0,.16); }
.social-requirements .requirement-label { font-size:12px; color:var(--cream-2); margin-right:4px; }
.social-requirements strong { font-size:12px; line-height:1.45; color:var(--red-ink); background:var(--gold); border-radius:7px;
  padding:4px 9px; max-width:100%; overflow-wrap:anywhere; }
.social-step { display:flex; gap:9px; align-items:center; margin: 16px 0 6px; font-weight:900; color:var(--gold); }
.social-step-num { display:grid; place-items:center; width:24px; height:24px; background:var(--gold); border-radius:50%; color:var(--red-ink); font-size:12px; flex:none; }
.social-post-actions { margin-top: 10px; }
.social-verify-status { margin:10px 0 6px; font-size:13px; border:1px dashed rgba(255,210,90,.5); border-radius:10px;
  padding:10px 12px; color:var(--cream-2); }
.social-verify-status.verified { background: rgba(26,108,59,.35); border-color:#9cf5c0; color:#d7ffe5; }