/* 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.k7t6sj,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{display:block!important;min-width:0!important;box-sizing:border-box!important;max-width:100%!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-iteration-count:1!important;scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important;} } .w9dx87b{position:relative;display:inline-flex;} .dkf6{min-width:160px;box-shadow:0 6px 18px rgba(0,0,0,.2);padding:12px;position:absolute;right:0;top:calc(100% + 8px);background:var(--gfws);border-radius:15px;display:none;} .dkf6[data-r2pa="open"]{display:block} .dkf6 a{gap:11px;display:flex;font-weight:700;align-items:center;padding:8px;border-radius:8px;color:var(--bufcv);} .dkf6 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. */ .vs3a{position:absolute;left:-9999px;opacity:0;width:1px;height:1px;overflow:hidden;} .r34ge{display:none;top:0;opacity:0;height:100%;position:fixed;background:rgba(0,0,0,.55);width:100%;left:0;transition:.24s;z-index:1500;} .vs3a:checked ~ .r34ge{opacity:1;display:block;} .z4rw5{height:100vh;max-width:400px;height:100dvh;right:-80vw;display:flex;z-index:2000;position:fixed;width:80vw;background:var(--j1x);overflow-y:auto;flex-direction:column;transition:.1s cubic-bezier(.4,0,.2,1);padding:0;top:0;} .vs3a:checked ~ .z4rw5{right:0} @media(max-width:360px){.z4rw5{width:90vw;right:-90vw;}} .pyjt{font-size:24px;justify-content:center;cursor:pointer;border-radius:50%;transition:.4s;height:44px;align-items:center;background:0;border:0;display:flex;color:var(--bufcv);width:44px;flex-shrink:0;} .pyjt:hover{background:rgba(255,255,255,.1)} .d9wzar{display:none} @media(max-width:960px){.d9wzar{display:flex}} .j96d{padding:0;gap:0;flex-direction:column;margin:0;display:flex;list-style:none;} .j96d li{border-bottom:1px solid rgba(255,255,255,.08)} .j96d li:last-child{border-bottom:none} .j96d a{color:var(--bufcv);text-transform:uppercase;align-items:center;font-weight:700;padding:16px 20px;display:flex;transition:.17s;letter-spacing:.05em;justify-content:space-between;font-size:16px;} .j96d a::after{opacity:.4;content:'›';font-size:22px;} .j96d a:hover,.j96d a:active{background:rgba(255,255,255,.06)} .g2et{max-width:var(--olw);padding:0 16px;margin:50px auto;} .qf80bmd{width:100%;max-width:100%;overflow-wrap:break-word;line-height:1.66;} .qf80bmd h1, .qf80bmd h2, .qf80bmd h3, .qf80bmd h4{margin-bottom:14px;font-weight:800;line-height:1.24;} .qf80bmd p{margin-bottom:16px;line-height:1.66;font-size:18px;} .qf80bmd ul, .qf80bmd ol{padding-left:18px;margin:10px 0 16px 18px;list-style-position:outside;} .qf80bmd li{margin-bottom:8px;line-height:1.59;} .r0g9{margin:50px auto;max-width:var(--olw);padding:0 16px;} .r0g9 a{width:100%;cursor:pointer;display:block;} .r0g9 img{width:100%;height:auto;border-radius:var(--g1lrm);} .a9v6{margin:60px auto;max-width:var(--olw);padding:0 16px;} .h2bhx{margin-bottom:26px;font-weight:800;font-size:clamp(24px,3vw,32px);} .akgzh9w{gap:41px;align-items:center;display:flex;} .a9v6.zt6b .akgzh9w{flex-direction:row-reverse} .m496{max-width:220px;min-width:0;width:220px;overflow:hidden;flex:0 0 220px;} .m496 a{display:block;cursor:pointer;} .m496 img{display:block;width:100%;height:auto;border-radius:var(--g1lrm);} .pzp1r{min-width:0;flex:1 1 0%;} @media(max-width:900px){ .akgzh9w, .a9v6.zt6b .akgzh9w{flex-direction:column;text-align:left;gap:24px;} .m496{flex:0 0 auto;max-width:280px;width:100%;} }