/* Shared vertical rhythm across all six public pages. */
:root{--section-space:32px;--section-gap:48px;--content-gap:32px}
.page-view :is(.game-directory,.seo-content,.global-method,.game-tutorial,.history-intelligence,.demo-block,.mode-method,.strategy-library,.strategy-comparison,.strategy-protocol){padding-block:var(--section-space)}
.page-view :is(.game-hero,.strategies-hero){min-height:0;padding-block:48px;gap:40px}
.page-view :is(.demo-block,.mode-method,.tutorial-intro,.history-intro,.strategy-heading,.strategy-protocol){gap:var(--content-gap)}
.page-view :is(.history-stage,.tutorial-modes,.tutorial-steps){margin-top:var(--content-gap)}
.page-view :is(.directory-heading,.strategy-heading){margin-bottom:var(--content-gap)}
.page-view :is(.global-method>h2,.seo-content h2){margin-bottom:var(--content-gap)}
.page-view .global-method article{min-height:0;padding:28px}
.page-view .global-method h3{margin-top:28px}
.page-view .strategy-card{min-height:0}
.page-view .strategy-card h2{margin-top:32px}
.page-view .strategy-warning{margin-bottom:var(--section-space)}
.page-view .page-cta{margin-block:var(--section-space) 0;padding:32px;gap:var(--content-gap)}
.page-view>.global-method:last-child{padding-bottom:0}
main>.telegram-showcase.content-width{margin-block:var(--section-gap) 24px;padding:32px;gap:40px;scroll-margin-top:140px}
.telegram-showcase .telegram-brand{margin-bottom:20px}
.telegram-showcase .telegram-copy h2{margin-bottom:16px}
.telegram-showcase .telegram-steps{margin-block:20px;gap:16px}
.telegram-showcase .telegram-copy .telegram-actions{margin-top:20px}
.telegram-showcase .telegram-chat-body{min-height:350px}
body>.legal-bar{margin-bottom:32px}
body>.site-footer{min-height:104px;gap:20px}
@media(max-width:700px){
 :root{--section-space:24px;--section-gap:32px;--content-gap:24px}
 .page-view :is(.game-hero,.strategies-hero){padding-block:32px;gap:24px}
 .page-view .page-cta{padding:24px 20px}
 .page-view .global-method article{padding:24px}
 .page-view .global-method h3{margin-top:20px}
 main>.telegram-showcase.content-width{padding:24px 20px;gap:28px;scroll-margin-top:160px}
 .telegram-showcase .telegram-chat-body{min-height:0}
 body>.legal-bar{margin-bottom:24px}
 body>.site-footer{padding-block:24px;gap:16px}
}
@media(max-width:400px){main>.telegram-showcase.content-width{padding:24px 15px}}