@layer reset,tokens,base,utilities,components,pages;@font-face { font-family:Barlow Condensed; font-style:normal; font-display:swap; font-weight:600; src:url(/lib/fonts/barlow-condensed-vietnamese-600-normal.woff2) format("woff2"),url(/lib/fonts/barlow-condensed-vietnamese-600-normal.woff) format("woff"); unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB }
@font-face { font-family:Barlow Condensed; font-style:normal; font-display:swap; font-weight:600; src:url(/lib/fonts/barlow-condensed-latin-ext-600-normal.woff2) format("woff2"),url(/lib/fonts/barlow-condensed-latin-ext-600-normal.woff) format("woff"); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF }
@font-face { font-family:Barlow Condensed; font-style:normal; font-display:swap; font-weight:600; src:url(/lib/fonts/barlow-condensed-latin-600-normal.woff2) format("woff2"),url(/lib/fonts/barlow-condensed-latin-600-normal.woff) format("woff"); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD }
@font-face { font-family:Barlow Condensed; font-style:normal; font-display:swap; font-weight:700; src:url(/lib/fonts/barlow-condensed-vietnamese-700-normal.woff2) format("woff2"),url(/lib/fonts/barlow-condensed-vietnamese-700-normal.woff) format("woff"); unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB }
@font-face { font-family:Barlow Condensed; font-style:normal; font-display:swap; font-weight:700; src:url(/lib/fonts/barlow-condensed-latin-ext-700-normal.woff2) format("woff2"),url(/lib/fonts/barlow-condensed-latin-ext-700-normal.woff) format("woff"); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF }
@font-face { font-family:Barlow Condensed; font-style:normal; font-display:swap; font-weight:700; src:url(/lib/fonts/barlow-condensed-latin-700-normal.woff2) format("woff2"),url(/lib/fonts/barlow-condensed-latin-700-normal.woff) format("woff"); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD }
@font-face { font-family:IBM Plex Mono; font-style:normal; font-display:swap; font-weight:400; src:url(/lib/fonts/ibm-plex-mono-cyrillic-ext-400-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-mono-cyrillic-ext-400-normal.woff) format("woff"); unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F }
@font-face { font-family:IBM Plex Mono; font-style:normal; font-display:swap; font-weight:400; src:url(/lib/fonts/ibm-plex-mono-cyrillic-400-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-mono-cyrillic-400-normal.woff) format("woff"); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116 }
@font-face { font-family:IBM Plex Mono; font-style:normal; font-display:swap; font-weight:400; src:url(/lib/fonts/ibm-plex-mono-vietnamese-400-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-mono-vietnamese-400-normal.woff) format("woff"); unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB }
@font-face { font-family:IBM Plex Mono; font-style:normal; font-display:swap; font-weight:400; src:url(/lib/fonts/ibm-plex-mono-latin-ext-400-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-mono-latin-ext-400-normal.woff) format("woff"); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF }
@font-face { font-family:IBM Plex Mono; font-style:normal; font-display:swap; font-weight:400; src:url(/lib/fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-mono-latin-400-normal.woff) format("woff"); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD }
@font-face { font-family:IBM Plex Sans; font-style:normal; font-display:swap; font-weight:400; src:url(/lib/fonts/ibm-plex-sans-cyrillic-ext-400-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-sans-cyrillic-ext-400-normal.woff) format("woff"); unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F }
@font-face { font-family:IBM Plex Sans; font-style:normal; font-display:swap; font-weight:400; src:url(/lib/fonts/ibm-plex-sans-cyrillic-400-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-sans-cyrillic-400-normal.woff) format("woff"); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116 }
@font-face { font-family:IBM Plex Sans; font-style:normal; font-display:swap; font-weight:400; src:url(/lib/fonts/ibm-plex-sans-greek-400-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-sans-greek-400-normal.woff) format("woff"); unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF }
@font-face { font-family:IBM Plex Sans; font-style:normal; font-display:swap; font-weight:400; src:url(/lib/fonts/ibm-plex-sans-vietnamese-400-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-sans-vietnamese-400-normal.woff) format("woff"); unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB }
@font-face { font-family:IBM Plex Sans; font-style:normal; font-display:swap; font-weight:400; src:url(/lib/fonts/ibm-plex-sans-latin-ext-400-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-sans-latin-ext-400-normal.woff) format("woff"); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF }
@font-face { font-family:IBM Plex Sans; font-style:normal; font-display:swap; font-weight:400; src:url(/lib/fonts/ibm-plex-sans-latin-400-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-sans-latin-400-normal.woff) format("woff"); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD }
@font-face { font-family:IBM Plex Sans; font-style:normal; font-display:swap; font-weight:500; src:url(/lib/fonts/ibm-plex-sans-cyrillic-ext-500-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-sans-cyrillic-ext-500-normal.woff) format("woff"); unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F }
@font-face { font-family:IBM Plex Sans; font-style:normal; font-display:swap; font-weight:500; src:url(/lib/fonts/ibm-plex-sans-cyrillic-500-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-sans-cyrillic-500-normal.woff) format("woff"); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116 }
@font-face { font-family:IBM Plex Sans; font-style:normal; font-display:swap; font-weight:500; src:url(/lib/fonts/ibm-plex-sans-greek-500-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-sans-greek-500-normal.woff) format("woff"); unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF }
@font-face { font-family:IBM Plex Sans; font-style:normal; font-display:swap; font-weight:500; src:url(/lib/fonts/ibm-plex-sans-vietnamese-500-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-sans-vietnamese-500-normal.woff) format("woff"); unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB }
@font-face { font-family:IBM Plex Sans; font-style:normal; font-display:swap; font-weight:500; src:url(/lib/fonts/ibm-plex-sans-latin-ext-500-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-sans-latin-ext-500-normal.woff) format("woff"); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF }
@font-face { font-family:IBM Plex Sans; font-style:normal; font-display:swap; font-weight:500; src:url(/lib/fonts/ibm-plex-sans-latin-500-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-sans-latin-500-normal.woff) format("woff"); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD }
@font-face { font-family:IBM Plex Sans; font-style:normal; font-display:swap; font-weight:600; src:url(/lib/fonts/ibm-plex-sans-cyrillic-ext-600-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-sans-cyrillic-ext-600-normal.woff) format("woff"); unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F }
@font-face { font-family:IBM Plex Sans; font-style:normal; font-display:swap; font-weight:600; src:url(/lib/fonts/ibm-plex-sans-cyrillic-600-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-sans-cyrillic-600-normal.woff) format("woff"); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116 }
@font-face { font-family:IBM Plex Sans; font-style:normal; font-display:swap; font-weight:600; src:url(/lib/fonts/ibm-plex-sans-greek-600-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-sans-greek-600-normal.woff) format("woff"); unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF }
@font-face { font-family:IBM Plex Sans; font-style:normal; font-display:swap; font-weight:600; src:url(/lib/fonts/ibm-plex-sans-vietnamese-600-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-sans-vietnamese-600-normal.woff) format("woff"); unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB }
@font-face { font-family:IBM Plex Sans; font-style:normal; font-display:swap; font-weight:600; src:url(/lib/fonts/ibm-plex-sans-latin-ext-600-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-sans-latin-ext-600-normal.woff) format("woff"); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF }
@font-face { font-family:IBM Plex Sans; font-style:normal; font-display:swap; font-weight:600; src:url(/lib/fonts/ibm-plex-sans-latin-600-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-sans-latin-600-normal.woff) format("woff"); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD }
@layer reset { *,*:before,*:after { box-sizing:border-box } html { color-scheme:dark; scroll-behavior:smooth } body,h1,h2,h3,h4,p,figure,blockquote,dl,dd { margin:0 } img,svg { display:block; max-inline-size:100% } button,input,select,textarea { font:inherit; color:inherit } button,[type=button],[type=submit] { cursor:pointer } a { color:inherit; text-decoration:none } }
@layer tokens { :root { --page-background:#000; --page-surface:rgba(12,12,12,.95); --page-surface-strong:rgba(18,18,18,.98); --page-surface-soft:rgba(24,24,24,.94); --page-surface-ghost:rgba(255,255,255,.045); --page-border:rgba(160,0,0,.2); --page-border-strong:rgba(255,0,10,.58); --page-text:#f2f2f2; --page-text-muted:#c7c7c7; --page-text-soft:#9a9a9a; --page-accent:#a00000; --page-accent-strong:#ff000a; --page-accent-soft:rgba(65, 10, 10, 0.1); --page-alert:#ff000a; --page-success:#6fa978; --page-shadow:0 24px 72px rgba(0,0,0,.36); --page-shadow-soft:0 16px 40px rgba(0,0,0,.22); --radius-xs:.55rem; --radius-sm:.95rem; --radius-md:1.35rem; --radius-lg:1.9rem; --radius-pill:999px; --space-xs:.55rem; --space-sm:.8rem; --space-md:1.1rem; --space-lg:1.6rem; --space-xl:2.4rem; --space-2xl:3.4rem; --space-3xl:5rem; --font-display:"Barlow Condensed","Arial Narrow",sans-serif; --font-sans:"IBM Plex Sans",system-ui,sans-serif; --font-mono:"IBM Plex Mono",monospace; --duration-fast:.16s; --duration-base:.22s; --ease-standard:cubic-bezier(.2,.8,.2,1); --max-width:84rem } }
@layer base { body { min-block-size:100vh; background:radial-gradient(circle at top,rgba(255,255,255,.035),transparent 28%),linear-gradient(180deg,#000,#0a0a0a 42%,#171717); color:var(--page-text); font-family:var(--font-sans); font-size:.95rem; line-height:1.6; letter-spacing:.01em; overflow-x:clip } body:before,body:after { content:""; position:fixed; inset:auto; pointer-events:none; z-index:-1 } body:before { inset-inline-end:-10rem; inset-block-start:4rem; inline-size:24rem; block-size:24rem; border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.035),transparent 72%) } body:after { inset-inline-start:-8rem; inset-block-end:4rem; inline-size:18rem; block-size:18rem; border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.05),transparent 70%) } ::selection { background:#410a0a15; color:var(--page-text) } :focus-visible { outline:2px solid var(--page-accent-strong); outline-offset:3px } h1,h2,h3 { font-family:var(--font-display); font-weight:700; letter-spacing:.02em; line-height:1; text-wrap:balance } h1 { font-size:clamp(1.46rem,2.75vw,2.16rem) } h2 { font-size:clamp(1.05rem,1.85vw,1.36rem) } h3 { font-size:clamp(.89rem,1.2vw,1.02rem) } p,label,input,select,textarea { color:var(--page-text-muted) } dialog { border:0 } }
@layer utilities { a[href],button.stack-link--button { text-decoration-line:underline; text-decoration-style:solid; text-decoration-color:#8d43ff; text-decoration-thickness:1px; text-underline-offset:.22rem } .brand-lockup { text-decoration:none } .eyebrow { color:var(--page-accent); font-family:var(--font-display); font-size:.78rem; letter-spacing:.14em; text-transform:uppercase } .button-row,.hero__actions,.dialog-actions,.home-jump-link { display:flex; flex-wrap:wrap; gap:.8rem } .stack-links { display:grid; gap:.7rem } .stack-link { display:inline-flex; align-items:center; justify-content:flex-start; gap:.55rem; color:var(--page-text); inline-size:fit-content; text-decoration-line:underline; text-decoration-style:solid; text-decoration-color:#8d43ff; text-decoration-thickness:1px; text-underline-offset:.22rem; transition:color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard) } .stack-link__label { min-inline-size:0 } .stack-link:hover,.stack-link:focus-visible { color:var(--page-accent-strong); transform:translate(.12rem) } .stack-link__icon { display:inline-flex; align-items:center; justify-content:center; color:var(--page-accent-strong); flex:0 0 auto; text-decoration:none } .stack-link--button { background:none; border:0; padding:0; text-align:left } }
@layer components { .skip-link { position:absolute; inset-block-start:1rem; inset-inline-start:1rem; z-index:40; padding:.7rem 1rem; border-radius:var(--radius-pill); background:var(--page-accent); color:#f7f9fb; transform:translateY(-150%); transition:transform var(--duration-fast) var(--ease-standard) } .skip-link:focus { transform:translateY(0) } .site-shell { inline-size:min(100%,var(--max-width)); margin-inline:auto; padding:1rem } .site-header { position:sticky; inset-block-start:.45rem; z-index:30; display:grid; grid-template-columns:auto 1fr auto auto; gap:.75rem; align-items:center; padding:.62rem .8rem; margin-block-end:.8rem; border:1px solid var(--page-border); border-radius:calc(var(--radius-md) + .35rem); background:linear-gradient(180deg,#131214f5,#0c0b0cf2),var(--page-surface); backdrop-filter:blur(22px); box-shadow:var(--page-shadow-soft) } .site-header__brand,.site-header__actions { display:flex; align-items:center; gap:.75rem } .site-header__brand { grid-column:1 / 3; min-inline-size:0 } .site-header__actions { grid-column:3; justify-content:flex-end; justify-self:end; position:relative } .site-header__search { display:none; position:relative; min-inline-size:0 } .site-search-inline { position:relative; display:block } .site-search-inline__label { position:absolute; inline-size:1px; block-size:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap } .site-search-inline__input { inline-size:100%; min-block-size:2.7rem; padding:.7rem .95rem; border:1px solid rgba(255,255,255,.08); border-radius:var(--radius-pill); background:#0a090ae6; color:var(--page-text) } .site-search-inline__input:focus { border-color:var(--page-border-strong); outline:none } .brand-lockup { display:inline-flex; align-items:center; gap:.7rem; min-inline-size:0 } .brand-lockup img { inline-size:clamp(2.5rem,6vw,3.05rem); block-size:clamp(2.5rem,6vw,3.05rem); object-fit:contain; filter:drop-shadow(0 12px 24px rgba(0,0,0,.32)) } .brand-lockup span { display:grid; gap:.15rem } .brand-lockup strong { color:var(--page-text); font-family:var(--font-display); font-size:1.18rem; letter-spacing:.04em; text-transform:uppercase } .brand-lockup small { color:var(--page-text-soft); font-size:.76rem; letter-spacing:.08em; text-transform:uppercase } .site-header__menu { grid-column:4; justify-self:end } .site-nav { display:none; grid-column:1 / -1; gap:.55rem; padding-block-start:.3rem } .site-nav__group { display:inline-grid; position:relative } .site-nav__group summary { list-style:none } .site-nav__group summary::-webkit-details-marker { display:none } .site-nav__link--group:after { content:"\f078"; margin-inline-start:.45rem; font-family:"Font Awesome 6 Free"; font-weight:900; color:var(--page-text-soft); font-size:.8rem } .site-nav__link--group { cursor:pointer } .site-nav__group[open] .site-nav__link--group:after,.site-nav__group.is-current .site-nav__link--group:after { color:var(--page-text) } .site-nav__menu { display:none; gap:.35rem; padding-block-start:.35rem } .site-nav__group[open] .site-nav__menu { display:grid } .site-nav__menu-head,.site-nav__menu-sections,.site-nav__menu-links { display:grid; gap:.5rem } .site-nav__menu-head { padding-block-end:.35rem; border-block-end:1px solid rgba(255,255,255,.06) } .site-nav__menu-index,.site-nav__submenu-link,.site-nav__menu-label { display:flex; align-items:center; gap:.65rem } .site-nav__menu-label { color:var(--page-text); font-size:.92rem; font-weight:600 } .site-nav__menu-index { min-block-size:2.4rem; padding-inline:.75rem; border-radius:.85rem; color:var(--page-text); background:#ffffff0a } .site-nav__submenu-link { display:inline-flex; align-items:center; min-block-size:2.2rem; padding-inline:.75rem; border-radius:.85rem; color:var(--page-text-muted); background:#ffffff08; transition:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard) } .site-nav__submenu-link:hover,.site-nav__submenu-link:focus-visible,.site-nav__menu-index:hover,.site-nav__menu-index:focus-visible,.site-nav__submenu-link.is-current { color:var(--page-text); background:var(--page-surface-ghost) } .site-nav__menu-links--single { max-block-size:min(70vh,30rem); overflow:auto } .site-nav__submenu-icon,.site-nav__section-icon,.tool-card__icon { display:inline-flex; align-items:center; justify-content:center; inline-size:1.2rem; block-size:1.2rem; color:var(--page-accent-strong); flex:0 0 auto } .site-nav__submenu-icon svg,.site-nav__section-icon svg,.tool-card__icon svg { inline-size:100%; block-size:100% } body[data-nav-open=true] .site-nav { display:grid } .site-nav__link { display:inline-flex; align-items:center; min-block-size:2.45rem; padding-inline:.72rem; border-radius:var(--radius-pill); color:var(--page-text-muted); transition:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard) } .site-nav__link:hover,.site-nav__link:focus-visible,.site-nav__link.is-current { color:var(--page-text); background:var(--page-surface-ghost); transform:translateY(-1px) } .site-nav__group.is-current>.site-nav__link--group,.site-nav__group[open]>.site-nav__link--group { color:var(--page-text); background:var(--page-surface-ghost) } .site-nav__link--auth { border:1px solid var(--page-border) } .icon-button { display:inline-flex; align-items:center; justify-content:center; min-block-size:2.45rem; padding-inline:.9rem; border:1px solid var(--page-border); border-radius:var(--radius-pill); background:#ffffff05; color:var(--page-text-muted); transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard) } .icon-button:hover,.icon-button:focus-visible,.icon-button[aria-expanded=true] { color:var(--page-text); border-color:var(--page-border-strong); background:#ffffff0f; transform:translateY(-1px) } .account-popover { position:absolute; inset-inline-end:0; inset-block-start:calc(100% + .8rem); inline-size:min(20rem,calc(100vw - 2rem)); display:grid; gap:1rem; padding:1rem; border:1px solid var(--page-border); border-radius:var(--radius-md); background:linear-gradient(180deg,#151315fa,#0c0b0cfa),var(--page-surface-strong); box-shadow:var(--page-shadow) } .account-popover__summary { display:grid; gap:.18rem } .account-popover__summary strong { color:var(--page-text); font-size:1.12rem } .account-popover__summary span { color:var(--page-text-soft); font-size:.95rem } .site-frame { display:grid; gap:1.2rem } .site-main { border:1px solid var(--page-border); border-radius:var(--radius-lg); background:linear-gradient(180deg,#121112f0,#0a090af2),var(--page-surface); box-shadow:var(--page-shadow-soft) } .site-main { container-type:inline-size; padding:clamp(.95rem,1.7vw,1.35rem) } .site-panel { display:grid; gap:1rem; align-content:start; padding:0 } .panel-card,.hero__feature-card,.feature-card,.stat-card,.timeline-card,.support-card,.review-card,.tool-card,.results-shell,.status-card,.search-result-card,.contact-module,.command-list,.command-detail-panel { border:1px solid rgba(255,255,255,.05); border-radius:var(--radius-md); background:linear-gradient(180deg,#ffffff09,#ffffff04),var(--page-surface-soft) } .panel-card,.hero__feature-card,.feature-card,.stat-card,.timeline-card,.support-card,.review-card,.tool-card,.results-shell,.status-card,.search-result-card,.contact-module { padding:1.15rem } .page-heading,.section-heading,.hero__copy,.hero__feature-card,.feature-card,.timeline-card,.support-card,.review-card,.tool-card,.status-card,.search-result-card,.contact-module,.command-detail { display:grid; gap:.85rem } .page-heading { margin-block-end:clamp(1rem,2.4vw,1.5rem) } .page-lead { max-inline-size:52rem; font-size:clamp(.94rem,1.2vw,1rem) } .section-stack { display:grid; gap:1.3rem; margin-block-start:clamp(1.15rem,2.5vw,1.6rem) } .section-stack--flush { margin-block-start:0 } .section-heading { max-inline-size:48rem } .section-heading--split { display:flex; flex-wrap:wrap; gap:.9rem; align-items:end; justify-content:space-between } .section-grid,.support-grid,.stats-grid,.timeline-grid,.review-grid,.tool-grid,.search-result-grid { display:grid; gap:1rem } .hero { display:grid; gap:1rem; margin-block-end:1.4rem } .hero__copy { padding:clamp(1.35rem,3vw,2rem); border:1px solid rgb(255, 0, 0); background: #27000083; border-radius:var(--radius-md) } .hero__feature-card blockquote,.review-card blockquote { padding-inline-start:1rem; border-inline-start:2px solid rgba(210,59,78,.45); color:var(--page-text) } .hero__meta,.review-card__footer,.results-shell__header,.status-meta,.command-detail__header { display:flex; flex-wrap:wrap; gap:.75rem; align-items:center; justify-content:space-between } .stat-card { min-block-size:9rem } .stat-card strong { color:var(--page-text); font-family:var(--font-display); font-size:clamp(2rem,5vw,3rem); line-height:1 } .timeline-card__step { display:inline-flex; align-items:center; justify-content:center; inline-size:fit-content; min-inline-size:2.5rem; padding:.25rem .55rem; border-radius:var(--radius-pill); background:var(--page-accent-soft); color:var(--page-accent-strong); font-family:var(--font-mono); font-size:.88rem; align-self:start; justify-self:start } .button,.filter-chip { display:inline-flex; align-items:center; justify-content:center; min-block-size:3rem; padding-inline:1rem 1.1rem; border:1px solid transparent; border-radius:var(--radius-pill); font-weight:600; transition:transform var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard) } .button:hover, .button:focus-visible,.filter-chip:hover,.filter-chip:focus-visible { transform:translateY(-1px) } .button--primary { background:linear-gradient(180deg,var(--page-accent-strong),var(--page-accent)); color:#f7f9fb } .button--secondary,.filter-chip { border-color:var(--page-border); background:#ffffff06; color:var(--page-text) } .filter-chip.is-active { border-color:var(--page-border-strong); background:var(--page-accent-soft); color:var(--page-accent-strong) } .filter-row { display:flex; flex-wrap:wrap; gap:.7rem } .field-grid { display:grid; gap:1rem } .field { display:grid; gap:.5rem } .field__label { color:var(--page-text); font-size:.95rem } .field__control,.contact-module__textarea { inline-size:100%; min-block-size:2.8rem; padding:.82rem .92rem; border:1px solid rgba(255,255,255,.1); border-radius:var(--radius-sm); background:#0a090bd1; color:var(--page-text) } .field__control::placeholder,.contact-module__textarea::placeholder { color:var(--page-text-soft) } .contact-module__textarea { min-block-size:9rem; resize:vertical } .field__control:focus,.contact-module__textarea:focus { border-color:var(--page-border-strong); background:#0e0c0ef0; outline:none } .search-hint { font-size:.95rem; color:var(--page-text-soft) } .form-shell { min-block-size:9rem } .form-shell--panel { min-block-size:0 } .contact-slot { display:grid; gap:.8rem; min-block-size:0 } .button-row--jump,.home-jump-link { margin-block-start:.2rem } .home-jump-link { justify-content:center; inline-size:100%; text-align:center } .command-toolbar { display:grid; gap:.45rem } .command-toolbar__meta strong { color:var(--page-text) } .command-workbench { display:grid; gap:1rem; align-items:start } .command-list,.command-detail-panel { padding:.6rem } .command-detail-panel { display:grid; align-content:start; gap:.75rem; min-block-size:16rem; border:1px solid rgba(255,255,255,.06); border-radius:var(--radius-md); background:linear-gradient(180deg,#ffffff0a,#ffffff04),#0a090bc2 } .command-detail-panel--sidebar { padding:.85rem } .command-workbench__detail { display:grid; align-content:start; min-inline-size:0 } .command-list { display:grid; gap:.35rem } .command-list__item { display:grid; grid-template-columns:auto 1fr; gap:.8rem; align-items:center; min-block-size:3rem; padding:.75rem .9rem; border:0; border-radius:var(--radius-sm); background:transparent; color:var(--page-text-muted); text-align:left } .command-list__item:hover,.command-list__item:focus-visible,.command-list__item.is-active { background:#ffffff0b; color:var(--page-text); transform:translate(.12rem) } .command-list__slash { color:var(--page-accent); font-family:var(--font-display); font-size:1.3rem } .command-detail { display:none } .command-detail.is-active { display:grid } .command-detail__body { display:grid; gap:.7rem } .command-detail__body p { color:var(--page-text) } .command-detail__actions { display:grid; gap:.8rem } .command-empty { padding:1rem; border-radius:var(--radius-sm); border:1px dashed rgba(255,255,255,.08); color:var(--page-text-soft) } .command-copy-card { display:grid; gap:.75rem } .command-copy-card__command { color:var(--page-text); font-family:var(--font-display); font-size:1.2rem; line-height:1 } .command-copy-card__value { display:block; padding:.75rem .85rem; border:1px solid rgba(255,255,255,.08); border-radius:var(--radius-sm); background:#050505d6; color:var(--page-text); font-family:var(--font-mono); font-size:.82rem; overflow-wrap:anywhere } .reviews-summary { display:flex; flex-wrap:wrap; gap:1rem; align-items:center; justify-content:space-between; padding:1rem 0 .25rem } .reviews-summary--compact { padding:.15rem 0 .35rem } .reviews-summary--compact p { color:var(--page-text) } .review-list { display:grid; gap:1rem } .reviewer-details { display:flex; flex-direction:column; gap:0; min-block-size:100%; overflow:hidden; border:1px solid #2a3441; border-radius:.7rem; background:#0e141d; box-shadow:0 2px 8px #0000004d; transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard) } .reviewer-details:hover,.reviewer-details:focus-within { border-color:#3a4a5a; box-shadow:0 4px 12px #4ea5cd33; transform:translateY(-2px) } .reviewer-details.is-hidden { display:none } .review-header { display:flex; align-items:center; justify-content:center; min-block-size:7.5rem; padding:1.15rem; background:linear-gradient(135deg,#00b67a,#005128) } .review-header-content { text-align:center } .review-header .stars { font-size:2.35rem; line-height:1; color:#fff; text-shadow:0 2px 4px rgba(0,0,0,.3) } .review-header .header-label { margin-inline:auto; margin-block-start:.55rem; padding:0; border:0; border-radius:0; background:none; color:#fff; font-size:.88rem; font-weight:600; letter-spacing:0; text-transform:none } .review-source,.review-content { display:grid; gap:.6rem } .review-source { padding:.8rem 1rem; border-bottom:1px solid #2a3441 } .review-source h3 { display:flex; flex-wrap:wrap; gap:.55rem; align-items:center; color:#c4d4e4; font-size:.92rem } .review-verified { display:inline-flex; inline-size:fit-content; padding:.14rem .45rem; border-radius:.25rem; border:1px solid rgba(5,143,12,.35); background:linear-gradient(135deg,#058f0c,#047a09); color:#fff; font-size:.65rem; font-weight:600; letter-spacing:.04em; text-transform:uppercase } .review-content { flex:1 1 auto; padding:.85rem 1rem 1rem } .review-content blockquote { margin:0; padding:0; border:0; color:#8b95a0; font-size:.78rem; font-style:italic; line-height:1.5 } .review-meta { display:flex; flex-wrap:wrap; gap:.75rem; align-items:center; color:#8b95a0; font-size:.72rem } .review-link { display:inline-flex; align-items:center; justify-content:center; gap:.55rem; inline-size:100%; min-block-size:2rem; padding:.55rem .9rem; border-radius:.3rem; background:#4ea5cd; color:#000; font-size:.78rem; font-weight:600; text-decoration-line:underline; text-decoration-style:solid; text-decoration-color:#8d43ff; text-decoration-thickness:1px; text-underline-offset:.18rem } .review-link:hover,.review-link:focus-visible { background:#5fb5dd; color:#000 } .review-link__icon { display:inline-flex; align-items:center; justify-content:center; text-decoration:none } .review-card__badge,.search-result-card__meta span { display:inline-flex; inline-size:fit-content; padding:.28rem .55rem; border-radius:var(--radius-pill); background:#ffffff0d; color:var(--page-text-soft); font-size:.82rem; letter-spacing:.05em; text-transform:uppercase } .results-shell { gap:1rem } .results-shell--dayz { padding:1rem 1.1rem } .dayz-search-counter { color:var(--page-text-soft) } .dayz-search-results { display:grid; gap:1rem } .dayz-search-card { display:grid; gap:.9rem; padding:1rem; border:1px solid rgba(255,255,255,.05); border-radius:var(--radius-md); background:linear-gradient(180deg,#ffffff08,#ffffff03),var(--page-surface-soft); cursor:pointer; transition:transform var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard) } .dayz-search-card:hover,.dayz-search-card:focus-visible { transform:translateY(-2px); border-color:#ff000a2e; box-shadow:var(--page-shadow-soft) } .dayz-search-card__header { display:grid; grid-template-columns:auto minmax(0,1fr); gap:.9rem; align-items:start } .dayz-search-card__image { inline-size:5rem; block-size:5rem; object-fit:contain; border-radius:.9rem; padding:.4rem; background:#ffffff0a } .dayz-search-card__image--blank { border:1px dashed rgba(255,255,255,.08) } .dayz-search-card__title,.dayz-search-card__properties { display:grid; gap:.3rem } .dayz-search-card__name { color:var(--page-text); font-family:var(--font-display); font-size:1.2rem; line-height:1 } .dayz-search-card__type { color:var(--page-text-soft); font-family:var(--font-mono); font-size:.85rem } .dayz-search-card__body { color:var(--page-text-muted) } .dayz-search-card__toggle { inline-size:100%; padding:.7rem .9rem; border:1px solid rgba(255,255,255,.08); border-radius:var(--radius-sm); background:#ffffff09; color:var(--page-text); font-weight:600 } .dayz-search-card__extra { display:grid; gap:.8rem } .dayz-search-card__asset-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(7rem,1fr)); gap:.6rem } .dayz-search-card__asset { display:grid; gap:.35rem; padding:.55rem; border:1px solid rgba(255,255,255,.05); border-radius:var(--radius-sm); background:#ffffff06 } .dayz-search-card__asset-image { inline-size:100%; aspect-ratio:1; object-fit:contain; border-radius:var(--radius-xs); background:#0000005c } .dayz-search-card__asset-image--blank { background:linear-gradient(135deg,#a0000029,#ffffff05),#0000003d } .dayz-search-card__asset strong,.dayz-search-card__asset span { font-size:.76rem; line-height:1.35 } .dayz-search-card__asset span { color:var(--page-text-soft) } .dayz-search-card__extra-group { display:grid; gap:.45rem } .dayz-search-card__property { display:flex; gap:.55rem; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,.04); padding-bottom:.35rem } .dayz-search-card__property span { color:var(--page-text-soft) } .dayz-search-card__property strong { color:var(--page-text); font-weight:600 } .dayz-search-card__section { display:grid; gap:.45rem } .dayz-search-card__label { color:var(--page-text-soft); font-size:.82rem; letter-spacing:.06em; text-transform:uppercase } .dayz-search-card__list { display:flex; flex-wrap:wrap; gap:.4rem; margin:0; padding:0; list-style:none } .dayz-search-card__list li { padding:.3rem .55rem; border-radius:var(--radius-pill); background:#ffffff0a; color:var(--page-text); font-size:.82rem } .dayz-search-popout { position:fixed; inset:0; z-index:80; display:grid; place-items:center; padding:1rem } .dayz-search-popout__backdrop { position:absolute; inset:0; background:#000000b8; backdrop-filter:blur(8px) } .dayz-search-popout__panel { position:relative; display:grid; gap:1rem; inline-size:min(70rem,calc(100vw - 2rem)); max-block-size:calc(100vh - 2rem); padding:1rem 1.1rem; overflow:auto; border:1px solid rgba(255,255,255,.08); border-radius:var(--radius-md); background:linear-gradient(180deg,#121113fa,#0a090bfa),var(--page-surface-strong); box-shadow:var(--page-shadow) } .dayz-search-popout__header,.dayz-search-popout__lead { display:grid; gap:1rem } .dayz-search-popout__body,.dayz-search-popout__meta,.dayz-search-popout__section { display:grid; gap:.75rem } .dayz-search-popout__main-image,.dayz-search-popout__asset-image { inline-size:100%; object-fit:contain; border-radius:var(--radius-sm); background:#ffffff0a } .dayz-search-popout__main-image { max-inline-size:18rem; aspect-ratio:1; justify-self:center; padding:.8rem } .dayz-search-popout__main-image--blank,.dayz-search-popout__asset-image--blank { border:1px dashed rgba(255,255,255,.08) } .dayz-search-popout__facts { display:grid; gap:.35rem; margin:0; padding-left:1rem; color:var(--page-text-muted) } .dayz-search-popout__asset-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(8rem,1fr)); gap:.85rem } .dayz-search-popout__asset { display:grid; gap:.45rem; text-align:center } .dayz-search-popout__asset-image { aspect-ratio:1; padding:.6rem } .dayz-search-popout__asset strong { color:var(--page-text); font-size:.9rem } .dayz-search-popout__asset span { color:var(--page-text-soft); font-size:.78rem } .no-results { padding:2rem 1rem; color:var(--page-text-soft); text-align:center } .search-result-card { grid-template-columns:auto 1fr; align-items:start } .search-result-card__media { inline-size:4.5rem; aspect-ratio:1; border-radius:1rem; overflow:hidden; background:#ffffff0a } .search-result-card__media img { inline-size:100%; block-size:100%; object-fit:cover } .search-result-card__body { display:grid; gap:.65rem } .search-result-card__meta { display:flex; flex-wrap:wrap; gap:.45rem } .search-result-card__subline { color:var(--page-text-soft); font-family:var(--font-mono); font-size:.82rem } .contact-module__notice { padding:.85rem 1rem; border-radius:var(--radius-sm); background:#ffffff0a; color:var(--page-text) } .contact-module__notice[data-tone=error] { background:#bf4b4b24; color:#f1b6b6 } .contact-module__notice[data-tone=success] { background:#6fa97824; color:#badebf } .contact-module__actions,.contact-module__form { display:grid; gap:.85rem } .site-footer { display:flex; flex-wrap:wrap; align-items:center; gap:.8rem; padding:.7rem .95rem; margin-block-start:1rem; border:1px solid var(--page-border); border-radius:1.4rem; background:#0e0c0dd1 } .site-footer__lead { display:flex; align-items:center; gap:.8rem; flex:0 0 auto; min-inline-size:0 } .site-footer__brand { color:var(--page-text); font-family:var(--font-display); font-size:1.15rem; text-transform:uppercase; letter-spacing:.04em; white-space:nowrap } .site-footer__links { display:flex; flex-wrap:wrap; align-items:center; gap:.85rem; margin-inline-start:auto; justify-content:flex-end; min-inline-size:0 } .site-footer .stack-link { font-size:.92rem } .site-context-menu { position:fixed; z-index:90; display:none; min-inline-size:13rem; padding:.45rem; border:1px solid rgba(255,0,10,.34); border-radius:.95rem; background:linear-gradient(180deg,#121113fa,#0a090bfa),var(--page-surface-strong); box-shadow:var(--page-shadow); backdrop-filter:blur(14px) } .site-context-menu.is-open { display:grid } .site-context-menu__item { display:flex; align-items:center; gap:.7rem; inline-size:100%; padding:.7rem .8rem; border:0; border-radius:.75rem; background:transparent; color:var(--page-text); text-align:left } .site-context-menu__item i { color:var(--page-accent-strong) } .site-context-menu__item:hover,.site-context-menu__item:focus-visible { background:#ffffff0f; outline:none } .site-context-menu__item:disabled { opacity:.42; cursor:not-allowed } .site-dialog { inline-size:min(56rem,calc(100vw - 1.5rem)); max-inline-size:none; padding:0; background:transparent; color:var(--page-text) } .site-dialog::backdrop { background:#06080ab8; backdrop-filter:blur(10px) } .site-dialog__panel { display:grid; gap:1rem; padding:1rem; border:1px solid var(--page-border); border-radius:var(--radius-lg); background:linear-gradient(180deg,#151315fa,#0c0b0cf7),var(--page-surface-strong); box-shadow:var(--page-shadow) } .site-dialog__scrim { display:none } .site-dialog__header,.site-search-results { display:grid; gap:.9rem } .site-dialog__body--legal { display:grid; gap:.95rem } .site-search-results:empty:before { content:"Search the site index to reveal matching pages."; color:var(--page-text-soft) } .site-search-results--inline { position:absolute; inset-block-start:calc(100% + .55rem); inset-inline-end:0; inline-size:min(30rem,42vw); max-block-size:24rem; overflow:auto; padding:.8rem; border:1px solid var(--page-border); border-radius:var(--radius-md); background:linear-gradient(180deg,#121113fa,#0b0a0bfa),var(--page-surface-strong); box-shadow:var(--page-shadow) } .toast-stack { position:fixed; inset-inline-end:1rem; inset-block-end:1rem; z-index:60; display:grid; gap:.65rem; inline-size:min(22rem,calc(100vw - 2rem)) } .toast { display:grid; gap:.2rem; padding:.9rem 1rem; border:1px solid rgba(255,255,255,.08); border-radius:var(--radius-sm); background:#0c0b0cf5; box-shadow:var(--page-shadow-soft); animation:toast-in var(--duration-base) var(--ease-standard) } .toast[data-tone=success] { border-color:#6fa97847 } .toast[data-tone=error] { border-color:#bf4b4b4d } .toast__title { color:var(--page-text); font-size:.98rem; font-weight:600 } .toast__body { color:var(--page-text-soft); font-size:.92rem } .rich-content,.faq-card,.video-card,.price-card,.form-card,.guide-step { border:1px solid rgba(255,255,255,.05); border-radius:var(--radius-md); background:linear-gradient(180deg,#ffffff09,#ffffff04),var(--page-surface-soft) } .rich-content,.faq-card,.price-card,.form-card { padding:1.15rem } .rich-content { display:grid; gap:1rem } .rich-content>*+* { margin-block-start:0 } .rich-content h2,.rich-content h3,.rich-content h4,.rich-content h5 { color:var(--page-text); line-height:1.08 } .rich-content p,.rich-content li,.rich-content figcaption { color:var(--page-text-muted) } .rich-content ul,.rich-content ol { display:grid; gap:.6rem; padding-inline-start:1.25rem } .rich-content a { color:var(--page-text); text-decoration-line:underline; text-decoration-style:solid; text-decoration-color:#8d43ff; text-decoration-thickness:1px; text-underline-offset:.18rem } .rich-content code,.rich-content pre { font-family:var(--font-mono) } .rich-content code { padding:.12rem .42rem; border:1px solid rgba(160,0,0,.35); border-radius:var(--radius-xs); background:#200000b3; color:#f5d4d6 } .rich-content pre { overflow-x:auto; padding:1rem 1.1rem; border:1px solid rgba(160,0,0,.28); border-left:3px solid var(--page-accent-strong); border-radius:var(--radius-sm); background:linear-gradient(180deg,#16080af5,#08080af0),#09080aeb; color:#ececec; box-shadow:inset 0 1px #ffffff0a; white-space:pre-wrap; line-height:1.55 } .rich-content pre code { padding:0; border:0; background:transparent; color:inherit } .rich-content table { inline-size:100%; border-collapse:collapse } .rich-content th,.rich-content td { padding:.8rem; border:1px solid rgba(255,255,255,.08); text-align:left; vertical-align:top } .rich-content th { color:var(--page-text); font-weight:600; background:#ffffff0a } .rich-content details { padding:1rem; border:1px solid rgba(255,255,255,.06); border-radius:var(--radius-sm); background:#ffffff08 } .rich-content summary { cursor:pointer; color:var(--page-text); font-weight:600 } .rich-content figure { display:grid; gap:.7rem } .rich-content img { border-radius:var(--radius-sm); border:1px solid rgba(255,255,255,.06) } .feature-grid,.faq-grid,.video-grid,.pricing-grid,.membership-grid,.guide-steps { display:grid; gap:1rem } .feature-grid--dense { gap:.9rem } .feature-card h3,.faq-card h3 { color:var(--page-accent-strong) } .faq-card,.price-card,.form-card,.video-card,.guide-step { display:grid; gap:.85rem } .faq-card h3,.price-card h3,.video-card h3,.guide-step h3 { color:var(--page-text) } .video-card { overflow:hidden } .video-card__media { padding:.85rem; background:#040404b3 } .video-card__media .video-embed { box-shadow:none } .video-card__thumb { inline-size:100%; aspect-ratio:16 / 9; object-fit:cover; background:#ffffff0a } .video-card__body { display:grid; gap:.75rem; padding:1rem } .tool-card__title { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:start; gap:.8rem } .tool-card__icon { inline-size:1.4rem; block-size:1.4rem; margin-block-start:.1rem } .video-embed { overflow:hidden; border:1px solid rgba(255,255,255,.06); border-radius:var(--radius-md); background:#060507f0; box-shadow:var(--page-shadow-soft) } .video-embed iframe,.video-embed video { display:block; inline-size:100%; aspect-ratio:16 / 9; border:0; background:#000 } .membership-note { padding:1rem 1.15rem; border:1px solid var(--page-border); border-radius:var(--radius-md); background:#a6263614; color:var(--page-text) } .price-card.is-featured { border-color:var(--page-border-strong); background:linear-gradient(180deg,#a626361f,#ffffff04),var(--page-surface-soft) } .membership-form { display:grid; gap:1rem } .guide-step { grid-template-columns:auto minmax(0,1fr); align-items:start; padding:1rem } .guide-step__index { display:grid; place-items:center; inline-size:3rem; aspect-ratio:1; border-radius:50%; background:#a6263624; color:var(--page-accent-strong); font-family:var(--font-display); font-size:1.15rem; letter-spacing:.08em } .tool-stage { display:grid; gap:1rem } .tool-stage__links { align-items:stretch } .tool-embed .hidden { display:none } .tool-embed { position:relative; overflow:hidden; padding:clamp(.85rem,2vw,1.1rem); border:1px solid rgba(255,255,255,.05); border-radius:var(--radius-md); background:linear-gradient(180deg,#ffffff09,#ffffff04),#09080acc; box-shadow:inset 0 1px #ffffff08 } .tool-embed a { color:inherit } .tool-embed img { max-inline-size:100% } .tool-embed pre,.tool-embed code,.tool-embed textarea { font-family:var(--font-mono) } .tool-embed .container-fluid { inline-size:100% } .tool-embed .position-relative { position:relative } .tool-embed .d-flex { display:flex } .tool-embed .flex-column { flex-direction:column } .tool-embed .flex-wrap { flex-wrap:wrap } .tool-embed .flex-nowrap { flex-wrap:nowrap } .tool-embed .align-items-center { align-items:center } .tool-embed .align-items-start { align-items:flex-start } .tool-embed .justify-content-between { justify-content:space-between } .tool-embed .justify-content-center { justify-content:center } .tool-embed .justify-content-end { justify-content:flex-end } .tool-embed .gap-1 { gap:.25rem } .tool-embed .gap-2 { gap:.5rem } .tool-embed .gap-3 { gap:.75rem } .tool-embed .gap-4 { gap:1rem } .tool-embed .w-100 { inline-size:100% } .tool-embed .small { font-size:.82rem } .tool-embed .text-center { text-align:center } .tool-embed .text-light { color:var(--page-text) } .tool-embed .text-muted { color:var(--page-text-soft) } .tool-embed .d-none,.tool-embed [hidden] { display:none } .tool-embed .b-dark,.tool-embed .card,.tool-embed .modal-content { border:1px solid rgba(255,255,255,.07); border-radius:var(--radius-sm); background:#0e0e0ee0; box-shadow:var(--page-shadow-soft) } .tool-embed .card-body,.tool-embed .modal-content { padding:1rem } .tool-embed .row { display:grid; gap:1rem; grid-template-columns:repeat(auto-fit,minmax(14rem,1fr)) } .tool-embed .col { min-inline-size:0 } .tool-embed input,.tool-embed select,.tool-embed textarea { border:1px solid rgba(255,255,255,.1); border-radius:.7rem; background:#080808eb; color:var(--page-text) } .tool-embed input::placeholder,.tool-embed textarea::placeholder { color:var(--page-text-soft) } .page-tool-app--economy-calculator #multiplier-form { display:flex; flex-wrap:wrap; gap:.75rem; align-items:end; justify-content:center } .page-tool-app--economy-calculator #payout-table { margin-inline:auto; border-color:#ffffff1a; color:var(--page-text) } .page-tool-app--economy-calculator #receipt { min-inline-size:min(100%,22rem); padding:.75rem .9rem; border:1px dashed #776d5f; border-radius:.5rem; background:#121214; color:#c8c2a5; box-shadow:0 12px 24px #00000059; font-family:var(--font-mono) } .page-tool-app--economy-calculator #receipt * { color:inherit } .page-tool-app--economy-calculator #receipt .receipt-title { color:#cdbf9a; border-bottom:2px solid #776d5f; margin:.25rem 0 .5rem; padding-bottom:.25rem; font-size:.75rem; letter-spacing:.08em; text-transform:uppercase } .page-tool-app--economy-calculator #receipt .receipt-section { margin:.4rem 0 } .page-tool-app--economy-calculator #receipt .bill-line { display:flex; align-items:baseline; gap:.5rem; padding:.18rem 0 } .page-tool-app--economy-calculator #receipt .bill-item { color:#c8c2a5 } .page-tool-app--economy-calculator #receipt .bill-fill { flex:1 1 auto; border-bottom:1px dotted #776d5f; opacity:.6; transform:translateY(-2px) } .page-tool-app--economy-calculator #receipt .bill-price { margin-left:auto; color:#e6dbb4; font-variant-numeric:tabular-nums } .tool-embed .btn { display:inline-flex; align-items:center; justify-content:center; gap:.45rem; min-block-size:2.75rem; padding-inline:.95rem; border:1px solid rgba(255,255,255,.1); border-radius:.8rem; background:#ffffff06; color:var(--page-text); font-weight:600; transition:transform var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard) } .tool-embed .btn:hover,.tool-embed .btn:focus-visible { transform:translateY(-1px); border-color:var(--page-border-strong); background:#ffffff0f } .tool-embed .btn-sm { min-block-size:2.2rem; padding-inline:.75rem; font-size:.9rem } .tool-embed .btn-lg { min-block-size:3rem; padding-inline:1.15rem } .tool-embed .btn-outline-light,.tool-embed .btn-outline-secondary,.tool-embed .btn-secondary,.tool-embed .btn-light,.tool-embed .btn-dark { border-color:var(--page-border); background:#ffffff0a; color:var(--page-text) } .tool-embed .btn-outline-primary,.tool-embed .btn-primary { border-color:#d23b4e5c; background:linear-gradient(180deg,#d23b4ee6,#9b1f2feb); color:#f7f9fb } .tool-embed .btn-info,.tool-embed .btn-warning { border-color:#d23b4e4d; background:#a6263624; color:var(--page-text) } .tool-embed .btn-success,.tool-embed .btn-outline-success { border-color:#6fa97852; background:#6fa97824; color:#d8ebdb } .tool-embed .btn-outline-danger,.tool-embed .btn-danger { border-color:#bf4b4b4d; background:#bf4b4b1f; color:#f0b5b5 } .tool-embed button:not(.btn):not(.icon-button),.tool-embed input[type=button],.tool-embed input[type=submit] { display:inline-flex; align-items:center; justify-content:center; gap:.45rem; min-block-size:2.75rem; padding-inline:.95rem; border:1px solid rgba(255,255,255,.1); border-radius:.8rem; background:#ffffff06; color:var(--page-text) } .tool-embed .form-label { display:block; margin-block-end:.38rem; color:var(--page-text) } .tool-embed .form-control,.tool-embed .form-select,.tool-embed input[type=text],.tool-embed input[type=search],.tool-embed input[type=number],.tool-embed input[type=file],.tool-embed select,.tool-embed textarea { inline-size:100%; min-block-size:2.85rem; padding:.75rem .85rem; border:1px solid rgba(255,255,255,.1); border-radius:.85rem; background:#090b0fcc; color:var(--page-text) } .tool-embed .form-control::placeholder,.tool-embed input::placeholder,.tool-embed textarea::placeholder { color:var(--page-text-soft) } .tool-embed input[type=file]::file-selector-button,.tool-embed input[type=file]::-webkit-file-upload-button { margin-inline-end:.85rem; padding:.5rem .8rem; border:1px solid var(--page-border); border-radius:.7rem; background:#a6263629; color:var(--page-text) } .tool-embed textarea { min-block-size:8rem; resize:vertical } .tool-embed .form-control-sm,.tool-embed .form-select-sm { min-block-size:2.35rem; padding-block:.55rem; font-size:.92rem } .tool-embed .form-control:focus,.tool-embed .form-select:focus,.tool-embed input:focus,.tool-embed select:focus,.tool-embed textarea:focus { border-color:var(--page-border-strong); outline:none } .tool-embed .form-check { display:flex; align-items:center; gap:.45rem } .tool-embed .form-check-input { inline-size:1rem; block-size:1rem; margin:0 } .tool-embed .form-check-label { color:var(--page-text-muted) } .tool-embed .dropdown-item { display:block; padding:.55rem .7rem; border-radius:.7rem; color:var(--page-text) } .tool-embed .dropdown-menu,.tool-embed .bg-dark,.tool-embed .input-group-text { border:1px solid rgba(255,255,255,.08); border-radius:.85rem; background:#090b0ff0; color:var(--page-text) } .tool-embed .dropdown-menu { padding:.35rem } .tool-embed .text-secondary { color:var(--page-text-soft) } .tool-embed .badge { display:inline-flex; align-items:center; gap:.35rem; padding:.28rem .55rem; border-radius:999px; background:#ffffff14; color:var(--page-text) } .tool-embed .dropdown-item:hover,.tool-embed .dropdown-item:focus-visible { background:#ffffff0f } .tool-embed .modal { display:none; position:fixed; inset:0; z-index:70; padding:1rem; background:#06080ab8; backdrop-filter:blur(10px) } .tool-embed .alert { padding:.85rem 1rem; border:1px solid rgba(255,255,255,.1); border-radius:.85rem } .tool-embed .alert-info { border-color:#ffffff1f; background:#ffffff0d; color:var(--page-text) } .tool-embed .alert-success { border-color:#6fa97847; background:#6fa9781f; color:#cfe6d2 } .tool-embed .alert-warning { border-color:#d23b4e47; background:#a626361f; color:#ecd6aa } .tool-embed .alert-danger { border-color:#bf4b4b4d; background:#bf4b4b1f; color:#f0b5b5 } .tool-embed .m-0 { margin:0 } .tool-embed .m-4 { margin:1rem } .tool-embed .mt-1 { margin-block-start:.25rem } .tool-embed .mt-2 { margin-block-start:.5rem } .tool-embed .mt-3 { margin-block-start:.75rem } .tool-embed .mt-4 { margin-block-start:1rem } .tool-embed .mb-0 { margin-block-end:0 } .tool-embed .mb-1 { margin-block-end:.25rem } .tool-embed .mb-2 { margin-block-end:.5rem } .tool-embed .mb-3 { margin-block-end:.75rem } .tool-embed .mb-4 { margin-block-end:1rem } .tool-embed .me-1 { margin-inline-end:.25rem } .tool-embed .me-2 { margin-inline-end:.5rem } .tool-embed .ms-1 { margin-inline-start:.25rem } .tool-embed .p-0 { padding:0 } .tool-embed .p-1 { padding:.25rem } .tool-embed .p-2 { padding:.5rem } .tool-embed .p-3 { padding:.75rem } .tool-embed .p-4 { padding:1rem } .tool-embed .py-0 { padding-block:0 } [hidden] { display:none } }
@layer pages { .page-signin .status-card,.page-status-404 .status-card,.page-status-payment-failed .status-card,.page-status-login-failed .status-card { max-inline-size:44rem } .page-tool-app .site-shell { --max-width:110rem } .page-tool-app .site-header { gap:.65rem; padding:.52rem .74rem; margin-block-end:.7rem; border-radius:calc(var(--radius-md) + .15rem) } .page-tool-app .brand-lockup img { inline-size:2.2rem; block-size:2.2rem } .page-tool-app .brand-lockup strong { font-size:1.05rem } .page-tool-app .brand-lockup small { font-size:.72rem } .page-tool-app .site-main { padding:clamp(1rem,2vw,1.35rem) } .page-tool-app .page-heading { gap:.45rem; margin-block-end:.85rem } .page-tool-app h1 { font-size:clamp(1.7rem,3.1vw,2.4rem) } .page-tool-app .page-lead { max-inline-size:62rem; font-size:.94rem } .page-tool-app .tool-stage__links { gap:.65rem } .page-tool-app .tool-stage__links .button { min-block-size:2.45rem; padding-inline:.85rem .95rem } .page-commands .site-shell { --max-width:104rem } .page-commands .site-panel { gap:.85rem } .page-commands .command-list { max-inline-size:none } .page-legion .timeline-grid { grid-template-columns:repeat(3,minmax(0,1fr)) } }
@container (min-width: 44rem) { .field-grid--search { grid-template-columns:minmax(0,2fr) minmax(15rem,1fr) } .stats-grid,.timeline-grid,.review-list,.review-grid,.tool-grid,.search-result-grid,.feature-grid,.faq-grid,.video-grid,.pricing-grid,.guide-steps { grid-template-columns:repeat(2,minmax(0,1fr)) } .membership-grid { grid-template-columns:minmax(0,1.1fr) minmax(18rem,.85fr) } }
@container (min-width: 48rem) { .command-workbench { grid-template-columns:minmax(0,1.04fr) minmax(20rem,.96fr) } .command-list { max-block-size:calc(100vh - 14rem); overflow:auto } .command-workbench__detail { position:sticky; inset-block-start:.25rem } .command-detail-panel { max-block-size:calc(100vh - 14rem); overflow:auto } .page-commands .command-workbench { grid-template-columns:minmax(0,1fr) } .dayz-search-popout__lead { grid-template-columns:minmax(14rem,18rem) minmax(0,1fr); align-items:start } }
@container (min-width: 56rem) { .hero { grid-template-columns:minmax(0,1.25fr) minmax(18rem,.9fr) } .section-grid { grid-template-columns:repeat(2,minmax(0,1fr)) } }
@media(min-width:64rem) { .site-header { grid-template-columns:auto minmax(0,1fr) minmax(12rem,16rem); gap:.75rem; padding-inline:1rem } .site-header__brand,.site-header__actions,.site-header__menu { grid-column:auto } .site-header__menu { display:none } .site-nav { display:flex; flex-wrap:nowrap; gap:.3rem; grid-column:auto; justify-content:center; align-items:center; padding-block-start:0 } .site-nav__menu { position:absolute; inset-block-start:calc(100% + .5rem); inset-inline-start:0; min-inline-size:15rem; padding:.55rem; border:1px solid var(--page-border); border-radius:var(--radius-md); background:linear-gradient(180deg,#121113fa,#0b0a0bfa),var(--page-surface-strong); box-shadow:var(--page-shadow) } .site-nav__menu--tools { inline-size:min(24rem,calc(100vw - 3rem)); min-inline-size:18rem; padding:.7rem } .site-nav__menu--tools .site-nav__menu-links { gap:.45rem } .site-nav__menu--tools .site-nav__submenu-link { inline-size:100% } .site-header__search { display:block; align-self:center } .site-header__actions { display:none } .site-frame { grid-template-columns:minmax(0,1fr) fit-content(17.5rem); align-items:start } .support-grid,.stats-grid,.timeline-grid,.review-grid,.tool-grid,.search-result-grid,.feature-grid,.faq-grid,.video-grid,.pricing-grid { grid-template-columns:repeat(3,minmax(0,1fr)) } .page-legion .timeline-grid { grid-template-columns:repeat(2,minmax(0,1fr)) } .site-footer { justify-content:space-between } .site-footer__links { flex:1 1 auto } .page-no-panel .site-frame { grid-template-columns:minmax(0,1fr) } .page-home .site-main,.page-commands .site-main,.page-no-panel .site-main { border:0; border-radius:0; background:transparent; box-shadow:none; padding:0 } .page-commands .site-frame { grid-template-columns:minmax(0,1fr) minmax(20rem,23rem) } .page-commands .site-panel { position:sticky; inset-block-start:5.15rem } }
@media(max-width:79.998rem) { .site-nav__link,.icon-button,.site-search-inline__input { font-size:.875rem } .site-nav__link { min-block-size:2.35rem; padding-inline:.6rem } .icon-button { min-block-size:2.35rem; padding-inline:.78rem } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto } *,*:before,*:after { animation-duration:1ms; animation-iteration-count:1; transition-duration:1ms } }
@keyframes toast-in { 0% { opacity:0; transform:translateY(.4rem) } to { opacity:1; transform:translateY(0) } }
::selection { background:#d20d0d; color:#fff }
::-moz-selection { background:#d20d0d; color:#fff }
.site-shell { padding:clamp(.7rem,1.4vw,1rem) }
.site-frame { gap:clamp(1rem,1.8vw,1.45rem); align-items:start }
.site-main { padding:clamp(1rem,1.8vw,1.5rem) }
.site-panel { gap:clamp(.9rem,1.5vw,1.15rem) }
.page-heading,.section-heading,.hero__copy,.hero__feature-card,.feature-card,.timeline-card,.support-card,.review-card,.tool-card,.status-card,.search-result-card,.contact-module,.command-detail { gap:.95rem }
.section-stack { gap:clamp(1.15rem,2vw,1.55rem) }
.panel-card,.hero__feature-card,.feature-card,.stat-card,.timeline-card,.support-card,.review-card,.tool-card,.results-shell,.status-card,.search-result-card,.contact-module,.command-list,.command-detail-panel,.rich-content,.faq-card,.video-card,.price-card,.form-card,.guide-step { box-shadow:0 .85rem 2.4rem rgba(0,0,0,.18) }
.field__control,.contact-module__textarea,.site-search-inline__input { background:#0b0a0cd9 }
.field__control:focus,.contact-module__textarea:focus,.site-search-inline__input:focus { box-shadow:0 0 0 .18rem rgba(176,82,255,.12) }
[id] { scroll-margin-top:6rem }
.site-footer { padding:.8rem .95rem }
.site-footer__links { row-gap:.65rem }
.site-search-results--inline { inline-size:min(32rem,calc(100vw - 1.5rem)) }
@media (max-width:63.998rem) { .site-shell { padding:.65rem } .site-header { margin-block-end:.65rem; padding:.68rem .76rem; gap:.65rem } .site-main { padding:.95rem } .panel-card,.hero__feature-card,.feature-card,.stat-card,.timeline-card,.support-card,.review-card,.tool-card,.results-shell,.status-card,.search-result-card,.contact-module,.rich-content,.faq-card,.price-card,.form-card { padding:1rem } .site-footer { padding:.78rem .85rem } .site-search-results--inline { inset-inline-start:0; inset-inline-end:auto; inline-size:min(100%,calc(100vw - 1.3rem)) } }
@media (max-width:47.998rem) { .section-heading--split,.hero__meta,.review-card__footer,.results-shell__header,.status-meta,.command-detail__header { align-items:flex-start } .site-footer__links { margin-inline-start:0; justify-content:flex-start } .site-dialog { inline-size:min(56rem,calc(100vw - .8rem)) } }
:focus-visible { outline:none } /** Keep focus styling subtle; remove forced outline ring globally. */
.panel-card,.hero__feature-card,.feature-card,.stat-card,.timeline-card,.support-card,.review-card,.tool-card,.results-shell,.status-card,.search-result-card,.contact-module,.command-list,.command-detail-panel,.rich-content,.faq-card,.video-card,.price-card,.form-card,.guide-step { padding:.92rem }
.rich-content,.faq-card,.price-card,.form-card { gap:.82rem }
.video-card__body { padding:.88rem }
.guide-step { padding:.9rem }
.guide-step__index { inline-size:2.4rem; font-size:1rem }
.field__control,.contact-module__textarea,.site-search-inline__input { min-block-size:2.4rem; padding:.55rem .8rem; font-size:.94rem }
.contact-module__textarea { min-block-size:8rem }
.tool-embed { padding:.82rem }
.tool-embed .card-body,.tool-embed .modal-content { padding:.82rem }
.tool-embed .row { gap:.85rem; grid-template-columns:repeat(auto-fit,minmax(13rem,1fr)) }
.tool-embed .btn,.tool-embed button:not(.btn):not(.icon-button),.tool-embed input[type=button],.tool-embed input[type=submit] { min-block-size:2.35rem; padding-inline:.8rem; font-size:.92rem }
.tool-embed .btn-sm { min-block-size:2rem; padding-inline:.65rem; font-size:.84rem }
.tool-embed .btn-lg { min-block-size:2.65rem; padding-inline:1rem; font-size:.98rem }
.tool-embed .form-control,.tool-embed .form-select,.tool-embed input[type=text],.tool-embed input[type=search],.tool-embed input[type=number],.tool-embed input[type=file],.tool-embed select,.tool-embed textarea { min-block-size:2.35rem; padding:.52rem .72rem; font-size:.92rem }
.tool-embed input[type=file]::file-selector-button,.tool-embed input[type=file]::-webkit-file-upload-button { padding:.36rem .65rem; font-size:.86rem }
.tool-embed textarea { min-block-size:10rem; padding:.7rem .76rem; font-size:.9rem }
.tool-embed .dropdown-item { padding:.45rem .6rem; font-size:.92rem }
.tool-embed .badge { padding:.2rem .45rem; font-size:.82rem }
.tool-embed .alert { padding:.75rem .9rem }
.rich-content pre,.tool-embed pre { padding:.72rem .82rem; font-size:.88rem; line-height:1.45 }
.rich-content code { padding:.08rem .32rem; font-size:.92em }
@media (max-width:63.998rem) { .panel-card,.hero__feature-card,.feature-card,.stat-card,.timeline-card,.support-card,.review-card,.tool-card,.results-shell,.status-card,.search-result-card,.contact-module,.rich-content,.faq-card,.price-card,.form-card,.guide-step { padding:.85rem } .tool-embed { padding:.76rem } .tool-embed .row { gap:.72rem } .tool-embed .btn,.tool-embed button:not(.btn):not(.icon-button),.tool-embed input[type=button],.tool-embed input[type=submit] { min-block-size:2.2rem; padding-inline:.72rem; font-size:.88rem } .tool-embed .form-control,.tool-embed .form-select,.tool-embed input[type=text],.tool-embed input[type=search],.tool-embed input[type=number],.tool-embed input[type=file],.tool-embed select,.tool-embed textarea { min-block-size:2.2rem; padding:.48rem .66rem; font-size:.88rem } }
@media (max-width:63.998rem) {
  html {
    font-size: 15px;
  }

  body {
    font-size: 0.92rem;
    line-height: 1.52;
  }

  h1 {
    font-size: clamp(1.08rem, 4.6vw, 1.42rem);
  }

  h2 {
    font-size: clamp(0.98rem, 3.7vw, 1.14rem);
  }

  h3 {
    font-size: clamp(0.86rem, 3vw, 0.96rem);
  }

  .eyebrow {
    font-size: 0.66rem;
    letter-spacing: 0.11em;
  }

  .page-heading,
  body.page-tool-app .page-heading {
    gap: 0.26rem;
    margin-block-end: 0.36rem;
  }

  .page-lead {
    max-inline-size: 100%;
    font-size: clamp(0.76rem, 2.5vw, 0.82rem);
    line-height: 1.36;
  }

  body.page-tool-app .page-lead {
    max-inline-size: 100%;
    font-size: clamp(0.72rem, 2.2vw, 0.78rem);
    line-height: 1.32;
  }

  .site-nav__submenu-link,
  .site-nav__menu-index,
  .site-nav__menu-label {
    font-size: 0.84rem;
  }

  .button,
  .filter-chip {
    min-block-size: 2.55rem;
    padding-inline: 0.82rem 0.94rem;
    font-size: 0.88rem;
  }

  .field__label,
  .search-hint {
    font-size: 0.88rem;
  }
}

@media (max-width:47.998rem) {
  html {
    font-size: 14px;
  }

  body {
    font-size: 0.9rem;
    line-height: 1.48;
  }

  h1 {
    font-size: clamp(0.98rem, 5.4vw, 1.24rem);
  }

  h2 {
    font-size: clamp(0.92rem, 4.3vw, 1.05rem);
  }

  h3 {
    font-size: clamp(0.82rem, 3.4vw, 0.9rem);
  }

  .page-lead {
    font-size: clamp(0.72rem, 3vw, 0.78rem);
  }

  body.page-tool-app .page-lead {
    font-size: clamp(0.69rem, 2.8vw, 0.74rem);
  }

  .site-nav__submenu-link,
  .site-nav__menu-index,
  .site-nav__menu-label {
    font-size: 0.8rem;
  }

  .button,
  .filter-chip,
  .field__label,
  .search-hint {
    font-size: 0.84rem;
  }
}

@media (max-width:29.998rem) {
  html {
    font-size: 13px;
  }
}
body.page-tool-app--3d-json-editor .tool-embed--3d-json-editor input,
body.page-tool-app--3d-json-editor .tool-embed--3d-json-editor select,
body.page-tool-app--3d-json-editor .tool-embed--3d-json-editor textarea { min-height:2.4rem; padding:0.52rem 0.72rem; font-size:0.93rem } /** Per-tool sizing adjustments (live, size-only) */
body.page-tool-app--3d-json-editor .tool-embed--3d-json-editor button { min-height:2.45rem; padding:0.48rem 0.86rem; font-size:0.92rem }
body.page-tool-app--3d-json-editor .tool-embed--3d-json-editor #outputArea,
body.page-tool-app--3d-json-editor .tool-embed--3d-json-editor #markerInput { min-height:36vh; font-size:0.93rem; line-height:1.45 }
body.page-tool-app--code-reducer .tool-embed--code-reducer .form-control,
body.page-tool-app--code-reducer .tool-embed--code-reducer textarea,
body.page-tool-app--code-reducer .tool-embed--code-reducer input,
body.page-tool-app--code-reducer .tool-embed--code-reducer select { min-height:2.38rem; padding:0.5rem 0.72rem; font-size:0.92rem }
body.page-tool-app--code-reducer .tool-embed--code-reducer .btn,
body.page-tool-app--code-reducer .tool-embed--code-reducer button { min-height:2.4rem; padding:0.45rem 0.82rem; font-size:0.91rem }
body.page-tool-app--code-reducer .tool-embed--code-reducer textarea,
body.page-tool-app--code-reducer .tool-embed--code-reducer pre { min-height:34vh; font-size:0.92rem; line-height:1.44 }
body.page-tool-app--compare-files .tool-embed--compare-files .form-control,
body.page-tool-app--compare-files .tool-embed--compare-files textarea,
body.page-tool-app--compare-files .tool-embed--compare-files input,
body.page-tool-app--compare-files .tool-embed--compare-files select { min-height:2.36rem; padding:0.5rem 0.7rem; font-size:0.91rem }
body.page-tool-app--compare-files .tool-embed--compare-files .btn,
body.page-tool-app--compare-files .tool-embed--compare-files button { min-height:2.35rem; padding:0.44rem 0.8rem; font-size:0.9rem }
body.page-tool-app--compare-files .tool-embed--compare-files textarea,
body.page-tool-app--compare-files .tool-embed--compare-files pre { min-height:34vh; font-size:0.91rem; line-height:1.42 }
body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay .form-control,
body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay .form-select,
body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay input,
body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay select,
body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay textarea { min-height:2.2rem; padding:0.42rem 0.62rem; font-size:0.87rem }
body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay .btn,
body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay button { min-height:2.2rem; padding:0.38rem 0.72rem; font-size:0.86rem }
body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay .rowx { grid-template-columns:minmax(0,1fr) 5rem; gap:0.45rem }
body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay .numbox { inline-size:5rem; min-inline-size:5rem }
body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay #cfgText { min-height:40vh; font-size:0.9rem; line-height:1.42 }
body.page-tool-app--economy-calculator .tool-embed--economy-calculator .form-control,
body.page-tool-app--economy-calculator .tool-embed--economy-calculator input,
body.page-tool-app--economy-calculator .tool-embed--economy-calculator select { min-height:2.3rem; padding:0.46rem 0.68rem; font-size:0.9rem }
body.page-tool-app--economy-calculator .tool-embed--economy-calculator .btn,
body.page-tool-app--economy-calculator .tool-embed--economy-calculator button { min-height:2.32rem; padding:0.42rem 0.76rem; font-size:0.9rem }
body.page-tool-app--file-validator .tool-embed--file-validator .form-control,
body.page-tool-app--file-validator .tool-embed--file-validator textarea,
body.page-tool-app--file-validator .tool-embed--file-validator input,
body.page-tool-app--file-validator .tool-embed--file-validator select { min-height:2.36rem; padding:0.5rem 0.72rem; font-size:0.92rem }
body.page-tool-app--file-validator .tool-embed--file-validator .btn,
body.page-tool-app--file-validator .tool-embed--file-validator button { min-height:2.38rem; padding:0.44rem 0.8rem; font-size:0.91rem }
body.page-tool-app--file-validator .tool-embed--file-validator textarea,
body.page-tool-app--file-validator .tool-embed--file-validator pre { min-height:34vh; font-size:0.92rem }
body.page-tool-app--generate-loadout .tool-embed--generate-loadout #spawnWeight { width:60px; min-width:60px; max-width:60px }
body.page-tool-app--generate-spawnable-types .tool-embed--generate-spawnable-types .form-control,
body.page-tool-app--generate-spawnable-types .tool-embed--generate-spawnable-types .form-select,
body.page-tool-app--generate-spawnable-types .tool-embed--generate-spawnable-types input,
body.page-tool-app--generate-spawnable-types .tool-embed--generate-spawnable-types select,
body.page-tool-app--generate-spawnable-types .tool-embed--generate-spawnable-types textarea { min-height:2.34rem; padding:0.48rem 0.7rem; font-size:0.91rem }
body.page-tool-app--generate-spawnable-types .tool-embed--generate-spawnable-types .btn,
body.page-tool-app--generate-spawnable-types .tool-embed--generate-spawnable-types button { min-height:2.36rem; padding:0.44rem 0.8rem; font-size:0.9rem }
body.page-tool-app--generate-spawnable-types .tool-embed--generate-spawnable-types #outputXml { min-height:38vh; font-size:0.92rem; line-height:1.44 }
body.page-tool-app--generate-trader-file .tool-embed--generate-trader-file .form-control,
body.page-tool-app--generate-trader-file .tool-embed--generate-trader-file .form-select,
body.page-tool-app--generate-trader-file .tool-embed--generate-trader-file input,
body.page-tool-app--generate-trader-file .tool-embed--generate-trader-file select,
body.page-tool-app--generate-trader-file .tool-embed--generate-trader-file textarea { min-height:2.34rem; padding:0.48rem 0.7rem; font-size:0.91rem }
body.page-tool-app--generate-trader-file .tool-embed--generate-trader-file .btn,
body.page-tool-app--generate-trader-file .tool-embed--generate-trader-file button { min-height:2.36rem; padding:0.44rem 0.8rem; font-size:0.9rem }
body.page-tool-app--generate-trader-file .tool-embed--generate-trader-file #outputJson { min-height:38vh; font-size:0.92rem; line-height:1.44 }
body.page-tool-app--json-wall-generator .tool-embed--json-wall-generator input,
body.page-tool-app--json-wall-generator .tool-embed--json-wall-generator select,
body.page-tool-app--json-wall-generator .tool-embed--json-wall-generator textarea { min-height:2.4rem; padding:0.5rem 0.72rem; font-size:0.92rem }
body.page-tool-app--json-wall-generator .tool-embed--json-wall-generator button { min-height:2.42rem; padding:0.45rem 0.82rem; font-size:0.91rem }
body.page-tool-app--json-wall-generator .tool-embed--json-wall-generator textarea[id*="json"],
body.page-tool-app--json-wall-generator .tool-embed--json-wall-generator textarea[id*="output"] { min-height:36vh; font-size:0.92rem; line-height:1.44 }
body.page-tool-app--loop-generator .tool-embed--loop-generator .control-input,
body.page-tool-app--loop-generator .tool-embed--loop-generator .control-textarea,
body.page-tool-app--loop-generator .tool-embed--loop-generator input,
body.page-tool-app--loop-generator .tool-embed--loop-generator select,
body.page-tool-app--loop-generator .tool-embed--loop-generator textarea { min-height:2.42rem; padding:0.52rem 0.74rem; font-size:0.92rem }
body.page-tool-app--loop-generator .tool-embed--loop-generator .btn-tool,
body.page-tool-app--loop-generator .tool-embed--loop-generator button { min-height:2.46rem; padding:0.46rem 0.84rem; font-size:0.91rem }
body.page-tool-app--loop-generator .tool-embed--loop-generator #output,
body.page-tool-app--loop-generator .tool-embed--loop-generator #refJson { min-height:36vh; font-size:0.92rem; line-height:1.44 }
body.page-tool-app--mapgrouppos-filter .tool-embed--mapgrouppos-filter input,
body.page-tool-app--mapgrouppos-filter .tool-embed--mapgrouppos-filter select,
body.page-tool-app--mapgrouppos-filter .tool-embed--mapgrouppos-filter textarea { min-height:2.38rem; padding:0.5rem 0.72rem; font-size:0.92rem }
body.page-tool-app--mapgrouppos-filter .tool-embed--mapgrouppos-filter button { min-height:2.4rem; padding:0.44rem 0.8rem; font-size:0.91rem }
body.page-tool-app--mapgrouppos-filter .tool-embed--mapgrouppos-filter #mposXmlInput,
body.page-tool-app--mapgrouppos-filter .tool-embed--mapgrouppos-filter #mposXmlOutput,
body.page-tool-app--mapgrouppos-filter .tool-embed--mapgrouppos-filter #mposRemovedOutput { min-height:32vh; font-size:0.92rem; line-height:1.44 }
body.page-tool-app--object-spawner-to-teleporter .tool-embed--object-spawner-to-teleporter .control-input,
body.page-tool-app--object-spawner-to-teleporter .tool-embed--object-spawner-to-teleporter .control-textarea,
body.page-tool-app--object-spawner-to-teleporter .tool-embed--object-spawner-to-teleporter input,
body.page-tool-app--object-spawner-to-teleporter .tool-embed--object-spawner-to-teleporter select,
body.page-tool-app--object-spawner-to-teleporter .tool-embed--object-spawner-to-teleporter textarea { min-height:2.42rem; padding:0.52rem 0.74rem; font-size:0.92rem }
body.page-tool-app--object-spawner-to-teleporter .tool-embed--object-spawner-to-teleporter .btn-tool,
body.page-tool-app--object-spawner-to-teleporter .tool-embed--object-spawner-to-teleporter button { min-height:2.46rem; padding:0.46rem 0.84rem; font-size:0.91rem }
:root { --page-card-surface:rgba(8,9,11,0.42); --page-card-surface-strong:rgba(8,9,11,0.54); --page-card-surface-soft:rgba(8,9,11,0.32); --page-card-surface-alt:rgba(11,10,8,0.3); --page-card-surface-alt-strong:rgba(12,11,9,0.4); --page-card-surface-tint:linear-gradient(164deg,rgba(255,255,255,.03),rgba(255,255,255,.008) 34%,rgba(217,181,104,.09) 74%,rgba(255,214,132,.032)); --page-card-surface-tint-soft:linear-gradient(154deg,rgba(255,255,255,.024),rgba(255,255,255,.006) 38%,rgba(217,181,104,.072) 72%,rgba(255,214,132,.026)); --page-card-surface-tint-alt:linear-gradient(196deg,rgba(255,255,255,.024),rgba(255,255,255,.006) 30%,rgba(198,162,82,.098) 68%,rgba(144,108,36,.04)); --page-card-border:rgba(255,255,255,.074); --page-card-border-strong:rgba(217,181,104,.18); --page-card-shadow-soft:0 0.7rem 1.8rem rgba(0,0,0,.14) }
.panel-card,
.hero__feature-card,
.feature-card,
.stat-card,
.timeline-card,
.support-card,
.review-card,
.tool-card,
.results-shell,
.status-card,
.search-result-card,
.contact-module,
.command-list,
.command-detail-panel,
.rich-content,
.faq-card,
.video-card,
.price-card,
.form-card,
.guide-step { border:1px solid var(--page-card-border); background:var(--page-card-surface-tint-current,var(--page-card-surface-tint)),var(--page-card-surface-current,var(--page-card-surface)); backdrop-filter:blur(12px); box-shadow:var(--page-card-shadow-soft) }
.stats-grid > *,
.timeline-grid > *,
.review-list > *,
.review-grid > *,
.tool-grid > *,
.search-result-grid > *,
.feature-grid > *,
.faq-grid > *,
.video-grid > *,
.pricing-grid > *,
.membership-grid > *,
.guide-steps > *,
.support-grid > * { --page-card-surface-current:var(--page-card-surface); --page-card-surface-tint-current:var(--page-card-surface-tint) }
.stats-grid > :nth-child(even),
.timeline-grid > :nth-child(even),
.review-list > :nth-child(even),
.review-grid > :nth-child(even),
.tool-grid > :nth-child(even),
.search-result-grid > :nth-child(even),
.feature-grid > :nth-child(even),
.faq-grid > :nth-child(even),
.video-grid > :nth-child(even),
.pricing-grid > :nth-child(even),
.membership-grid > :nth-child(even),
.guide-steps > :nth-child(even),
.support-grid > :nth-child(even) { --page-card-surface-current:var(--page-card-surface-alt); --page-card-surface-tint-current:var(--page-card-surface-tint-alt) }
.price-card.is-featured { border-color:var(--page-card-border-strong); background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(160,0,0,.012)),rgba(18,13,14,0.26) }
.rich-content details { border-color:var(--page-card-border); background:var(--page-card-surface-tint-soft),rgba(22,13,16,0.24) }
.video-card__media { background:rgba(14,10,12,0.14) }
.tool-embed { border-color:var(--page-card-border); background:var(--page-card-surface-tint-soft),rgba(18,10,13,0.24); backdrop-filter:blur(14px); box-shadow:inset 0 1px rgba(255,255,255,.08),var(--page-card-shadow-soft) }
.tool-embed .b-dark,
.tool-embed .card,
.tool-embed .modal-content { border-color:var(--page-card-border); background:var(--page-card-surface-tint-soft),rgba(22,13,16,0.28); box-shadow:var(--page-card-shadow-soft) }
.tool-embed .dropdown-menu,
.tool-embed .bg-dark,
.tool-embed .input-group-text { background:var(--page-card-surface-tint-soft),rgba(18,11,14,0.2) }
.tool-embed .badge { background:rgba(53, 12, 12, 0.05) }
body.page-tool-app--object-spawner-to-teleporter .tool-embed--object-spawner-to-teleporter #jsonTeleportInput,
body.page-tool-app--object-spawner-to-teleporter .tool-embed--object-spawner-to-teleporter #teleportOutput { min-height:36vh; font-size:0.92rem; line-height:1.44 }
body.page-tool-app--rpt-debugger .tool-embed--rpt-debugger input,
body.page-tool-app--rpt-debugger .tool-embed--rpt-debugger select,
body.page-tool-app--rpt-debugger .tool-embed--rpt-debugger textarea { min-height:2.36rem; padding:0.5rem 0.72rem; font-size:0.91rem }
body.page-tool-app--rpt-debugger .tool-embed--rpt-debugger button { min-height:2.38rem; padding:0.44rem 0.8rem; font-size:0.9rem }
body.page-tool-app--supply-drop-proxy-generator .tool-embed--supply-drop-proxy-generator .form-control,
body.page-tool-app--supply-drop-proxy-generator .tool-embed--supply-drop-proxy-generator .form-select,
body.page-tool-app--supply-drop-proxy-generator .tool-embed--supply-drop-proxy-generator input,
body.page-tool-app--supply-drop-proxy-generator .tool-embed--supply-drop-proxy-generator select,
body.page-tool-app--supply-drop-proxy-generator .tool-embed--supply-drop-proxy-generator textarea { min-height:2.36rem; padding:0.5rem 0.72rem; font-size:0.91rem }
body.page-tool-app--supply-drop-proxy-generator .tool-embed--supply-drop-proxy-generator .btn,
body.page-tool-app--supply-drop-proxy-generator .tool-embed--supply-drop-proxy-generator button { min-height:2.38rem; padding:0.44rem 0.8rem; font-size:0.9rem }
body.page-tool-app--supply-drop-proxy-generator .tool-embed--supply-drop-proxy-generator textarea[id*="output"],
body.page-tool-app--supply-drop-proxy-generator .tool-embed--supply-drop-proxy-generator textarea[id*="json"] { min-height:34vh; font-size:0.91rem; line-height:1.43 }
body.page-tool-app--trader-file-generator .tool-embed--trader-file-generator .form-control,
body.page-tool-app--trader-file-generator .tool-embed--trader-file-generator .form-select,
body.page-tool-app--trader-file-generator .tool-embed--trader-file-generator input,
body.page-tool-app--trader-file-generator .tool-embed--trader-file-generator select,
body.page-tool-app--trader-file-generator .tool-embed--trader-file-generator textarea { min-height:2.36rem; padding:0.5rem 0.72rem; font-size:0.91rem }
body.page-tool-app--trader-file-generator .tool-embed--trader-file-generator .btn,
body.page-tool-app--trader-file-generator .tool-embed--trader-file-generator button { min-height:2.38rem; padding:0.44rem 0.8rem; font-size:0.9rem }
body.page-tool-app--trader-file-generator .tool-embed--trader-file-generator textarea[id*="json"],
body.page-tool-app--trader-file-generator .tool-embed--trader-file-generator textarea[id*="output"] { min-height:36vh; font-size:0.92rem; line-height:1.44 }
body.page-tool-app--trader-file-generator .tool-embed--trader-file-generator #traderOutput { min-height:36vh; max-height:min(62vh,42rem); overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; border:1px solid rgba(255,255,255,.08); border-radius:var(--radius-sm); background:#050505d6; color:var(--page-text) }
body.page-tool-app--weather-editor .tool-embed--weather-editor .form-control,
body.page-tool-app--weather-editor .tool-embed--weather-editor .form-select,
body.page-tool-app--weather-editor .tool-embed--weather-editor input,
body.page-tool-app--weather-editor .tool-embed--weather-editor select,
body.page-tool-app--weather-editor .tool-embed--weather-editor textarea { min-height:2.34rem; padding:0.48rem 0.7rem; font-size:0.9rem }
body.page-tool-app--weather-editor .tool-embed--weather-editor .btn,
body.page-tool-app--weather-editor .tool-embed--weather-editor button { min-height:2.36rem; padding:0.44rem 0.78rem; font-size:0.89rem }
body.page-tool-app--weather-editor .tool-embed--weather-editor #weatherXmlOutput { min-height:42vh; font-size:0.91rem; line-height:1.44 }
@media (max-width: 63.998rem) { body.page-tool-app--3d-json-editor .tool-embed--3d-json-editor input,
  body.page-tool-app--3d-json-editor .tool-embed--3d-json-editor select,
  body.page-tool-app--3d-json-editor .tool-embed--3d-json-editor textarea,
  body.page-tool-app--code-reducer .tool-embed--code-reducer .form-control,
  body.page-tool-app--code-reducer .tool-embed--code-reducer textarea,
  body.page-tool-app--compare-files .tool-embed--compare-files .form-control,
  body.page-tool-app--compare-files .tool-embed--compare-files textarea,
  body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay .form-control,
  body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay .form-select,
  body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay input,
  body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay select,
  body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay textarea,
  body.page-tool-app--economy-calculator .tool-embed--economy-calculator .form-control,
  body.page-tool-app--file-validator .tool-embed--file-validator .form-control,
  body.page-tool-app--generate-spawnable-types .tool-embed--generate-spawnable-types .form-control,
  body.page-tool-app--generate-spawnable-types .tool-embed--generate-spawnable-types .form-select,
  body.page-tool-app--generate-trader-file .tool-embed--generate-trader-file .form-control,
  body.page-tool-app--generate-trader-file .tool-embed--generate-trader-file .form-select,
  body.page-tool-app--json-wall-generator .tool-embed--json-wall-generator input,
  body.page-tool-app--json-wall-generator .tool-embed--json-wall-generator select,
  body.page-tool-app--json-wall-generator .tool-embed--json-wall-generator textarea,
  body.page-tool-app--loop-generator .tool-embed--loop-generator .control-input,
  body.page-tool-app--loop-generator .tool-embed--loop-generator .control-textarea,
  body.page-tool-app--mapgrouppos-filter .tool-embed--mapgrouppos-filter input,
  body.page-tool-app--mapgrouppos-filter .tool-embed--mapgrouppos-filter select,
  body.page-tool-app--mapgrouppos-filter .tool-embed--mapgrouppos-filter textarea,
  body.page-tool-app--object-spawner-to-teleporter .tool-embed--object-spawner-to-teleporter .control-input,
  body.page-tool-app--object-spawner-to-teleporter .tool-embed--object-spawner-to-teleporter .control-textarea,
  body.page-tool-app--rpt-debugger .tool-embed--rpt-debugger input,
  body.page-tool-app--supply-drop-proxy-generator .tool-embed--supply-drop-proxy-generator .form-control,
  body.page-tool-app--supply-drop-proxy-generator .tool-embed--supply-drop-proxy-generator .form-select,
  body.page-tool-app--trader-file-generator .tool-embed--trader-file-generator .form-control,
  body.page-tool-app--trader-file-generator .tool-embed--trader-file-generator .form-select,
  body.page-tool-app--weather-editor .tool-embed--weather-editor .form-control,
  body.page-tool-app--weather-editor .tool-embed--weather-editor .form-select { min-height:2.7rem; font-size:1rem; padding:0.58rem 0.82rem } }
.site-nav__auth-profile { display:inline-flex; align-items:center; gap:0.45rem; min-inline-size:0; max-inline-size:13rem } /** Auth nav profile state */
.site-nav__auth-avatar { inline-size:1.2rem; block-size:1.2rem; border-radius:50%; object-fit:cover; flex:0 0 auto; border:1px solid rgba(255,255,255,0.18) }
.site-nav__auth-name { min-inline-size:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.site-nav__link[data-auth-state="signed-in"][aria-disabled="true"] { cursor:default }
.dayz-bg { position:fixed; inset:0; z-index:-1; pointer-events:none; overflow:hidden; background:transparent } /** Smooth site-wide DayZ icon/rank background */
.dayz-bg__item { position:absolute; display:block; aspect-ratio:1 / 1; object-fit:contain; filter:grayscale(1) brightness(1.08) contrast(1.04); transform:translate3d(0,0,0); transition:opacity 0.22s ease; pointer-events:none }
@layer pages { body.page-tool-app .tool-stage__subheading { margin:0 0 0.65rem; color:var(--page-text); font-family:var(--font-display); font-size:clamp(1.2rem,2vw,1.8rem); letter-spacing:0.02em; line-height:1.08 } }

:root {
  --page-card-surface: rgba(8, 9, 11, 0.42);
  --page-card-surface-strong: rgba(8, 9, 11, 0.54);
  --page-card-surface-soft: rgba(8, 9, 11, 0.32);
  --page-card-surface-alt: rgba(11, 10, 8, 0.3);
  --page-card-surface-alt-strong: rgba(12, 11, 9, 0.4);
  --page-card-surface-gradient: linear-gradient(164deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.008) 34%, rgba(217, 181, 104, 0.09) 74%, rgba(255, 214, 132, 0.032));
  --page-card-surface-gradient-soft: linear-gradient(154deg, rgba(255, 255, 255, 0.024), rgba(255, 255, 255, 0.006) 38%, rgba(217, 181, 104, 0.072) 72%, rgba(255, 214, 132, 0.026));
  --page-card-surface-gradient-alt: linear-gradient(196deg, rgba(255, 255, 255, 0.024), rgba(255, 255, 255, 0.006) 30%, rgba(198, 162, 82, 0.098) 68%, rgba(144, 108, 36, 0.04));
  --page-card-surface-tint: var(--page-card-surface-gradient);
  --page-card-surface-tint-soft: var(--page-card-surface-gradient-soft);
  --page-card-surface-tint-alt: var(--page-card-surface-gradient-alt);
  --page-card-border: rgba(255, 255, 255, 0.074);
  --page-card-border-strong: rgba(217, 181, 104, 0.18);
  --page-card-shadow-soft: 0 0.7rem 1.8rem rgba(0, 0, 0, 0.14);
}

h1 {
  font-size: clamp(1.28rem, 2vw, 1.82rem);
  letter-spacing: 0.015em;
}

.page-heading {
  gap: 0.48rem;
  margin-block-end: clamp(0.72rem, 1.6vw, 0.98rem);
}

.page-lead {
  max-inline-size: 44rem;
  font-size: clamp(0.82rem, 0.92vw, 0.9rem);
  line-height: 1.42;
}

body.page-tool-app .page-heading {
  gap: 0.28rem;
  margin-block-end: 0.4rem;
}

body.page-tool-app h1 {
  font-size: clamp(1.2rem, 1.6vw, 1.56rem);
}

body.page-tool-app .page-lead {
  max-inline-size: 38rem;
  font-size: clamp(0.76rem, 0.78vw, 0.84rem);
  line-height: 1.36;
}

.panel-card,
.hero__feature-card,
.feature-card,
.stat-card,
.timeline-card,
.support-card,
.review-card,
.reviewer-details,
.tool-card,
.results-shell,
.status-card,
.search-result-card,
.contact-module,
.command-list,
.command-detail-panel,
.rich-content,
.faq-card,
.video-card,
.price-card,
.form-card,
.guide-step {
  border-color: var(--page-card-border);
  background: var(--page-card-fill, var(--page-card-surface));
  backdrop-filter: none;
  box-shadow: var(--page-card-shadow-soft);
}

.stats-grid > *,
.timeline-grid > *,
.review-list > *,
.review-grid > *,
.tool-grid > *,
.search-result-grid > *,
.feature-grid > *,
.faq-grid > *,
.video-grid > *,
.pricing-grid > *,
.membership-grid > *,
.guide-steps > *,
.support-grid > * {
  --page-card-fill: var(--page-card-surface);
}

.stats-grid > :nth-child(even),
.timeline-grid > :nth-child(even),
.review-list > :nth-child(even),
.review-grid > :nth-child(even),
.tool-grid > :nth-child(even),
.search-result-grid > :nth-child(even),
.feature-grid > :nth-child(even),
.faq-grid > :nth-child(even),
.video-grid > :nth-child(even),
.pricing-grid > :nth-child(even),
.membership-grid > :nth-child(even),
.guide-steps > :nth-child(even),
.support-grid > :nth-child(even) {
  --page-card-fill: var(--page-card-surface-tint-alt), rgba(14, 12, 10, 0.28);
}

.review-list > :nth-child(even) .reviewer-details,
.review-grid > :nth-child(even) .reviewer-details {
  background: var(--page-card-surface-tint-alt), rgba(14, 12, 10, 0.28);
}

.price-card.is-featured,
.rich-content details,
.video-card__media,
.dayz-search-card,
.dayz-search-card__asset,
.dayz-search-card__toggle {
  border-color: var(--page-card-border);
  background: var(--page-card-surface-tint-soft), rgba(11, 10, 9, 0.36);
  box-shadow: var(--page-card-shadow-soft);
}

.hero__copy {
  border-color: rgba(255, 0, 0, 0.42);
  background: #27000083;
  border-radius: var(--radius-md);
}

.tool-embed {
  border-color: var(--page-card-border);
  background: var(--page-card-surface-tint-soft), rgba(11, 10, 9, 0.34);
  backdrop-filter: none;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.04), var(--page-card-shadow-soft);
}

.tool-embed .b-dark,
.tool-embed .card,
.tool-embed .modal-content {
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(4, 5, 7, 0.84);
  box-shadow: none;
}

.tool-embed .card .card,
.tool-embed .card .b-dark,
.tool-embed .b-dark .card,
.tool-embed .modal-content .card {
  background: rgba(3, 4, 6, 0.92);
  border-color: rgba(255, 255, 255, 0.06);
}

.tool-embed .dropdown-menu,
.tool-embed .bg-dark,
.tool-embed .input-group-text {
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(5, 6, 8, 0.88);
}

.tool-embed .badge {
  background: rgba(255, 255, 255, 0.08);
}

@media (max-width: 63.998rem) {
  .site-header {
    grid-template-columns: minmax(0, 1fr) auto auto;
    overflow: visible;
  }

  .site-header__brand {
    grid-column: 1 / 2;
  }

  .brand-lockup {
    gap: 0;
  }

  .brand-lockup span {
    display: none;
  }

  .site-header__menu {
    display: none;
  }

  .site-nav {
    display: flex;
    grid-column: 2;
    justify-self: end;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0.3rem;
    min-inline-size: 0;
    max-inline-size: none;
    overflow: visible;
    padding-block-start: 0;
    scrollbar-width: none;
  }

  .site-nav::-webkit-scrollbar {
    display: none;
  }

  body[data-nav-open=true] .site-nav {
    display: flex;
  }

  .site-header__actions {
    grid-column: 3;
    gap: 0.3rem;
  }

  .site-nav__group {
    position: relative;
  }

  .site-nav__group[open] {
    z-index: 35;
  }

  .site-nav__menu {
    position: fixed;
    inset-block-start: var(--mobile-nav-menu-top, 4.5rem);
    inset-inline-start: 50%;
    inset-inline-end: auto;
    transform: translateX(-50%);
    min-inline-size: min(17rem, calc(100vw - 1rem));
    max-inline-size: calc(100vw - 1rem);
    max-block-size: var(--mobile-nav-menu-max-height, min(78vh, 26rem));
    overflow: hidden;
    padding: 0.55rem;
    border: 1px solid var(--page-border);
    border-inline-start: 1px solid var(--page-border);
    border-radius: var(--radius-md);
    background: linear-gradient(180deg, #121113fa, #0b0a0bfa), var(--page-surface-strong);
    box-shadow: var(--page-shadow);
    z-index: 45;
  }

  .site-nav__menu--pages {
    inline-size: min(18rem, calc(100vw - 1rem));
  }

  .site-nav__menu--tools {
    inline-size: min(24rem, calc(100vw - 1rem));
  }

  .site-nav__menu-links--single {
    max-block-size: calc(var(--mobile-nav-menu-max-height, min(78vh, 26rem)) - 1.1rem);
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
  }

  .site-nav__group > .site-nav__link--group,
  .site-nav__link--subscribe,
  .site-nav__link--auth:not([data-auth-state="signed-in"]),
  .site-header__search-toggle {
    position: relative;
    justify-content: center;
    inline-size: 2.6rem;
    min-inline-size: 2.6rem;
    min-block-size: 2.6rem;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 140%;
    color: transparent !important;
    text-shadow: none;
  }

  .site-nav__group > .site-nav__link--group::after {
    display: none;
  }

  .site-nav__group > .site-nav__link--group::before,
  .site-nav__link--subscribe::before,
  .site-nav__link--auth:not([data-auth-state="signed-in"])::before,
  .site-header__search-toggle::before {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--page-text-muted);
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 1rem;
    line-height: 1;
    text-indent: 0;
    pointer-events: none;
  }

  .site-nav__group--pages > .site-nav__link--group::before {
    content: "\f0c9";
  }

  .site-nav__group--tools > .site-nav__link--group::before {
    content: "\f0ad";
  }

  .site-nav__link--subscribe::before {
    content: "\f004";
  }

  .site-nav__link--auth:not([data-auth-state="signed-in"])::before {
    content: "\f2f6";
  }

  .site-header__search-toggle::before {
    content: "\f002";
  }

  .site-nav__link--auth[data-auth-state="signed-in"] {
    justify-content: center;
    inline-size: 2.6rem;
    min-inline-size: 2.6rem;
    min-block-size: 2.6rem;
    padding: 0;
  }

  .site-nav__auth-name {
    display: none;
  }

  .site-nav__auth-profile {
    justify-content: center;
  }

  .site-nav__auth-avatar {
    inline-size: 1.5rem;
    block-size: 1.5rem;
  }

}


/* 2026-04-13: stability patches for Search Console CLS */
.site-nav__auth-slot {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  min-inline-size: 8.5rem;
  min-block-size: 2.45rem;
}
.site-header__search {
  min-block-size: 2.7rem;
}
.site-search-inline {
  min-block-size: 2.7rem;
}
.brand-lockup img,
.tool-card img,
.review-card img,
.command-list img,
.site-main img {
  height: auto;
}
.page-dayz-docs .dayz-doc-jump {
  min-block-size: 6.6rem;
}
.page-dayz-docs .doc-card {
  contain: layout paint;
}

.site-image-viewer{margin:0;inset:0;inline-size:100vw;max-inline-size:none;block-size:100dvh;max-block-size:none;padding:.75rem;background:rgba(0,0,0,.72);overflow:hidden;box-sizing:border-box}
.site-image-viewer::backdrop{background:rgba(0,0,0,.72)}
.site-image-viewer__panel{display:grid;grid-template-rows:auto minmax(0,1fr);inline-size:min(92vw,90rem);max-inline-size:calc(100vw - 1.5rem);block-size:min(100%,calc(100dvh - 1.5rem));max-block-size:calc(100dvh - 1.5rem);padding:0;border:1px solid var(--page-border);border-radius:var(--radius-md);background:linear-gradient(180deg,#121113fa,#0b0a0bfa),var(--page-surface-strong);box-shadow:var(--page-shadow);overflow:hidden;box-sizing:border-box}
.site-image-viewer__body{display:grid;justify-items:center;align-content:start;gap:.75rem;min-block-size:0;padding:0 1rem 1rem;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
.site-image-viewer__image{display:block;inline-size:auto;max-inline-size:100%;block-size:auto;max-block-size:none;object-fit:contain;object-position:top center;border-radius:.85rem}
.site-image-viewer__caption{margin:0;color:var(--page-text-soft);text-align:center}

/* 2026-04-17: desktop left rail rebuilt so desktop uses a real rail outside the sticky header */
:root {
  --desktop-nav-collapsed-width: 3.45rem;
  --desktop-nav-expanded-width: 17.5rem;
  --desktop-nav-link-size: 2.22rem;
  --site-header-top-offset: 0.45rem;
  --site-header-block-size: 4.15rem;
  --desktop-nav-sticky-top: calc(var(--site-header-top-offset) + var(--site-header-block-size) + 0.45rem);
  --site-audio-rail-width: 0px;
  --site-audio-player-stack-height: 0px;
}

.site-rail-stack,
.site-desktop-nav {
  display: none;
}

@media (min-width: 64rem) {
  body {
    --desktop-nav-column-size: var(--desktop-nav-collapsed-width);
    --site-rail-column-size: max(var(--desktop-nav-column-size), var(--site-audio-rail-width));
    --desktop-nav-sticky-top: var(--site-header-top-offset);
  }

  body[data-desktop-nav-state="expanded"] {
    --desktop-nav-column-size: var(--desktop-nav-expanded-width);
    --site-rail-column-size: max(var(--desktop-nav-column-size), var(--site-audio-rail-width));
  }

  .site-shell {
    display: grid;
    grid-template-columns: var(--site-rail-column-size) minmax(0, 1fr);
    column-gap: clamp(0.8rem, 1.6vw, 1.15rem);
    align-items: start;
    padding-inline-start: clamp(0.7rem, 1.4vw, 1rem) !important;
    transition: grid-template-columns var(--duration-base) var(--ease-standard), column-gap var(--duration-base) var(--ease-standard);
  }

  .site-shell > .site-header {
    grid-column: 1 / -1;
  }

  .site-shell > .site-rail-stack,
  .site-shell > .site-frame,
  .site-shell > .site-footer {
    min-inline-size: 0;
  }

  .site-shell > .site-rail-stack {
    display: grid;
    grid-column: 1;
    grid-row: 2;
    position: sticky;
    inset-block-start: var(--desktop-nav-sticky-top);
    align-self: start;
    z-index: 22;
  }

  .site-rail-stack {
    gap: 0.6rem;
    inline-size: 100%;
    min-inline-size: 0;
    align-content: start;
  }

  .site-shell > .site-frame,
  .site-shell > .site-footer {
    grid-column: 2;
  }

  .site-rail-stack > .site-desktop-nav {
    display: block;
    inline-size: var(--desktop-nav-column-size);
    min-inline-size: 0;
  }

  .site-desktop-nav__inner {
    display: grid;
    gap: 0.6rem;
    inline-size: 100%;
    min-inline-size: 0;
  }

  .site-desktop-nav .site-header__menu {
    position: relative !important;
    inset: auto !important;
    inset-inline-start: auto !important;
    inset-block-start: auto !important;
    z-index: auto !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    inline-size: 100%;
    min-inline-size: 0;
    min-block-size: 2.3rem;
    padding: 0;
    overflow: hidden;
    border-radius: 999px;
    white-space: nowrap;
    text-indent: 180%;
    font-size: 0;
    color: transparent !important;
    background: linear-gradient(180deg, rgba(20, 19, 21, 0.98), rgba(8, 8, 10, 0.96));
    box-shadow: 0 0.85rem 1.85rem rgba(0, 0, 0, 0.34);
    transform: none !important;
  }

  .site-desktop-nav .site-header__menu::before {
    content: "\f0c9";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--page-text);
    font-family: "Font Awesome 6 Free";
    font-size: 0.92rem;
    font-weight: 900;
    line-height: 1;
    text-indent: 0;
    pointer-events: none;
  }

  body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu::before {
    content: "\f00d";
  }

  .site-desktop-nav .site-nav {
    position: relative !important;
    inset: auto !important;
    inset-inline-start: auto !important;
    inset-block-start: auto !important;
    inset-block-end: auto !important;
    z-index: auto !important;
    display: grid !important;
    gap: 0.5rem;
    align-content: start;
    justify-items: stretch;
    inline-size: 100%;
    min-inline-size: 0;
    max-block-size: calc(100vh - var(--desktop-nav-sticky-top) - 1rem);
    padding: 0.45rem;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-width: none;
    border: 1px solid var(--page-border);
    border-radius: 1rem;
    background: linear-gradient(180deg, rgba(17, 16, 18, 0.98), rgba(8, 8, 10, 0.97)), var(--page-surface-strong);
    box-shadow: 0 1rem 2.7rem rgba(0, 0, 0, 0.34);
    transform: none !important;
  }

  .site-desktop-nav .site-nav::-webkit-scrollbar {
    display: none;
  }

  .site-desktop-nav .site-nav__group {
    display: grid;
    gap: 0.24rem;
    inline-size: 100%;
    min-inline-size: 0;
  }

  .site-desktop-nav .site-nav__group summary {
    list-style: none;
  }

  .site-desktop-nav .site-nav__link--group {
    display: block;
    min-block-size: auto;
    padding: 0.12rem 0.3rem;
    border-radius: 0.65rem;
    background: transparent !important;
    color: var(--page-text-soft);
    font-family: var(--font-display);
    font-size: 0.72rem;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    cursor: default;
    transform: none !important;
  }

  .site-desktop-nav .site-nav__link--group::after {
    display: none;
  }

  .site-desktop-nav .site-nav__menu,
  .site-desktop-nav .site-nav__group[open] .site-nav__menu {
    position: static;
    display: grid !important;
    gap: 0.22rem;
    inline-size: 100%;
    min-inline-size: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .site-desktop-nav .site-nav__menu--tools,
  .site-desktop-nav .site-nav__menu--pages {
    inline-size: 100%;
  }

  .site-desktop-nav .site-nav__menu-links,
  .site-desktop-nav .site-nav__menu-links--single {
    display: grid;
    gap: 0.22rem;
    inline-size: 100%;
    min-inline-size: 0;
    max-block-size: none;
    overflow: visible;
  }

  .site-desktop-nav .site-nav__submenu-link,
  .site-desktop-nav .site-nav__link--auth,
  .site-desktop-nav .site-nav__link--subscribe {
    display: grid;
    grid-template-columns: var(--desktop-nav-link-size) minmax(0, 1fr);
    align-items: center;
    gap: 0.5rem;
    inline-size: 100%;
    min-block-size: 2.26rem;
    padding: 0.18rem 0.22rem;
    border-radius: 0.78rem;
    background: rgba(255, 255, 255, 0.04);
    transition: background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);
  }

  .site-desktop-nav .site-nav__submenu-link:hover,
  .site-desktop-nav .site-nav__submenu-link:focus-visible,
  .site-desktop-nav .site-nav__submenu-link.is-current,
  .site-desktop-nav .site-nav__link--auth:hover,
  .site-desktop-nav .site-nav__link--auth:focus-visible,
  .site-desktop-nav .site-nav__link--subscribe:hover,
  .site-desktop-nav .site-nav__link--subscribe:focus-visible {
    color: var(--page-text);
    background: var(--page-surface-ghost);
    transform: none;
  }

  .site-desktop-nav .site-nav__submenu-icon {
    inline-size: var(--desktop-nav-link-size);
    block-size: var(--desktop-nav-link-size);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 0.65rem;
    background: rgba(255, 255, 255, 0.055);
    font-size: 0.92rem;
  }

  .site-desktop-nav .site-nav__submenu-icon i {
    font-size: 0.92rem;
  }

  .site-desktop-nav .site-nav__submenu-link > span:last-child,
  .site-desktop-nav .site-nav__link--auth,
  .site-desktop-nav .site-nav__link--subscribe,
  .site-desktop-nav .site-nav__auth-name {
    min-inline-size: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav {
    gap: 0.16rem;
    padding: 0.12rem 0;
    border-color: transparent;
    background: transparent;
    box-shadow: none;
    overflow: visible;
  }

  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__group,
  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__menu,
  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__menu-links,
  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__menu-links--single {
    gap: 0.16rem;
    justify-items: stretch;
  }

  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__link--group,
  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__link--auth,
  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__link--subscribe {
    display: none;
  }

  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-link {
    grid-template-columns: 1fr;
    justify-items: center;
    inline-size: 100%;
    min-inline-size: 0;
    min-block-size: 1.82rem;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
  }

  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-link > span:last-child {
    display: none;
  }

  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-link .site-nav__submenu-icon {
    inline-size: 1.65rem;
    block-size: 1.65rem;
    border-color: var(--page-border);
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(20, 19, 21, 0.98), rgba(8, 8, 10, 0.96));
    box-shadow: 0 0.65rem 1.35rem rgba(0, 0, 0, 0.3);
  }

  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-link:hover,
  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-link:focus-visible,
  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-link.is-current {
    background: transparent;
  }

  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-link:hover .site-nav__submenu-icon,
  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-link:focus-visible .site-nav__submenu-icon,
  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-link.is-current .site-nav__submenu-icon {
    border-color: var(--page-border-strong);
    background: linear-gradient(180deg, rgba(166, 38, 54, 0.34), rgba(38, 10, 14, 0.96));
    color: var(--page-text);
  }
}

@media (max-width: 63.998rem) {
  .site-shell {
    padding-inline-start: .65rem;
  }
}

/* 2026-04-24: auth link moved out of the primary nav into the header bar next to the search field. */
.site-header__auth {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-block-size: 2.45rem;
  padding: 0 0.95rem;
  border: 1px solid var(--page-border);
  border-radius: var(--radius-pill);
  color: var(--page-text-muted);
  background: #ffffff05;
  white-space: nowrap;
  transition: border-color var(--duration-fast) var(--ease-standard),
              background-color var(--duration-fast) var(--ease-standard),
              color var(--duration-fast) var(--ease-standard),
              transform var(--duration-fast) var(--ease-standard);
}

.site-header__auth:hover,
.site-header__auth:focus-visible {
  color: var(--page-text);
  border-color: var(--page-border-strong);
  background: #ffffff0f;
  transform: translateY(-1px);
}

.site-header__auth[data-auth-state="signed-in"] {
  padding: 0.15rem 0.6rem 0.15rem 0.25rem;
}

.site-header__auth .site-nav__auth-profile {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  min-inline-size: 0;
}

.site-header__auth .site-nav__auth-avatar {
  inline-size: 1.75rem;
  block-size: 1.75rem;
  border-radius: 999px;
  object-fit: cover;
}

.site-header__auth .site-nav__auth-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-inline-size: 9rem;
}

@media (min-width: 64rem) {
  .site-header {
    grid-template-columns: auto minmax(0, 1fr) auto minmax(8.5rem, 10.5rem) minmax(12rem, 16rem) !important;
    padding-block: 0.48rem;
  }

  .site-header__brand {
    grid-column: 1 !important;
  }

  .site-nav {
    grid-column: 2 !important;
    min-inline-size: 0;
    align-self: center;
  }

  .site-header__actions {
    display: inline-flex !important;
    grid-column: 3 !important;
    justify-self: end;
    align-self: center;
    gap: 0.5rem;
    align-items: center;
    min-inline-size: 0;
  }

  .site-header__search {
    grid-column: 5 !important;
    min-inline-size: 0;
  }

  .site-header__actions .site-header__search-toggle {
    display: none;
  }
}

@media (max-width: 63.998rem) {
  .site-header__auth {
    min-inline-size: 2.6rem;
    padding: 0 0.7rem;
  }
}

/* 2026-04-25: Rail floats at the left viewport edge, directly above the audio player widget.
   Both share the same X column at the viewport edge, regardless of shell centering. */
@media (min-width: 64rem) {
  body {
    --desktop-nav-collapsed-width: 3rem;
    /* Audio player (and rail) sit at this offset from the viewport's left edge. */
    --site-rail-anchor: 1rem;
    /* Gap between the rail and the audio player below it. */
    --site-rail-stack-gap: 0.5rem;
  }

  /* Pull the rail out of the shell grid: one content column, padding clears the rail. */
  .site-shell {
    grid-template-columns: minmax(0, 1fr) !important;
    padding-inline-start: calc(var(--site-rail-anchor) + var(--site-rail-column-size) + clamp(0.7rem, 1.4vw, 1.2rem)) !important;
    column-gap: 0 !important;
  }

  .site-shell > .site-header,
  .site-shell > .site-frame,
  .site-shell > .site-footer {
    grid-column: 1 !important;
  }

  /* Rail bottom is locked to the audio player's max height + a gap. */
  body {
    --site-audio-player-max-height: 16rem;
  }

  .site-shell > .site-rail-stack {
    position: fixed !important;
    inset-inline-start: var(--site-rail-anchor) !important;
    inset-block-start: var(--desktop-nav-sticky-top) !important;
    inline-size: var(--site-rail-column-size) !important;
    z-index: 28;
  }

  .site-rail-stack > .site-desktop-nav {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    inline-size: var(--desktop-nav-column-size) !important;
  }

  .site-desktop-nav__inner {
    grid-template-rows: minmax(0, 1fr) !important;
  }

  .site-desktop-nav .site-nav {
    block-size: auto;
    max-block-size: min(
      750px,
      calc(
        100vh - var(--desktop-nav-sticky-top) - var(--site-rail-anchor) - var(--site-audio-player-stack-height) - var(--site-rail-stack-gap)
      )
    ) !important;
    scrollbar-gutter: auto;
  }

  .site-rail-stack > .site-audio-player {
    position: relative !important;
    inset: auto !important;
    max-inline-size: min(22rem, calc(100vw - 1rem)) !important;
    min-inline-size: 100px;
    margin: 0 !important;
    z-index: auto !important;
  }

  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-link {
    position: relative;
  }

  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-link > span:last-child {
    display: block;
    position: absolute;
    inset-inline-start: calc(100% + 0.5rem);
    inset-block-start: 50%;
    transform: translateY(-50%) translateX(-0.35rem);
    padding: 0.35rem 0.7rem;
    border: 1px solid var(--page-border);
    border-radius: 0.6rem;
    background: linear-gradient(180deg, rgba(18, 17, 19, 0.98), rgba(9, 9, 11, 0.98)), var(--page-surface-strong);
    color: var(--page-text);
    font-family: var(--font-sans);
    font-size: 0.82rem;
    letter-spacing: 0.02em;
    line-height: 1.2;
    white-space: nowrap;
    box-shadow: var(--page-shadow-soft);
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--duration-fast) var(--ease-standard),
                transform var(--duration-fast) var(--ease-standard);
    z-index: 60;
  }

  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-link:hover > span:last-child,
  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-link:focus-visible > span:last-child {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
  }
}

@media (min-width: 64rem) {
  html,
  body {
    max-inline-size: 100%;
    overflow-x: clip;
  }

  body {
    --site-rail-height: calc(100vh - var(--desktop-nav-sticky-top) - var(--site-rail-anchor));
  }

  @supports (height: 100dvh) {
    body {
      --site-rail-height: calc(100dvh - var(--desktop-nav-sticky-top) - var(--site-rail-anchor));
    }
  }

  .site-shell,
  .site-frame,
  .site-main,
  .site-rail-stack,
  .site-desktop-nav,
  .site-desktop-nav__inner,
  .site-desktop-nav .site-nav {
    box-sizing: border-box;
    min-inline-size: 0;
    max-inline-size: 100%;
  }

  .site-shell > .site-rail-stack {
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) auto;
    align-content: stretch;
    block-size: max(0px, var(--site-rail-height)) !important;
    max-block-size: max(0px, var(--site-rail-height)) !important;
    overflow: visible !important;
  }

  .site-rail-stack > .site-desktop-nav {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    block-size: 100%;
    min-block-size: 0;
    overflow: hidden;
  }

  .site-desktop-nav__inner {
    grid-template-rows: minmax(0, 1fr);
    block-size: 100%;
    min-block-size: 0;
    overflow: hidden;
  }

  .site-desktop-nav .site-nav {
    block-size: 100% !important;
    max-block-size: none !important;
    min-block-size: 0;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
    scrollbar-gutter: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.42) transparent;
    padding: 0.45rem 0.65rem 0.45rem 0.45rem;
  }

  .site-desktop-nav .site-nav::-webkit-scrollbar {
    display: block;
    width: 0.24rem;
    height: 0.24rem;
  }

  .site-desktop-nav .site-nav::-webkit-scrollbar-track {
    background: transparent;
  }

  .site-desktop-nav .site-nav::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.42);
  }

  .site-desktop-nav .site-nav__group,
  .site-desktop-nav .site-nav__menu,
  .site-desktop-nav .site-nav__menu-links,
  .site-desktop-nav .site-nav__menu-links--single,
  .site-desktop-nav .site-nav__submenu-link,
  .site-desktop-nav .site-nav__submenu-link > span:last-child {
    box-sizing: border-box;
    min-inline-size: 0;
    max-inline-size: 100%;
    overflow-x: hidden;
  }

  .site-desktop-nav .site-nav__submenu-link,
  .site-desktop-nav .site-nav__link--auth,
  .site-desktop-nav .site-nav__link--subscribe {
    min-block-size: 2.7rem;
    align-items: start;
  }

  .site-desktop-nav .site-nav__submenu-link > span:last-child,
  .site-desktop-nav .site-nav__link--auth,
  .site-desktop-nav .site-nav__link--subscribe,
  .site-desktop-nav .site-nav__auth-name {
    white-space: normal;
    line-height: 1.16;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
}

@media (max-width: 63.998rem) {
  html,
  body {
    max-inline-size: 100%;
    overflow-x: hidden;
  }

  .site-nav,
  .site-nav__menu,
  .site-nav__menu-links,
  .site-nav__menu-links--single,
  .site-nav__submenu-link {
    box-sizing: border-box;
    min-inline-size: 0;
    max-inline-size: 100%;
    overflow-x: hidden;
  }

  .site-nav__menu-links--single {
    scrollbar-gutter: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.38) transparent;
    padding-inline-end: 0.25rem;
  }

  .site-nav__menu-links--single::-webkit-scrollbar {
    width: 0.22rem;
  }

  .site-nav__menu-links--single::-webkit-scrollbar-track {
    background: transparent;
  }

  .site-nav__menu-links--single::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.38);
  }
}

.site-search-results--inline {
  inline-size: min(38rem, 48vw);
  max-inline-size: calc(100vw - 1.5rem);
}

@media (max-width: 63.998rem) {
  .site-search-results--inline {
    inset-inline-start: 0;
    inset-inline-end: auto;
    inline-size: min(100%, calc(100vw - 1.3rem));
  }
}

/* 2026-04-27: header/sidebar/audio repair */
@media (min-width: 64rem) {
  body {
    --desktop-nav-collapsed-width: 3.15rem;
    --desktop-nav-expanded-width: 17.5rem;
    --site-rail-anchor: 0.75rem;
    --site-rail-stack-gap: 0.55rem;
  }

  body[data-audio-mode="expanded"] {
    --desktop-nav-column-size: max(13.75rem, var(--site-audio-rail-width));
    --site-rail-column-size: max(13.75rem, var(--site-audio-rail-width));
  }

  body[data-audio-mode="sidebar"] {
    --desktop-nav-column-size: var(--desktop-nav-collapsed-width);
    --site-rail-column-size: 4.2rem;
  }

  .site-shell {
    padding-inline-start: calc(var(--site-rail-anchor) + var(--site-rail-column-size) + clamp(0.7rem, 1.4vw, 1.2rem)) !important;
  }

  .site-header {
    grid-template-columns: auto minmax(1rem, 1fr) auto minmax(14rem, 22rem) auto !important;
    align-items: center !important;
    min-block-size: 3.55rem;
    padding: 0.45rem 0.72rem !important;
    gap: 0.72rem !important;
  }

  .site-header__brand {
    grid-column: 1 !important;
    min-inline-size: 0;
  }

  .brand-lockup img {
    inline-size: 2.55rem !important;
    block-size: 2.55rem !important;
  }

  .brand-lockup strong {
    font-size: 0.98rem !important;
    line-height: 1.05;
  }

  .brand-lockup small {
    font-size: 0.66rem !important;
    line-height: 1.2;
  }

  .site-audio-dock {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: center !important;
    inline-size: min(12.5rem, 18vw) !important;
    max-inline-size: 100% !important;
    min-block-size: 2.2rem !important;
  }

  body[data-audio-mode="header"] .site-audio-dock {
    display: inline-flex !important;
  }

  .site-header__search {
    display: block !important;
    grid-column: 4 !important;
    grid-row: 1 !important;
    align-self: center !important;
    min-inline-size: 0 !important;
  }

  .site-search-inline__input {
    min-block-size: 2.35rem !important;
    padding-block: 0.52rem !important;
  }

  .site-header__actions {
    grid-column: 5 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    min-inline-size: 0 !important;
  }

  .site-header__actions .site-header__search-toggle {
    display: none !important;
  }

  .site-header__subscribe,
  .site-header__auth {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-block-size: 2.3rem !important;
    padding: 0 0.78rem !important;
    border: 1px solid var(--page-border);
    border-radius: var(--radius-pill);
    background: rgba(255, 255, 255, 0.05);
    color: var(--page-text-muted);
    white-space: nowrap;
  }

  .site-header__subscribe {
    border-color: rgba(255, 0, 10, 0.38);
    background: rgba(160, 0, 0, 0.18);
    color: #f5f5f5;
  }

  .site-header__subscribe:hover,
  .site-header__subscribe:focus-visible,
  .site-header__auth:hover,
  .site-header__auth:focus-visible {
    color: var(--page-text);
    border-color: var(--page-border-strong);
    background: rgba(255, 255, 255, 0.1);
    transform: translateY(-1px);
  }

  .site-shell > .site-rail-stack {
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
    gap: var(--site-rail-stack-gap) !important;
    inline-size: var(--site-rail-column-size) !important;
    block-size: max(0px, var(--site-rail-height)) !important;
    max-block-size: max(0px, var(--site-rail-height)) !important;
    overflow: visible !important;
  }

  .site-rail-stack > .site-desktop-nav {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    inline-size: 100% !important;
    block-size: 100% !important;
    min-block-size: 0 !important;
    overflow: hidden !important;
  }

  .site-desktop-nav__inner {
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) !important;
    block-size: 100% !important;
    min-block-size: 0 !important;
    overflow: hidden !important;
    gap: 0.5rem !important;
  }

  .site-desktop-nav .site-header__menu {
    inline-size: 100% !important;
    min-inline-size: 0 !important;
    min-block-size: 2.35rem !important;
    padding: 0 !important;
    flex: 0 0 auto;
    font-size: 0 !important;
    line-height: 1 !important;
    text-indent: 0 !important;
    color: transparent !important;
  }

  .site-desktop-nav .site-header__menu::before {
    text-indent: 0 !important;
    color: var(--page-text) !important;
  }

  .site-desktop-nav .site-nav {
    display: grid !important;
    block-size: 100% !important;
    min-block-size: 0 !important;
    max-block-size: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    scrollbar-gutter: stable !important;
    padding: 0.45rem 0.55rem 0.45rem 0.45rem !important;
  }

  body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav {
    border: 1px solid var(--page-border) !important;
    border-radius: 1rem !important;
    background: linear-gradient(180deg, rgba(18, 17, 19, 0.97), rgba(9, 9, 11, 0.96)) !important;
  }

  body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav__submenu-link,
  body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav__link--auth,
  body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav__link--subscribe {
    display: grid !important;
    grid-template-columns: 2.15rem minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 0.55rem !important;
    min-block-size: 2.42rem !important;
    padding: 0.28rem 0.55rem !important;
    overflow: hidden !important;
  }

  body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav__submenu-link > span:last-child,
  body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav__link--auth,
  body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav__link--subscribe {
    display: block !important;
    min-inline-size: 0 !important;
    max-inline-size: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    line-height: 1.16 !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }

  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav {
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0.18rem 0 !important;
    gap: 0.18rem !important;
    overflow-y: auto !important;
    overflow-x: visible !important;
    scrollbar-gutter: auto !important;
  }

  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__link--group,
  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__link--auth,
  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__link--subscribe,
  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-link > span:last-child {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-link {
    display: grid !important;
    place-items: center !important;
    min-block-size: 1.82rem !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-icon {
    inline-size: 1.65rem !important;
    block-size: 1.65rem !important;
  }

  .site-rail-stack > .site-audio-player {
    position: relative !important;
    inset: auto !important;
    inline-size: 100% !important;
    max-inline-size: min(22.5rem, calc(100vw - 1rem)) !important;
    margin: 0 !important;
    z-index: auto !important;
  }

  .site-rail-stack > .site-audio-player.is-expanded {
    min-inline-size: 13.75rem !important;
    resize: horizontal !important;
    overflow: auto !important;
  }

  .site-rail-stack > .site-audio-player.is-sidebar-minimized {
    inline-size: 4.1rem !important;
    min-inline-size: 4.1rem !important;
    max-inline-size: 4.1rem !important;
    padding: 0.42rem !important;
    resize: none !important;
    opacity: 0.72 !important;
  }

  .site-audio-player.is-sidebar-minimized .site-audio-player__marquee {
    display: none !important;
  }

  body[data-audio-mode="header"] .site-rail-stack > .site-audio-player {
    display: none !important;
  }
}

@media (max-width: 63.998rem) {
  .site-header {
    grid-template-columns: minmax(0, 1fr) auto auto !important;
  }

  .site-header__brand {
    grid-column: 1 !important;
  }

  .site-header__menu {
    grid-column: 2 !important;
  }

  .site-header__actions {
    grid-column: 3 !important;
  }

  .site-header__subscribe {
    display: none !important;
  }
}

/* 2026-04-28: fixed desktop rail/nav/audio separation, canonical menu spacing, gallery browser, and DayZ wiki controls. */
@media (min-width: 64rem) {
  .site-shell > .site-rail-stack {
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
    gap: var(--site-rail-stack-gap, 0.55rem) !important;
    min-block-size: 0 !important;
    overflow: visible !important;
  }

  .site-rail-stack > .site-desktop-nav {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    min-block-size: 0 !important;
    overflow: hidden !important;
  }

  .site-desktop-nav__inner {
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) !important;
    min-block-size: 0 !important;
    overflow: hidden !important;
    gap: 0.5rem !important;
  }

  .site-desktop-nav .site-nav {
    align-self: stretch !important;
    block-size: auto !important;
    min-block-size: 0 !important;
    max-block-size: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    scrollbar-gutter: stable !important;
  }

  body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav__submenu-link,
  body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav__link--auth,
  body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav__link--subscribe {
    grid-template-columns: 2.12rem minmax(0, 1fr) !important;
    align-items: center !important;
    min-block-size: 2.5rem !important;
    block-size: auto !important;
    padding: 0.3rem 0.5rem !important;
    line-height: 1.16 !important;
  }

  body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav__submenu-link > span:last-child,
  body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav__link--auth,
  body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav__link--subscribe {
    display: block !important;
    min-inline-size: 0 !important;
    max-inline-size: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  .site-rail-stack > .site-audio-player {
    grid-row: 2 !important;
    max-block-size: min(19rem, 45dvh) !important;
    overflow: auto !important;
  }

  .site-rail-stack > .site-audio-player.is-sidebar-minimized {
    overflow: hidden !important;
  }
}

body.page-gallery .site-main {
  display: grid;
  gap: 1rem;
}

body.page-gallery .gallery-page,
body.page-gallery .gallery-layout,
body.page-gallery .gallery-preview-panel,
body.page-gallery .gallery-rail-panel {
  min-inline-size: 0;
}

body.page-gallery .gallery-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(21rem, 24rem);
  gap: 1rem;
  align-items: start;
}

body.page-gallery .gallery-preview-panel,
body.page-gallery .gallery-rail-panel {
  border: 1px solid var(--page-card-border, rgba(255,255,255,.08));
  border-radius: 1rem;
  background: var(--page-card-surface-tint, linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025))), var(--page-card-surface, rgba(14, 12, 13, .92));
  box-shadow: var(--page-card-shadow-soft, 0 .85rem 2.4rem rgba(0,0,0,.18));
}

body.page-gallery .gallery-preview-panel {
  display: grid;
  gap: 0.85rem;
  padding: 0.85rem;
}

body.page-gallery .gallery-selected-head {
  display: grid;
  gap: 0.3rem;
}

body.page-gallery .gallery-selected-head h2 {
  margin: 0;
  font-size: clamp(1.05rem, 1.7vw, 1.45rem);
  line-height: 1.15;
}

body.page-gallery .gallery-selected-head p:not(.section-eyebrow) {
  margin: 0;
  color: var(--page-text-muted, #d7d7d7);
  line-height: 1.5;
}

body.page-gallery .gallery-selected-figure {
  display: grid;
  place-items: center;
  inline-size: 100%;
  min-block-size: 18rem;
  max-block-size: min(68dvh, calc(100dvh - 15rem));
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 1rem;
  background: #020202;
  overflow: hidden;
}

body.page-gallery .gallery-selected-image {
  display: block;
  inline-size: auto;
  max-inline-size: 100%;
  block-size: auto;
  max-block-size: min(68dvh, calc(100dvh - 15rem));
  object-fit: contain;
}

body.page-gallery .gallery-selected-details {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 0.42rem 0.75rem;
  margin: 0;
  padding: 0.8rem;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 0.9rem;
  background: rgba(0,0,0,.24);
}

body.page-gallery .gallery-selected-details dt {
  color: #ff000a;
  font-weight: 700;
}

body.page-gallery .gallery-selected-details dd {
  min-inline-size: 0;
  margin: 0;
  color: var(--page-text-muted, #d8d8d8);
  overflow-wrap: anywhere;
}

body.page-gallery .gallery-selected-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

body.page-gallery .gallery-rail-panel {
  position: sticky;
  inset-block-start: calc(var(--desktop-nav-sticky-top, 4.8rem) + .3rem);
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 0.85rem;
  block-size: calc(100dvh - var(--desktop-nav-sticky-top, 4.8rem) - 1rem);
  max-block-size: calc(100dvh - var(--desktop-nav-sticky-top, 4.8rem) - 1rem);
  padding: 0.85rem;
  overflow: hidden;
}

body.page-gallery .gallery-rail-head,
body.page-gallery .gallery-controls,
body.page-gallery .gallery-search {
  display: grid;
  gap: 0.75rem;
}

body.page-gallery .gallery-search label {
  font-size: 0.74rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #bbbbbb;
}

body.page-gallery .gallery-search input {
  inline-size: 100%;
  min-inline-size: 0;
  padding: 0.7rem 0.82rem;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 0.85rem;
  background: rgba(10,10,12,.82);
  color: #f3f3f3;
}

body.page-gallery .gallery-search p,
body.page-gallery .gallery-results-meta {
  margin: 0;
  color: #bdbdbd;
  font-size: 0.8rem;
}

body.page-gallery .gallery-filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  max-block-size: 8.4rem;
  overflow: auto;
  padding-inline-end: 0.2rem;
}

body.page-gallery .gallery-filter {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  min-block-size: 1.9rem;
  padding: 0.3rem 0.62rem;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 999px;
  background: rgba(255,255,255,.05);
  color: #efefef;
  cursor: pointer;
}

body.page-gallery .gallery-filter[aria-pressed="true"] {
  border-color: rgba(255,0,10,.7);
  background: rgba(255,0,10,.82);
  color: #fff;
}

body.page-gallery .gallery-filter strong {
  color: inherit;
  font-size: 0.72rem;
}

body.page-gallery .gallery-thumb-list {
  display: grid;
  gap: 0.7rem;
  min-block-size: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding-inline-end: 0.2rem;
  scrollbar-width: thin;
}

body.page-gallery .gallery-thumb-list::-webkit-scrollbar,
body.page-gallery .gallery-filter-row::-webkit-scrollbar {
  width: 0.45rem;
  height: 0.45rem;
}

body.page-gallery .gallery-thumb-list::-webkit-scrollbar-track,
body.page-gallery .gallery-filter-row::-webkit-scrollbar-track {
  background: transparent;
}

body.page-gallery .gallery-thumb-list::-webkit-scrollbar-thumb,
body.page-gallery .gallery-filter-row::-webkit-scrollbar-thumb {
  border: 0.12rem solid transparent;
  border-radius: 999px;
  background: rgba(255,255,255,.28);
  background-clip: padding-box;
}

body.page-gallery .gallery-thumb-card {
  display: grid;
  grid-template-columns: minmax(6.8rem, 8.4rem) minmax(0, 1fr);
  gap: 0.7rem;
  align-items: center;
  padding: 0.22rem;
  border: 1px solid transparent;
  border-radius: 0.9rem;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

body.page-gallery .gallery-thumb-card:hover,
body.page-gallery .gallery-thumb-card:focus-visible {
  outline: none;
  border-color: rgba(255,255,255,.1);
  background: rgba(255,255,255,.045);
}

body.page-gallery .gallery-thumb-card.is-active {
  border-color: rgba(255,0,10,.55);
  background: rgba(255,255,255,.055);
}

body.page-gallery .gallery-thumb-media {
  display: grid;
  place-items: center;
  aspect-ratio: 16 / 9;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 0.8rem;
  background: #050505;
  overflow: hidden;
}

body.page-gallery .gallery-thumb-media img {
  display: block;
  max-inline-size: 100%;
  max-block-size: 100%;
  object-fit: contain;
}

body.page-gallery .gallery-thumb-body {
  display: grid;
  gap: 0.25rem;
  min-inline-size: 0;
}

body.page-gallery .gallery-thumb-title {
  color: #fff;
  font-size: 0.9rem;
  line-height: 1.2;
}

body.page-gallery .gallery-thumb-category,
body.page-gallery .gallery-thumb-path {
  min-inline-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #cfcfcf;
  font-size: 0.72rem;
}

body.page-gallery .gallery-thumb-category {
  color: #ff3b3f;
}

body.page-gallery .gallery-empty {
  display: none;
  margin: 0;
  padding: 0.75rem;
  border: 1px dashed rgba(255,255,255,.12);
  border-radius: 0.85rem;
  color: #d7d7d7;
}

body.page-gallery .gallery-empty.is-visible {
  display: block;
}

.page-dayz-docs .dayz-doc-jumps {
  display: none !important;
}

.page-dayz-docs .wiki-select-controls,
.page-dayz-docs .wiki-file-select-shell {
  display: grid;
  gap: 0.75rem;
}

.page-dayz-docs .wiki-select-field {
  display: grid;
  gap: 0.35rem;
}

.page-dayz-docs .wiki-select-field span {
  color: var(--page-text-soft);
  font-size: 0.74rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.page-dayz-docs .wiki-select-field select {
  inline-size: 100%;
  min-block-size: 2.65rem;
  padding: 0.65rem 0.8rem;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 0.85rem;
  background: #090b0fcc;
  color: var(--page-text);
}

.page-dayz-docs .wiki-category-tabs[data-enhanced-hidden="true"],
.page-dayz-docs .wiki-file-tab-list[data-enhanced-hidden="true"] {
  display: none !important;
}

@media (max-width: 74rem) {
  body.page-gallery .gallery-layout {
    grid-template-columns: 1fr;
  }

  body.page-gallery .gallery-rail-panel {
    position: static;
    block-size: auto;
    max-block-size: none;
    overflow: visible;
  }

  body.page-gallery .gallery-thumb-list {
    max-block-size: 34rem;
  }
}

@media (max-width: 42rem) {
  body.page-gallery .gallery-thumb-card {
    grid-template-columns: 1fr;
  }

  body.page-gallery .gallery-selected-details {
    grid-template-columns: 1fr;
  }
}


/* CANONICAL LEGION SITE SHELL LAYOUT 2026-04-28 */
.page-breadcrumbs {
  display: block;
  margin: 0 0 1rem;
  color: var(--page-text-soft, #c8c8c8);
  font-size: 0.9rem;
}
.page-breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-breadcrumbs li {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin: 0;
  padding: 0;
}
.page-breadcrumbs li + li::before {
  content: "/";
  color: rgba(255,255,255,0.42);
}
.page-breadcrumbs a,
.page-breadcrumbs span {
  color: inherit;
  text-decoration: none;
}
.page-breadcrumbs a:hover,
.page-breadcrumbs a:focus-visible {
  color: #fff;
  text-decoration: underline;
}

@media (min-width: 64rem) {
  body {
    --layout-header-top: 0.5rem;
    --layout-rail-left: clamp(0.55rem, 1vw, 1rem);
    --layout-footer-height: 2.25rem;
    --layout-footer-gap: 0.95rem;
    --layout-rail-gap: clamp(0.8rem, 1.25vw, 1.2rem);
    --layout-rail-collapsed-width: 3rem;
    --layout-rail-expanded-width: 15rem;
    --layout-rail-width: var(--layout-rail-collapsed-width);
    --layout-rail-top: var(--layout-header-top);
    --layout-rail-bottom: calc(var(--layout-footer-height) + var(--layout-footer-gap));
    --desktop-nav-link-size: 2.32rem;
    --desktop-nav-sticky-top: var(--layout-rail-top);
    --site-rail-column-size: var(--layout-rail-width);
    --desktop-nav-column-size: var(--layout-rail-width);
  }

  body[data-desktop-nav-state="expanded"] {
    --layout-rail-width: var(--layout-rail-expanded-width);
    --site-rail-column-size: var(--layout-rail-expanded-width);
    --desktop-nav-column-size: var(--layout-rail-expanded-width);
  }

  .site-shell {
    inline-size: min(100%, 1508px) !important;
    max-inline-size: none !important;
    margin-inline: auto !important;
    padding-block: var(--layout-header-top) calc(var(--layout-footer-height) + 0.85rem) !important;
    padding-inline-end: clamp(0.9rem, 1.25vw, 1.15rem) !important;
    padding-inline-start: calc(var(--layout-rail-left) + var(--layout-rail-width) + var(--layout-rail-gap)) !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0.8rem !important;
    transition: padding-inline-start 0.18s ease;
  }

  .site-shell > .site-header,
  .site-shell > .site-frame,
  .site-shell > .site-footer {
    grid-column: 1 !important;
  }

  .site-shell > .site-header {
    position: sticky !important;
    inset-block-start: var(--layout-header-top) !important;
    z-index: 55 !important;
    display: grid !important;
    grid-template-columns: minmax(12rem, 18rem) minmax(18rem, 1fr) auto auto !important;
    align-items: center !important;
    gap: 0.72rem !important;
    min-block-size: 3.45rem !important;
    margin: 0 !important;
    padding: 0.48rem 0.74rem !important;
    border: 1px solid rgba(255, 0, 10, 0.17) !important;
    border-radius: 1.25rem !important;
    background: linear-gradient(180deg, rgba(18, 18, 20, 0.98), rgba(8, 8, 10, 0.96)) !important;
    box-shadow: 0 1.25rem 3rem rgba(0,0,0,0.32) !important;
    overflow: visible !important;
  }

  .site-header__brand {
    grid-column: 1 !important;
    min-inline-size: 0 !important;
  }

  .brand-lockup img {
    inline-size: 2.45rem !important;
    block-size: 2.45rem !important;
  }

  .brand-lockup strong {
    font-size: 1.02rem !important;
    line-height: 1 !important;
  }

  .brand-lockup small {
    font-size: 0.68rem !important;
    line-height: 1 !important;
  }

  .site-header > .site-header__menu,
  .site-header > .site-nav {
    display: none !important;
  }

  .site-header__search {
    display: block !important;
    grid-column: 2 !important;
    min-inline-size: 0 !important;
  }

  .site-search-inline__input {
    min-block-size: 2.42rem !important;
    padding: 0.55rem 0.85rem !important;
  }

  .site-header__actions {
    display: inline-flex !important;
    grid-column: 4 !important;
    justify-self: end !important;
    align-items: center !important;
    gap: 0.5rem !important;
    min-inline-size: max-content !important;
  }

  .site-header__actions .site-header__search-toggle {
    display: none !important;
  }

  .site-header__subscribe,
  .site-header__auth {
    min-block-size: 2.22rem !important;
    padding-inline: 0.78rem !important;
  }

  .site-audio-dock {
    grid-column: 3 !important;
    inline-size: min(11.25rem, 15vw) !important;
    max-inline-size: 11.25rem !important;
    min-inline-size: 2.45rem !important;
    min-block-size: 2.32rem !important;
    align-self: center !important;
    justify-self: end !important;
  }

  body[data-audio-mode="sidebar"] .site-audio-dock {
    display: none !important;
  }

  body[data-audio-mode="header"] .site-audio-dock {
    display: inline-flex !important;
  }

  .site-shell > .site-rail-stack {
    position: fixed !important;
    inset-inline-start: var(--layout-rail-left) !important;
    inset-block-start: var(--layout-rail-top) !important;
    inset-block-end: var(--layout-rail-bottom) !important;
    inline-size: var(--layout-rail-width) !important;
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
    gap: 0.62rem !important;
    z-index: 49 !important;
    min-block-size: 0 !important;
    overflow: visible !important;
    transition: inline-size 0.18s ease;
  }

  .site-rail-stack > .site-desktop-nav,
  .site-desktop-nav__inner {
    inline-size: 100% !important;
    min-inline-size: 0 !important;
    min-block-size: 0 !important;
    overflow: hidden !important;
  }

  .site-desktop-nav__inner {
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) !important;
    gap: 0.48rem !important;
  }

  .site-desktop-nav .site-header__menu {
    display: grid !important;
    place-items: center !important;
    inline-size: 2.42rem !important;
    block-size: 2.42rem !important;
    min-inline-size: 2.42rem !important;
    min-block-size: 2.42rem !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border-radius: 999px !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: var(--page-text, #f4f4f4) !important;
  }

  .site-desktop-nav .site-header__menu::before {
    content: "\f0c9";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 0.96rem;
    line-height: 1;
  }

  body[data-desktop-nav-state="expanded"] .site-desktop-nav__inner {
    grid-template-rows: minmax(0, 1fr) !important;
  }

  body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu {
    display: block !important;
    inline-size: 100% !important;
    block-size: auto !important;
    min-inline-size: 0 !important;
    min-block-size: 0 !important;
    margin: 0 !important;
    padding: 0.1rem 0.38rem 0.06rem !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--page-text-soft, #a9a9a9) !important;
    font-size: 0 !important;
    line-height: 1 !important;
    text-align: left !important;
    transform: none !important;
  }

  body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu::before {
    content: "\f0c9" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-size: 0.85rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  .site-desktop-nav .site-nav {
    position: static !important;
    display: grid !important;
    align-content: start !important;
    gap: 0.3rem !important;
    inline-size: 100% !important;
    min-block-size: 0 !important;
    max-block-size: none !important;
    padding: 0.44rem !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    scrollbar-gutter: stable !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 1rem !important;
    background: linear-gradient(180deg, rgba(17, 16, 18, 0.95), rgba(7, 7, 9, 0.94)) !important;
    box-shadow: 0 1rem 2.4rem rgba(0,0,0,0.34) !important;
    transform: none !important;
  }

  .site-desktop-nav .site-nav__group,
  .site-desktop-nav .site-nav__menu,
  .site-desktop-nav .site-nav__menu-links,
  .site-desktop-nav .site-nav__menu-links--single {
    display: grid !important;
    inline-size: 100% !important;
    min-inline-size: 0 !important;
    max-block-size: none !important;
    gap: 0.24rem !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .site-desktop-nav .site-nav__link--group {
    display: block !important;
    min-block-size: 0 !important;
    padding: 0.14rem 0.3rem 0.08rem !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--page-text-soft, #a9a9a9) !important;
    font-family: var(--font-display, system-ui) !important;
    font-size: 0.68rem !important;
    line-height: 1 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    pointer-events: none !important;
    transform: none !important;
  }

  .site-desktop-nav .site-nav__link--group::after {
    display: none !important;
  }

  .site-desktop-nav .site-nav__submenu-link,
  .site-desktop-nav .site-nav__link--auth,
  .site-desktop-nav .site-nav__link--subscribe {
    display: grid !important;
    grid-template-columns: 2.16rem minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 0.52rem !important;
    inline-size: 100% !important;
    min-inline-size: 0 !important;
    min-block-size: 2.48rem !important;
    block-size: auto !important;
    padding: 0.26rem 0.48rem !important;
    border: 0 !important;
    border-radius: 0.78rem !important;
    background: rgba(255,255,255,0.045) !important;
    color: var(--page-text-muted, #d9d9d9) !important;
    overflow: hidden !important;
    transform: none !important;
  }

  .site-desktop-nav .site-nav__submenu-link:hover,
  .site-desktop-nav .site-nav__submenu-link:focus-visible,
  .site-desktop-nav .site-nav__submenu-link.is-current,
  .site-desktop-nav .site-nav__link--subscribe:hover,
  .site-desktop-nav .site-nav__link--subscribe:focus-visible {
    color: #fff !important;
    background: rgba(255,255,255,0.09) !important;
  }

  .site-desktop-nav .site-nav__submenu-icon {
    display: inline-grid !important;
    place-items: center !important;
    inline-size: 2.1rem !important;
    block-size: 2.1rem !important;
    border: 1px solid rgba(255,255,255,0.07) !important;
    border-radius: 0.68rem !important;
    background: rgba(255,255,255,0.055) !important;
    color: var(--page-accent-strong, #ff000a) !important;
    font-size: 0.92rem !important;
    flex: 0 0 auto !important;
  }

  .site-desktop-nav .site-nav__submenu-icon i,
  .site-desktop-nav .site-nav__submenu-icon svg {
    inline-size: 1rem !important;
    block-size: 1rem !important;
    font-size: 0.92rem !important;
  }

  .site-desktop-nav .site-nav__submenu-link > span:last-child,
  .site-desktop-nav .site-nav__link--auth,
  .site-desktop-nav .site-nav__link--subscribe,
  .site-desktop-nav .site-nav__auth-name {
    min-inline-size: 0 !important;
    max-inline-size: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    line-height: 1.16 !important;
    font-size: 0.87rem !important;
  }

  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav {
    gap: 0.2rem !important;
    padding: 0.05rem 0 !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: none !important;
    scrollbar-gutter: auto !important;
  }

  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav::-webkit-scrollbar {
    display: none !important;
  }

  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__group,
  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__menu,
  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__menu-links,
  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__menu-links--single {
    gap: 0.18rem !important;
  }

  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__link--group,
  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__link--auth,
  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__link--subscribe,
  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-link > span:last-child {
    display: none !important;
  }

  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-link {
    grid-template-columns: 1fr !important;
    place-items: center !important;
    min-block-size: 1.82rem !important;
    padding: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    overflow: visible !important;
  }

  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-icon {
    inline-size: 1.65rem !important;
    block-size: 1.65rem !important;
    border-radius: 999px !important;
    border-color: rgba(255,0,10,0.26) !important;
    background: linear-gradient(180deg, rgba(18,18,20,0.97), rgba(7,7,9,0.96)) !important;
  }

  .site-rail-stack > .site-audio-player {
    position: static !important;
    inset: auto !important;
    grid-row: 2 !important;
    inline-size: 100% !important;
    min-inline-size: 0 !important;
    max-inline-size: 100% !important;
    max-block-size: min(19rem, 42dvh) !important;
    margin: 0 !important;
    resize: none !important;
    overflow: auto !important;
    z-index: auto !important;
    opacity: 1 !important;
  }

  .site-audio-player.is-expanded .site-audio-player__collapsed,
  .site-audio-player.is-header-docked,
  body[data-audio-mode="header"] .site-rail-stack > .site-audio-player {
    display: none !important;
  }

  .site-audio-player.is-expanded .site-audio-player__header,
  .site-audio-player.is-expanded .site-audio-player__body {
    display: grid !important;
  }

  .site-audio-player.is-sidebar-minimized {
    inline-size: 100% !important;
    min-inline-size: 0 !important;
    max-inline-size: 100% !important;
    padding: 0.28rem !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 0.72rem !important;
    background: linear-gradient(180deg, rgba(17,18,19,0.96), rgba(7,8,9,0.94)) !important;
    box-shadow: 0 1rem 2rem rgba(0,0,0,0.3) !important;
    overflow: hidden !important;
  }

  .site-audio-player.is-sidebar-minimized .site-audio-player__header,
  .site-audio-player.is-sidebar-minimized .site-audio-player__body {
    display: none !important;
  }

  .site-audio-player.is-sidebar-minimized .site-audio-player__collapsed {
    display: grid !important;
    gap: 0.34rem !important;
  }

  .site-audio-player.is-sidebar-minimized .site-audio-player__collapsed button {
    inline-size: 100% !important;
    min-inline-size: 0 !important;
    min-block-size: 2.12rem !important;
    padding: 0 !important;
    border-radius: 0.42rem !important;
  }

  .site-audio-player.is-sidebar-minimized .site-audio-player__collapsed .site-audio-player__marquee {
    display: none !important;
  }

  .site-audio-player.is-expanded {
    padding: 0.64rem !important;
  }

  .site-audio-player.is-expanded .site-audio-player__header {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 0.5rem !important;
  }

  .site-audio-player.is-expanded .site-audio-player__header-actions {
    gap: 0.45rem !important;
  }

  .site-audio-player.is-expanded .site-audio-player__toggle,
  .site-audio-player.is-expanded .site-audio-player__collapse {
    min-block-size: 2.1rem !important;
    padding-inline: 0.65rem !important;
  }

  .site-audio-player audio {
    inline-size: 100% !important;
  }

  .site-audio-player__controls {
    flex-wrap: wrap !important;
  }

  .site-footer {
    position: fixed !important;
    inset-inline: 0 !important;
    inset-block-end: 0 !important;
    z-index: 44 !important;
    min-block-size: var(--layout-footer-height) !important;
    padding-block: 0.35rem !important;
    padding-inline: calc(var(--layout-rail-left) + 1rem) 1rem !important;
    margin: 0 !important;
    border-block-start: 1px solid rgba(255,255,255,0.06) !important;
    background: linear-gradient(180deg, rgba(8,8,9,0.28), rgba(0,0,0,0.94)) !important;
    backdrop-filter: blur(12px) !important;
  }

  .site-footer__lead,
  .site-footer__links {
    min-block-size: 1.35rem !important;
  }
}

@media (max-width: 63.998rem) {
  body {
    --layout-footer-height: 2.35rem;
  }

  .site-shell {
    inline-size: 100% !important;
    padding: 0.25rem 0.72rem calc(var(--layout-footer-height) + 0.7rem) !important;
  }

  .site-header {
    position: sticky !important;
    inset-block-start: 0.25rem !important;
    z-index: 55 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto auto !important;
    align-items: center !important;
    gap: 0.44rem !important;
    min-block-size: 3.4rem !important;
    padding: 0.45rem 0.55rem !important;
    margin: 0 0 0.72rem !important;
    border-radius: 1.2rem !important;
    overflow: visible !important;
  }

  .site-header__brand {
    grid-column: 1 !important;
    min-inline-size: 0 !important;
  }

  .brand-lockup {
    gap: 0.45rem !important;
  }

  .brand-lockup img {
    inline-size: 2.4rem !important;
    block-size: 2.4rem !important;
  }

  .brand-lockup span {
    display: none !important;
  }

  .site-header__menu {
    grid-column: 2 !important;
    min-inline-size: 2.25rem !important;
    min-block-size: 2.25rem !important;
    padding: 0 !important;
    font-size: 0 !important;
    border-radius: 999px !important;
  }

  .site-header__menu::before {
    content: "\f0c9";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 0.92rem;
  }

  .site-header__search {
    display: none !important;
  }

  .site-header__actions {
    grid-column: 4 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
  }

  .site-header__subscribe,
  .site-header__auth {
    display: none !important;
  }

  .site-header__actions .site-header__search-toggle {
    display: inline-flex !important;
    min-inline-size: 2.25rem !important;
    min-block-size: 2.25rem !important;
    padding: 0 !important;
    font-size: 0 !important;
    border-radius: 999px !important;
  }

  .site-header__actions .site-header__search-toggle::before {
    content: "\f002";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 0.9rem;
  }

  body[data-audio-mode="header"] .site-header {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto !important;
  }

  body[data-audio-mode="header"] .site-audio-dock {
    display: inline-flex !important;
    grid-column: 3 !important;
    justify-self: stretch !important;
    align-self: stretch !important;
    inline-size: auto !important;
    min-inline-size: 0 !important;
    min-block-size: 2.25rem !important;
    padding: 0 0.55rem !important;
    gap: 0.4rem !important;
  }

  body[data-audio-mode="header"] .site-audio-dock__info {
    display: flex !important;
    flex-direction: column !important;
    min-inline-size: 0 !important;
    overflow: hidden !important;
  }

  .site-audio-player {
    inset-inline-start: 0.55rem !important;
    inset-block-end: calc(var(--layout-footer-height) + 0.72rem) !important;
    inline-size: min(13rem, calc(100vw - 1.1rem)) !important;
    resize: none !important;
  }

  .site-audio-player.is-sidebar-minimized {
    inset-inline-start: auto !important;
    inset-inline-end: 0 !important;
    inset-block-end: calc(var(--layout-footer-height, 3rem) + 0.75rem) !important;
    inline-size: auto !important;
    min-inline-size: 0 !important;
    padding: 0.45rem !important;
    border-radius: 0.75rem 0 0 0.75rem !important;
    z-index: 54 !important;
  }

  .site-footer {
    position: fixed !important;
    inset-inline: 0 !important;
    inset-block-end: 0 !important;
    z-index: 44 !important;
    min-block-size: var(--layout-footer-height) !important;
    padding: 0.38rem 0.58rem !important;
    margin: 0 !important;
    background: linear-gradient(180deg, rgba(8,8,9,0.4), rgba(0,0,0,0.94)) !important;
    backdrop-filter: blur(12px) !important;
  }
}


/* GALLERY VIDEO-STYLE RAIL LAYOUT */
body.page-gallery .site-main--gallery {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}
body.page-gallery .gallery-page,
body.page-gallery .gallery-layout,
body.page-gallery .gallery-watch-panel,
body.page-gallery .gallery-rail-panel {
  min-inline-size: 0;
}
body.page-gallery .gallery-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(22rem, 27rem);
  gap: 1rem;
  align-items: start;
}
body.page-gallery .gallery-watch-panel,
body.page-gallery .gallery-rail-panel {
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.025)), rgba(9, 9, 10, 0.78);
  box-shadow: 0 1rem 2.5rem rgba(0,0,0,0.24);
}
body.page-gallery .gallery-watch-panel {
  display: grid;
  gap: 0.82rem;
  padding: 0.9rem;
}
body.page-gallery .gallery-watch-panel h1 {
  margin: 0;
  font-size: clamp(1.22rem, 2.2vw, 1.85rem);
  line-height: 1.05;
}
body.page-gallery .gallery-lead {
  margin: 0;
  color: var(--page-text-muted, #d8d8d8);
  line-height: 1.48;
}
body.page-gallery .gallery-image-shell {
  display: grid;
  margin: 0;
  inline-size: 100%;
  min-block-size: 22rem;
  max-block-size: min(68dvh, calc(100dvh - 14rem));
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 0.95rem;
  background: #000;
  overflow: hidden;
}
body.page-gallery .gallery-image-button {
  display: grid;
  place-items: center;
  inline-size: 100%;
  block-size: 100%;
  min-block-size: inherit;
  padding: 0;
  border: 0;
  background: #000;
  color: inherit;
  cursor: zoom-in;
}
body.page-gallery .gallery-image-button img {
  display: block;
  max-inline-size: 100%;
  max-block-size: min(68dvh, calc(100dvh - 14rem));
  inline-size: auto;
  block-size: auto;
  object-fit: contain;
}
body.page-gallery .gallery-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}
body.page-gallery .gallery-pill {
  display: inline-flex;
  align-items: center;
  min-block-size: 1.75rem;
  padding: 0.28rem 0.58rem;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 999px;
  background: rgba(255,255,255,0.055);
  color: #e6e6e6;
  font-size: 0.8rem;
}
body.page-gallery .gallery-details {
  display: grid;
  gap: 0.42rem;
}
body.page-gallery .gallery-detail-row {
  display: grid;
  grid-template-columns: 5rem minmax(0, 1fr);
  gap: 0.65rem;
  padding: 0.55rem 0.65rem;
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 0.75rem;
  background: rgba(0,0,0,0.25);
}
body.page-gallery .gallery-detail-row strong {
  color: #ff000a;
}
body.page-gallery .gallery-detail-row span {
  min-inline-size: 0;
  overflow-wrap: anywhere;
  color: #d7d7d7;
}
body.page-gallery .gallery-rail-panel {
  position: sticky;
  inset-block-start: calc(var(--site-header-block-size, 4rem) + 1.1rem);
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 0.78rem;
  block-size: calc(100dvh - var(--site-header-block-size, 4rem) - 3.8rem);
  max-block-size: calc(100dvh - var(--site-header-block-size, 4rem) - 3.8rem);
  padding: 0.85rem;
  overflow: hidden;
}
body.page-gallery .gallery-rail-head,
body.page-gallery .gallery-search-field {
  display: grid;
  gap: 0.65rem;
}
body.page-gallery .gallery-search-field span {
  color: #bdbdbd;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
body.page-gallery .gallery-search-field input {
  inline-size: 100%;
  min-inline-size: 0;
  min-block-size: 2.65rem;
  padding: 0.7rem 0.82rem;
  border: 1px solid rgba(255,255,255,0.09);
  border-radius: 0.9rem;
  background: rgba(8,8,10,0.86);
  color: #f3f3f3;
}
body.page-gallery .gallery-chip-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.42rem;
  max-block-size: 7.6rem;
  overflow: auto;
  padding-inline-end: 0.2rem;
}
body.page-gallery .gallery-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-block-size: 1.85rem;
  padding: 0.28rem 0.55rem;
  border: 1px solid rgba(255,255,255,0.09);
  border-radius: 999px;
  background: rgba(255,255,255,0.055);
  color: #efefef;
  cursor: pointer;
}
body.page-gallery .gallery-chip.is-active,
body.page-gallery .gallery-chip[aria-pressed="true"] {
  border-color: rgba(255,0,10,0.72);
  background: rgba(255,0,10,0.86);
  color: #fff;
}
body.page-gallery .gallery-chip span {
  color: inherit;
  opacity: 0.78;
}
body.page-gallery .gallery-results-meta {
  color: #bfbfbf;
  font-size: 0.82rem;
}
body.page-gallery .gallery-rail-list {
  display: grid;
  gap: 0.72rem;
  min-block-size: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding-inline-end: 0.22rem;
  scrollbar-width: thin;
}
body.page-gallery .gallery-rail-item {
  display: grid;
  grid-template-columns: minmax(7.2rem, 9.1rem) minmax(0, 1fr);
  gap: 0.7rem;
  align-items: center;
  inline-size: 100%;
  padding: 0.22rem;
  border: 1px solid transparent;
  border-radius: 0.9rem;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
body.page-gallery .gallery-rail-item:hover,
body.page-gallery .gallery-rail-item:focus-visible,
body.page-gallery .gallery-rail-item.is-selected {
  outline: none;
  border-color: rgba(255,0,10,0.42);
  background: rgba(255,255,255,0.06);
}
body.page-gallery .gallery-thumb {
  display: grid;
  place-items: center;
  aspect-ratio: 16 / 9;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 0.76rem;
  background: #030303;
  overflow: hidden;
}
body.page-gallery .gallery-thumb img {
  display: block;
  max-inline-size: 100%;
  max-block-size: 100%;
  object-fit: contain;
}
body.page-gallery .gallery-rail-copy {
  display: grid;
  gap: 0.25rem;
  min-inline-size: 0;
}
body.page-gallery .gallery-rail-copy strong {
  color: #f2f2f2;
  line-height: 1.1;
}
body.page-gallery .gallery-rail-copy em,
body.page-gallery .gallery-rail-copy small {
  min-inline-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #cfcfcf;
  font-style: normal;
  font-size: 0.74rem;
}
body.page-gallery .gallery-rail-copy em {
  color: #ff353a;
}
body.page-gallery .gallery-empty {
  margin: 0;
  padding: 0.75rem;
  border: 1px dashed rgba(255,255,255,0.13);
  border-radius: 0.85rem;
  color: #d7d7d7;
}
@media (max-width: 72rem) {
  body.page-gallery .gallery-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  body.page-gallery .gallery-rail-panel {
    position: static;
    block-size: auto;
    max-block-size: none;
  }
  body.page-gallery .gallery-rail-list {
    max-block-size: 28rem;
  }
}



/* 2026-04-28 final layout corrections */
@media (min-width:64rem) {
  body {
    --layout-footer-gap: 1.15rem !important;
    --layout-rail-bottom: calc(var(--layout-footer-height, 2.25rem) + var(--layout-footer-gap, 1.15rem)) !important;
  }
  .site-shell {
    padding-block-end: calc(var(--layout-footer-height, 2.25rem) + var(--layout-footer-gap, 1.15rem) + 0.85rem) !important;
  }
  .site-shell > .site-rail-stack {
    inset-block-end: var(--layout-rail-bottom) !important;
    z-index: 58 !important;
  }
  .site-rail-stack > .site-audio-player {
    margin-block-end: 0 !important;
    max-block-size: min(18rem, 34dvh) !important;
  }
  .site-footer {
    z-index: 44 !important;
    min-block-size: var(--layout-footer-height, 2.25rem) !important;
  }
  body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu {
    position: static !important;
    display: block !important;
    inline-size: 100% !important;
    block-size: auto !important;
    min-inline-size: 0 !important;
    min-block-size: 0 !important;
    margin: 0 !important;
    padding: 0.08rem 0.38rem 0.02rem !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
    transform: none !important;
    color: var(--page-text-soft, #aaa) !important;
    text-align: left !important;
    pointer-events: auto !important;
  }
  body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu::before {
    content: "\f0c9" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-size: 0.85rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }
  body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu:hover,
  body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu:focus-visible,
  body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu[aria-expanded="true"] {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }
}

body.page-home .site-frame {
  align-items: start;
}
body.page-home .page-home__wide-sections,
body.page-home #features,
body.page-home #setup-visual-guides,
body.page-home #setup-instructions {
  grid-column: 1 / -1;
}
body.page-home .home-guides__grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 24rem), 1fr)) !important;
  gap: 1rem !important;
}
body.page-home .home-guide-card {
  display: block !important;
  min-inline-size: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
body.page-home .home-guide-card__media {
  display: grid !important;
  gap: 0.85rem !important;
  align-items: start !important;
  justify-content: stretch !important;
  padding: 0.95rem !important;
}
body.page-home .home-guide-card__image-link {
  display: grid !important;
  place-items: center !important;
  inline-size: 100% !important;
  min-block-size: 10rem !important;
}
body.page-home .home-guide-card__caption {
  display: grid !important;
  gap: 0.48rem !important;
  min-inline-size: 0 !important;
}
body.page-home .home-guide-card__caption h3,
body.page-home .home-guide-card__caption p {
  margin: 0 !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}
body.page-home .home-guide-card__caption h3 {
  color: #f4f4f4 !important;
  font-size: 1rem !important;
  line-height: 1.25 !important;
}
body.page-home .home-guide-card__caption p {
  color: #d7d7d7 !important;
  line-height: 1.5 !important;
}

.page-dayz-docs .dayz-doc-jumps,
.page-dayz-docs .wiki-stats,
.page-dayz-docs .wiki-category-tabs,
.page-dayz-docs .wiki-select-controls,
.page-dayz-docs .wiki-file-select-shell,
.page-dayz-docs .wiki-topic-toggle {
  display: none !important;
}
.page-dayz-docs .dayz-wiki-section > header {
  display: none !important;
}
.page-dayz-docs .wiki-tab-layout {
  grid-template-columns: minmax(15rem, 18rem) minmax(0, 1fr) !important;
  align-items: start !important;
}
.page-dayz-docs .wiki-file-tabs {
  position: sticky !important;
  top: calc(var(--site-header-block-size, 4rem) + 1rem) !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  max-height: calc(100dvh - var(--site-header-block-size, 4rem) - var(--layout-footer-height, 2.25rem) - 3rem) !important;
  overflow: hidden !important;
}
.page-dayz-docs .wiki-file-tab-list {
  min-block-size: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-inline-end: 0.25rem !important;
  scrollbar-width: thin !important;
}
.page-dayz-docs .wiki-topic-card {
  display: block !important;
}
.page-dayz-docs .wiki-topic-summary {
  cursor: default !important;
}
@media (max-width:72rem) {
  .page-dayz-docs .wiki-tab-layout { grid-template-columns: 1fr !important; }
  .page-dayz-docs .wiki-file-tabs { position: static !important; max-height: 24rem !important; }
}

body.page-gallery .gallery-details {
  display: none !important;
}
body.page-gallery .gallery-layout {
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 24rem) !important;
}
body.page-gallery .gallery-rail-panel {
  grid-template-rows: auto minmax(0, 1fr) !important;
}
body.page-gallery .gallery-rail-list {
  gap: 0.42rem !important;
}
body.page-gallery .gallery-rail-item {
  grid-template-columns: 4rem minmax(0, 1fr) !important;
  min-block-size: 4.4rem !important;
  gap: 0.62rem !important;
  padding: 0.24rem !important;
}
body.page-gallery .gallery-thumb {
  inline-size: 4rem !important;
  block-size: 4rem !important;
  max-inline-size: 4rem !important;
  max-block-size: 4rem !important;
  aspect-ratio: auto !important;
}
body.page-gallery .gallery-thumb img {
  max-inline-size: 4rem !important;
  max-block-size: 4rem !important;
  inline-size: auto !important;
  block-size: auto !important;
  object-fit: contain !important;
}
body.page-gallery .gallery-rail-copy {
  gap: 0.16rem !important;
}
body.page-gallery .gallery-rail-copy small {
  display: none !important;
}
body.page-gallery .gallery-rail-copy strong {
  font-size: 0.86rem !important;
  line-height: 1.14 !important;
}
body.page-gallery .gallery-rail-copy em {
  font-size: 0.68rem !important;
}
@media (max-width:72rem) {
  body.page-gallery .gallery-layout { grid-template-columns: 1fr !important; }
}
/* end 2026-04-28 final layout corrections */

/* 2026-04-28 final guard corrections */
@media (min-width:64rem) {
  body {
    --layout-footer-height: 2.75rem !important;
    --layout-footer-gap: 1.45rem !important;
    --layout-rail-bottom: calc(var(--layout-footer-height, 2.75rem) + var(--layout-footer-gap, 1.45rem)) !important;
  }
  .site-shell {
    padding-block-end: calc(var(--layout-footer-height, 2.75rem) + var(--layout-footer-gap, 1.45rem) + 0.75rem) !important;
  }
  .site-shell > .site-rail-stack {
    --inset-block-bottom: var(--layout-rail-bottom) !important;
    inset-block-end: var(--layout-rail-bottom) !important;
    z-index: 62 !important;
    overflow: visible !important;
  }
  .site-rail-stack > .site-audio-player {
    position: static !important;
    max-block-size: min(15.5rem, calc(100dvh - var(--layout-rail-top, 4.7rem) - var(--layout-rail-bottom, 4.2rem) - 10rem)) !important;
    margin-block-end: 0 !important;
    z-index: 63 !important;
  }
  .site-shell > .site-footer,
  .site-footer {
    z-index: 30 !important;
    min-block-size: var(--layout-footer-height, 2.75rem) !important;
    block-size: var(--layout-footer-height, 2.75rem) !important;
  }
  body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu {
    position: static !important;
    display: block !important;
    inline-size: 100% !important;
    block-size: auto !important;
    min-inline-size: 0 !important;
    min-block-size: 0 !important;
    margin: 0 !important;
    padding: 0.08rem 0.38rem 0.02rem !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    font-size: 0 !important;
    line-height: 1 !important;
    text-align: left !important;
  }
  body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu::before {
    content: "\f0c9" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-size: 0.85rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    color: var(--page-text-soft, #aaa) !important;
  }
}
.page-dayz-docs .dayz-doc-jumps,
.page-dayz-docs .wiki-stats,
.page-dayz-docs .wiki-category-tabs,
.page-dayz-docs .wiki-select-controls,
.page-dayz-docs .wiki-file-select-shell,
.page-dayz-docs .wiki-topic-toggle,
.page-dayz-docs .dayz-wiki-section > header {
  display: none !important;
}
.page-dayz-docs .wiki-tab-layout {
  grid-template-columns: minmax(15rem, 18rem) minmax(0, 1fr) !important;
  align-items: start !important;
}
.page-dayz-docs .wiki-file-tabs {
  position: sticky !important;
  top: calc(var(--site-header-block-size, 4rem) + 1rem) !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  max-height: calc(100dvh - var(--site-header-block-size, 4rem) - var(--layout-footer-height, 2.75rem) - 3rem) !important;
  overflow: hidden !important;
}
.page-dayz-docs .wiki-file-tab-list {
  min-block-size: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-inline-end: 0.25rem !important;
  scrollbar-width: thin !important;
}
.page-dayz-docs .wiki-topic-card:not([open]) > .wiki-topic-body {
  display: block !important;
}
.page-dayz-docs .wiki-topic-summary {
  pointer-events: none !important;
  cursor: default !important;
}
body.page-gallery .gallery-details {
  display: none !important;
}
body.page-gallery .gallery-rail-item {
  grid-template-columns: 4rem minmax(0, 1fr) !important;
  min-block-size: 4.35rem !important;
  align-items: center !important;
}
body.page-gallery .gallery-thumb,
body.page-gallery .gallery-thumb img {
  max-inline-size: 4rem !important;
  max-block-size: 4rem !important;
  inline-size: 4rem !important;
  block-size: 4rem !important;
  object-fit: contain !important;
}
body.page-gallery .gallery-rail-copy small {
  display: none !important;
}
body.page-home .home-guide-card__caption,
body.page-home .home-guide-card__caption h3,
body.page-home .home-guide-card__caption p {
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
}
@media (max-width:72rem) {
  .page-dayz-docs .wiki-tab-layout { grid-template-columns: 1fr !important; }
  .page-dayz-docs .wiki-file-tabs { position: static !important; max-height: 24rem !important; }
}
/* end 2026-04-28 final guard corrections */

/* 2026-04-28 gallery/sidebar/footer corrected pass */
@media (min-width: 64rem) {
  body {
    --layout-footer-height: 2.35rem !important;
    --layout-footer-gap: 1rem !important;
    --layout-rail-bottom: calc(var(--layout-footer-height, 2.35rem) + var(--layout-footer-gap, 1rem)) !important;
  }

  .site-shell {
    padding-block-end: calc(var(--layout-footer-height, 2.35rem) + var(--layout-footer-gap, 1rem) + 0.6rem) !important;
  }

  .site-shell > .site-rail-stack {
    inset-block-end: var(--layout-rail-bottom) !important;
    overflow: visible !important;
  }

  .site-rail-stack > .site-audio-player,
  .site-rail-stack > .site-audio-player.is-expanded,
  .site-rail-stack > .site-audio-player.is-sidebar-minimized {
    resize: none !important;
    margin-block-end: 0 !important;
  }

  .site-rail-stack > .site-audio-player.is-expanded {
    overflow: hidden !important;
    max-block-size: min(16rem, calc(100dvh - var(--layout-rail-top, 4.7rem) - var(--layout-rail-bottom, 3.35rem) - 2.25rem)) !important;
  }

  .site-shell > .site-footer,
  .site-footer {
    z-index: 30 !important;
    min-block-size: var(--layout-footer-height, 2.35rem) !important;
    block-size: var(--layout-footer-height, 2.35rem) !important;
  }

  body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu {
    position: static !important;
    display: block !important;
    inline-size: 100% !important;
    block-size: auto !important;
    min-inline-size: 0 !important;
    min-block-size: 0 !important;
    margin: 0 !important;
    padding: 0.08rem 0.35rem 0.02rem !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--page-text-soft, #aaa) !important;
    cursor: pointer !important;
    font-size: 0 !important;
    line-height: 1 !important;
    text-align: left !important;
    transform: none !important;
    pointer-events: auto !important;
  }

  body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu::before {
    content: "\f0c9" !important;
    position: static !important;
    display: block !important;
    font-family: "Font Awesome 6 Free" !important;
    font-size: 0.85rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    color: var(--page-text-soft, #aaa) !important;
  }

  body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu:hover,
  body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu:focus-visible,
  body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu[aria-expanded="true"] {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #fff !important;
    outline: 0 !important;
    transform: none !important;
  }

  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-header__menu {
    display: grid !important;
    place-items: center !important;
    inline-size: 2.2rem !important;
    block-size: 2.2rem !important;
    min-inline-size: 2.2rem !important;
    min-block-size: 2.2rem !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 1px solid rgba(255,0,10,0.28) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, rgba(18,18,20,0.97), rgba(7,7,9,0.96)) !important;
    box-shadow: 0 0.65rem 1.35rem rgba(0,0,0,0.34) !important;
    color: var(--page-text, #f4f4f4) !important;
    cursor: pointer !important;
    font-size: 0 !important;
    transform: none !important;
  }

  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-header__menu::before {
    content: "\f0c9" !important;
    position: static !important;
    display: block !important;
    font-family: "Font Awesome 6 Free" !important;
    font-size: 0.82rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    color: var(--page-text, #f4f4f4) !important;
  }

  body.page-gallery,
  body.page-videos {
    block-size: 100dvh !important;
    overflow: hidden !important;
  }

  body.page-gallery .site-shell,
  body.page-videos .site-shell {
    block-size: 100dvh !important;
    max-block-size: 100dvh !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    overflow: hidden !important;
  }

  body.page-gallery .site-frame,
  body.page-videos .site-frame,
  body.page-gallery .site-main--gallery,
  body.page-videos .site-main--videos,
  body.page-gallery .gallery-page,
  body.page-videos .videos-page {
    min-block-size: 0 !important;
    overflow: hidden !important;
  }

  body.page-gallery .gallery-layout,
  body.page-videos .videos-layout {
    block-size: calc(100dvh - var(--site-header-block-size, 4rem) - var(--layout-footer-height, 2.35rem) - var(--layout-footer-gap, 1rem) - 2rem) !important;
    max-block-size: calc(100dvh - var(--site-header-block-size, 4rem) - var(--layout-footer-height, 2.35rem) - var(--layout-footer-gap, 1rem) - 2rem) !important;
    min-block-size: 0 !important;
    align-items: stretch !important;
    overflow: hidden !important;
  }

  body.page-gallery .gallery-watch-panel,
  body.page-videos .videos-watch-panel {
    min-block-size: 0 !important;
    overflow: auto !important;
    scrollbar-width: thin !important;
  }

  body.page-gallery .gallery-rail-panel,
  body.page-videos .videos-rail-panel {
    position: static !important;
    block-size: 100% !important;
    max-block-size: 100% !important;
    min-block-size: 0 !important;
    overflow: hidden !important;
  }
}

body.page-gallery .gallery-image-shell,
body.page-gallery .gallery-image-button,
body.page-gallery .gallery-selected-figure,
body.page-gallery .gallery-thumb,
body.page-gallery .gallery-thumb-media,
body.page-gallery .gallery-category-preview {
  background: transparent !important;
}

body.page-gallery .gallery-image-button {
  cursor: zoom-in;
}

body.page-gallery .gallery-chip-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr)) !important;
  gap: 0.5rem !important;
  max-block-size: 10.5rem !important;
  overflow: auto !important;
  padding-inline-end: 0.18rem !important;
}

body.page-gallery .gallery-category-tile {
  display: grid !important;
  grid-template-columns: 3.35rem minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.55rem !important;
  min-block-size: 4rem !important;
  padding: 0.36rem !important;
  border: 1px solid rgba(255,255,255,0.09) !important;
  border-radius: 0.85rem !important;
  background: rgba(255,255,255,0.045) !important;
  color: #f0f0f0 !important;
  text-align: left !important;
}

body.page-gallery .gallery-category-tile.is-active,
body.page-gallery .gallery-category-tile[aria-pressed="true"] {
  border-color: rgba(255,0,10,0.68) !important;
  background: rgba(255,0,10,0.16) !important;
}

body.page-gallery .gallery-category-preview {
  display: grid !important;
  place-items: center !important;
  inline-size: 3.2rem !important;
  block-size: 3.2rem !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 0.65rem !important;
  overflow: hidden !important;
}

body.page-gallery .gallery-category-preview img {
  display: block !important;
  max-inline-size: 3.2rem !important;
  max-block-size: 3.2rem !important;
  inline-size: auto !important;
  block-size: auto !important;
  object-fit: contain !important;
}

body.page-gallery .gallery-category-copy {
  display: grid !important;
  gap: 0.16rem !important;
  min-inline-size: 0 !important;
}

body.page-gallery .gallery-category-copy strong,
body.page-gallery .gallery-category-copy small {
  display: block !important;
  min-inline-size: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.page-gallery .gallery-category-copy strong {
  color: #fff !important;
  font-size: 0.78rem !important;
  line-height: 1.12 !important;
}

body.page-gallery .gallery-category-copy small {
  color: #cfcfcf !important;
  font-size: 0.68rem !important;
  line-height: 1.1 !important;
}

@media (min-width: 64rem) {
  body.page-gallery .gallery-watch-panel {
    grid-template-rows: auto auto minmax(0, 1fr) auto !important;
    block-size: 100% !important;
    align-content: stretch !important;
  }

  body.page-gallery .gallery-image-shell {
    min-block-size: 0 !important;
    block-size: 100% !important;
    max-block-size: none !important;
  }

  body.page-gallery .gallery-image-button,
  body.page-gallery .gallery-image-button img {
    max-block-size: 100% !important;
  }

  body.page-gallery .gallery-rail-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(4.7rem, 1fr)) !important;
    align-content: start !important;
    gap: 0.5rem !important;
    min-block-size: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-inline-end: 0.25rem !important;
  }

  body.page-gallery .gallery-rail-item {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    align-content: start !important;
    gap: 0.28rem !important;
    min-block-size: 0 !important;
    padding: 0.25rem !important;
    border-radius: 0.75rem !important;
  }

  body.page-gallery .gallery-thumb {
    inline-size: 4rem !important;
    block-size: 4rem !important;
    max-inline-size: 4rem !important;
    max-block-size: 4rem !important;
    aspect-ratio: auto !important;
    border-radius: 0.62rem !important;
  }

  body.page-gallery .gallery-thumb img {
    max-inline-size: 4rem !important;
    max-block-size: 4rem !important;
    inline-size: auto !important;
    block-size: auto !important;
    object-fit: contain !important;
  }

  body.page-gallery .gallery-rail-copy {
    display: grid !important;
    justify-items: center !important;
    text-align: center !important;
    inline-size: 100% !important;
    min-inline-size: 0 !important;
  }

  body.page-gallery .gallery-rail-copy strong {
    display: -webkit-box !important;
    line-clamp: none;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    color: #f4f4f4 !important;
    font-size: 0.68rem !important;
    line-height: 1.08 !important;
  }

  body.page-gallery .gallery-rail-copy em,
  body.page-gallery .gallery-rail-copy small {
    display: none !important;
  }
}

body.page-gallery .gallery-category-copy strong,
body.page-gallery .gallery-category-copy small {
  display: block !important;
  min-inline-size: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
body.page-gallery .gallery-category-copy strong {
  color: #fff !important;
  font-size: 0.78rem !important;
  line-height: 1.12 !important;
}
body.page-gallery .gallery-category-copy small {
  color: #cfcfcf !important;
  font-size: 0.68rem !important;
  line-height: 1.1 !important;
}
@media (min-width: 64rem) {
  body.page-gallery .gallery-watch-panel {
    grid-template-rows: auto auto minmax(0, 1fr) auto !important;
    block-size: 100% !important;
    align-content: stretch !important;
  }
  body.page-gallery .gallery-image-shell {
    min-block-size: 0 !important;
    block-size: 100% !important;
    max-block-size: none !important;
  }
  body.page-gallery .gallery-image-button,
  body.page-gallery .gallery-image-button img {
    max-block-size: 100% !important;
  }
  body.page-gallery .gallery-rail-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(4.7rem, 1fr)) !important;
    align-content: start !important;
    gap: 0.5rem !important;
    min-block-size: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-inline-end: 0.25rem !important;
  }
  body.page-gallery .gallery-rail-item {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    align-content: start !important;
    gap: 0.28rem !important;
    min-block-size: 0 !important;
    padding: 0.25rem !important;
    border-radius: 0.75rem !important;
  }
  body.page-gallery .gallery-thumb {
    inline-size: 4rem !important;
    block-size: 4rem !important;
    max-inline-size: 4rem !important;
    max-block-size: 4rem !important;
    aspect-ratio: auto !important;
    border-radius: 0.62rem !important;
  }
  body.page-gallery .gallery-thumb img {
    max-inline-size: 4rem !important;
    max-block-size: 4rem !important;
    inline-size: auto !important;
    block-size: auto !important;
    object-fit: contain !important;
  }
  body.page-gallery .gallery-rail-copy {
    display: grid !important;
    justify-items: center !important;
    text-align: center !important;
    inline-size: 100% !important;
    min-inline-size: 0 !important;
  }
  body.page-gallery .gallery-rail-copy strong {
    display: -webkit-box !important;
    line-clamp: none;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    color: #f4f4f4 !important;
    font-size: 0.68rem !important;
    line-height: 1.08 !important;
  }
  body.page-gallery .gallery-rail-copy em,
  body.page-gallery .gallery-rail-copy small {
    display: none !important;
  }
}


/* 2026-04-28 hard correction: full-width shell, clean sidebar collapse, gallery rail list */
@media (min-width: 64rem) {
  body {
    --layout-header-top: 0.42rem !important;
    --layout-rail-left: 0.72rem !important;
    --layout-rail-gap: 0.78rem !important;
    --layout-rail-collapsed-width: 3.05rem !important;
    --layout-rail-expanded-width: 13.8rem !important;
    --layout-footer-height: 2.05rem !important;
    --layout-footer-gap: 1.05rem !important;
    --layout-rail-bottom: calc(var(--layout-footer-height) + var(--layout-footer-gap) + 0.55rem) !important;
  }

  body[data-desktop-nav-state="expanded"] {
    --layout-rail-width: var(--layout-rail-expanded-width) !important;
    --site-rail-column-size: var(--layout-rail-expanded-width) !important;
    --desktop-nav-column-size: var(--layout-rail-expanded-width) !important;
  }

  body[data-desktop-nav-state="collapsed"] {
    --layout-rail-width: var(--layout-rail-collapsed-width) !important;
    --site-rail-column-size: var(--layout-rail-collapsed-width) !important;
    --desktop-nav-column-size: var(--layout-rail-collapsed-width) !important;
  }

  .site-shell,
  body.page-gallery .site-shell,
  body.page-videos .site-shell {
    inline-size: 100vw !important;
    width: 100vw !important;
    max-inline-size: none !important;
    max-width: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    padding-inline-start: calc(var(--layout-rail-left) + var(--layout-rail-width) + var(--layout-rail-gap)) !important;
    padding-inline-end: 0.85rem !important;
    padding-block-start: var(--layout-header-top) !important;
    padding-block-end: calc(var(--layout-footer-height) + var(--layout-footer-gap) + 0.65rem) !important;
    transition: padding-inline-start 0.18s ease !important;
  }

  .site-shell > .site-header {
    inline-size: 100% !important;
    width: 100% !important;
    max-inline-size: none !important;
    max-width: none !important;
    justify-self: stretch !important;
  }

  .site-shell > .site-frame,
  .site-frame,
  .site-main {
    inline-size: 100% !important;
    max-inline-size: none !important;
    min-inline-size: 0 !important;
  }

  .site-shell > .site-rail-stack {
    inset-inline-start: var(--layout-rail-left) !important;
    inset-block-start: var(--layout-rail-top) !important;
    inset-block-end: var(--layout-rail-bottom) !important;
    inline-size: var(--layout-rail-width) !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
    min-block-size: 0 !important;
    max-block-size: calc(100dvh - var(--layout-rail-top) - var(--layout-rail-bottom)) !important;
    overflow: visible !important;
    z-index: 56 !important;
  }

  .site-desktop-nav,
  .site-desktop-nav__inner,
  .site-desktop-nav .site-nav {
    min-block-size: 0 !important;
  }

  .site-desktop-nav__inner {
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) !important;
    gap: 0.42rem !important;
  }

  body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu {
    display: block !important;
    position: static !important;
    inline-size: 100% !important;
    min-inline-size: 0 !important;
    block-size: auto !important;
    margin: 0 !important;
    padding: 0.1rem 0.42rem 0.08rem !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--page-text-soft, #aaa) !important;
    text-align: left !important;
    cursor: pointer !important;
    transform: none !important;
    font-size: 0 !important;
  }

  body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu::before {
    content: "\f0c9" !important;
    display: block !important;
    font-family: "Font Awesome 6 Free" !important;
    font-size: 0.85rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-header__menu {
    display: grid !important;
    place-items: center !important;
    inline-size: 2.42rem !important;
    block-size: 2.42rem !important;
    min-inline-size: 2.42rem !important;
    min-block-size: 2.42rem !important;
    margin: 0 auto !important;
    border: 1px solid rgba(255,0,10,0.28) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, rgba(18,18,20,0.97), rgba(7,7,9,0.96)) !important;
    color: var(--page-text, #f4f4f4) !important;
    cursor: pointer !important;
    font-size: 0 !important;
    transform: none !important;
  }

  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-header__menu::before {
    content: "\f0c9" !important;
    display: block !important;
    font-family: "Font Awesome 6 Free" !important;
    font-size: 0.95rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  .site-rail-stack > .site-audio-player,
  .site-rail-stack > .site-audio-player.is-expanded,
  .site-rail-stack > .site-audio-player.is-sidebar-minimized {
    resize: none !important;
    margin: 0 !important;
    max-block-size: min(15.5rem, calc(100dvh - var(--layout-rail-top) - var(--layout-rail-bottom) - 3rem)) !important;
    overflow: hidden !important;
  }

  .site-rail-stack > .site-audio-player.is-expanded {
    inline-size: 100% !important;
    min-inline-size: 0 !important;
    max-inline-size: 100% !important;
  }

  .site-rail-stack > .site-audio-player.is-sidebar-minimized {
    inline-size: var(--layout-rail-collapsed-width) !important;
    min-inline-size: var(--layout-rail-collapsed-width) !important;
    max-inline-size: var(--layout-rail-collapsed-width) !important;
  }

  .site-audio-player__collapse {
    min-inline-size: 5.5rem !important;
  }

  .site-footer {
    position: fixed !important;
    inset-inline: 0 !important;
    inset-block-end: 0 !important;
    z-index: 52 !important;
    min-block-size: var(--layout-footer-height) !important;
    block-size: var(--layout-footer-height) !important;
    padding-block: 0.26rem !important;
    padding-inline-start: calc(var(--layout-rail-left) + var(--layout-rail-width) + var(--layout-rail-gap)) !important;
    padding-inline-end: 0.75rem !important;
    box-sizing: border-box !important;
    pointer-events: auto !important;
  }
}

@media (min-width: 64rem) {
  body.page-gallery,
  body.page-videos {
    block-size: 100dvh !important;
    overflow: hidden !important;
  }

  body.page-gallery .site-shell,
  body.page-videos .site-shell {
    block-size: 100dvh !important;
    max-block-size: 100dvh !important;
    overflow: hidden !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
  }

  body.page-gallery .site-frame,
  body.page-videos .site-frame,
  body.page-gallery .site-main--gallery,
  body.page-videos .site-main--videos,
  body.page-gallery .gallery-page,
  body.page-videos .videos-page {
    min-block-size: 0 !important;
    block-size: 100% !important;
    overflow: hidden !important;
  }

  body.page-gallery .gallery-layout,
  body.page-videos .videos-layout {
    block-size: 100% !important;
    max-block-size: 100% !important;
    min-block-size: 0 !important;
    overflow: hidden !important;
    align-items: stretch !important;
  }

  body.page-gallery .gallery-layout {
    grid-template-columns: minmax(0, 1fr) minmax(19.5rem, 24rem) !important;
    gap: 0.85rem !important;
  }

  body.page-gallery .gallery-watch-panel {
    display: grid !important;
    grid-template-rows: auto auto auto minmax(0, 1fr) auto !important;
    min-block-size: 0 !important;
    block-size: 100% !important;
    overflow: hidden !important;
    align-content: stretch !important;
  }

  body.page-gallery .gallery-rail-panel,
  body.page-videos .videos-rail-panel {
    position: static !important;
    block-size: 100% !important;
    max-block-size: 100% !important;
    min-block-size: 0 !important;
    overflow: hidden !important;
  }

  body.page-gallery .gallery-rail-head {
    min-block-size: 0 !important;
  }

  body.page-gallery .gallery-chip-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.45rem !important;
    max-block-size: min(16rem, 32dvh) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-inline-end: 0.18rem !important;
  }

  body.page-gallery .gallery-category-tile {
    display: grid !important;
    grid-template-columns: 3.5rem minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 0.58rem !important;
    min-block-size: 4.15rem !important;
    padding: 0.35rem !important;
    border-radius: 0.85rem !important;
    text-align: left !important;
  }

  body.page-gallery .gallery-category-preview,
  body.page-gallery .gallery-category-preview img {
    inline-size: 3.2rem !important;
    block-size: 3.2rem !important;
    max-inline-size: 3.2rem !important;
    max-block-size: 3.2rem !important;
    object-fit: contain !important;
    background: transparent !important;
  }

  body.page-gallery .gallery-rail-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.45rem !important;
    min-block-size: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-inline-end: 0.2rem !important;
    align-content: start !important;
  }

  body.page-gallery .gallery-rail-item {
    display: grid !important;
    grid-template-columns: 4rem minmax(0, 1fr) !important;
    align-items: center !important;
    justify-items: stretch !important;
    gap: 0.58rem !important;
    min-block-size: 4.4rem !important;
    padding: 0.25rem !important;
    text-align: left !important;
  }

  body.page-gallery .gallery-thumb,
  body.page-gallery .gallery-thumb img {
    inline-size: 4rem !important;
    block-size: 4rem !important;
    max-inline-size: 4rem !important;
    max-block-size: 4rem !important;
    object-fit: contain !important;
    background: transparent !important;
  }

  body.page-gallery .gallery-rail-copy {
    display: grid !important;
    justify-items: start !important;
    text-align: left !important;
    gap: 0.16rem !important;
    min-inline-size: 0 !important;
  }

  body.page-gallery .gallery-rail-copy strong {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    max-inline-size: 100% !important;
    font-size: 0.78rem !important;
    line-height: 1.12 !important;
  }

  body.page-gallery .gallery-rail-copy em {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #ff353a !important;
    font-size: 0.68rem !important;
    line-height: 1.1 !important;
  }

  body.page-gallery .gallery-rail-copy small {
    display: none !important;
  }

  body.page-gallery .gallery-image-shell,
  body.page-gallery .gallery-image-button,
  body.page-gallery .gallery-selected-figure {
    min-block-size: 0 !important;
    block-size: 100% !important;
    max-block-size: none !important;
    background: transparent !important;
  }

  body.page-gallery .gallery-image-button img {
    max-inline-size: 100% !important;
    max-block-size: 100% !important;
    inline-size: auto !important;
    block-size: auto !important;
    object-fit: contain !important;
    background: transparent !important;
  }
}

body.page-gallery .gallery-image-shell,
body.page-gallery .gallery-image-button,
body.page-gallery .gallery-thumb,
body.page-gallery .gallery-thumb img,
body.page-gallery .gallery-category-preview,
body.page-gallery .gallery-category-preview img {
  background: transparent !important;
}

body.page-home .home-guide-card__caption,
body.page-home .home-guide-card__caption h3,
body.page-home .home-guide-card__caption p {
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  min-inline-size: 0 !important;
  max-inline-size: 100% !important;
}


/* 2026-04-28 final shell repair: fixed rail, full-width content, non-overlapping footer/player, consistent scrollbars. */
@media (min-width: 64rem) {
  html,
  body {
    min-inline-size: 0 !important;
    overflow-x: hidden !important;
  }

  body {
    --lkf-header-top: 0.36rem !important;
    --lkf-rail-left: 0.44rem !important;
    --lkf-rail-gap: 0.62rem !important;
    --lkf-rail-collapsed: 2.96rem !important;
    --lkf-rail-expanded: 13.25rem !important;
    --lkf-footer-height: 1.95rem !important;
    --lkf-footer-gap: 0.58rem !important;
    --lkf-rail-width: var(--lkf-rail-collapsed) !important;
    --layout-rail-left: var(--lkf-rail-left) !important;
    --layout-rail-gap: var(--lkf-rail-gap) !important;
    --layout-rail-collapsed-width: var(--lkf-rail-collapsed) !important;
    --layout-rail-expanded-width: var(--lkf-rail-expanded) !important;
    --layout-rail-width: var(--lkf-rail-width) !important;
    --layout-footer-height: var(--lkf-footer-height) !important;
    --layout-footer-gap: var(--lkf-footer-gap) !important;
    --layout-rail-bottom: calc(var(--lkf-footer-height) + var(--lkf-footer-gap)) !important;
    --layout-rail-top: var(--lkf-header-top) !important;
    --desktop-nav-column-size: var(--lkf-rail-width) !important;
    --site-rail-column-size: var(--lkf-rail-width) !important;
  }

  body[data-desktop-nav-state="expanded"] {
    --lkf-rail-width: var(--lkf-rail-expanded) !important;
    --layout-rail-width: var(--lkf-rail-expanded) !important;
    --desktop-nav-column-size: var(--lkf-rail-expanded) !important;
    --site-rail-column-size: var(--lkf-rail-expanded) !important;
  }

  body[data-desktop-nav-state="collapsed"] {
    --lkf-rail-width: var(--lkf-rail-collapsed) !important;
    --layout-rail-width: var(--lkf-rail-collapsed) !important;
    --desktop-nav-column-size: var(--lkf-rail-collapsed) !important;
    --site-rail-column-size: var(--lkf-rail-collapsed) !important;
  }

  .site-shell {
    inline-size: 100vw !important;
    width: 100vw !important;
    max-inline-size: none !important;
    max-width: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    padding-block-start: var(--lkf-header-top) !important;
    padding-block-end: calc(var(--lkf-footer-height) + var(--lkf-footer-gap) + 0.45rem) !important;
    padding-inline-start: calc(var(--lkf-rail-left) + var(--lkf-rail-width) + var(--lkf-rail-gap)) !important;
    padding-inline-end: 1.08rem !important;
  }

  .site-shell > .site-header {
    position: sticky !important;
    inset-block-start: var(--lkf-header-top) !important;
    z-index: 70 !important;
    inline-size: 100% !important;
    max-inline-size: none !important;
    margin: 0 0 0.58rem !important;
    box-sizing: border-box !important;
    padding: 0.44rem 0.62rem !important;
    display: grid !important;
    grid-template-columns: auto minmax(13rem, 1fr) auto auto !important;
    align-items: center !important;
    gap: 0.55rem !important;
  }

  .site-header__brand { grid-column: 1 !important; min-inline-size: 0 !important; }
  .site-header__search { grid-column: 2 !important; display: block !important; min-inline-size: 0 !important; }
  .site-header__actions { grid-column: 4 !important; display: inline-flex !important; justify-content: end !important; min-inline-size: max-content !important; }
  .site-header > .site-header__menu { display: none !important; }
  .site-header > .site-nav { display: none !important; }

  body[data-audio-mode="header"] .site-shell > .site-header {
    grid-template-columns: auto minmax(13rem, 1fr) minmax(9rem, 12rem) auto !important;
  }
  body[data-audio-mode="header"] .site-audio-dock {
    display: inline-flex !important;
    grid-column: 3 !important;
    justify-self: stretch !important;
    inline-size: 100% !important;
    min-inline-size: 0 !important;
  }
  body[data-audio-mode="header"] .site-header__actions { grid-column: 4 !important; }

  .site-shell > .site-frame,
  .site-frame,
  .site-main {
    inline-size: 100% !important;
    max-inline-size: none !important;
    min-inline-size: 0 !important;
    box-sizing: border-box !important;
  }

  .site-frame {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 22rem) !important;
    gap: 0.72rem !important;
    align-items: start !important;
  }

  .page-no-panel .site-frame,
  .page-tool-app .site-frame,
  .page-gallery .site-frame,
  .page-videos .site-frame {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .site-main { padding: 0.82rem !important; }
  .page-home .site-main,
  .page-commands .site-main,
  .page-no-panel .site-main,
  .page-gallery .site-main,
  .page-videos .site-main {
    padding: 0.72rem !important;
  }

  .site-shell > .site-rail-stack {
    position: fixed !important;
    inset-inline-start: var(--lkf-rail-left) !important;
    inset-block-start: var(--layout-rail-top) !important;
    inset-block-end: calc(var(--lkf-footer-height) + var(--lkf-footer-gap)) !important;
    inline-size: var(--lkf-rail-width) !important;
    max-inline-size: var(--lkf-rail-width) !important;
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
    gap: 0.42rem !important;
    z-index: 68 !important;
    overflow: hidden !important;
    min-block-size: 0 !important;
    transition: none !important;
  }

  .site-rail-stack > .site-desktop-nav {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    block-size: 100% !important;
    min-block-size: 0 !important;
    overflow: hidden !important;
  }

  .site-desktop-nav__inner {
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    block-size: 100% !important;
    min-block-size: 0 !important;
    overflow: hidden !important;
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) !important;
    gap: 0.26rem !important;
  }

  .site-desktop-nav .site-header__menu {
    grid-row: 1 !important;
    display: grid !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    cursor: pointer !important;
  }

  body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu {
    inline-size: 100% !important;
    min-block-size: 1rem !important;
    justify-items: start !important;
    align-items: center !important;
    padding-inline: 0.34rem !important;
    color: var(--page-text-soft, #aaa) !important;
    font-size: 0 !important;
  }

  body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu::before {
    content: "\f0c9" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-size: 0.85rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-header__menu {
    inline-size: 2.34rem !important;
    block-size: 2.34rem !important;
    min-inline-size: 2.34rem !important;
    min-block-size: 2.34rem !important;
    place-items: center !important;
    border: 1px solid rgba(255,0,10,0.32) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, rgba(18,18,20,.97), rgba(7,7,9,.96)) !important;
    color: var(--page-text, #eee) !important;
    font-size: 0 !important;
  }

  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-header__menu::before {
    content: "\f0c9" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 0.95rem !important;
    line-height: 1 !important;
  }

  .site-desktop-nav .site-nav {
    grid-row: 2 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-auto-rows: max-content !important;
    align-content: start !important;
    gap: 0.24rem !important;
    block-size: 100% !important;
    max-block-size: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0.18rem 0.12rem 0.38rem 0.08rem !important;
    scrollbar-width: thin !important;
    scrollbar-color: transparent transparent !important;
    scrollbar-gutter: stable both-edges !important;
  }

  .site-desktop-nav .site-nav::-webkit-scrollbar,
  .gallery-rail-list::-webkit-scrollbar,
  .gallery-chip-grid::-webkit-scrollbar,
  .videos-rail-list::-webkit-scrollbar,
  .dayz-file-list::-webkit-scrollbar,
  .wiki-file-tabs::-webkit-scrollbar,
  .site-main::-webkit-scrollbar {
    inline-size: 0.42rem !important;
    block-size: 0.42rem !important;
  }
  .site-desktop-nav .site-nav::-webkit-scrollbar-track,
  .gallery-rail-list::-webkit-scrollbar-track,
  .gallery-chip-grid::-webkit-scrollbar-track,
  .videos-rail-list::-webkit-scrollbar-track,
  .dayz-file-list::-webkit-scrollbar-track,
  .wiki-file-tabs::-webkit-scrollbar-track,
  .site-main::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.08) !important;
    border-radius: 999px !important;
  }
  .site-desktop-nav .site-nav::-webkit-scrollbar-thumb,
  .gallery-rail-list::-webkit-scrollbar-thumb,
  .gallery-chip-grid::-webkit-scrollbar-thumb,
  .videos-rail-list::-webkit-scrollbar-thumb,
  .dayz-file-list::-webkit-scrollbar-thumb,
  .wiki-file-tabs::-webkit-scrollbar-thumb,
  .site-main::-webkit-scrollbar-thumb {
    background: rgba(210,210,210,0.82) !important;
    border-radius: 999px !important;
  }

  .site-desktop-nav .site-nav::-webkit-scrollbar-track {
    background: transparent !important;
  }

  .site-desktop-nav .site-nav::-webkit-scrollbar-thumb {
    background: transparent !important;
  }

  .site-desktop-nav .site-nav::-webkit-scrollbar-button:single-button {
    display: block !important;
    block-size: 0.62rem !important;
    background: rgba(255,255,255,0.18) !important;
    border-radius: 999px !important;
  }

  .site-desktop-nav .site-nav__group,
  .site-desktop-nav .site-nav__menu,
  .site-desktop-nav .site-nav__menu-links,
  .site-desktop-nav .site-nav__menu-links--single {
    display: grid !important;
    min-inline-size: 0 !important;
    gap: 0.24rem !important;
    padding: 0 !important;
    margin: 0 !important;
    max-block-size: none !important;
    overflow: visible !important;
  }

  .site-desktop-nav .site-nav__group:first-child > summary {
    display: none !important;
  }

  .site-desktop-nav .site-nav__link--group {
    display: block !important;
    min-block-size: auto !important;
    padding: 0.25rem 0.28rem 0.12rem !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--page-text-soft, #aaa) !important;
    font-family: var(--font-display, system-ui) !important;
    font-size: 0.62rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    transform: none !important;
    pointer-events: none !important;
  }
  .site-desktop-nav .site-nav__link--group::after { display: none !important; content: none !important; }

  .site-desktop-nav .site-nav__submenu-link,
  .site-desktop-nav .site-nav__link--auth,
  .site-desktop-nav .site-nav__link--subscribe {
    display: grid !important;
    grid-template-columns: 2rem minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 0.38rem !important;
    min-block-size: 2.24rem !important;
    padding: 0.16rem 0.36rem !important;
    border-radius: 0.62rem !important;
    background: rgba(255,255,255,0.055) !important;
    color: var(--page-text-muted, #d5d5d5) !important;
    line-height: 1.08 !important;
    transform: none !important;
  }

  .site-desktop-nav .site-nav__submenu-icon {
    inline-size: 1.82rem !important;
    block-size: 1.82rem !important;
    min-inline-size: 1.82rem !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 0.5rem !important;
    background: rgba(255,255,255,0.07) !important;
    color: #ff0012 !important;
  }
  .site-desktop-nav .site-nav__submenu-icon i,
  .site-desktop-nav .site-nav__submenu-icon svg {
    inline-size: 1rem !important;
    block-size: 1rem !important;
    font-size: 1rem !important;
  }

  .site-desktop-nav .site-nav__submenu-link > span:last-child {
    min-inline-size: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
  }

  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav {
    padding-inline: 0 !important;
    gap: 0.32rem !important;
    scrollbar-width: thin !important;
  }
  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__link--group,
  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-link > span:last-child,
  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__link--auth,
  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__link--subscribe {
    display: none !important;
  }
  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-link {
    display: grid !important;
    grid-template-columns: 1fr !important;
    place-items: center !important;
    inline-size: 1.82rem !important;
    min-inline-size: 1.82rem !important;
    min-block-size: 1.82rem !important;
    padding: 0 !important;
    margin-inline: auto !important;
    border-radius: 999px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-icon {
    inline-size: 1.65rem !important;
    block-size: 1.65rem !important;
    border-radius: 999px !important;
    background: rgba(12,12,14,0.88) !important;
    border: 1px solid rgba(255,0,10,0.28) !important;
  }

  .site-rail-stack > .site-audio-player {
    position: static !important;
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    min-inline-size: 0 !important;
    margin: 0 !important;
    resize: none !important;
    overflow: hidden !important;
    z-index: auto !important;
    box-sizing: border-box !important;
    max-block-size: min(13.6rem, calc(100dvh - var(--layout-rail-top) - var(--layout-rail-bottom) - 4rem)) !important;
  }
  .site-rail-stack > .site-audio-player.is-expanded {
    padding: 0.52rem !important;
    display: grid !important;
    gap: 0.5rem !important;
  }
  .site-audio-player__header {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 0.4rem !important;
  }
  .site-audio-player__header-actions { gap: 0.36rem !important; }
  .site-audio-player__toggle,
  .site-audio-player__collapse {
    min-block-size: 1.82rem !important;
    min-inline-size: 0 !important;
    padding-inline: 0.55rem !important;
    font-size: 0.74rem !important;
  }
  .site-audio-player__field select { inline-size: 100% !important; }
  .site-audio-player audio { block-size: 2.35rem !important; }
  .site-audio-player__controls { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 0.3rem !important; }
  .site-audio-player__controls button { min-block-size: 1.85rem !important; padding-inline: 0.3rem !important; }

  .site-rail-stack > .site-audio-player.is-sidebar-minimized {
    inline-size: 100% !important;
    min-inline-size: 0 !important;
    max-inline-size: 100% !important;
    padding: 0.2rem !important;
    opacity: 1 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  .site-audio-player.is-sidebar-minimized .site-audio-player__collapsed {
    display: grid !important;
    gap: 0.28rem !important;
  }
  .site-audio-player.is-sidebar-minimized .site-audio-player__collapsed button {
    inline-size: 2.42rem !important;
    min-inline-size: 2.42rem !important;
    min-block-size: 1.94rem !important;
    margin-inline: auto !important;
    padding: 0 !important;
    border-radius: 0.36rem !important;
  }
  .site-audio-player.is-sidebar-minimized .site-audio-player__marquee {
    display: block !important;
    inline-size: 2.42rem !important;
    padding: 0.18rem 0.1rem !important;
    font-size: 0.5rem !important;
    text-align: center !important;
  }

  body[data-audio-mode="header"] .site-rail-stack > .site-audio-player {
    display: none !important;
  }
  body[data-audio-mode="header"] .site-shell > .site-rail-stack {
    grid-template-rows: minmax(0, 1fr) !important;
  }

  .site-footer {
    position: fixed !important;
    inset-inline: 0 !important;
    inset-block-end: 0 !important;
    z-index: 66 !important;
    block-size: var(--lkf-footer-height) !important;
    min-block-size: var(--lkf-footer-height) !important;
    padding: 0.22rem 0.62rem !important;
    padding-inline-start: calc(var(--lkf-rail-left) + var(--lkf-rail-width) + var(--lkf-rail-gap)) !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    pointer-events: auto !important;
  }
}

@media (min-width: 64rem) {
  body.page-gallery,
  body.page-videos {
    block-size: 100dvh !important;
    overflow: hidden !important;
  }
  body.page-gallery .site-shell,
  body.page-videos .site-shell {
    block-size: 100dvh !important;
    overflow: hidden !important;
  }
  body.page-gallery .site-frame,
  body.page-videos .site-frame,
  body.page-gallery .site-main,
  body.page-videos .site-main,
  body.page-gallery .gallery-page,
  body.page-videos .videos-page {
    block-size: 100% !important;
    min-block-size: 0 !important;
    overflow: hidden !important;
  }
  body.page-gallery .gallery-layout,
  body.page-videos .videos-layout {
    block-size: 100% !important;
    min-block-size: 0 !important;
    overflow: hidden !important;
    display: grid !important;
    gap: 0.72rem !important;
    align-items: stretch !important;
  }
  body.page-gallery .gallery-layout {
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 22rem) !important;
  }
  body.page-gallery .gallery-watch-panel,
  body.page-gallery .gallery-rail-panel,
  body.page-videos .videos-watch-panel,
  body.page-videos .videos-rail-panel {
    block-size: 100% !important;
    min-block-size: 0 !important;
    max-block-size: 100% !important;
    overflow: hidden !important;
  }
  body.page-gallery .gallery-watch-panel {
    display: grid !important;
    grid-template-rows: auto auto minmax(0, 1fr) auto !important;
    gap: 0.58rem !important;
  }
  body.page-gallery .gallery-image-shell,
  body.page-gallery .gallery-selected-figure,
  body.page-gallery .gallery-image-button {
    min-block-size: 0 !important;
    block-size: 100% !important;
    max-block-size: 100% !important;
    background: transparent !important;
    overflow: auto !important;
  }
  body.page-gallery .gallery-image-button {
    display: grid !important;
    place-items: center !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 0.72rem !important;
  }
  body.page-gallery #galleryImage {
    display: block !important;
    inline-size: auto !important;
    block-size: auto !important;
    max-inline-size: 100% !important;
    max-block-size: 100% !important;
    object-fit: contain !important;
    background: transparent !important;
  }
  body.page-gallery .gallery-rail-panel {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    gap: 0.55rem !important;
  }
  body.page-gallery .gallery-chip-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.42rem !important;
    max-block-size: 10.5rem !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-inline-end: 0.16rem !important;
  }
  body.page-gallery .gallery-category-tile {
    display: grid !important;
    grid-template-columns: 3rem minmax(0, 1fr) !important;
    gap: 0.45rem !important;
    min-block-size: 3.5rem !important;
    align-items: center !important;
    padding: 0.28rem !important;
    text-align: left !important;
  }
  body.page-gallery .gallery-category-preview,
  body.page-gallery .gallery-category-preview img {
    inline-size: 2.8rem !important;
    block-size: 2.8rem !important;
    max-inline-size: 2.8rem !important;
    max-block-size: 2.8rem !important;
    object-fit: contain !important;
    background: transparent !important;
  }
  body.page-gallery .gallery-rail-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.38rem !important;
    min-block-size: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    align-content: start !important;
    padding-inline-end: 0.16rem !important;
  }
  body.page-gallery .gallery-rail-item {
    display: grid !important;
    grid-template-columns: 4rem minmax(0, 1fr) !important;
    min-block-size: 4.35rem !important;
    align-items: center !important;
    gap: 0.48rem !important;
    padding: 0.18rem !important;
    text-align: left !important;
  }
  body.page-gallery .gallery-thumb,
  body.page-gallery .gallery-thumb img {
    inline-size: 4rem !important;
    block-size: 4rem !important;
    max-inline-size: 4rem !important;
    max-block-size: 4rem !important;
    object-fit: contain !important;
    background: transparent !important;
  }
  body.page-gallery .gallery-rail-copy small { display: none !important; }
}

