/* 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.t8n5az,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;width:100%!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-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important;} } .nqag{position:relative;display:inline-flex;} .nczec{min-width:160px;box-shadow:0 6px 18px rgba(0,0,0,.2);top:calc(100% + 8px);border-radius:14px;display:none;background:var(--pft4);padding:12px;position:absolute;right:0;} .nczec[data-d3vh="open"]{display:block} .nczec a{border-radius:7px;display:flex;padding:8px;align-items:center;color:var(--uyh0);font-weight:700;gap:11px;} .nczec 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. */ .ph1y{left:-9999px;position:absolute;width:1px;overflow:hidden;opacity:0;height:1px;} .j8ae{position:fixed;top:0;display:none;transition:.28s;left:0;opacity:0;width:100%;height:100%;z-index:1500;background:rgba(0,0,0,.55);} .ph1y:checked ~ .j8ae{opacity:1;display:block;} .gwxz7a{overflow-y:auto;right:-80vw;flex-direction:column;padding:0;display:flex;width:80vw;background:var(--srvyv);max-width:400px;z-index:2000;position:fixed;top:0;height:100vh;height:100dvh;transition:.3s cubic-bezier(.4,0,.2,1);} .ph1y:checked ~ .gwxz7a{right:0} @media(max-width:360px){.gwxz7a{width:90vw;right:-90vw;}} .hsw6{align-items:center;border:0;display:flex;background:0;transition:.4s;cursor:pointer;font-size:24px;flex-shrink:0;border-radius:50%;color:var(--uyh0);width:44px;height:44px;justify-content:center;} .hsw6:hover{background:rgba(255,255,255,.1)} .ptkmgn{display:none} @media(max-width:960px){.ptkmgn{display:flex}} .g18tzd{flex-direction:column;padding:0;gap:0;list-style:none;display:flex;margin:0;} .g18tzd li{border-bottom:1px solid rgba(255,255,255,.08)} .g18tzd li:last-child{border-bottom:none} .g18tzd a{justify-content:space-between;font-weight:700;letter-spacing:.05em;color:var(--uyh0);transition:.20s;display:flex;font-size:16px;text-transform:uppercase;padding:16px 20px;align-items:center;} .g18tzd a::after{font-size:22px;content:'›';opacity:.4;} .g18tzd a:hover,.g18tzd a:active{background:rgba(255,255,255,.06)} .snns{max-width:var(--hn4u);padding:0 16px;margin:50px auto;} .d5pp{line-height:1.67;width:100%;max-width:100%;overflow-wrap:break-word;} .d5pp h1, .d5pp h2, .d5pp h3, .d5pp h4{font-weight:800;margin-bottom:14px;line-height:1.27;} .d5pp p{line-height:1.63;font-size:18px;margin-bottom:16px;} .d5pp ul, .d5pp ol{list-style-position:outside;margin:10px 0 16px 18px;padding-left:18px;} .d5pp li{margin-bottom:8px;line-height:1.59;} .p3kf23v{padding:0 16px;margin:50px auto;max-width:var(--hn4u);} .p3kf23v a{cursor:pointer;display:block;width:100%;} .p3kf23v img{border-radius:var(--vzy);height:auto;width:100%;} .cx39yt{max-width:var(--hn4u);margin:60px auto;padding:0 16px;} .vpsyrgm{font-weight:800;margin-bottom:26px;font-size:clamp(24px,3vw,32px);} .dwnpsw{display:flex;align-items:center;gap:41px;} .cx39yt.f1dw .dwnpsw{flex-direction:row-reverse} .e8n5j37{width:220px;max-width:220px;overflow:hidden;min-width:0;flex:0 0 220px;} .e8n5j37 a{display:block;cursor:pointer;} .e8n5j37 img{border-radius:var(--vzy);width:100%;display:block;height:auto;} .xc4k{flex:1 1 0%;min-width:0;} @media(max-width:900px){ .dwnpsw, .cx39yt.f1dw .dwnpsw{text-align:left;flex-direction:column;gap:25px;} .e8n5j37{width:100%;max-width:280px;flex:0 0 auto;} }