/* 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.pkff,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{width:100%!important;min-width:0!important;display:block!important;max-width:100%!important;box-sizing:border-box!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;transition-duration:.001ms!important;scroll-behavior:auto!important;animation-iteration-count:1!important;} } .dfyhj{display:inline-flex;position:relative;} .r8j739{min-width:160px;background:var(--cgo);box-shadow:0 6px 18px rgba(0,0,0,.2);top:calc(100% + 8px);position:absolute;border-radius:14px;padding:12px;display:none;right:0;} .r8j739[data-z967="open"]{display:block} .r8j739 a{display:flex;gap:10px;align-items:center;font-weight:700;padding:8px;color:var(--xo7);border-radius:9px;} .r8j739 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. */ .b4mh{position:absolute;height:1px;overflow:hidden;opacity:0;width:1px;left:-9999px;} .r9jkk2{top:0;position:fixed;width:100%;display:none;height:100%;transition:.26s;z-index:1500;background:rgba(0,0,0,.55);opacity:0;left:0;} .b4mh:checked ~ .r9jkk2{opacity:1;display:block;} .gy8b32{background:var(--cvy1);flex-direction:column;top:0;padding:0;right:-80vw;position:fixed;width:80vw;transition:.5s cubic-bezier(.4,0,.2,1);height:100vh;height:100dvh;overflow-y:auto;max-width:400px;display:flex;z-index:2000;} .b4mh:checked ~ .gy8b32{right:0} @media(max-width:360px){.gy8b32{width:90vw;right:-90vw;}} .p942{flex-shrink:0;font-size:24px;background:0;justify-content:center;width:44px;border:0;display:flex;color:var(--xo7);align-items:center;border-radius:50%;height:44px;cursor:pointer;transition:.1s;} .p942:hover{background:rgba(255,255,255,.1)} .x4f2e0{display:none} @media(max-width:960px){.x4f2e0{display:flex}} .g32fws{gap:0;flex-direction:column;padding:0;display:flex;list-style:none;margin:0;} .g32fws li{border-bottom:1px solid rgba(255,255,255,.08)} .g32fws li:last-child{border-bottom:none} .g32fws a{letter-spacing:.05em;transition:.20s;align-items:center;font-size:16px;padding:16px 20px;text-transform:uppercase;justify-content:space-between;font-weight:700;color:var(--xo7);display:flex;} .g32fws a::after{font-size:22px;content:'›';opacity:.4;} .g32fws a:hover,.g32fws a:active{background:rgba(255,255,255,.06)} .xnwbsc{max-width:var(--g07n);margin:50px auto;padding:0 16px;} .nc4d{line-height:1.67;overflow-wrap:break-word;max-width:100%;width:100%;} .nc4d h1, .nc4d h2, .nc4d h3, .nc4d h4{margin-bottom:14px;font-weight:800;line-height:1.26;} .nc4d p{font-size:18px;margin-bottom:16px;line-height:1.64;} .nc4d ul, .nc4d ol{padding-left:18px;margin:10px 0 16px 18px;list-style-position:outside;} .nc4d li{margin-bottom:8px;line-height:1.62;} .yd0gc{padding:0 16px;margin:50px auto;max-width:var(--g07n);} .yd0gc a{cursor:pointer;width:100%;display:block;} .yd0gc img{height:auto;border-radius:var(--p8du);width:100%;} .bnrgvy{max-width:var(--g07n);margin:60px auto;padding:0 16px;} .c64s{font-size:clamp(24px,3vw,32px);margin-bottom:26px;font-weight:800;} .n370zw{gap:40px;align-items:center;display:flex;} .bnrgvy.gkf6d .n370zw{flex-direction:row-reverse} .jzbg{max-width:220px;overflow:hidden;flex:0 0 220px;min-width:0;width:220px;} .jzbg a{display:block;cursor:pointer;} .jzbg img{border-radius:var(--p8du);width:100%;height:auto;display:block;} .vr1x7r{min-width:0;flex:1 1 0%;} @media(max-width:900px){ .n370zw, .bnrgvy.gkf6d .n370zw{flex-direction:column;gap:24px;text-align:left;} .jzbg{flex:0 0 auto;width:100%;max-width:280px;} }