/* Mobile publication layouts. Desktop composition remains in the existing styles. */
@media(max-width:650px){
 body .page-hero:not(.magazine-opening){padding:20px 18px!important;margin-top:0!important;margin-bottom:20px!important}
 body .page-hero:not(.magazine-opening) h1{font-size:30px!important;line-height:1.13!important;margin:10px 0 14px!important}
 body .page-hero:not(.magazine-opening) .lead{font-size:15px!important;line-height:1.55!important;margin-bottom:14px!important}
 body .page-hero:not(.magazine-opening)>.eyebrow{margin-bottom:8px!important}
 body .page-hero:not(.magazine-opening) .article-meta,body .page-hero:not(.magazine-opening) .home-author{font-size:12px!important;margin:8px 0!important}
 body .page-hero .subject-legend{margin-top:12px!important}
 .magazine-opening{padding:20px 16px!important;gap:16px!important}
 .magazine-opening-copy h1{font-size:32px!important;line-height:1.12!important;margin:10px 0 14px!important}
 .magazine-opening-copy .lead{font-size:16px!important;line-height:1.5!important;margin-bottom:14px!important}
 .magazine-opening-copy>p:last-child{font-size:12px!important;margin:8px 0!important}
 /* Lead story remains large; supporting stories use landscape images on the left. */
 body.news-index-compact .news-feature-row{gap:18px;margin-bottom:18px}
 body.news-index-compact .news-grid,body.news-index-compact .news-feature-support{gap:14px!important}
 body.news-index-compact .news-feature-support .news-compact-card>a,body.news-index-compact .news-grid .news-compact-card>a{grid-template-columns:125px minmax(0,1fr)!important;gap:12px;padding:12px!important;align-items:start}
 body.news-index-compact .news-feature-support .news-card-photo,body.news-index-compact .news-grid .news-card-photo{grid-column:1!important;grid-row:1!important;width:125px!important;height:82px!important;margin:0!important}
 body.news-index-compact .news-feature-support .card-copy,body.news-index-compact .news-grid .card-copy{grid-column:2!important;grid-row:1!important;padding:0!important;min-width:0}
 body.news-index-compact .news-compact-card h2{font-size:19px!important;line-height:1.2!important;margin:6px 0 8px!important;overflow:visible!important}
 body.news-index-compact .news-feature-lead h2{font-size:26px!important}
 body.news-index-compact .news-feature-lead .news-card-photo{height:auto!important;aspect-ratio:16/9!important}
 body.news-index-compact .news-compact-card .eyebrow{font-size:9px!important;letter-spacing:.7px!important}
 .news-card-meta{display:flex;flex-wrap:wrap;gap:3px 8px;align-items:baseline}
 body.news-index-compact .news-card-meta .home-author,body.news-index-compact .news-card-meta .news-card-date{display:inline!important;font:11px/1.4 Arial!important;margin:0!important}
 body.news-index-compact .news-feature-support .news-summary,body.news-index-compact .news-grid .news-summary{display:none!important}
 body.news-index-compact .news-feature-lead .news-summary{display:block!important;font-size:14px!important}
 /* Homepage: one strong feature, then readable compact rows, never tiny two-column cards. */
 .editorial-cards[data-auto-feed="home-guides"],.editorial-cards[data-auto-feed="home-buying"]{grid-template-columns:1fr!important;gap:16px!important}
 .editorial-cards[data-auto-feed="home-guides"] h3,.editorial-cards[data-auto-feed="home-buying"] h3{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;font-size:20px!important;line-height:1.2!important}
 .editorial-cards[data-auto-feed="home-guides"] .editorial-card:not(:first-child)>a,.editorial-cards[data-auto-feed="home-buying"] .editorial-card>a{display:grid;grid-template-columns:116px minmax(0,1fr);gap:12px;padding:12px}
 .editorial-cards[data-auto-feed="home-guides"] .editorial-card:not(:first-child) .thumbnail-preview,.editorial-cards[data-auto-feed="home-buying"] .thumbnail-preview{width:116px;height:88px;margin:0;align-self:start}
 .editorial-cards[data-auto-feed="home-guides"] .editorial-card:not(:first-child) img,.editorial-cards[data-auto-feed="home-buying"] img{width:100%!important;height:88px!important;object-fit:cover}
 .editorial-cards[data-auto-feed="home-guides"] .editorial-card:not(:first-child) .card-copy,.editorial-cards[data-auto-feed="home-buying"] .card-copy{padding:0!important;min-width:0}
 .editorial-cards[data-auto-feed="home-guides"] .editorial-card:not(:first-child) .card-copy>p:not(.eyebrow):not(.home-author),.editorial-cards[data-auto-feed="home-buying"] .card-copy>p:not(.eyebrow):not(.home-author),.editorial-cards[data-auto-feed="home-guides"] .editorial-card:not(:first-child) .read-link,.editorial-cards[data-auto-feed="home-buying"] .read-link{display:none!important}
 .editorial-cards[data-auto-feed="home-guides"] .editorial-card:first-child img{height:205px!important}
 .editorial-cards[data-auto-feed="home-guides"] .editorial-card:first-child .card-copy{padding:16px!important}
 .editorial-cards .home-author{font-size:12px!important}
 /* Guide frames, including the carefully selected helmet crop. */
 body.guide-library-polished .guide-library-photo{height:190px!important}
 body.guide-library-polished .guide-library-photo>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;margin:0!important;padding:0!important;object-fit:cover!important}
 body.guide-library-polished .guide-library-photo.helmet-head-photo>img{object-position:center 25%!important;transform:none!important}
 .guide-explore-controls button{width:46px;height:46px}
 body.guide-library-polished .guide-related-grid{gap:14px!important}
 .guide-related-grid .guide-related-card{flex-basis:82%!important;min-width:0!important}
 .guide-explore-summary{display:block!important;font-size:14px!important;line-height:1.5!important}
 .guide-related-card h3{font-size:22px!important}
 /* Tool descriptions are visible at phone width regardless of mouse emulation. */
 .tools-hub-polished .tool-card-link>.tool-visible-summary{display:block!important;margin:0 16px 12px!important;font-size:14px!important;line-height:1.5!important}
 .tools-hub-polished .tool-card-link>h2{margin:0 16px 10px!important;font-size:24px!important}
 .tools-hub-polished .tool-card-link>.eyebrow{margin:14px 16px 7px!important}
 .tools-hub-polished .tool-card-action{margin:0 16px 16px!important;padding-top:4px!important}
 .tools-hub-polished .tool-description-overlay{display:none!important}
 .tools-hub-polished .tool-card:hover{transform:none!important}
 .related-news-story{grid-template-columns:125px minmax(0,1fr);gap:12px}
 .related-news-story img{width:125px;height:82px}
}
@media(max-width:360px){body.news-index-compact .news-feature-support .news-compact-card>a,body.news-index-compact .news-grid .news-compact-card>a{grid-template-columns:108px minmax(0,1fr)!important;gap:10px;padding:10px!important}body.news-index-compact .news-feature-support .news-card-photo,body.news-index-compact .news-grid .news-card-photo{width:108px!important;height:74px!important}.related-news-story{grid-template-columns:108px minmax(0,1fr)}.related-news-story img{width:108px;height:74px}}

