/* Mobile usability layer for the magazine landing and article pages. */
@media (max-width:760px){
 .magazine-page{overflow-x:hidden}
 .magazine-page .journal-main{padding:10px 12px 58px}
 .mag-site-header{box-shadow:0 8px 24px #2620440b}
 .mag-site-header__row{grid-template-columns:minmax(0,1fr) auto;gap:9px 10px;padding:11px 12px 8px}
 .mag-logo{min-width:0;min-height:44px;align-content:center;font-size:24px}
 .mag-logo small{font-size:5.5px}
 .mag-site-header__cta{width:auto;min-width:0;min-height:44px;padding:9px 11px;gap:7px;font-size:10px;white-space:nowrap}
 .mag-site-header__cta span{font-size:17px}
 .mag-site-header__nav{width:calc(100% + 24px);margin:0 -12px;gap:7px;padding:1px 12px 8px;scroll-padding-inline:12px;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;scrollbar-width:none}
 .mag-site-header__nav::-webkit-scrollbar,.mag-editions__rail::-webkit-scrollbar{display:none}
 .mag-site-header__nav a{display:inline-flex;flex:none;align-items:center;min-height:40px;padding:0 13px;border:1px solid #e7e1f2;border-radius:999px;background:#fff;color:#30395e;font-size:11px;scroll-snap-align:start}
 .mag-site-header__nav a:first-child{border-color:#d8cdf8;background:#f2edff;color:#5c3fd0}

 .mag-hero{border-radius:22px}
 .mag-hero__copy{padding:24px 20px 20px}
 .mag-hero h1{margin:10px 0 13px;font-size:clamp(46px,13vw,56px);line-height:.86}
 .mag-hero__copy>p{font-size:14px;line-height:1.55}
 .mag-hero__actions{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;gap:8px;margin-top:17px}
 .mag-button{min-height:48px;padding:12px 14px;gap:10px;white-space:nowrap}
 .mag-hero__second{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 4px;font-size:12px}
 .mag-hero__signature{margin-top:16px;font-size:17px;line-height:1.3}
 .mag-hero__art{aspect-ratio:1.24}
 .mag-hero__art img{object-position:center 28%}
 .mag-eyebrow,.mag-kicker{font-size:9px;line-height:1.55}

 .mag-section,.mag-editions,.mag-results{margin-top:38px}
 .mag-section-head{align-items:flex-start;gap:10px;margin-bottom:17px}
 .mag-section-head h2{font-size:clamp(29px,8.7vw,35px);line-height:1}
 .mag-section-head>a{display:inline-flex;flex:none;align-items:center;justify-content:flex-end;min-height:40px;padding:0 2px;font-size:11px}
 .mag-editions__rail{gap:9px;padding:3px 28px 6px 0;scrollbar-width:none}
 .mag-edition{flex-basis:137px;border-radius:16px;scroll-snap-align:start}
 .mag-edition strong{padding:10px 10px 0;font-size:12px}
 .mag-edition small{padding:4px 10px 12px;font-size:10px}
 .mag-intro{gap:10px;margin-top:34px;padding:22px 2px}
 .mag-intro h2{font-size:30px;line-height:1.06}
 .mag-intro>p{font-size:14px;line-height:1.7}

 .mag-grid--latest,.mag-grid--more,.mag-grid--beauty,.mag-grid--results{gap:12px}
 .mag-card{border-radius:18px}
 .mag-card__image{aspect-ratio:1.72}
 .mag-card__body{padding:16px}
 .mag-card h3{margin:10px 0 7px;font-size:23px;line-height:1.08}
 .mag-card__body>p{font-size:13.5px;line-height:1.55}
 .mag-card__meta{padding-top:14px;font-size:10px}
 .mag-card__category{min-height:25px;padding:6px 8px;font-size:9.5px}
 .mag-card__arrow{width:36px;height:36px}
 .mag-grid--latest .mag-card:not(:first-child),.mag-grid--beauty .mag-card:not(:first-child),.mag-grid--more .mag-card{display:grid;grid-template-columns:108px minmax(0,1fr)}
 .mag-grid--latest .mag-card:not(:first-child) .mag-card__image,.mag-grid--beauty .mag-card:not(:first-child) .mag-card__image,.mag-grid--more .mag-card .mag-card__image{height:100%;min-height:174px;aspect-ratio:auto}
 .mag-grid--latest .mag-card:not(:first-child) .mag-card__arrow,.mag-grid--beauty .mag-card:not(:first-child) .mag-card__arrow,.mag-grid--more .mag-card .mag-card__arrow{right:7px;top:7px;width:32px;height:32px}
 .mag-grid--latest .mag-card:not(:first-child) .mag-card__body,.mag-grid--beauty .mag-card:not(:first-child) .mag-card__body,.mag-grid--more .mag-card .mag-card__body{padding:13px 12px}
 .mag-grid--latest .mag-card:not(:first-child) h3,.mag-grid--beauty .mag-card:not(:first-child) h3,.mag-grid--more .mag-card h3{display:-webkit-box;overflow:hidden;margin:8px 0 5px;font-size:18px;line-height:1.08;-webkit-box-orient:vertical;-webkit-line-clamp:4}
 .mag-grid--latest .mag-card:not(:first-child) .mag-card__body>p,.mag-grid--beauty .mag-card:not(:first-child) .mag-card__body>p,.mag-grid--more .mag-card .mag-card__body>p{display:none}
 .mag-grid--latest .mag-card:not(:first-child) .mag-card__meta,.mag-grid--beauty .mag-card:not(:first-child) .mag-card__meta,.mag-grid--more .mag-card .mag-card__meta{gap:3px;padding-top:8px;font-size:9px}
 .mag-grid--latest .mag-card:not(:first-child) .mag-card__meta span:first-child,.mag-grid--beauty .mag-card:not(:first-child) .mag-card__meta span:first-child,.mag-grid--more .mag-card .mag-card__meta span:first-child{display:none}

 .mag-editorial{padding:12px;border-radius:21px}
 .mag-editorial .mag-section-head{padding:4px 4px 0}
 .mag-card--feature h3{font-size:27px}
 .mag-card--compact{grid-template-columns:108px minmax(0,1fr)}
 .mag-card--compact .mag-card__body{padding:12px}
 .mag-card--compact h3{font-size:18px}
 .mag-letter{gap:17px;margin-top:39px;padding:25px 20px;border-radius:22px}
 .mag-letter h2{font-size:35px;line-height:.98}
 .mag-letter__copy>p{font-size:14px;line-height:1.65}
 .mag-letter__form>label:first-child{font-size:12px}
 .mag-letter__form input[type=email],.mag-letter__form button{min-height:48px}
 .mag-letter__consent{gap:9px;font-size:12px;line-height:1.55}
 .mag-letter__consent span{min-width:0}
 .mag-letter__consent input{width:18px;height:18px;margin:0}
 .mag-letter__form>small{font-size:11px;line-height:1.55}
 .mag-ai{margin-top:42px;padding:27px 20px;border-radius:23px}
 .mag-ai h2{font-size:38px;line-height:.98}
 .mag-ai p{font-size:14px;line-height:1.65}
 .mag-ai .mag-button{width:100%}
 .mag-topics{gap:16px;margin-top:40px;padding-top:27px}
 .mag-topics h2{font-size:31px}
 .mag-topics nav{gap:8px}
 .mag-topics nav a{min-height:44px;padding:10px 13px;font-size:11px}

 body:not(.magazine-page) .journal-header{padding:10px 14px}
 body:not(.magazine-page) .journal-logo{display:inline-flex;align-items:center;min-height:44px}
 body:not(.magazine-page) .journal-header .journal-go{display:inline-flex;align-items:center;min-height:44px;padding:9px 12px;font-size:11px}
 body:not(.magazine-page) .journal-main{padding:14px 14px 56px}
 body:not(.magazine-page) .journal-crumbs{margin:2px 0 20px;line-height:1.7}
 body:not(.magazine-page) .journal-crumbs a{display:inline-block;padding:7px 0;margin:-7px 0}
 body:not(.magazine-page) .journal-article h1{font-size:clamp(32px,9vw,38px);line-height:1.04}
 body:not(.magazine-page) .journal-lead{font-size:17px;line-height:1.55}
 body:not(.magazine-page) .journal-toc a{display:flex;align-items:center;min-height:44px}
 body:not(.magazine-page) .journal-article .journal-copy summary{display:flex;align-items:center;min-height:50px;line-height:1.45}
 body:not(.magazine-page) .journal-share a,body:not(.magazine-page) .journal-share button{display:inline-flex;align-items:center;min-height:44px}
}

@media (max-width:350px){
 .mag-site-header__cta{font-size:10px}
 .mag-logo{font-size:22px}
 .mag-logo small{letter-spacing:.6em}
 .mag-hero__copy{padding-inline:18px}
 .mag-grid--latest .mag-card:not(:first-child),.mag-grid--beauty .mag-card:not(:first-child),.mag-grid--more .mag-card,.mag-card--compact{grid-template-columns:96px minmax(0,1fr)}
}

@media (prefers-reduced-motion:reduce){
 .mag-site-header__nav,.mag-editions__rail{scroll-behavior:auto}
}