/* A separate mobile reading layout, rather than a scaled desktop cover. */
.mobile-title{display:none}
@media(max-width:700px){
  .mobile-title{display:inline}.desktop-title{display:none}
  .wrap{width:calc(100% - 40px)}
  .header{background:var(--background);backdrop-filter:none;-webkit-backdrop-filter:none}
  .masthead{padding:22px 0 26px}
  .masthead .eyebrow,.masthead-title,.masthead-bottom>span{display:none}
  .masthead-bottom p{font-size:.875rem;line-height:1.8;color:var(--text-secondary)}
  .hero{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none;width:100%;margin:0;background:transparent;color:var(--text-primary);overflow:visible}
  .hero:after,.hero-top,.hero-index,.hero .meta{display:none}
  .hero img{position:static;display:block;width:100%;height:auto;object-fit:contain;transform:none}
  .hero-copy{position:static;padding-top:20px}
  .hero h1{font-size:1.875rem;line-height:1.35;letter-spacing:-.04em;word-break:keep-all;overflow-wrap:anywhere;margin:0 0 10px}
  .hero-copy p{font-size:.9375rem;line-height:1.8;color:var(--text-secondary);max-width:none;margin:0}
  .ticker{display:none}
  .section{padding-top:48px;padding-bottom:0}
  .section-head{border-top:0;padding-top:0;gap:12px;margin-bottom:24px;align-items:center}
  .section-head h2{font-size:1.25rem;line-height:1.5;letter-spacing:-.03em}
  .section-head h2 span,.section-head>.small{display:none}
  .text-link{font-size:.875rem;letter-spacing:0;min-height:44px}
  .section-head .text-link{gap:8px;white-space:nowrap}
  .editorial-grid{gap:32px}
  .story .category{font-size:.75rem;letter-spacing:.06em;color:var(--text-secondary);margin:18px 0 8px}
  .story h3{font-size:1.375rem;line-height:1.5;letter-spacing:-.035em}
  .story p{font-size:1rem;line-height:1.8}
  .story .meta{font-size:.75rem;letter-spacing:.02em}
  .story .meta>span:first-child{display:none}
  .side-stories,.three-grid{gap:0}
  .side-story,.three-grid .story{display:grid;grid-template-columns:minmax(0,1fr) 88px;align-items:start;gap:20px;border-bottom:1px solid var(--border);padding:24px 0}
  .side-story:first-child,.three-grid .story:first-child{padding-top:0}
  .side-story:last-child,.three-grid .story:last-child{border-bottom:0;padding-bottom:0}
  .side-story .image-box,.three-grid .story .image-box{order:2;aspect-ratio:1}
  .side-story .story-copy,.three-grid .story .story-copy{order:1}
  .side-story .category,.three-grid .story .category{margin:0 0 7px}
  .side-story h3,.three-grid .story h3{font-size:1.0625rem;line-height:1.6;margin-bottom:8px;overflow-wrap:anywhere}
  .side-story .meta,.three-grid .story .meta{font-size:.75rem}
  .feature{margin:48px 0 0;padding:26px 22px}
  .feature-intro>div>.small{display:none}
  .feature-intro h2{font-size:1.75rem;line-height:1.35;letter-spacing:-.04em;margin:0 0 16px}
  .feature-intro p{font-size:1rem;line-height:1.8;margin:0 0 12px}
  .feature .image-box{margin-top:18px;aspect-ratio:auto}
  .feature .image-box img{display:block;height:auto;object-fit:contain}
  main>.feature .specs,main>.feature .spec-note{display:none}
  .archive-header{padding:30px 0 32px}
  .archive-header>.small{display:none}
  .archive-header h1{font-size:2.5rem;margin:0 0 14px;line-height:1.2}
  .archive-header p{font-size:1rem;line-height:1.8}
  .filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:24px}
  .filter{text-align:center;display:grid;place-items:center;font-size:.875rem;padding:12px 6px;min-height:44px}
  .archive-grid{gap:40px}
  .article-header{padding:24px 0 28px}
  .article-header h1{font-size:1.875rem;line-height:1.45;letter-spacing:-.04em;margin:16px 0}
  .article-header .tag{font-size:.75rem;padding:0;background:none;color:var(--accent);letter-spacing:.06em}
  .article-header .meta{font-size:.75rem;line-height:1.7;gap:6px 14px;margin-top:18px;letter-spacing:0}
  .article-header .meta>span:first-child{flex-basis:100%}
  .caption{font-size:.75rem;line-height:1.7;margin-top:12px}
  .prose{font-size:1rem;line-height:1.95;margin:36px auto}
  .prose .lead{font-size:1.0625rem;line-height:1.95}
  .prose h2{font-size:1.375rem;margin:36px 0 16px}
  .prose blockquote{font-size:1.25rem;line-height:1.8;margin:32px 0;padding:4px 0 4px 18px;letter-spacing:-.025em}
  .spec label{font-size:.75rem;letter-spacing:0;line-height:1.5}.spec strong{font-size:1.75rem}.spec{min-width:0}
  .spec-note{font-size:.75rem!important;line-height:1.8!important}
  .footer{margin-top:52px;padding-top:32px}
  .footer .logo{font-size:1.75rem}
  .footer-top{padding-bottom:20px}
  .footer p{font-size:.875rem;line-height:1.8;word-break:keep-all}
  .footer-right,.footer-bottom>span:last-child{display:none}
  .footer-bottom{font-size:.75rem;letter-spacing:0;padding-top:18px}
  .search-dialog{padding:20px}.dialog-head h2{font-size:1.25rem}
}
@media(max-width:360px){
  .side-story,.three-grid .story{grid-template-columns:minmax(0,1fr) 72px;gap:16px}
  .section-head{align-items:flex-start}.section-head h2{font-size:1.125rem}
}