/* Shared site header and footer for replayer.live pages (not the replayer app itself). Fixed dark header in both themes. */
body.site{padding-left:0!important;padding-right:0!important;padding-bottom:0!important}
body.site>.wrap{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));box-sizing:border-box}
.snav{position:sticky;top:0;z-index:40;background:color-mix(in srgb,#0B1110 88%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid rgba(255,255,255,.07);font-family:"Figtree","Segoe UI",system-ui,sans-serif}
.snav .sin{max-width:1140px;margin:0 auto;display:flex;align-items:center;gap:18px;min-height:64px;padding:env(safe-area-inset-top) max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left))}
.snav .slogo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#F1F4F2}
.snav .slogo img{width:36px;height:36px;flex:none}
.snav .slogo b{font:800 24px/1 "Syne","Bricolage Grotesque",system-ui,sans-serif;letter-spacing:-.9px}
.snav .slogo b i{font-style:normal;color:#C8902E}
.snav .slogo small{display:block;margin-top:4px;font-size:10px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:#94A29B}
.snav .slinks{display:flex;gap:2px;margin-left:auto}
.snav .slinks a{color:#C9D2CD;text-decoration:none;font-weight:600;font-size:14.5px;padding:8px 12px;border-radius:8px}
.snav .slinks a:hover{color:#fff;background:rgba(255,255,255,.06)}
.snav .slinks a[aria-current="page"]{color:#fff;background:rgba(255,255,255,.08)}
.snav .scta{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:10px;background:#D9A445;color:#1A1408;font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap}
.snav .scta:hover{background:#E4B256}
.snav .smenu{display:none;position:relative}
.snav .smenu summary{list-style:none;cursor:pointer;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#E6ECE8;border:1px solid rgba(255,255,255,.14)}
.snav .smenu summary::-webkit-details-marker{display:none}
.snav .smenu summary svg{width:20px;height:20px}
.snav .smenu div{position:absolute;right:0;top:48px;min-width:220px;padding:8px;border-radius:14px;background:#111816;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px rgba(0,0,0,.4);display:flex;flex-direction:column}
.snav .smenu div a{color:#DDE4E0;text-decoration:none;font-weight:600;padding:11px 12px;border-radius:9px}
.snav .smenu div a:hover,.snav .smenu div a[aria-current="page"]{background:rgba(255,255,255,.07);color:#fff}
@media (max-width:980px){.snav .slinks{display:none}.snav .scta{margin-left:auto}.snav .smenu{display:block}}
@media (max-width:560px){.snav .slogo small{display:none}.snav .scta{min-height:38px;padding:0 12px;font-size:13px}.snav .sin{gap:10px}}
@media print{.snav,.sfoot2{display:none!important}}

.sfoot2{margin-top:72px;border-top:1px solid var(--line,#E0E4DF);background:var(--surface,#fff);color:var(--ink,#16201B);font-family:"Figtree","Segoe UI",system-ui,sans-serif}
.sfoot2 .fg{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1.6fr repeat(4,minmax(0,1fr));gap:28px;padding:44px max(20px,env(safe-area-inset-right)) 28px max(20px,env(safe-area-inset-left))}
.sfoot2 h4{margin:4px 0 12px;font:700 12px "Figtree",system-ui,sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted,#5A6760)}
.sfoot2 .fg>div>a{display:block;color:var(--ink,#16201B);text-decoration:none;font-size:14.5px;padding:4px 0}
.sfoot2 .fg>div>a:hover{color:var(--accent,#A8731F)}
.sfoot2 .fb .slogo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink,#16201B)}
.sfoot2 .fb .slogo img{width:34px;height:34px}
.sfoot2 .fb .slogo b{font:800 23px/1 "Syne","Bricolage Grotesque",system-ui,sans-serif;letter-spacing:-.9px}
.sfoot2 .fb .slogo b i{font-style:normal;color:#C8902E}
.sfoot2 .fb p{color:var(--muted,#5A6760);font-size:14px;margin:14px 0 8px;max-width:260px}
.sfoot2 .fb>a.ig{color:var(--accent,#A8731F);font-weight:600;font-size:14px}
.sfoot2 .base{max-width:1140px;margin:0 auto;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line,#E0E4DF);padding:16px max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));font-size:13px;color:var(--muted,#5A6760)}
@media (max-width:980px){.sfoot2 .fg{grid-template-columns:repeat(2,minmax(0,1fr))}.sfoot2 .fb{grid-column:1/-1}}
.pageacts{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}