/* 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.j2g3,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{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;display:block!important;} table{overflow-x:hidden!important} } /* Respect prefers-reduced-motion (a11y / WCAG 2.2) */ @media(prefers-reduced-motion:reduce){ *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-iteration-count:1!important;animation-duration:.001ms!important;} } .kd5k{position:relative;display:inline-flex;} .f56dhf{background:var(--ia5);top:calc(100% + 8px);display:none;box-shadow:0 6px 18px rgba(0,0,0,.2);right:0;padding:12px;border-radius:15px;position:absolute;min-width:160px;} .f56dhf[data-aj2h="open"]{display:block} .f56dhf a{align-items:center;color:var(--q3erc);padding:8px;font-weight:700;border-radius:8px;display:flex;gap:11px;} .f56dhf 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. */ .rywv4{position:absolute;height:1px;width:1px;opacity:0;left:-9999px;overflow:hidden;} .r0xfsx{width:100%;transition:.30s;height:100%;opacity:0;z-index:1500;left:0;background:rgba(0,0,0,.55);display:none;position:fixed;top:0;} .rywv4:checked ~ .r0xfsx{opacity:1;display:block;} .epb5rb{top:0;position:fixed;height:100dvh;right:-80vw;background:var(--o10);flex-direction:column;max-width:400px;z-index:2000;height:100vh;padding:0;overflow-y:auto;transition:.1s cubic-bezier(.4,0,.2,1);display:flex;width:80vw;} .rywv4:checked ~ .epb5rb{right:0} @media(max-width:360px){.epb5rb{width:90vw;right:-90vw;}} .p5m3{display:flex;border-radius:50%;width:44px;height:44px;border:0;align-items:center;justify-content:center;transition:.3s;color:var(--q3erc);cursor:pointer;background:0;flex-shrink:0;font-size:24px;} .p5m3:hover{background:rgba(255,255,255,.1)} .jr75c{display:none} @media(max-width:960px){.jr75c{display:flex}} .ydn2m5{display:flex;padding:0;margin:0;list-style:none;gap:0;flex-direction:column;} .ydn2m5 li{border-bottom:1px solid rgba(255,255,255,.08)} .ydn2m5 li:last-child{border-bottom:none} .ydn2m5 a{align-items:center;text-transform:uppercase;display:flex;justify-content:space-between;color:var(--q3erc);transition:.19s;font-size:16px;font-weight:700;padding:16px 20px;letter-spacing:.05em;} .ydn2m5 a::after{opacity:.4;font-size:22px;content:'›';} .ydn2m5 a:hover,.ydn2m5 a:active{background:rgba(255,255,255,.06)} .pbdpmj5{margin:50px auto;padding:0 16px;max-width:var(--ovc);} .etda7q{overflow-wrap:break-word;max-width:100%;line-height:1.66;width:100%;} .etda7q h1, .etda7q h2, .etda7q h3, .etda7q h4{line-height:1.25;margin-bottom:14px;font-weight:800;} .etda7q p{font-size:18px;line-height:1.66;margin-bottom:16px;} .etda7q ul, .etda7q ol{list-style-position:outside;margin:10px 0 16px 18px;padding-left:18px;} .etda7q li{line-height:1.60;margin-bottom:8px;} .gvew1{margin:50px auto;padding:0 16px;max-width:var(--ovc);} .gvew1 a{width:100%;display:block;cursor:pointer;} .gvew1 img{width:100%;height:auto;border-radius:var(--ywa0x);} .qnx71k1{padding:0 16px;max-width:var(--ovc);margin:60px auto;} .nf06843{font-weight:800;margin-bottom:26px;font-size:clamp(24px,3vw,32px);} .zxv9p73{align-items:center;gap:40px;display:flex;} .qnx71k1.nvnb .zxv9p73{flex-direction:row-reverse} .gpwbqa7{max-width:220px;width:220px;overflow:hidden;min-width:0;flex:0 0 220px;} .gpwbqa7 a{display:block;cursor:pointer;} .gpwbqa7 img{border-radius:var(--ywa0x);display:block;height:auto;width:100%;} .yxhzv{flex:1 1 0%;min-width:0;} @media(max-width:900px){ .zxv9p73, .qnx71k1.nvnb .zxv9p73{flex-direction:column;text-align:left;gap:25px;} .gpwbqa7{max-width:280px;width:100%;flex:0 0 auto;} }