/* style.css — non-critical, lazy-loaded. Loaded async via in head.php. Above-the-fold rules live in critical.css (inlined into ). Both files transformed by CssTransform per-site (class names, var names, color masking, micro-pixel shifts). */ /* Mobile tap targets ≥48×48px (Google mobile-friendly ranking signal). Mobile-only to avoid breaking inline paragraph links. */ @media(max-width:960px){ a.rs0n5,button,[role="button"],input[type="submit"],input[type="button"],input[type="reset"]{min-width:48px;min-height:48px;} } /* Force all tables to fit mobile viewport — overrides user inline CSS min-width */ @media(max-width:700px){ table,thead,tbody,tr,th,td{min-width:0!important;display:block!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;} table{overflow-x:hidden!important} } /* Respect prefers-reduced-motion (a11y / WCAG 2.2) */ @media(prefers-reduced-motion:reduce){ *,*::before,*::after{animation-iteration-count:1!important;animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important;} } .bz28xn{position:relative;display:inline-flex;} .vx1j{background:var(--j2iq1);min-width:160px;right:0;padding:12px;top:calc(100% + 8px);display:none;position:absolute;border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.2);} .vx1j[data-k609="open"]{display:block} .vx1j a{font-weight:700;padding:8px;border-radius:7px;gap:9px;color:var(--mpxm);align-items:center;display:flex;} .vx1j a:hover{background:rgba(255,255,255,.1)} /* #18: Pure-CSS hamburger toggle. Checkbox at root drives state via sibling selector. No JS needed for open/close/overlay/escape. */ .nrm18{position:absolute;overflow:hidden;width:1px;opacity:0;left:-9999px;height:1px;} .pm3k{opacity:0;top:0;transition:.30s;left:0;z-index:1500;background:rgba(0,0,0,.55);display:none;position:fixed;width:100%;height:100%;} .nrm18:checked ~ .pm3k{display:block;opacity:1;} .w04s{right:-80vw;flex-direction:column;width:80vw;background:var(--mgf);height:100vh;height:100dvh;top:0;display:flex;max-width:400px;overflow-y:auto;transition:.3s cubic-bezier(.4,0,.2,1);padding:0;position:fixed;z-index:2000;} .nrm18:checked ~ .w04s{right:0} @media(max-width:360px){.w04s{right:-90vw;width:90vw;}} .p27a{cursor:pointer;justify-content:center;font-size:24px;border-radius:50%;border:0;display:flex;background:0;align-items:center;transition:.1s;height:44px;flex-shrink:0;color:var(--mpxm);width:44px;} .p27a:hover{background:rgba(255,255,255,.1)} .p7tn{display:none} @media(max-width:960px){.p7tn{display:flex}} .qbce{gap:0;padding:0;display:flex;margin:0;flex-direction:column;list-style:none;} .qbce li{border-bottom:1px solid rgba(255,255,255,.08)} .qbce li:last-child{border-bottom:none} .qbce a{text-transform:uppercase;color:var(--mpxm);font-weight:700;align-items:center;display:flex;padding:16px 20px;justify-content:space-between;font-size:16px;letter-spacing:.05em;transition:.19s;} .qbce a::after{content:'›';opacity:.4;font-size:22px;} .qbce a:hover,.qbce a:active{background:rgba(255,255,255,.06)} .ve6xp7{max-width:var(--o3ag);margin:50px auto;padding:0 16px;} .qsmwk{line-height:1.67;max-width:100%;width:100%;overflow-wrap:break-word;} .qsmwk h1, .qsmwk h2, .qsmwk h3, .qsmwk h4{font-weight:800;margin-bottom:14px;line-height:1.27;} .qsmwk p{margin-bottom:16px;line-height:1.66;font-size:18px;} .qsmwk ul, .qsmwk ol{margin:10px 0 16px 18px;padding-left:18px;list-style-position:outside;} .qsmwk li{line-height:1.62;margin-bottom:8px;} .n96t05{max-width:var(--o3ag);margin:50px auto;padding:0 16px;} .n96t05 a{cursor:pointer;width:100%;display:block;} .n96t05 img{height:auto;border-radius:var(--ys8);width:100%;} .grs2mc{padding:0 16px;margin:60px auto;max-width:var(--o3ag);} .r6f0{margin-bottom:26px;font-weight:800;font-size:clamp(24px,3vw,32px);} .bajnb{gap:39px;display:flex;align-items:center;} .grs2mc.pdzf .bajnb{flex-direction:row-reverse} .dtnt1{overflow:hidden;width:220px;max-width:220px;min-width:0;flex:0 0 220px;} .dtnt1 a{cursor:pointer;display:block;} .dtnt1 img{width:100%;border-radius:var(--ys8);height:auto;display:block;} .x305xg4{min-width:0;flex:1 1 0%;} @media(max-width:900px){ .bajnb, .grs2mc.pdzf .bajnb{text-align:left;flex-direction:column;gap:24px;} .dtnt1{width:100%;max-width:280px;flex:0 0 auto;} }