/* 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.w13y,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{width:100%!important;display:block!important;min-width:0!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-iteration-count:1!important;scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important;} } .sywjg8{position:relative;display:inline-flex;} .kpefr8b{border-radius:13px;box-shadow:0 6px 18px rgba(0,0,0,.2);right:0;background:var(--g5e5);display:none;padding:12px;min-width:160px;top:calc(100% + 8px);position:absolute;} .kpefr8b[data-me3w="open"]{display:block} .kpefr8b a{gap:11px;font-weight:700;align-items:center;border-radius:9px;padding:8px;color:var(--rfa);display:flex;} .kpefr8b 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. */ .mqxkj0{height:1px;left:-9999px;opacity:0;position:absolute;overflow:hidden;width:1px;} .rsj0{width:100%;transition:.28s;opacity:0;background:rgba(0,0,0,.55);left:0;display:none;top:0;position:fixed;z-index:1500;height:100%;} .mqxkj0:checked ~ .rsj0{display:block;opacity:1;} .hnnj{z-index:2000;position:fixed;background:var(--uq8ks);display:flex;width:80vw;right:-80vw;overflow-y:auto;top:0;padding:0;height:100vh;max-width:400px;transition:.8s cubic-bezier(.4,0,.2,1);height:100dvh;flex-direction:column;} .mqxkj0:checked ~ .hnnj{right:0} @media(max-width:360px){.hnnj{width:90vw;right:-90vw;}} .bh19{background:0;display:flex;font-size:24px;border-radius:50%;color:var(--rfa);border:0;height:44px;justify-content:center;width:44px;transition:.1s;align-items:center;cursor:pointer;flex-shrink:0;} .bh19:hover{background:rgba(255,255,255,.1)} .hwpjez{display:none} @media(max-width:960px){.hwpjez{display:flex}} .p465p4{list-style:none;flex-direction:column;margin:0;display:flex;gap:0;padding:0;} .p465p4 li{border-bottom:1px solid rgba(255,255,255,.08)} .p465p4 li:last-child{border-bottom:none} .p465p4 a{align-items:center;justify-content:space-between;text-transform:uppercase;letter-spacing:.05em;font-size:16px;display:flex;color:var(--rfa);padding:16px 20px;transition:.13s;font-weight:700;} .p465p4 a::after{opacity:.4;font-size:22px;content:'›';} .p465p4 a:hover,.p465p4 a:active{background:rgba(255,255,255,.06)} .y5y8v4q{max-width:var(--exq);margin:50px auto;padding:0 16px;} .wkg5{line-height:1.65;max-width:100%;overflow-wrap:break-word;width:100%;} .wkg5 h1, .wkg5 h2, .wkg5 h3, .wkg5 h4{margin-bottom:14px;font-weight:800;line-height:1.23;} .wkg5 p{font-size:18px;margin-bottom:16px;line-height:1.65;} .wkg5 ul, .wkg5 ol{padding-left:18px;margin:10px 0 16px 18px;list-style-position:outside;} .wkg5 li{line-height:1.61;margin-bottom:8px;} .re18{padding:0 16px;max-width:var(--exq);margin:50px auto;} .re18 a{cursor:pointer;width:100%;display:block;} .re18 img{border-radius:var(--mjd);height:auto;width:100%;} .a6r4{padding:0 16px;margin:60px auto;max-width:var(--exq);} .gvk8fr8{font-weight:800;margin-bottom:26px;font-size:clamp(24px,3vw,32px);} .qgek1dy{gap:40px;display:flex;align-items:center;} .a6r4.vs23vx8 .qgek1dy{flex-direction:row-reverse} .pph07ct{flex:0 0 220px;min-width:0;width:220px;overflow:hidden;max-width:220px;} .pph07ct a{cursor:pointer;display:block;} .pph07ct img{height:auto;border-radius:var(--mjd);display:block;width:100%;} .zmwq1{min-width:0;flex:1 1 0%;} @media(max-width:900px){ .qgek1dy, .a6r4.vs23vx8 .qgek1dy{flex-direction:column;gap:24px;text-align:left;} .pph07ct{width:100%;max-width:280px;flex:0 0 auto;} }