/* style.css — non-critical, lazy-loaded.
   Loaded async via <link rel="preload" as="style" onload="this.rel='stylesheet'">
   in head.php. Above-the-fold rules live in critical.css (inlined into <head>).

   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.bxy0,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;box-sizing:border-box!important;min-width:0!important;max-width:100%!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-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;}
}

.kcrhe{display:inline-flex;position:relative;}
.hyychks{border-radius:13px;right:0;top:calc(100% + 8px);background:var(--zs5ez);box-shadow:0 6px 18px rgba(0,0,0,.2);position:absolute;min-width:160px;padding:12px;display:none;}
.hyychks[data-r31k="open"]{display:block}
.hyychks a{display:flex;padding:8px;font-weight:700;color:var(--ae1mc);align-items:center;border-radius:7px;gap:11px;}
.hyychks a:hover{background:rgba(255,255,255,.1)}

/* #18: Pure-CSS hamburger toggle. Checkbox at <body> root drives state via
   sibling selector. No JS needed for open/close/overlay/escape. */
.yg3t9x{overflow:hidden;opacity:0;position:absolute;width:1px;height:1px;left:-9999px;}

.gqxq1{left:0;height:100%;display:none;background:rgba(0,0,0,.55);z-index:1500;width:100%;position:fixed;opacity:0;top:0;transition:.24s;}
.yg3t9x:checked ~ .gqxq1{opacity:1;display:block;}

.w9wr{flex-direction:column;max-width:400px;top:0;width:80vw;display:flex;position:fixed;transition:.2s cubic-bezier(.4,0,.2,1);right:-80vw;overflow-y:auto;height:100dvh;background:var(--j9i7);z-index:2000;padding:0;height:100vh;}
.yg3t9x:checked ~ .w9wr{right:0}
@media(max-width:360px){.w9wr{width:90vw;right:-90vw;}}

.sf09mn8{font-size:24px;align-items:center;flex-shrink:0;color:var(--ae1mc);border-radius:50%;transition:.1s;height:44px;justify-content:center;display:flex;width:44px;border:0;cursor:pointer;background:0;}
.sf09mn8:hover{background:rgba(255,255,255,.1)}

.k6rzk7{display:none}
@media(max-width:960px){.k6rzk7{display:flex}}

.mn2eem{margin:0;display:flex;padding:0;list-style:none;gap:0;flex-direction:column;}
.mn2eem li{border-bottom:1px solid rgba(255,255,255,.08)}
.mn2eem li:last-child{border-bottom:none}
.mn2eem a{font-weight:700;color:var(--ae1mc);padding:16px 20px;text-transform:uppercase;font-size:16px;letter-spacing:.05em;justify-content:space-between;align-items:center;display:flex;transition:.17s;}
.mn2eem a::after{font-size:22px;content:'›';opacity:.4;}
.mn2eem a:hover,.mn2eem a:active{background:rgba(255,255,255,.06)}

.bs8t{margin:50px auto;padding:0 16px;max-width:var(--zmiy);}
.bhgxn4{width:100%;overflow-wrap:break-word;max-width:100%;line-height:1.67;}
.bhgxn4 h1,
.bhgxn4 h2,
.bhgxn4 h3,
.bhgxn4 h4{margin-bottom:14px;font-weight:800;line-height:1.23;}
.bhgxn4 p{line-height:1.67;font-size:18px;margin-bottom:16px;}
.bhgxn4 ul,
.bhgxn4 ol{padding-left:18px;margin:10px 0 16px 18px;list-style-position:outside;}
.bhgxn4 li{line-height:1.61;margin-bottom:8px;}

.bxws{margin:50px auto;padding:0 16px;max-width:var(--zmiy);}
.bxws a{display:block;cursor:pointer;width:100%;}
.bxws img{border-radius:var(--vw71);width:100%;height:auto;}

.phf11fn{max-width:var(--zmiy);margin:60px auto;padding:0 16px;}
.ajcak{font-weight:800;font-size:clamp(24px,3vw,32px);margin-bottom:26px;}
.j8fr4p{align-items:center;gap:40px;display:flex;}
.phf11fn.eh465cr .j8fr4p{flex-direction:row-reverse}
.kmzvn{max-width:220px;min-width:0;flex:0 0 220px;overflow:hidden;width:220px;}
.kmzvn a{display:block;cursor:pointer;}
.kmzvn img{width:100%;border-radius:var(--vw71);display:block;height:auto;}
.bkr0{min-width:0;flex:1 1 0%;}
@media(max-width:900px){
.j8fr4p,
.phf11fn.eh465cr .j8fr4p{text-align:left;flex-direction:column;gap:23px;}
.kmzvn{flex:0 0 auto;width:100%;max-width:280px;}
}
