/* v2.7: Mobile-only presentation. Approved desktop art and About unchanged. */
@media (max-width: 750px) {
  .site-nav{position:relative;gap:10px;padding:14px 16px;align-items:center}
  .brand{font-size:12px;white-space:normal;flex:1}
  .nav-links{order:3;width:100%;display:flex;flex-wrap:nowrap;overflow-x:auto;gap:16px;margin:0;padding:3px 0 5px;scrollbar-width:thin}
  .nav-links a{flex:none;font-size:11px;padding:12px 0;white-space:nowrap}
  .studio-button{font-size:10px;padding:10px 11px;margin:0}
  .mobile-reading .art-frame{display:none}
  .mobile-reading .below{padding:32px 18px 56px}
  .mobile-reading .below h1{font:normal clamp(34px,10vw,48px)/1.1 Georgia,serif;letter-spacing:-.025em;margin:0 0 18px}
  .mobile-reading .below h2{font:normal 27px Georgia,serif;margin-top:32px}
  .mobile-reading .below p{font-size:15px;line-height:1.65}
  .mobile-reading .below:before{content:'✧ PIXELMAGIC STUDIOS™';display:block;color:#977643;font-size:11px;letter-spacing:.2em;margin:0 0 20px}
  .mobile-reading .preview-grid,.mobile-reading .below .cards{grid-template-columns:1fr;gap:12px}
  .mobile-reading .preview-card,.mobile-reading .below .card{min-height:0;padding:23px;display:block;border-left:3px solid #b9975b}
  .mobile-reading .preview-card strong{font-size:22px}
  .mobile-reading .below a:not(.preview-card):not(.card){text-underline-offset:4px}
  .mobile-reading .footer{font-size:10px;line-height:1.7;padding:28px 18px}
  .citizen-page .ci-hero{grid-template-columns:1fr}
  .citizen-page .hero-copy{padding:42px 20px 35px}
  .citizen-page .hero-copy h1{font-size:clamp(44px,11vw,65px)}
  .citizen-page .hero-art{min-height:170px}
  .citizen-page .hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px}
  .citizen-page .hero-actions a{text-align:center;min-height:44px}
  .citizen-page .ci-races,.citizen-page .ci-intro,.citizen-page .ci-principles,.citizen-page .ci-disclaimer{padding-left:20px;padding-right:20px}
  .citizen-page .race-grid{grid-template-columns:1fr}
  .citizen-page .race-card{min-width:0}
  .citizen-page #race-search{max-width:100%;font-size:16px}
}