/* 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.j4w2,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{max-width:100%!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;display:block!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;animation-iteration-count:1!important;transition-duration:.001ms!important;} } .ds79{display:inline-flex;position:relative;} .kv5af3{right:0;border-radius:13px;background:var(--afn);box-shadow:0 6px 18px rgba(0,0,0,.2);top:calc(100% + 8px);display:none;padding:12px;min-width:160px;position:absolute;} .kv5af3[data-jwgc="open"]{display:block} .kv5af3 a{font-weight:700;display:flex;color:var(--n2e6);border-radius:9px;gap:10px;align-items:center;padding:8px;} .kv5af3 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. */ .g8khqne{position:absolute;height:1px;width:1px;opacity:0;overflow:hidden;left:-9999px;} .c1d4{width:100%;position:fixed;z-index:1500;display:none;left:0;background:rgba(0,0,0,.55);height:100%;opacity:0;top:0;transition:.26s;} .g8khqne:checked ~ .c1d4{display:block;opacity:1;} .brs3ddx{right:-80vw;max-width:400px;flex-direction:column;z-index:2000;top:0;overflow-y:auto;height:100vh;height:100dvh;display:flex;transition:.7s cubic-bezier(.4,0,.2,1);padding:0;background:var(--sv5a);position:fixed;width:80vw;} .g8khqne:checked ~ .brs3ddx{right:0} @media(max-width:360px){.brs3ddx{width:90vw;right:-90vw;}} .wnkbf61{display:flex;transition:.2s;border-radius:50%;cursor:pointer;border:0;height:44px;align-items:center;font-size:24px;width:44px;color:var(--n2e6);background:0;justify-content:center;flex-shrink:0;} .wnkbf61:hover{background:rgba(255,255,255,.1)} .th2gggk{display:none} @media(max-width:960px){.th2gggk{display:flex}} .vqg0wf2{list-style:none;display:flex;gap:0;padding:0;margin:0;flex-direction:column;} .vqg0wf2 li{border-bottom:1px solid rgba(255,255,255,.08)} .vqg0wf2 li:last-child{border-bottom:none} .vqg0wf2 a{transition:.20s;padding:16px 20px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;display:flex;font-size:16px;color:var(--n2e6);align-items:center;} .vqg0wf2 a::after{font-size:22px;content:'›';opacity:.4;} .vqg0wf2 a:hover,.vqg0wf2 a:active{background:rgba(255,255,255,.06)} .wmkvkb{margin:50px auto;max-width:var(--ttqdc);padding:0 16px;} .dycs76s{line-height:1.66;max-width:100%;overflow-wrap:break-word;width:100%;} .dycs76s h1, .dycs76s h2, .dycs76s h3, .dycs76s h4{margin-bottom:14px;font-weight:800;line-height:1.24;} .dycs76s p{font-size:18px;line-height:1.66;margin-bottom:16px;} .dycs76s ul, .dycs76s ol{margin:10px 0 16px 18px;padding-left:18px;list-style-position:outside;} .dycs76s li{line-height:1.61;margin-bottom:8px;} .rpqx{margin:50px auto;max-width:var(--ttqdc);padding:0 16px;} .rpqx a{width:100%;display:block;cursor:pointer;} .rpqx img{width:100%;border-radius:var(--cdhj);height:auto;} .qjz1dx{margin:60px auto;padding:0 16px;max-width:var(--ttqdc);} .aeyfvr{font-weight:800;margin-bottom:26px;font-size:clamp(24px,3vw,32px);} .veb32x{display:flex;align-items:center;gap:39px;} .qjz1dx.tb37 .veb32x{flex-direction:row-reverse} .f578k{overflow:hidden;max-width:220px;flex:0 0 220px;width:220px;min-width:0;} .f578k a{cursor:pointer;display:block;} .f578k img{height:auto;width:100%;display:block;border-radius:var(--cdhj);} .edm4e3{flex:1 1 0%;min-width:0;} @media(max-width:900px){ .veb32x, .qjz1dx.tb37 .veb32x{flex-direction:column;text-align:left;gap:25px;} .f578k{flex:0 0 auto;width:100%;max-width:280px;} }