/* Shared announcement clearance for the header, anchor links and sticky reveal. */
:root{--summit-height:calc(36px + env(safe-area-inset-top,0px))}
html{scroll-padding-top:calc(95px + var(--summit-height))}
body{padding-top:var(--summit-height)}
.navigation{top:var(--summit-height)}
.summit-banner{position:fixed;inset:0 0 auto;z-index:15;height:var(--summit-height);padding-top:env(safe-area-inset-top,0px);background:radial-gradient(ellipse at 50% -35%,#63dbe54d 0%,#32a8b326 38%,transparent 76%),linear-gradient(105deg,#222c30,#2a4145 50%,#222c30);color:#c3d0d2;box-shadow:0 8px 28px -12px #43c7d333}
.summit-banner-inner{display:flex;align-items:center;justify-content:center;gap:32px;height:36px;padding:0 max(20px,env(safe-area-inset-right,0px)) 0 max(20px,env(safe-area-inset-left,0px))}
.summit-announcement{font:400 13px/1.3 Inter,Arial,sans-serif;letter-spacing:-.015em;white-space:nowrap}
.summit-announcement strong{font-weight:500;color:#eef5f4}
.summit-mobile-copy,.summit-compact-copy{display:none}
.summit-contact{color:#d0f2f1;display:flex;align-items:center;gap:8px;min-height:36px;flex:none;font:500 13px/1 Inter,Arial,sans-serif;letter-spacing:-.015em;white-space:nowrap}
.summit-contact img{width:22px;height:22px;object-fit:cover;border-radius:50%}
.summit-contact svg{flex:none}
.summit-contact:hover>span{text-decoration:underline;text-underline-offset:3px}
.summit-contact:focus-visible{outline:2px solid currentColor;outline-offset:-3px;border-radius:3px}
body.tcg-page .pack-story.is-enhanced .pack-story-stage{top:calc(64px + var(--summit-height));height:calc(100svh - 64px - var(--summit-height))}
@media(max-width:767px){
 html{scroll-padding-top:calc(24px + var(--summit-height))}
 .navigation{top:auto}
 .summit-banner-inner{justify-content:space-between;gap:12px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
 .summit-announcement,.summit-contact{font-size:12px}
 .summit-desktop-copy{display:none}
 .summit-mobile-copy{display:inline}
 .summit-contact{gap:6px}
 .summit-contact img{width:22px;height:22px}
 .contents-panel{max-height:min(62svh,calc(100svh - var(--mobile-nav-height) - var(--summit-height) - 28px))}
 body.tcg-page .pack-story.is-enhanced .pack-story-stage{top:var(--summit-height);height:calc(var(--opening-height) - var(--summit-height))}
}
@media(max-width:767px) and (max-height:650px){
 body.tcg-page .pack-story.is-enhanced .pack-story-stage{top:0;height:auto}
}

@media(max-width:399px){
 .summit-banner-inner{gap:6px;padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}
 .summit-mobile-copy{display:none}
 .summit-compact-copy{display:inline}
}