/* Original Web Casino Guide wording, redesigned for the test site. */
.top{height:auto;min-height:90px;padding-top:8px;padding-bottom:8px}
.redesigned-brand{flex-shrink:0;white-space:normal}
.redesigned-brand img{display:block;width:420px;max-width:100%;height:auto;max-height:74px;object-fit:contain}
.top .redesigned-brand{max-width:46%}
.foot .redesigned-brand img{width:340px;max-height:60px}
.top nav{min-width:0}
.top nav a{white-space:nowrap}
@media(max-width:900px){.top{gap:14px}.top .redesigned-brand{max-width:100%}}
@media(max-width:640px){.top{padding-left:16px;padding-right:16px;justify-content:center}.top .redesigned-brand{width:min(100%,420px)}.top nav{flex-basis:100%!important;width:100%;margin-left:0}.top nav a{font-size:15px;padding:8px 4px}.top .vbar{display:none}.foot .redesigned-brand{max-width:100%}}

/* Sitewide system typography; no web-font downloads. */
html,body,body *,input,button,select,textarea{font-family:Arial,Helvetica,sans-serif!important}

/* Remove only the purple frame; preserve the original logo artwork. */
.redesigned-brand img{clip-path:inset(6% 3% 6% 3%)}
/* Consistent responsive behavior for both page templates. */
@media(max-width:900px){
 .top{height:auto;flex-wrap:wrap}
 .page .cols{grid-template-columns:minmax(0,1fr)}
 .page .cols>div:first-child{order:2;width:100%;max-width:345px;justify-self:center}
 .page .main{min-width:0;padding:18px 16px 28px;overflow-wrap:anywhere}
 .page footer{grid-template-columns:minmax(0,1fr)}
 .page footer .redesigned-brand{max-width:100%}
}
@media(max-width:640px){
 .top nav{margin-left:0;flex-basis:100%!important;width:100%}
 .top .redesigned-brand{max-width:100%;min-width:0}
 .page .book{flex-direction:column}
 .page .book>div{min-width:0}
 .hero .txt{padding:22px 24px}
 .hero h1{font-size:36px}
}