/* Desktop header aligns to the same border box and gutter as main content. */
@media(min-width:801px){
 html{scroll-padding-top:110px}
 body[data-home-workspace]>.header{position:sticky;top:0;z-index:100;background:linear-gradient(180deg,#fff 0%,#fff 76%,#fbfafc 100%);border-bottom:1px solid #e9e2e7;box-shadow:0 1px 0 #fff inset,0 2px 3px #35223305,0 8px 19px -13px #3b253c55;isolation:isolate}
 body[data-home-workspace] .header-inner{box-sizing:border-box;width:100%;max-width:var(--page-max-width,1280px);padding:0 var(--page-gutter,24px);margin-inline:auto;min-height:96px;flex-wrap:nowrap;gap:18px}
 .header .brand-wordmark{flex-shrink:0;min-width:0;margin:0}
 .header .super-wordmark-vivid>img{transform:translateX(-6px);filter:drop-shadow(0 2px 1px #602c2015) drop-shadow(0 5px 5px #482b3512)}
 .header-menu-stack .global-nav{box-shadow:0 1px 0 #fff inset,0 2px 3px #30213a04;border:1px solid #eee9ef;background:linear-gradient(180deg,#faf9fc,#f5f4f8)}
 .header-menu-stack .global-nav-link[aria-current]{box-shadow:0 1px 0 #fff9 inset,0 2px 4px #a52a4710}
 .header .global-nav-link{transition:background .18s,color .18s,box-shadow .18s}
 .header .global-nav-link:hover{box-shadow:0 2px 5px #8c31420b}
}
@media(min-width:801px) and (max-width:1050px){body[data-home-workspace] .header-inner{gap:10px}.header .super-wordmark-vivid>img{width:250px}}
@media(prefers-reduced-motion:reduce){.header .global-nav-link{transition:none}}

@media(min-width:801px){.header .super-wordmark-vivid>img{object-position:left center;transform:none}}

@media(min-width:801px){.home-draw .home-draw-actions{display:none}.home-draw .draw-main{grid-template-columns:auto minmax(0,1fr)}.home-draw .draw-main .section-head{grid-column:1;grid-row:1;min-width:0;white-space:nowrap}.home-draw #draw-time{grid-column:2;grid-row:1;margin:0;font-size:10px;justify-self:end;text-align:right;white-space:nowrap}.home-draw #numbers{grid-column:1 / -1;grid-row:2}.home-draw #draw-status{grid-column:1 / -1;grid-row:3}.header-menu-stack .global-nav{gap:2px}.header-menu-stack .global-nav-link{padding-inline:10px;font-size:12px}}

/* Desktop result row plus a shallow full-width streak rail. */
@media(min-width:801px){
 .home-draw.draw-panel{grid-template-columns:minmax(0,1fr) 145px 130px!important;gap:14px 22px;align-items:center;padding:18px 20px}
 .home-draw .draw-main{grid-column:1;grid-row:1;align-content:center;align-self:center;gap:12px 16px}
 .home-draw .home-next-info{grid-column:2;grid-row:1;padding:8px 0 8px 20px;align-self:center}
 .home-draw .countdown.home-countdown{grid-column:3;grid-row:1;align-self:center}
 .home-draw #numbers{padding:0;min-height:0}
 .home-draw .home-streaks{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:14px;padding:12px 0 0;border-left:0;border-top:1px solid #eee8ed;align-self:stretch;min-width:0}
 .home-draw .home-streak-heading{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;margin:0}
 .home-draw .home-streak-heading>a{font-size:10px;line-height:16px;min-height:20px}
 .home-draw .home-streak-items{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;overflow:visible;min-width:0}
 .home-draw .home-streak-item{min-width:0;padding:8px 9px;min-height:35px;box-sizing:border-box;gap:5px;font-size:10px;border:1px solid #f0ebef;background:#faf8fb;border-radius:8px}
 .home-draw .home-streak-item strong{font-size:13px}
 .home-draw .home-streak-empty{padding:6px 0;font-size:11px}
}
@media(min-width:801px) and (max-width:1150px){
 .home-draw.draw-panel{grid-template-columns:minmax(0,1fr) 112px 110px!important;gap:12px 16px}
 .home-draw .home-streaks{grid-template-columns:90px minmax(0,1fr);gap:10px}
 .home-draw .home-streak-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 .home-draw .home-streak-item{padding:5px 8px;min-height:30px}
 .home-draw .home-next-info{padding-left:14px}
 .home-draw #draw-time{font-size:9px}
}