/* 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.p8jpr,button,[role="button"],input[type="submit"],input[type="button"],input[type="reset"]{min-height:48px;min-width: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;max-width:100%!important;box-sizing:border-box!important;display:block!important;width:100%!important;} table{overflow-x:hidden!important} } /* Respect prefers-reduced-motion (a11y / WCAG 2.2) */ @media(prefers-reduced-motion:reduce){ *,*::before,*::after{animation-duration:.001ms!important;scroll-behavior:auto!important;transition-duration:.001ms!important;animation-iteration-count:1!important;} } .f4yd{position:relative;display:inline-flex;} .vcrgk{padding:12px;border-radius:15px;box-shadow:0 6px 18px rgba(0,0,0,.2);min-width:160px;background:var(--xqzs5);right:0;position:absolute;display:none;top:calc(100% + 8px);} .vcrgk[data-kxtn="open"]{display:block} .vcrgk a{padding:8px;display:flex;gap:9px;border-radius:8px;align-items:center;font-weight:700;color:var(--lb1c8);} .vcrgk 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. */ .m9spx1{position:absolute;width:1px;height:1px;overflow:hidden;left:-9999px;opacity:0;} .cme4xas{z-index:1500;transition:.30s;display:none;height:100%;left:0;opacity:0;width:100%;background:rgba(0,0,0,.55);top:0;position:fixed;} .m9spx1:checked ~ .cme4xas{opacity:1;display:block;} .m0bfery{position:fixed;max-width:400px;padding:0;display:flex;height:100vh;z-index:2000;background:var(--upvle);overflow-y:auto;width:80vw;top:0;flex-direction:column;right:-80vw;transition:.8s cubic-bezier(.4,0,.2,1);height:100dvh;} .m9spx1:checked ~ .m0bfery{right:0} @media(max-width:360px){.m0bfery{width:90vw;right:-90vw;}} .qcsg{font-size:24px;color:var(--lb1c8);border-radius:50%;cursor:pointer;width:44px;display:flex;transition:.1s;height:44px;flex-shrink:0;background:0;align-items:center;justify-content:center;border:0;} .qcsg:hover{background:rgba(255,255,255,.1)} .zz6s{display:none} @media(max-width:960px){.zz6s{display:flex}} .gqwqj4{padding:0;gap:0;display:flex;flex-direction:column;list-style:none;margin:0;} .gqwqj4 li{border-bottom:1px solid rgba(255,255,255,.08)} .gqwqj4 li:last-child{border-bottom:none} .gqwqj4 a{color:var(--lb1c8);padding:16px 20px;align-items:center;transition:.18s;font-weight:700;font-size:16px;display:flex;text-transform:uppercase;justify-content:space-between;letter-spacing:.05em;} .gqwqj4 a::after{font-size:22px;content:'›';opacity:.4;} .gqwqj4 a:hover,.gqwqj4 a:active{background:rgba(255,255,255,.06)} .wvzvdm{margin:50px auto;padding:0 16px;max-width:var(--b20iw);} .gbxmre{overflow-wrap:break-word;line-height:1.65;max-width:100%;width:100%;} .gbxmre h1, .gbxmre h2, .gbxmre h3, .gbxmre h4{margin-bottom:14px;line-height:1.23;font-weight:800;} .gbxmre p{margin-bottom:16px;line-height:1.66;font-size:18px;} .gbxmre ul, .gbxmre ol{padding-left:18px;list-style-position:outside;margin:10px 0 16px 18px;} .gbxmre li{line-height:1.58;margin-bottom:8px;} .s4p0{max-width:var(--b20iw);padding:0 16px;margin:50px auto;} .s4p0 a{cursor:pointer;display:block;width:100%;} .s4p0 img{width:100%;border-radius:var(--ezwv);height:auto;} .qex97mx{padding:0 16px;max-width:var(--b20iw);margin:60px auto;} .dk7cayy{margin-bottom:26px;font-size:clamp(24px,3vw,32px);font-weight:800;} .qd183{gap:41px;display:flex;align-items:center;} .qex97mx.jhm40gh .qd183{flex-direction:row-reverse} .a7tw{min-width:0;width:220px;overflow:hidden;max-width:220px;flex:0 0 220px;} .a7tw a{cursor:pointer;display:block;} .a7tw img{border-radius:var(--ezwv);height:auto;width:100%;display:block;} .s1m8{min-width:0;flex:1 1 0%;} @media(max-width:900px){ .qd183, .qex97mx.jhm40gh .qd183{text-align:left;gap:24px;flex-direction:column;} .a7tw{flex:0 0 auto;width:100%;max-width:280px;} }