/* 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.af2rmqa,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;display:block!important;min-width:0!important;width:100%!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;scroll-behavior:auto!important;animation-iteration-count:1!important;animation-duration:.001ms!important;} } .twa8p{position:relative;display:inline-flex;} .eqa9x{right:0;display:none;box-shadow:0 6px 18px rgba(0,0,0,.2);background:var(--irrem);border-radius:14px;top:calc(100% + 8px);padding:12px;min-width:160px;position:absolute;} .eqa9x[data-ptz1="open"]{display:block} .eqa9x a{display:flex;gap:10px;font-weight:700;border-radius:9px;align-items:center;padding:8px;color:var(--db1);} .eqa9x 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. */ .xv95tay{height:1px;left:-9999px;opacity:0;width:1px;position:absolute;overflow:hidden;} .qcap9v{height:100%;top:0;left:0;position:fixed;z-index:1500;transition:.29s;display:none;opacity:0;width:100%;background:rgba(0,0,0,.55);} .xv95tay:checked ~ .qcap9v{opacity:1;display:block;} .fyzkx{height:100dvh;background:var(--pvze);max-width:400px;overflow-y:auto;display:flex;padding:0;flex-direction:column;right:-80vw;width:80vw;height:100vh;top:0;z-index:2000;transition:.7s cubic-bezier(.4,0,.2,1);position:fixed;} .xv95tay:checked ~ .fyzkx{right:0} @media(max-width:360px){.fyzkx{right:-90vw;width:90vw;}} .q174{display:flex;border:0;cursor:pointer;border-radius:50%;background:0;font-size:24px;align-items:center;flex-shrink:0;transition:.6s;height:44px;justify-content:center;width:44px;color:var(--db1);} .q174:hover{background:rgba(255,255,255,.1)} .hd9krm{display:none} @media(max-width:960px){.hd9krm{display:flex}} .cbebf{gap:0;padding:0;flex-direction:column;list-style:none;display:flex;margin:0;} .cbebf li{border-bottom:1px solid rgba(255,255,255,.08)} .cbebf li:last-child{border-bottom:none} .cbebf a{padding:16px 20px;align-items:center;font-size:16px;transition:.17s;font-weight:700;letter-spacing:.05em;display:flex;justify-content:space-between;text-transform:uppercase;color:var(--db1);} .cbebf a::after{font-size:22px;opacity:.4;content:'›';} .cbebf a:hover,.cbebf a:active{background:rgba(255,255,255,.06)} .axd5hp{max-width:var(--jdw);margin:50px auto;padding:0 16px;} .qmdfs{overflow-wrap:break-word;max-width:100%;width:100%;line-height:1.67;} .qmdfs h1, .qmdfs h2, .qmdfs h3, .qmdfs h4{line-height:1.23;margin-bottom:14px;font-weight:800;} .qmdfs p{font-size:18px;margin-bottom:16px;line-height:1.65;} .qmdfs ul, .qmdfs ol{padding-left:18px;list-style-position:outside;margin:10px 0 16px 18px;} .qmdfs li{margin-bottom:8px;line-height:1.61;} .h314{padding:0 16px;max-width:var(--jdw);margin:50px auto;} .h314 a{display:block;width:100%;cursor:pointer;} .h314 img{height:auto;width:100%;border-radius:var(--m9v2);} .ec8pjjy{margin:60px auto;padding:0 16px;max-width:var(--jdw);} .e2c7{margin-bottom:26px;font-size:clamp(24px,3vw,32px);font-weight:800;} .erz7p{align-items:center;display:flex;gap:40px;} .ec8pjjy.rp1qw2 .erz7p{flex-direction:row-reverse} .brh3jj{width:220px;min-width:0;overflow:hidden;max-width:220px;flex:0 0 220px;} .brh3jj a{cursor:pointer;display:block;} .brh3jj img{border-radius:var(--m9v2);width:100%;height:auto;display:block;} .tkgnj{min-width:0;flex:1 1 0%;} @media(max-width:900px){ .erz7p, .ec8pjjy.rp1qw2 .erz7p{gap:23px;flex-direction:column;text-align:left;} .brh3jj{width:100%;max-width:280px;flex:0 0 auto;} }