/* Restore the original 2017 rally-book page's proportions and visual identity. */
html,body{min-height:100%;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#292929}
body{margin:0!important;background-color:#959595!important;background-image:url('../media/audi-quattro-transparent.png')!important;background-repeat:no-repeat!important;background-position:right bottom!important;background-size:auto 540px!important;background-attachment:fixed!important}
/* screenshot image has light gray background: blend to gray while retaining the car */
body:before{content:"";position:fixed;inset:auto 0 0 auto;width:400px;height:540px;background:rgba(149,149,149,.01);pointer-events:none;z-index:-1}
.dr-navigation{display:none!important}
#celek{position:relative!important;box-sizing:border-box;margin:0 0 0 clamp(22px,9.8vw,102px)!important;width:580px!important;max-width:calc(100% - 32px)!important;min-height:1100px!important;height:auto!important;top:auto!important;padding-top:0!important}
#hlavicka{position:relative!important;top:auto!important;left:auto!important;width:900px!important;max-width:none!important;height:234px!important;margin:0!important;padding:0!important}
#hlavicka img{display:block;width:900px!important;max-width:none!important;height:234px!important;object-fit:contain}
#menu{position:relative!important;top:auto!important;left:auto!important;width:580px!important;max-width:100%!important;height:20px!important;padding:0!important;background:#211c19!important;border-top:0!important}
#aktuality{display:none!important}
#window{position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;width:580px!important;max-width:100%!important;min-height:0!important;height:auto!important;box-sizing:border-box;padding:23px 0 0 0!important;text-align:justify!important;color:#292929!important}
#window p{font-size:12px!important;line-height:1.17!important;margin:0 0 12px!important;color:#292929!important}
#window center{margin:10px 0 13px!important}
#window center img{max-width:200px;height:auto;margin:0 7px 7px}
#zapati{position:relative!important;top:auto!important;width:580px!important;max-width:100%!important;background:#575757!important;color:white!important;margin-top:22px!important;padding:8px!important;box-sizing:border-box}
#zapati font{color:#eee}
@media(max-width:950px){#celek{margin-left:20px!important}#hlavicka,#hlavicka img{width:min(900px,calc(100vw - 40px))!important;height:auto!important}#menu,#window,#zapati{width:min(580px,calc(100vw - 40px))!important}body{background-size:auto 450px!important}}
@media(max-width:650px){body{background-image:none!important}#window center img{max-width:min(200px,44vw)}#celek{margin-left:14px!important}#hlavicka,#hlavicka img,#menu,#window,#zapati{max-width:calc(100vw - 28px)!important}}

/* Navigation integrated into the original slim horizontal band. */
#menu{height:auto!important;min-height:28px!important;display:flex!important;flex-wrap:wrap;align-items:center;gap:0!important;}
#menu a{display:inline-block;padding:7px 10px;color:#fff!important;font:12px Arial,sans-serif;text-decoration:none!important;}
#menu a:hover,#menu a:focus{background:#d71920!important;color:#fff!important;}
#window h1{font-size:19px;line-height:1.3;margin:0 0 18px;font-weight:bold;}
#window h2{font-size:15px;margin:20px 0 10px;}
#window ul{font-size:12px;line-height:1.5;padding-left:20px;}
@media(max-width:650px){#menu a{padding:8px 7px;font-size:11px;}}

/* Compact inner pages: car aligned immediately beside the article rather than viewport edge. */
@media(min-width:1050px){
 body.compact-rally-page{background-position: left 625px top 265px !important;background-size: auto 420px !important;background-attachment:scroll !important;}
 body.compact-rally-page #celek{margin-left:20px !important;min-height:0 !important;}
 body.compact-rally-page #hlavicka,body.compact-rally-page #hlavicka img{width:780px !important;height:200px !important;}
 body.compact-rally-page #menu,body.compact-rally-page #window,body.compact-rally-page #zapati{width:490px !important;}
 body.compact-rally-page #window{padding-top:14px !important;}
 body.compact-rally-page #window h1{margin-bottom:12px !important;}
 body.compact-rally-page #window h2{margin:14px 0 7px !important;}
 body.compact-rally-page #window p{margin-bottom:9px !important;}
}
@media(min-width:651px) and (max-width:1049px){body.compact-rally-page{background-position:right 10px top 280px !important;background-size:auto 350px !important;background-attachment:scroll !important;}}

/* Inner pages: use precisely the homepage car position, scale and layout. */
body.compact-rally-page{background-position:right bottom!important;background-size:auto 540px!important;background-attachment:fixed!important;}
body.compact-rally-page #celek{margin-left:clamp(22px,9.8vw,102px)!important;min-height:1100px!important;}
body.compact-rally-page #hlavicka,body.compact-rally-page #hlavicka img{width:900px!important;height:234px!important;}
body.compact-rally-page #menu,body.compact-rally-page #window,body.compact-rally-page #zapati{width:580px!important;}
@media(max-width:950px){body.compact-rally-page{background-size:auto 450px!important;}body.compact-rally-page #celek{margin-left:20px!important;}body.compact-rally-page #hlavicka,body.compact-rally-page #hlavicka img{width:min(900px,calc(100vw - 40px))!important;height:auto!important;}body.compact-rally-page #menu,body.compact-rally-page #window,body.compact-rally-page #zapati{width:min(580px,calc(100vw - 40px))!important;}}
@media(max-width:650px){body.compact-rally-page{background-image:none!important;}body.compact-rally-page #celek{margin-left:14px!important;}body.compact-rally-page #hlavicka,body.compact-rally-page #hlavicka img,body.compact-rally-page #menu,body.compact-rally-page #window,body.compact-rally-page #zapati{max-width:calc(100vw - 28px)!important;}}
