/* GRACZ.PL — reference alignment patch, 27 Oct 2026.
   Fix the visual overlap in the owner's 12:42 screenshot without touching APIs. */
@media(min-width:1181px){
  /* The magazine view uses one design width across main and footer. */
  body.homepage-premium-max .r4-homepage .r4-updates-main{
    width:calc(100% - 268px)!important;
  }
  body.homepage-premium-max .r4-homepage .r4-phone{
    width:238px!important;min-height:620px!important;
    display:flex!important;flex-direction:column!important;
    padding:12px 11px!important;gap:0!important;
    right:0!important;top:0!important;
    border:4px solid #68727a!important;
    outline:1px solid rgba(250,205,118,.82)!important;
    box-shadow:0 10px 30px rgba(0,0,0,.48)!important;
    background:#071523!important;
  }
  body.homepage-premium-max .r4-phone .r4-phone-community{
    margin-top:8px!important;margin-bottom:7px!important;
  }
  body.homepage-premium-max .r4-phone-top{
    display:flex!important;align-items:center!important;
    justify-content:space-between!important;
  }
  body.homepage-premium-max .r4-homepage .r4-next{
    padding-right:267px!important;
    gap:18px!important;
  }
  body.homepage-premium-max .r4-homepage .r4-next>div:first-child{
    min-width:0!important;
  }
  body.homepage-premium-max .r4-next-icons{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important;
  }
  body.homepage-premium-max .r4-next-icons>div{
    min-width:0!important;
  }
  /* A photograph should sit LEFT of the phone, never beneath its controls. */
  body.homepage-premium-max .site-footer .footer-news{
    position:relative!important;
    isolation:isolate!important;
    min-height:226px!important;
    padding:15px 272px 15px 0!important;
    background-image:
      linear-gradient(90deg,#041625 0%,rgba(4,22,37,.94) 29%,rgba(4,22,37,.36) 46%,transparent 69%),
      url("/assets/r4-reference-newsletter.webp")!important;
    background-size:100% 100%,auto 100%!important;
    background-position:center,right 255px center!important;
    background-repeat:no-repeat!important;
    border-bottom:1px solid rgba(243,192,96,.25)!important;
    overflow:hidden!important;
  }
  body.homepage-premium-max .site-footer .footer-news #f-news{
    color:#fff!important;
    font-size:clamp(24px,1.75vw,30px)!important;
    letter-spacing:-.025em!important;
    line-height:1.16!important;
    margin:0 0 4px!important;
  }
  body.homepage-premium-max .site-footer .footer-news>p{
    font-size:12px!important;
    line-height:1.45!important;
    color:#dbe5ea!important;
    margin:0 0 9px!important;
  }
  body.homepage-premium-max .site-footer .footer-news form[data-newsletter]{
    max-width:580px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:9px!important;
    min-width:0!important;
  }
  body.homepage-premium-max .site-footer .footer-news form[data-newsletter]>input[type=email]{
    width:100%!important;
    min-width:0!important;
    height:40px!important;min-height:40px!important;
    font-size:13px!important;
  }
  body.homepage-premium-max .site-footer .footer-news form[data-newsletter]>button[type=submit]{
    min-height:40px!important;height:40px!important;
    padding-inline:18px!important;
    font-size:13px!important;
  }
  body.homepage-premium-max .site-footer .footer-news .footer-newsletter-consent{
    max-width:560px!important;
    font-size:10.5px!important;
    line-height:1.44!important;
    letter-spacing:0!important;
    color:#d4dee4!important;
  }
  body.homepage-premium-max .site-footer .footer-news .footer-newsletter-consent a{
    font-size:inherit!important;
    color:#80e3d9!important;
    white-space:normal!important;
  }
  /* Footer wordmark belongs to the same baseline as its actual navigation. */
  body.homepage-premium-max .site-footer .footer-grid>.footer-brand{
    display:none!important;
  }
  body.homepage-premium-max .site-footer .footer-bottom{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:clamp(12px,1.25vw,23px)!important;
    padding:10px 0!important;
    margin-top:5px!important;
    min-height:54px!important;
    padding-left:0!important;
  }
  body.homepage-premium-max .site-footer .footer-signature-logo{
    display:inline-block!important;
    order:0!important;
    flex:none!important;
    color:#fff!important;
    text-decoration:none!important;
    font-family:Montserrat,Arial,sans-serif!important;
    font-weight:900!important;
    font-size:22px!important;
    line-height:1!important;
    letter-spacing:-.055em!important;
    white-space:nowrap!important;
  }
  body.homepage-premium-max .site-footer .footer-signature-logo span{
    color:#e12540!important;
  }
  body.homepage-premium-max .site-footer .footer-bottom .legal{
    order:1!important;
    display:flex!important;
    align-items:center!important;
    gap:clamp(8px,1.25vw,22px)!important;
    margin:0!important;
    padding:0!important;
    white-space:nowrap!important;
  }
  body.homepage-premium-max .site-footer .footer-bottom .legal .link-btn{
    font-size:11px!important;
  }
  body.homepage-premium-max .site-footer .footer-bottom .social{
    order:2!important;
    display:flex!important;
    gap:10px!important;
    margin:0!important;
    padding:0!important;
  }
  body.homepage-premium-max .site-footer .footer-bottom .copy{
    order:3!important;
    margin:0 0 0 auto!important;
    font-size:10px!important;
    text-align:right!important;
    line-height:1.35!important;
    white-space:normal!important;
    max-width:240px!important;
  }
  body.homepage-premium-max .site-footer .footer-signature-logo:focus-visible{
    outline:2px solid #f7ca73;
    outline-offset:3px;
  }
}
@media(min-width:1181px) and (max-width:1350px){
  body.homepage-premium-max .r4-homepage .r4-phone{
    width:217px!important;min-height:596px!important;
  }
  body.homepage-premium-max .r4-homepage .r4-updates-main{
    width:calc(100% - 238px)!important;
  }
  body.homepage-premium-max .r4-homepage .r4-next{padding-right:240px!important}
  body.homepage-premium-max .site-footer .footer-news{
    padding-right:240px!important;
    background-position:center,right 238px center!important;
  }
  body.homepage-premium-max .site-footer .footer-bottom .legal .link-btn{
    font-size:10px!important;
  }
  body.homepage-premium-max .site-footer .footer-bottom .copy{font-size:9px!important}
}
@media(max-width:1180px){
  /* No floating phone or overlaid artwork on tablets and mobiles. */
  body.homepage-premium-max .r4-homepage .r4-phone{display:none!important}
  body.homepage-premium-max .r4-homepage .r4-updates-main{width:100%!important}
  body.homepage-premium-max .r4-homepage .r4-next{
    padding-right:0!important;
    grid-template-columns:1fr!important
  }
  body.homepage-premium-max .site-footer .footer-signature-logo{display:none!important}
  body.homepage-premium-max .site-footer .footer-news{
    background-position:center,right center!important;
  }
}
@media(max-width:600px){
  body.homepage-premium-max .site-footer .footer-news form[data-newsletter]{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.homepage-premium-max .site-footer .footer-news .footer-newsletter-consent{
    max-width:100%!important;
    font-size:11px!important;
  }
}


/* Maintenance notice remains visible without breaking the reference typography. */
body.homepage-premium-max .site-footer .footer-news form[data-newsletter] .footer-newsletter-status{
  grid-column:1/-1!important;
  max-width:580px!important;
  margin:0!important;
  color:#ff8d97!important;
  font-size:10.5px!important;
  line-height:1.38!important;
  overflow-wrap:anywhere!important;
  font-weight:500!important;
}
body.homepage-premium-max .site-footer .footer-news form[data-newsletter] .footer-newsletter-status a{
  color:#82dfd5!important;
  display:inline!important;
  font-size:inherit!important;
  font-weight:600!important;
  line-height:inherit!important;
  text-decoration:underline!important;
  text-underline-offset:2px!important;
  white-space:normal!important;
}
@media(max-width:680px){
  body.homepage-premium-max .site-footer .footer-news form[data-newsletter] .footer-newsletter-status{
    max-width:100%!important;font-size:11px!important;
  }
}