/* 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.cvx7,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{min-width:0!important;width:100%!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{transition-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;animation-duration:.001ms!important;} } .gsq13{display:inline-flex;position:relative;} .ddab{box-shadow:0 6px 18px rgba(0,0,0,.2);right:0;top:calc(100% + 8px);display:none;border-radius:14px;position:absolute;background:var(--rta9);min-width:160px;padding:12px;} .ddab[data-gjvn="open"]{display:block} .ddab a{display:flex;color:var(--u1cn);font-weight:700;padding:8px;gap:11px;align-items:center;border-radius:8px;} .ddab 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. */ .nmz6a{left:-9999px;width:1px;height:1px;overflow:hidden;position:absolute;opacity:0;} .ez1tx3{width:100%;left:0;z-index:1500;background:rgba(0,0,0,.55);top:0;height:100%;position:fixed;display:none;opacity:0;transition:.27s;} .nmz6a:checked ~ .ez1tx3{display:block;opacity:1;} .qds839{z-index:2000;flex-direction:column;right:-80vw;padding:0;background:var(--g5i1);height:100vh;position:fixed;width:80vw;overflow-y:auto;transition:.1s cubic-bezier(.4,0,.2,1);top:0;height:100dvh;display:flex;max-width:400px;} .nmz6a:checked ~ .qds839{right:0} @media(max-width:360px){.qds839{width:90vw;right:-90vw;}} .zbx6{flex-shrink:0;align-items:center;border:0;cursor:pointer;transition:.1s;background:0;justify-content:center;width:44px;color:var(--u1cn);height:44px;display:flex;font-size:24px;border-radius:50%;} .zbx6:hover{background:rgba(255,255,255,.1)} .zxcm{display:none} @media(max-width:960px){.zxcm{display:flex}} .mj87t9{flex-direction:column;gap:0;padding:0;margin:0;list-style:none;display:flex;} .mj87t9 li{border-bottom:1px solid rgba(255,255,255,.08)} .mj87t9 li:last-child{border-bottom:none} .mj87t9 a{align-items:center;display:flex;padding:16px 20px;font-weight:700;text-transform:uppercase;justify-content:space-between;font-size:16px;color:var(--u1cn);transition:.19s;letter-spacing:.05em;} .mj87t9 a::after{content:'›';font-size:22px;opacity:.4;} .mj87t9 a:hover,.mj87t9 a:active{background:rgba(255,255,255,.06)} .s8b2zs{padding:0 16px;margin:50px auto;max-width:var(--x31o);} .dtbmd3n{max-width:100%;line-height:1.66;overflow-wrap:break-word;width:100%;} .dtbmd3n h1, .dtbmd3n h2, .dtbmd3n h3, .dtbmd3n h4{margin-bottom:14px;line-height:1.24;font-weight:800;} .dtbmd3n p{font-size:18px;margin-bottom:16px;line-height:1.63;} .dtbmd3n ul, .dtbmd3n ol{list-style-position:outside;padding-left:18px;margin:10px 0 16px 18px;} .dtbmd3n li{line-height:1.62;margin-bottom:8px;} .hh21{max-width:var(--x31o);padding:0 16px;margin:50px auto;} .hh21 a{display:block;cursor:pointer;width:100%;} .hh21 img{width:100%;height:auto;border-radius:var(--gek);} .a95v13{max-width:var(--x31o);padding:0 16px;margin:60px auto;} .xh6wey{margin-bottom:26px;font-weight:800;font-size:clamp(24px,3vw,32px);} .tr2qmg{display:flex;gap:41px;align-items:center;} .a95v13.y908yh .tr2qmg{flex-direction:row-reverse} .t9egwh{flex:0 0 220px;min-width:0;overflow:hidden;width:220px;max-width:220px;} .t9egwh a{cursor:pointer;display:block;} .t9egwh img{height:auto;width:100%;border-radius:var(--gek);display:block;} .s6g9x1{min-width:0;flex:1 1 0%;} @media(max-width:900px){ .tr2qmg, .a95v13.y908yh .tr2qmg{gap:24px;text-align:left;flex-direction:column;} .t9egwh{max-width:280px;width:100%;flex:0 0 auto;} }