/* Phone edition: comfortable type, 44px controls, and no page-wide overflow. */
@media(max-width:700px){
 html{scroll-padding-top:16px}body{overflow-wrap:break-word}
 html body:not(.phone-disabled) .wrap,html body:not(.phone-disabled) .shell{width:calc(100% - 32px);max-width:100%}
 html body:not(.phone-disabled) header[class] .masthead{padding:16px 0;gap:10px}
 html body:not(.phone-disabled) header[class] .header-actions{gap:4px}
 html body:not(.phone-disabled) header[class] .header-actions>button,html body:not(.phone-disabled) header[class] .publication-mobile-menu>summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:0;flex:none}
 html body:not(.phone-disabled) header[class] .publication-mobile-menu>summary{font-size:0}
 html body:not(.phone-disabled) header[class] .publication-mobile-menu>summary span{font-size:20px}
 html body:not(.phone-disabled) header[class] [data-open-search]{font-size:0!important}
 html body:not(.phone-disabled) header[class] [data-open-search]:before{content:'⌕';font:28px Arial,sans-serif}
 html body:not(.phone-disabled) header[class] .header-actions [data-theme-toggle]{font-size:18px}
 html body:not(.phone-disabled) header[class] .subject-nav,html body:not(.phone-disabled) header[class] #navigation{scroll-padding-inline:8px;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
 html body:not(.phone-disabled) header[class] .nav-desk .desk-toggle{width:44px;min-width:44px;min-height:50px}
 html body:not(.phone-disabled) header[class] .publication-mobile-menu nav{max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain}
 html body:not(.phone-disabled) .desk-menu{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:6px}
 html body:not(.phone-disabled) .desk-menu a{min-height:44px;padding:12px!important}
 html body:not(.phone-disabled) .hero{display:flex;flex-direction:column}
 html body:not(.phone-disabled) .hero-visual{order:0;min-height:0}
 html body:not(.phone-disabled) .hero-visual>a{min-height:0}
 html body:not(.phone-disabled) .hero-visual .lead-image{display:block;width:100%;height:auto;max-height:235px;aspect-ratio:16/9}
 html body:not(.phone-disabled) .hero-copy{order:1;padding:23px 20px}
 html body:not(.phone-disabled) .hero-copy h1{font-size:32px;line-height:1.12;letter-spacing:-.035em;margin:14px 0 18px}
 html body:not(.phone-disabled) .hero-copy .deck{font-size:16px;line-height:1.6;margin-bottom:16px}
 html body:not(.phone-disabled) .hero .briefing{order:2;display:block;padding:22px 18px}
 html body:not(.phone-disabled) .visual-caption{font-size:11px!important;line-height:1.5;padding:10px 14px!important}
 html body:not(.phone-disabled) .lead-copy h1{font-size:32px;line-height:1.12;letter-spacing:-.035em}
 html body:not(.phone-disabled) .lead-deck{font-size:16px;line-height:1.6}
 html body:not(.phone-disabled) .lead-photo .photo-wrap{height:auto;aspect-ratio:16/9}
 html body:not(.phone-disabled) .section-mast h1,html body:not(.phone-disabled) .article-head h1,html body:not(.phone-disabled) .article-header h1,html body:not(.phone-disabled) .page-header h1{font-size:34px;line-height:1.12;letter-spacing:-.03em;overflow-wrap:break-word}
 html body:not(.phone-disabled) .article-head,html body:not(.phone-disabled) .section-mast{padding-top:26px;padding-bottom:24px}
 html body:not(.phone-disabled) .article-head .deck,html body:not(.phone-disabled) .section-mast .deck{font-size:17px;line-height:1.6}
 html body:not(.phone-disabled) .article-body,html body:not(.phone-disabled) .article-body p,html body:not(.phone-disabled) .prose p{font-size:17px;line-height:1.75}
 html body:not(.phone-disabled) .article-body h2{font-size:25px;line-height:1.25}
 html body:not(.phone-disabled) .central-takeaway{padding:22px 18px;margin:28px 0}
 html body:not(.phone-disabled) .central-takeaway p{font-size:22px;line-height:1.4}
 html body:not(.phone-disabled) .cards{grid-template-columns:1fr;gap:20px}
 html body:not(.phone-disabled) .brief-story{grid-template-columns:80px minmax(0,1fr);gap:12px}
 html body:not(.phone-disabled) .brief-thumbnail{width:80px;height:86px}
 html body:not(.phone-disabled) .brief-copy h3{font-size:18px;line-height:1.25}
 html body:not(.phone-disabled) .filterable-desk .card h3{font-size:21px!important;line-height:1.22!important}
 html body:not(.phone-disabled) .filterable-desk .card .deck{font-size:14px!important;line-height:1.6!important}
 html body:not(.phone-disabled) .card-topics a,html body:not(.phone-disabled) .topic-filters button{min-height:40px;display:inline-flex;align-items:center}
 html body:not(.phone-disabled) .article-tools a,html body:not(.phone-disabled) .article-tools button{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
 html body:not(.phone-disabled) input,html body:not(.phone-disabled) select,html body:not(.phone-disabled) textarea{font-size:16px!important;max-width:100%}
 html body:not(.phone-disabled) iframe,html body:not(.phone-disabled) video{max-width:100%}
 html body:not(.phone-disabled) .sar-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 html body:not(.phone-disabled) .sar-footer-about{grid-column:1/-1}
 html body:not(.phone-disabled) .sar-footer li a{display:inline-block;padding:6px 0}
 html body:not(.phone-disabled) .sar-footer-fine{line-height:1.6}
}
@media(max-width:360px){
 html body:not(.phone-disabled) .wrap,html body:not(.phone-disabled) .shell{width:calc(100% - 24px)}
 html body:not(.phone-disabled) header[class] .header-actions{gap:2px}
 html body:not(.phone-disabled) .hero-copy{padding:20px 16px}
 html body:not(.phone-disabled) .hero-copy h1,html body:not(.phone-disabled) .lead-copy h1{font-size:29px}
 html body:not(.phone-disabled) .article-head h1,html body:not(.phone-disabled) .section-mast h1{font-size:30px}
 html body:not(.phone-disabled).frontier-edition:has(.section-mast) .filterable-desk .card>a{padding-left:0;padding-top:0}
 html body:not(.phone-disabled).frontier-edition:has(.section-mast) .filterable-desk .card .card-image{position:static;width:100%;height:auto;aspect-ratio:16/9;margin-bottom:16px}
 html body:not(.phone-disabled).frontier-edition:has(.section-mast) .filterable-desk .card .card-topics{margin-left:0}
}

@media(max-width:700px){html body:not(.phone-disabled) main{display:block!important;gap:0!important}html body:not(.phone-disabled) main>*{min-width:0;max-width:100%}html body:not(.phone-disabled) .section-mast,html body:not(.phone-disabled) .filterable-desk{width:auto;min-width:0}}