/* Phone and tablet refinements; desktop remains governed by styles.css. */
@media(max-width:900px){
 .site-header{position:relative!important;inset:auto!important}
 .header-inner{position:relative;min-height:72px!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important}
 .signature{width:165px!important;max-height:55px;object-fit:contain}
 .header-buy{display:none!important}
 .menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;min-width:64px;margin:0;font:700 14px Arial,sans-serif}
 .nav{display:none!important}
 .nav.is-open{display:flex!important;position:absolute;inset:100% -14px auto!important;z-index:50;background:#141719!important;padding:14px 20px!important;gap:0!important;align-items:stretch!important;flex-direction:column;box-shadow:0 12px 24px #0005}
 .nav a{display:flex;align-items:center;min-height:48px;padding:10px 6px;font-size:13px;line-height:1.4}
 .container,.page-hero>.container{width:calc(100% - 32px);padding-left:0;padding-right:0}
 .grid-3,.books-row,.split,.footer-grid,.subscribe-grid,.vote-grid,.vote-book-grid{grid-template-columns:minmax(0,1fr)!important}
 .split,.subscribe-grid,.footer-grid{gap:28px}
 .page-hero{padding-top:38px!important;padding-bottom:32px!important;min-height:0!important}
 .page-hero h1{font-size:clamp(36px,9vw,52px);line-height:1.12;overflow-wrap:break-word}
 .section{padding:42px 0}
 .section-title{font-size:clamp(30px,8vw,42px);line-height:1.15}
 .section p,.page-hero p,.prose{font-size:17px;line-height:1.65}
 .books-row{gap:40px!important}.book-tile{min-width:0;max-width:380px;width:100%;margin-inline:auto}
 .navy-cover-wrap{max-width:290px;margin-inline:auto}
 .book-tile h3{line-height:1.2}.book-tile p{margin-bottom:12px}
 .card-link,.vote-preview{display:inline-flex;align-items:center;min-height:44px}
 .btn,.vote-subscribe{min-height:48px;white-space:normal;text-align:center}
 input,textarea,select{font-size:16px!important;max-width:100%}
 iframe,video{max-width:100%}iframe[src*="youtube"]{width:100%;height:auto;aspect-ratio:16/9}
 .article{grid-template-columns:minmax(0,1fr);gap:8px}
 .footer{padding-top:36px}.footer-bottom{gap:14px;flex-wrap:wrap}
 .vote-banner{padding:11px 14px;font-size:14px;line-height:1.45}
 /* Keep the original comic voting button, with room for its burst edges. */
 .voting-page .vote-hero{padding:22px 0 30px!important}
 .voting-page .vote-grid{gap:24px!important}
 .voting-page .vote-kicker{font-size:11px;letter-spacing:.12em;line-height:1.5}
 .voting-page .vote-hero h1{font-size:clamp(38px,10vw,52px);line-height:1.03;margin:12px 0 14px}
 .voting-page .vote-lead{font-size:19px;line-height:1.45;margin:0 0 8px}
 .voting-page .vote-action{display:flex;width:calc(100% - 24px)!important;max-width:460px;height:120px!important;margin:12px auto 20px!important}
 .voting-page .vote-note{font-size:16px;line-height:1.55;margin-top:18px}
 .voting-page .vote-portrait{max-width:440px;margin-inline:auto;height:auto}
 .voting-page .vote-about,.voting-page .vote-books{padding:32px 0}
 .voting-page .vote-about p:not(.vote-kicker),.voting-page .vote-books p{font-size:17px;line-height:1.65}
 .voting-page .vote-about h2,.voting-page .vote-books h2{font-size:30px;line-height:1.2}
 .voting-page .vote-book-grid{gap:24px!important}
 .voting-page .vote-book-grid>img{max-width:220px;margin-inline:auto}
 .voting-page .vote-subscribe{width:100%;padding:16px 20px}
 /* Bring the homepage copy forward without covering the portrait. */
 #home-fade-repair .hero{min-height:0!important;padding-bottom:0;display:flex;flex-direction:column}
 #home-fade-repair .hero-inner{padding-top:30px!important;padding-bottom:28px!important;order:0}
 #home-fade-repair .hero-copy{width:100%!important}
 #home-fade-repair .hero h1{font-size:clamp(42px,11vw,62px)!important;margin-bottom:16px}
 #home-fade-repair .hero-text{font-size:18px;line-height:1.5;margin-bottom:22px}
 #home-fade-repair .hero-photo{position:relative!important;inset:auto!important;order:1;width:100%!important;height:420px!important;object-position:50% 32%;filter:none}
 #home-fade-repair .hero::before,#home-fade-repair .hero-bottom-fade{display:none!important}
 #home-fade-repair .hero-quote{display:none}
 #home-fade-repair .gold-rule{margin:18px 0}
 #home-fade-repair .actions{flex-direction:column;gap:12px}
 #home-fade-repair .current-work{padding-top:32px}
}
@media(max-width:360px){.container{width:calc(100% - 24px)}.signature{width:145px!important}.voting-page .vote-kicker{letter-spacing:.07em}.voting-page .vote-action{height:108px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:600px){
 .podcast-card{grid-template-columns:64px minmax(0,1fr);gap:14px;padding:18px}
 .podcast-card .card-link{grid-column:2}
 .prose a,.footer a{overflow-wrap:anywhere}
 .vote-book-grid>div,.split>div,.subscribe-grid>div{min-width:0}
}