/* Shared public layout, aligned with the main Kraken page. */
html body { line-height: 1.5; }
body > .seo-header { z-index: 50; background: rgba(5,7,10,.8); }
.seo-header .seo-header-inner { width: 100%; max-width: 1760px; min-height: 80px; padding: 0 32px; gap: 0; }
.seo-header .seo-brand img { width: auto; height: 74px; max-width: 285px; display: block; filter: drop-shadow(0 2px 9px rgba(0,0,0,.72)); }
.seo-header .seo-nav { margin: 0 clamp(24px,4vw,72px); }
.seo-header .seo-nav a { font-size: 14px; letter-spacing: .05em; line-height: 20px; padding: 8px 12px; }
.seo-header .seo-menu-toggle { width: 48px; height: 48px; border-radius: 8px; background: rgba(255,255,255,.05); }
.seo-header .seo-menu-toggle i { font-size: 24px; }
.seo-header .seo-more-menu { right: max(32px,calc((100% - 1760px)/2 + 32px)); width: min(360px,calc(100% - 32px)); background: rgba(8,11,16,.97); box-shadow: 0 18px 38px rgba(0,0,0,.46); }
.seo-header .seo-more-inner { padding: 8px 12px 12px; gap: 4px; max-height: calc(100dvh - 84px); overflow-y: auto; }
.seo-header .seo-more-inner > a, .seo-header .seo-mobile-primary a { padding: 8px 12px; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0; border-radius: 6px; }
.seo-header .seo-more-inner a i { display: inline-block; width: 22px; margin-right: 8px; text-align: center; color: var(--seo-gold); }
.seo-header .seo-more-inner a:hover { background: #1f2937; color: #fff; }
.seo-header .seo-more-inner a:focus-visible, .seo-header .seo-menu-toggle:focus-visible { outline: 2px solid var(--seo-gold); outline-offset: 2px; }
.seo-header .seo-more-inner .seo-menu-hardcore, .seo-header .seo-more-inner .seo-menu-hardcore i { color: #fca5a5; }
.seo-header .seo-more-inner .seo-menu-skyborn, .seo-header .seo-more-inner .seo-menu-skyborn i { color: #bae6fd; }
.seo-header .seo-more-inner .seo-menu-tbc { color: #a7f3d0; }
.seo-header .seo-more-inner .seo-menu-tbc i { color: #34d399; }
.seo-header .seo-more-inner .seo-menu-partybot i { color: #67e8f9; }
.seo-header .seo-more-inner .seo-menu-feedback { border-color: rgba(245,158,11,.3); color: #fde68a; }
.seo-header .seo-more-inner .seo-menu-feedback i { color: #fde68a; }
.seo-header .seo-more-inner .seo-menu-feedback:hover { background: rgba(245,158,11,.1); }
.seo-header .seo-more-inner .seo-menu-cabinet { margin-top: 0; color: var(--seo-gold); border-color: var(--seo-gold); text-align: center; }
.seo-header .seo-more-inner .seo-menu-gold { color: var(--seo-gold); }
main.seo-main { width: min(1280px,calc(100% - 64px)); padding: 48px 0 64px; }
.seo-main .seo-hero { border-radius: 14px; border-color: rgba(212,175,55,.24); background: radial-gradient(circle at 85% 10%,rgba(212,175,55,.10),transparent 34%),rgba(12,16,22,.85); }
.seo-main .seo-section, .seo-main .seo-card, .seo-main .seo-news-card { border-radius: 8px; background: rgba(12,16,22,.85); box-shadow: 0 10px 30px rgba(0,0,0,.5); }
.seo-main .kk-kicker, .seo-main .kk-slot-label, .seo-main .kk-source { color: var(--seo-gold); }
.seo-main .seo-map-links a { text-decoration: none; transition: border-color .2s,background .2s; }
.seo-main .seo-map-links a:hover, .seo-main .seo-map-links a:focus-visible { border-color: var(--seo-gold); background: rgba(212,175,55,.07); }
.seo-main .seo-map-links h3 { margin-top: 0; font-size: 19px; }
@media (max-width:1023px) {
    .seo-header .seo-header-inner { padding: 0 24px; }
    .seo-header .seo-nav { display: none; }
    .seo-header .seo-menu-toggle { margin-left: auto; }
    .seo-header .seo-more-menu { left: 24px; right: 24px; width: auto; }
    .seo-header .seo-mobile-primary { display: grid; }
    .seo-header .seo-mobile-primary::after { display: none; }
}
@media (max-width:639px) {
    .seo-header .seo-header-inner { min-height: 80px; padding: 0 16px; }
    .seo-header .seo-brand img { height: 56px; max-width: 210px; }
    .seo-header .seo-more-menu { left: 16px; right: 16px; }
    main.seo-main { width: calc(100% - 32px); padding: 32px 0 48px; }
    .seo-main .seo-hero { padding: 26px 22px; }
    .seo-main .seo-hero h1 { font-size: clamp(30px,8vw,42px); line-height: 1.15; }
    .seo-main .seo-lead { font-size: 16px; }
}