/* Desktop-only fluid layout. Mobile rules remain in their existing stylesheets. */
@media screen and (min-width:1024px){
 .wrap{width:94%;max-width:none;padding-left:0;padding-right:0;margin-left:auto;margin-right:auto;box-sizing:border-box}
 .reference-masthead{min-width:0}
 .navigation{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;overflow:visible;white-space:normal;scrollbar-width:none;padding-left:0;padding-right:0}
 .navigation a,.navigation a:first-child{flex:0 1 auto;display:flex;align-items:center;justify-content:center;font-size:clamp(16px,1.02vw,20px);line-height:1.45;padding:16px clamp(8px,.75vw,18px);white-space:nowrap}
 .lead-grid{display:grid;grid-template-columns:clamp(210px,17vw,300px) minmax(0,1fr) clamp(280px,18vw,336px);gap:clamp(20px,1.4vw,32px)}
 .lead-grid>*{min-width:0}
 .hero .photo{aspect-ratio:2.05;max-height:620px}
 .hero h1{font-size:clamp(30px,2.15vw,46px);line-height:1.4}
 .inner-grid{display:grid;grid-template-columns:minmax(0,1fr) clamp(280px,18vw,336px);gap:clamp(28px,2.4vw,56px)}
 .primary-column,.inner-sidebar,.story-grid>* ,.category-grid>*{min-width:0}
 .reading .article-body{max-width:960px;margin-left:auto;margin-right:auto}
 .reading>h1{max-width:1200px}
 .article-photo img{max-height:680px;object-fit:contain;background:#f5f7f5}
 .banner-ad{max-width:100%;box-sizing:border-box}
 .banner-ad img,.rail-ad img{max-width:100%;height:auto}
}
@media screen and (min-width:1024px) and (max-width:1279px){
 .wrap{width:96%}
 .lead-grid{grid-template-columns:190px minmax(0,1fr) 270px;gap:18px}
 .navigation a,.navigation a:first-child{font-size:16px;padding:13px 10px}
 .hero .photo{aspect-ratio:1.65}
 .hero h1{font-size:30px}
}