/* Keep navigation and article navigation in their own layout areas. */
@media (min-width:1121px){
 body .yn-app>.yn-site-topbar{display:grid!important;grid-template-columns:minmax(150px,1fr) auto!important;grid-template-areas:"yn-brand yn-actions" "yn-nav yn-nav"!important;align-items:center!important;gap:8px 20px!important}
 body .yn-app>.yn-site-topbar .yn-site-actions{width:auto!important;flex-wrap:wrap!important}
 body .yn-app>.yn-site-topbar .yn-site-nav{border-top:0!important;padding-top:0!important;flex-wrap:wrap!important}
}
@media (min-width:1600px){
 body .yn-app>.yn-site-topbar{grid-template-columns:170px minmax(0,1fr) auto!important;grid-template-areas:"yn-brand yn-nav yn-actions"!important}
}
/* Article headers stay in document flow when Auto ads reserve space above them.
   Never reposition or cover Google's ad frames. */
body.single-post .yn-app>.yn-site-topbar,
body.single-yn_news .yn-app>.yn-site-topbar{position:relative!important;top:auto!important}
body.single-post .yn-blog-doc-layout,
body.single-yn_news .yn-blog-doc-layout{grid-template-columns:260px minmax(0,1fr)!important;gap:24px!important;width:100%!important;max-width:1440px!important;margin-inline:auto!important;padding:28px 20px!important;align-items:start!important}
body.single-post .yn-blog-doc-sidebar,
body.single-yn_news .yn-blog-doc-sidebar{position:relative!important;inset:auto!important;grid-column:1!important;width:100%!important;height:auto!important;max-height:70vh!important;margin:0!important;padding:16px 12px!important;overflow:auto!important;z-index:1!important;box-sizing:border-box!important}
body.single-post .yn-blog-doc-canvas,
body.single-yn_news .yn-blog-doc-canvas{grid-column:2!important;padding:0!important;min-width:0!important}
@media(max-width:1120px){
 body.single-post .yn-blog-doc-layout,
 body.single-yn_news .yn-blog-doc-layout{grid-template-columns:minmax(0,1fr)!important;padding:20px 12px!important}
 body.single-post .yn-blog-doc-sidebar,
 body.single-yn_news .yn-blog-doc-sidebar{grid-column:1!important;order:2!important;max-height:none!important}
 body.single-post .yn-blog-doc-canvas,
 body.single-yn_news .yn-blog-doc-canvas{grid-column:1!important;order:1!important}
}
body .yn-site-brand-block{height:auto!important;min-height:44px!important;overflow:visible!important}
body .yn-site-logo{height:auto!important;line-height:1.2!important}
body .yn-site-logo>span{font-size:1.2rem!important;line-height:1.25!important;white-space:normal!important}
@media(max-width:1120px){
 body .yn-app>.yn-site-topbar{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"yn-brand" "yn-nav" "yn-actions"!important;gap:10px!important}
 body .yn-site-brand-block{grid-area:yn-brand!important;justify-content:center!important}
 body .yn-site-nav{grid-area:yn-nav!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px 14px!important;width:100%!important;margin:0!important}
 body .yn-site-actions{grid-area:yn-actions!important}
}