/* The information pages share the hub navigation and glass surfaces. */
/* Only the main content scrolls; navigation stays within the viewport. */
.info-page{height:100dvh;min-height:0;overflow:hidden}
.info-page .hub-shell{height:100%;min-height:0}
.info-page .hub-header{flex-shrink:0;position:relative;z-index:4}
.info-main{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable both-edges;padding-block:clamp(28px,6dvh,78px);outline-offset:-4px}
.info-heading,.info-panel{width:min(840px,100%);margin-inline:auto}
.info-heading{margin-bottom:31px}
.section-kicker{margin:0 0 17px;color:#a9a9bb;font-size:10px;font-weight:760;letter-spacing:.18em}
.info-heading h1{margin:0;font-size:clamp(48px,6.5vw,78px);font-weight:650;line-height:1.04;letter-spacing:-.077em;color:#f5f5f7}
.info-heading h1 span{color:#d0cfff}
.info-panel{padding:clamp(28px,4.6vw,56px);border:1px solid rgba(238,237,250,.22);border-radius:20px;background:linear-gradient(135deg,rgba(30,30,38,.60),rgba(16,18,27,.50) 45%,rgba(3,4,8,.65));box-shadow:inset 0 1px rgba(255,255,255,.17),0 18px 60px rgba(0,0,0,.33);}
.info-panel section+section{border-top:1px solid rgba(238,237,250,.12);margin-top:26px;padding-top:26px}
.info-panel h2{margin:0 0 9px;color:#f0f0f5;font-size:17px;font-weight:650;letter-spacing:-.025em}
.info-panel p{overflow-wrap:anywhere;margin:0;color:#c2c3cf;font-size:14px;line-height:1.75}
.info-panel strong{color:#f4f4f7;font-weight:650}
.info-panel a{color:#d4d2ff;text-underline-offset:3px}
.info-footer{font-size:11px;flex-shrink:0;min-height:68px;height:auto;padding-block:12px max(12px,env(safe-area-inset-bottom));gap:8px 16px}
.info-footer nav{display:flex;flex-wrap:wrap;gap:18px}
.info-footer nav a[aria-current=page]{color:#f0f0f5}
@media(max-width:720px){.info-main{padding-block:28px;scrollbar-gutter:auto}.info-heading{margin-bottom:25px}.info-heading h1{font-size:clamp(34px,8.6vw,48px)}.info-panel{border-radius:17px;padding:24px}.info-footer{min-height:64px;flex-wrap:wrap}.info-footer nav{gap:11px 17px}}
/* Phones, in either orientation: the panel is opaque, in the colour it showed. */
@media(max-width:720px),(max-width:940px) and (max-height:500px){.info-panel{background:linear-gradient(135deg,#131319,#090b10 45%,#030407)}}