@media(max-width:650px){body.guide-library-polished .guide-grid .guide-card .guide-library-photo>img{height:190px!important;min-height:190px!important;aspect-ratio:auto!important}body.guide-library-polished .guide-grid .guide-card .helmet-head-photo>img{object-position:center 25%!important}}

.feed-short-title{display:none}
@media(max-width:650px){
 body.news-index-compact .news-feature-support .news-compact-card>a,body.news-index-compact .news-grid .news-compact-card>a{padding:12px 0!important;grid-template-columns:125px minmax(0,1fr)!important;gap:14px}
 body.news-index-compact .news-feature-support .card-copy,body.news-index-compact .news-grid .card-copy{display:flex!important;flex-direction:column;gap:7px}
 body.news-index-compact .news-feature-support h2,body.news-index-compact .news-grid h2{order:0;margin:0!important;font-size:19px!important;line-height:1.18!important}
 body.news-index-compact .news-feature-support .eyebrow,body.news-index-compact .news-grid .eyebrow{order:1;align-self:flex-start;font:700 9px/1.4 Arial!important;letter-spacing:.5px!important}
 body.news-index-compact .news-feature-support .news-card-meta,body.news-index-compact .news-grid .news-card-meta{order:2}
 body.news-index-compact .news-feature-support .news-card-photo,body.news-index-compact .news-grid .news-card-photo{height:100px!important;align-self:start}
 body.news-index-compact .news-feature-support .feed-full-title,body.news-index-compact .news-grid .feed-full-title{display:none}
 body.news-index-compact .news-feature-support .feed-short-title,body.news-index-compact .news-grid .feed-short-title{display:inline}
 body.news-index-compact .news-compact-card{border-bottom-color:#d1d7cf!important}
 body.news-index-compact .news-card-photo img[src*="cycling-mikey-portrait"],body.news-index-compact .news-card-photo img[src*="gcn"],body.news-index-compact .news-card-photo img[src*="karl-registration"],body.news-index-compact .news-card-photo img[src*="surelock"]{object-fit:contain!important;background:#f2efe6!important}
}
@media(max-width:360px){body.news-index-compact .news-feature-support .news-compact-card>a,body.news-index-compact .news-grid .news-compact-card>a{grid-template-columns:110px minmax(0,1fr)!important;gap:12px}body.news-index-compact .news-feature-support .news-card-photo,body.news-index-compact .news-grid .news-card-photo{width:110px!important;height:92px!important}}

@media(max-width:650px){body.news-index-compact .news-card-photo img[src*='cycling-mikey-portrait'],body.news-index-compact .news-card-photo img[src*='gcn'],body.news-index-compact .news-card-photo img[src*='karl-registration'],body.news-index-compact .news-card-photo img[src*='surelock']{object-position:center top!important}}