/* Repair patch: collapsible FAQ cards and internal related links */
details.faq-card {
  display: block;
}

details.faq-card > summary {
  cursor: pointer;
  list-style: none;
  color: #ffffff;
}

details.faq-card > summary::-webkit-details-marker {
  display: none;
}

details.faq-card > summary::after {
  content: "+";
  float: right;
  margin-inline-start: 0.75rem;
  color: #ff0004;
  font-weight: 800;
}

details.faq-card[open] > summary::after {
  content: "−";
}

details.faq-card > summary h3,
details.faq-card > summary strong {
  display: inline;
}

details.faq-card > p,
details.faq-card > div {
  margin-block-start: 0.7rem;
}

.related-links {
  display: grid;
  gap: 0.7rem;
  padding: 1rem;
  border: 1px solid var(--page-card-border);
  border-radius: 0.9rem;
  background: var(--page-card-surface-tint), var(--page-card-surface);
  box-shadow: var(--page-card-shadow-soft);
}

.related-links__nav,
body.page-about .about-domain-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.related-links__nav a,
body.page-about .about-domain-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.48rem 0.72rem;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 999px;
  background: rgba(255,255,255,0.05);
  color: #f2f2f2;
  text-decoration: none;
}

.related-links__nav a:hover,
.related-links__nav a:focus-visible,
body.page-about .about-domain-links a:hover,
body.page-about .about-domain-links a:focus-visible {
  border-color: rgba(255,0,4,0.65);
  color: #fff;
  text-decoration: underline;
}



