/* Magazine UI — 1.7. Layout uses the existing CMS colours and spacing tokens. */
.rm-magazine .site-main{padding-top:24px;gap:var(--spacing)}
.rm-magazine .brand{font-style:italic;font-weight:900}
.rm-mag-heading{display:flex;flex-wrap:wrap;align-items:flex-end;gap:20px;margin:0}
.rm-mag-heading>div:first-child{flex:1 1 420px}
.rm-mag-heading .page-intro{margin:0 0 20px}
.rm-mag-heading .head-search{flex:0 1 280px}
.rm-mag-featured{display:grid;grid-template-columns:minmax(0,3fr) minmax(250px,1fr);gap:24px;align-items:start}
.rm-mag-featured .lead{display:flex;flex-direction:column;gap:0}
.rm-mag-featured .lead .thumb{aspect-ratio:16/9;min-height:0;width:100%}
.rm-mag-featured .lead-body{padding:24px;gap:14px}
.rm-mag-featured .lead-title{font-size:clamp(24px,3vw,38px)}
.rm-mag-feature-side{display:grid;gap:20px;min-width:0}
.rm-also-leading,.rm-mag-latest{padding:20px}
.rm-also-leading .mini{display:flex;flex-direction:row;margin-top:16px;padding:0;gap:12px;border-radius:0}
.rm-also-leading .mini .thumb{width:76px;min-width:76px;height:76px;border-radius:12px;aspect-ratio:1}
.rm-also-leading .mini .story-body{padding:0;gap:5px}
.rm-also-leading .mini .story-title{font-size:15px;line-height:1.2}
.rm-also-leading .mini .cat{font-size:10px}
.rm-mag-latest>a{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);font-size:14px;line-height:1.35}
.rm-mag-latest>a:last-child{border:0;padding-bottom:0}
.rm-mag-latest time{font-size:11px;color:var(--muted)}
.rm-mag-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.rm-mag-shelf,.rm-mag-feed-section,.rm-mag-related{display:grid;gap:18px;min-width:0}
.rm-magazine .row-between{gap:16px;flex-wrap:wrap}
.rm-mag-card{overflow:hidden;gap:0;min-width:0}
.rm-mag-card>.thumb{border-radius:0;aspect-ratio:16/10;width:100%}
.rm-mag-card .story-body{padding:18px;display:flex;flex-direction:column;gap:10px}
.rm-mag-card .story-title{font-size:18px;line-height:1.15;margin:0}
.rm-mag-card .meta{margin-top:auto}
.rm-versus{display:grid;grid-template-columns:1fr 30px 1fr;align-items:center;aspect-ratio:16/10;background:linear-gradient(110deg,#d9eee8 49%,#f9e6cb 49%);padding:14px;gap:6px;text-align:center;color:#182c2c;font-size:18px;font-weight:800;overflow-wrap:anywhere}
.rm-versus b{background:#fff;border-radius:50%;padding:8px 2px;font-size:12px}
.rm-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.rm-topic{padding:20px;min-width:0}
.rm-topic>.row-between{margin-bottom:14px}
.rm-topic>a{display:block;text-decoration:none;color:var(--ink);padding:12px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.3}
.rm-topic>a:last-child{border:0;padding-bottom:0}
.rm-topic .thumb{aspect-ratio:16/8;margin-bottom:12px}
.rm-topic .row-between>a{font-size:12px}
.rm-mag-feed-section .columns{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}
.rm-feed-sidebar,.rm-feed-sidebar .col-side{min-width:0;width:100%}
.rm-feed-sidebar:empty{display:none}
.rm-feed-list{padding:8px 24px}
.rm-mag-list-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;padding:20px 0;border-bottom:1px solid var(--line);border-radius:0}
.rm-mag-list-card:last-child{border:0}
.rm-mag-list-card>.thumb,.rm-mag-list-card>.rm-versus{border-radius:14px;aspect-ratio:4/3;align-self:start}
.rm-mag-list-card .story-body{padding:0}
.rm-magazine .banner{background:var(--card);color:var(--ink);border:1px solid var(--line)}
.rm-magazine .banner p{color:var(--muted)}
.rm-magazine .site-footer{border-top:1px solid var(--line)}
.rm-magazine .site-footer .brand .badge{background:var(--ink);color:var(--card)}
.rm-mag-article-head{display:grid;grid-template-columns:minmax(0,1fr) auto;max-width:none;gap:22px}
.rm-article-heading{display:grid;gap:16px;min-width:0}
.rm-mag-article-head>.actions{align-items:start;padding-top:22px}
.rm-mag-article-head .byline{grid-column:1/-1;justify-content:flex-start;font-size:13px}
.rm-mag-article-head .entry-dek{font-size:18px;max-width:850px}
.rm-coverage-pill{background:var(--card);padding:6px 12px;border-radius:20px;font-weight:600}
.rm-key-figures{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0}
.rm-key-figures>div{background:var(--card);border-radius:var(--radius);padding:18px 22px;min-width:0;overflow-wrap:anywhere}
.rm-key-figures dt{font-size:12px;color:var(--muted);margin-bottom:8px}
.rm-key-figures dd{margin:0;font-weight:800;font-size:22px;line-height:1.2}
.rm-article-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:'hero guide' 'body extra';gap:24px;align-items:start}
.rm-article-grid>.hero{grid-area:hero;border-radius:var(--radius)}
.rm-article-grid>.hero img{display:block;aspect-ratio:16/10;object-fit:cover;max-height:none}
.rm-article-grid>.hero.rm-hero-natural img{aspect-ratio:auto}
.rm-article-guide{grid-area:guide;display:grid;gap:20px;min-width:0}
.rm-article-guide .summary,.rm-article-guide .toc{background:var(--card);margin:0;padding:22px}
.rm-article-guide li{font-size:15px;margin-bottom:8px}
.rm-article-grid .rm-mag-body{grid-area:body;max-width:none;padding:28px;width:100%;min-width:0}
.rm-article-grid .rm-article-extras{grid-area:extra;position:static;min-width:0;gap:20px}
.rm-article-extras .promo{margin:0;display:grid;gap:14px}
.rm-article-extras .promo p{margin:0}
.rm-article-extras .promo strong{font-size:22px;line-height:1.2}
.rm-spec-details{padding:20px;overflow:hidden}
.rm-spec-details>summary{cursor:pointer;font-weight:700;min-height:44px}
.rm-spec-details>summary>span{display:block;font-size:12px;color:var(--muted)}
.rm-spec-details .bike-specs{font-size:13px}
.rm-spec-details .coverage-note{font-size:13px}
.rm-no-hero{grid-template-areas:'body guide' 'body extra'}
.rm-article-grid.rm-focused,.rm-article-grid.rm-wide{grid-template-columns:minmax(0,1fr);grid-template-areas:'guide' 'hero' 'body' 'extra'}
.rm-article-grid.rm-focused{max-width:var(--article-width);width:100%;margin-inline:auto}
.rm-article-grid.rm-no-hero.rm-focused,.rm-article-grid.rm-no-hero.rm-wide{grid-template-areas:'guide' 'body' 'extra'}
.rm-mag-discuss{padding:26px;margin:0}
.rm-mag-discuss p{margin:8px 0 0}
.rm-magazine .rm-mag-body .feedback{background:var(--bg);margin-top:24px}
@media(max-width:1050px){
 .rm-mag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .rm-mag-featured{grid-template-columns:minmax(0,2fr) minmax(240px,1fr)}
 .rm-article-grid{grid-template-columns:minmax(0,1fr) 270px;gap:20px}
 .rm-mag-article-head{grid-template-columns:1fr}.rm-mag-article-head>.actions{padding:0}
}
@media(max-width:760px){
 .rm-mag-featured,.rm-topic-grid,.rm-mag-feed-section .columns{grid-template-columns:minmax(0,1fr)}
 .rm-mag-feature-side{grid-template-columns:repeat(2,minmax(0,1fr))}.rm-mag-feature-side>.ad{grid-column:1/-1}
 .rm-article-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:'guide' 'hero' 'body' 'extra'}
 .rm-article-grid.rm-no-hero{grid-template-areas:'guide' 'body' 'extra'}
 .rm-key-figures{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .rm-article-grid .rm-mag-body{padding:20px}
 .rm-mag-heading .page-intro{margin-bottom:14px}
 .rm-topic .thumb{aspect-ratio:16/7}
}
@media(max-width:480px){
 .rm-mag-grid,.rm-mag-feature-side{grid-template-columns:minmax(0,1fr)}
 .rm-mag-list-card{grid-template-columns:90px minmax(0,1fr);gap:14px}
 .rm-mag-list-card .story-title{font-size:16px}
 .rm-mag-list-card .rm-card-excerpt{display:none}
 .rm-feed-list{padding:4px 16px}
 .rm-key-figures>div{padding:16px}.rm-key-figures dd{font-size:19px}
 .rm-mag-featured .lead-body{padding:20px}
 .rm-magazine .section-title{font-size:22px}
 .rm-mag-heading .head-search{flex-basis:100%}
}

.rm-mag-feed-section .columns:not(:has(.rm-feed-sidebar)){grid-template-columns:minmax(0,1fr)}
.rm-mag-card .rm-card-specs{display:flex;flex-wrap:wrap;gap:6px}
.rm-mag-card .rm-card-specs>div{flex:1 1 70px;min-width:0}