/* Legion audit-plan repair: retired how-to videos embedded on actual pages */
.embedded-guide-video, .under-development-note { margin-block: 1.25rem; padding: 1rem; border: 1px solid var(--page-card-border, rgba(255,255,255,.14)); border-radius: 1rem; background: var(--page-card-surface-tint, rgba(120,0,0,.12)), var(--page-card-surface, rgba(10,10,12,.88)); box-shadow: var(--page-card-shadow-soft, 0 1rem 2rem rgba(0,0,0,.28)); }
.embedded-guide-video__inner { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(18rem, 1.1fr); gap: 1rem; align-items: start; }
.embedded-guide-video__copy { display: grid; gap: .55rem; align-content: start; }
.embedded-guide-video__copy h2, .under-development-note h2 { margin: 0; color: #fff; }
.embedded-guide-video__copy p, .under-development-note p { margin: 0; color: #dedede; line-height: 1.55; }
.embedded-guide-video__media { margin: 0; display: grid; gap: .45rem; }
.embedded-guide-video__media video { display: block; width: 100%; max-height: min(30rem, 70vh); border: 1px solid rgba(255,255,255,.16); border-radius: .85rem; background: #050507; object-fit: contain; }
.embedded-guide-video__media figcaption { color: #cfcfcf; font-size: .9rem; line-height: 1.4; }
.embedded-guide-video__links { display: flex; flex-wrap: wrap; gap: .45rem; }
.embedded-guide-video__links a { display: inline-flex; align-items: center; justify-content: center; padding: .42rem .72rem; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; background: rgba(255,255,255,.06); color: #f2f2f2; text-decoration: none; }
.gallery-page-heading, .videos-page-heading { margin-block-end: 1rem; }
#galleryTitle, #watchTitle { margin: 0; color: #fff; font-size: clamp(1.35rem, 2vw, 2rem); }
@media (max-width: 72rem) { .embedded-guide-video__inner { grid-template-columns: 1fr; } }


/* LEGION compact page lead and heading scale */
main h1,.hero h1,.page-hero h1,.lk-details h1,.tool-hero h1,.wiki-hero h1{font-size:clamp(1.65rem,3vw,3.1rem)!important;line-height:1.08!important;letter-spacing:-.02em;}
.lead,.hero p,.page-hero p,.tool-hero p,.wiki-hero p{font-size:clamp(.98rem,1.35vw,1.08rem)!important;line-height:1.55!important;max-width:980px;}


/* Legion final sizing/interaction corrections */
.site-main .page-heading h1,
.site-main .hero h1,
.site-main h1:first-child {
  font-size: clamp(1.08rem, 1.6vw, 1.58rem) !important;
  line-height: 1.1 !important;
  letter-spacing: .035em;
}
.site-main .page-lead,
.site-main .hero__copy > p,
.site-main .section-heading > p {
  font-size: clamp(.86rem, .95vw, .98rem) !important;
  line-height: 1.45 !important;
}
.site-main .page-heading { margin-block-end: .75rem !important; }
body.page-audio .audio-hero,
body.page-audio .hero,
body.page-audio .page-heading {
  padding-block: .65rem !important;
  margin-block-end: .75rem !important;
}
body.page-audio h1 {
  font-size: clamp(1.12rem, 1.7vw, 1.62rem) !important;
  line-height: 1.08 !important;
}
body.page-audio .audio-controls button,
body.page-audio .audio-icon-button,
body.page-audio button[class*="audio"] {
  min-block-size: 2.35rem;
  border-radius: 999px;
}
body.page-audio .lyrics-panel,
body.page-audio [data-lyrics-panel],
body.page-audio #lyricsPanel { max-block-size: min(58dvh, 42rem); overflow: hidden; }
body.page-audio #lyricsBody,
body.page-audio .lyrics-body { max-block-size: min(48dvh, 34rem); overflow-y: auto; scroll-behavior: smooth; }
body.page-audio .lyrics-cue__button.is-current,
body.page-audio .lyrics-cue__button[aria-current="true"] { border-color: rgba(255,86,28,.7); background: rgba(255,86,28,.12); color: var(--page-text,#fff); }
.site-context-menu__item[hidden] { display: none !important; }
.site-context-menu__item { min-block-size: 2.25rem; }
.site-context-menu__item[data-context-action="copy-section"] span::after { content: ""; }
.site-nav a, .site-nav button, .site-nav summary { pointer-events: auto !important; }
body.page-faqs .site-nav, body.page-faqs .site-nav__menu { pointer-events: auto !important; }


/* LEGION FINAL GLOBAL SCALE + SCROLL FIX */
html,
body {
  overflow-y: auto !important;
  overflow-x: clip !important;
  block-size: auto !important;
  min-block-size: 100% !important;
}

body,
.site-shell,
.site-frame,
.site-main {
  max-block-size: none !important;
}

.site-main {
  overflow: visible !important;
}

.site-main .page-heading,
.site-main .hero,
.site-main .page-hero,
.site-main .tool-hero,
.site-main .wiki-hero {
  margin-block-end: .75rem !important;
  padding-block: .65rem !important;
}

.site-main .page-heading h1,
.site-main .hero h1,
.site-main .page-hero h1,
.site-main .tool-hero h1,
.site-main .wiki-hero h1,
.site-main h1:first-child {
  font-size: clamp(1.05rem, 1.45vw, 1.5rem) !important;
  line-height: 1.08 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase;
}

.site-main .page-lead,
.site-main .lead,
.site-main .hero__copy > p,
.site-main .page-hero p,
.site-main .tool-hero p,
.site-main .wiki-hero p,
.site-main .section-heading > p {
  font-size: clamp(.84rem, .9vw, .95rem) !important;
  line-height: 1.42 !important;
  max-inline-size: 76rem !important;
}

.site-context-menu__item[hidden],
.site-context-menu__item:disabled {
  display: none !important;
}

.site-context-menu__item {
  min-block-size: 2.35rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .025em;
}

.site-context-menu__item[data-context-action="copy-section"],
.site-context-menu__item[data-context-action="copy-page"] {
  border: 1px solid rgba(210, 13, 13, .38);
  background: linear-gradient(180deg, rgba(160,0,0,.24), rgba(255,86,28,.08));
}

.site-context-menu__item[data-context-action="copy-section"]:hover,
.site-context-menu__item[data-context-action="copy-page"]:hover {
  border-color: rgba(255,86,28,.65);
  background: rgba(255,86,28,.14);
}