:root{--frt-bg:#f4f5f9;--frt-ink:#0f172a;--frt-mut:#64748b;--frt-line:#e7e9f0;--frt-ac:#16a34a;--frt-r:22px}
html,body,.site,#wrapper,.content-bg,body.content-style-unboxed .site{background:var(--frt-bg)!important}
body{color:var(--frt-ink)}
#masthead,.site-header{display:none!important}
.frt-hd{position:sticky;top:0;z-index:50;padding:10px 16px;background:var(--frt-bg)}
.admin-bar .frt-hd{top:32px}
.frt-pill{max-width:1200px;margin:0 auto;height:52px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--frt-line);border-radius:999px;padding:0 8px 0 10px;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.frt-brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:17px;color:var(--frt-ink)!important;text-decoration:none!important;white-space:nowrap}
.frt-logo{flex:none}
.frt-nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.frt-nav a,.frt-more-b{display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;font-size:14px;color:#334155!important;text-decoration:none!important;background:none;border:0;cursor:pointer;font-weight:500;line-height:1.2;white-space:nowrap}
.frt-nav a:hover,.frt-more-b:hover{background:#f1f5f9}
.frt-nav a.on{background:#f1f5f9;color:var(--frt-ink)!important;font-weight:600}
.frt-nav i{width:7px;height:7px;border-radius:50%;flex:none}
.frt-more{position:relative}
.frt-more-m{display:none;position:absolute;right:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--frt-line);border-radius:16px;padding:6px;min-width:190px;box-shadow:0 10px 30px rgba(15,23,42,.1)}
.frt-more.open .frt-more-m{display:block}
.frt-burger{display:none;margin-left:auto;width:42px;height:42px;border-radius:50%;border:1px solid var(--frt-line);background:#fff;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:0}
.frt-burger span{display:block;width:18px;height:2px;background:var(--frt-ink);border-radius:2px}
@media(max-width:1023px){
 .frt-burger{display:flex}
 .frt-nav{display:none;position:absolute;left:16px;right:16px;top:66px;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--frt-line);border-radius:20px;padding:8px;box-shadow:0 14px 40px rgba(15,23,42,.14)}
 .frt-nav.open{display:flex}
 .frt-more-b{display:none}.frt-more-m{display:block;position:static;border:0;box-shadow:none;padding:0;min-width:0}
}
/* hero */
.frt-hero{box-sizing:border-box;max-width:1232px;margin:0 auto;padding:6px 16px 24px;min-height:calc(100vh - var(--hf-top,72px));min-height:calc(100svh - var(--hf-top,72px));display:flex;flex-direction:column}
.frt-top{height:52px;display:flex;align-items:center;gap:14px;min-width:0}
.frt-top h1{margin:0;font-size:clamp(22px,2.3vw,30px);line-height:1.15;font-weight:750;letter-spacing:-.02em;white-space:nowrap;flex-shrink:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;color:var(--frt-ink)}
.frt-lead{margin:0;font-size:14px;color:var(--frt-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.frt-bento{--bh:clamp(420px,calc(100svh - var(--hf-top,72px) - 82px),660px);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:14px;height:var(--bh)}
.frt-side{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:14px;min-height:0}
.frt-main,.frt-c{background:#fff;border:1px solid var(--frt-line);border-radius:var(--frt-r);box-shadow:0 1px 3px rgba(15,23,42,.04);box-sizing:border-box;min-width:0}
.frt-main{display:flex;flex-direction:column;padding:16px;min-height:0;overflow:hidden;height:100%}
.frt-c{padding:14px 16px;overflow:hidden;display:flex;flex-direction:column;min-height:0;color:var(--frt-ink);text-decoration:none!important}
.frt-ch{display:flex;align-items:center;gap:9px;margin-bottom:8px}
.frt-t{margin:0!important;font-size:14px;font-weight:650;line-height:1.2}
.frt-ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none}
.frt-pilltag{margin-left:auto;font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px;background:#fee2e2;color:#b91c1c;white-space:nowrap}
.frt-c dl{margin:0;display:flex;flex-direction:column;flex:1;justify-content:space-around}
.frt-c dl div{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px solid #f1f5f9;font-size:13px}
.frt-c dl div:last-child{border:0}
.frt-c dt{color:var(--frt-mut)}.frt-c dd{margin:0;font-weight:650;font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.frt-dark{background:#111827;border-color:#111827;color:#e5e7eb!important}
.frt-dark .frt-t{color:#fff}.frt-dark dt{color:#9ca3af}.frt-dark dl div{border-color:#1f2937}
.frt-dark .frt-pilltag{background:#312e81;color:#c7d2fe}
.frt-mini{flex:1;min-height:60px;width:100%;border-radius:12px}
.frt-go{font-size:12px;color:#a5b4fc;margin-top:8px}
.frt-graph{display:block;width:100%;flex:1;min-height:70px;background:#fafbfc;border-radius:12px}
.frt-keys ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:13px;color:#334155}
kbd{display:inline-block;min-width:22px;text-align:center;font:600 12px ui-monospace,monospace;padding:2px 6px;border:1px solid #cbd5e1;border-bottom-width:2px;border-radius:6px;background:#f8fafc;margin-right:6px}
.frt-ctrl label{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;color:var(--frt-mut);margin:3px 0}
.frt-ctrl select,.frt-sel select{font-size:13px;padding:4px 8px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:var(--frt-ink);max-width:62%}
.frt-chk{justify-content:flex-start!important}
/* ring */
.frt-ring{flex:1;min-height:0;position:relative;display:grid;place-items:center;container-type:size}
.frt-ring svg{width:min(100cqw,100cqh);height:min(100cqw,100cqh);transform:rotate(-90deg)}
.frt-rt{fill:none;stroke:#f1f5f9;stroke-width:10}
.frt-rv{fill:none;stroke:var(--frt-ac);stroke-width:10;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .3s}
.frt-rn{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.frt-rn b{font-size:min(24cqw,24cqh);line-height:1;font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--frt-ink)}
.frt-rn small{font-size:min(6cqw,6cqh);color:var(--frt-mut);font-weight:600;margin-top:4px}
.frt-sub{display:flex;justify-content:center;align-items:center;gap:10px;font-size:13px;color:var(--frt-mut);margin:6px 0 10px;flex-wrap:wrap}
.frt-tag{font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;background:#f1f5f9;color:#475569}
.frt-tag[data-s=ok],.frt-c dd[data-s=ok]{color:#15803d}.frt-tag[data-s=ok]{background:#dcfce7}
.frt-tag[data-s=bad],.frt-c dd[data-s=bad]{color:#b91c1c}.frt-tag[data-s=bad]{background:#fee2e2}
.frt-bar{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;flex:none}
.frt-b{font:600 14px system-ui,sans-serif;padding:9px 16px;border-radius:999px;border:1px solid #d6dae3;background:#fff;color:var(--frt-ink);cursor:pointer;min-height:40px}
.frt-b:hover{background:#f8fafc;border-color:#94a3b8}
.frt-b-p{background:#111827;color:#fff;border-color:#111827}
.frt-sel{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--frt-mut)}
.frt-ghd{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--frt-mut);margin-bottom:10px}
.frt-ghd b{font-size:22px;color:var(--frt-ink);font-variant-numeric:tabular-nums}
.frt-graph-big{margin-bottom:10px}
.frt-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--frt-mut);margin-bottom:10px}
.frt-legend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:5px}
.frt-ufo-card{position:relative;padding:10px}
.frt-ufo{flex:1;min-height:0;width:100%;border-radius:14px;margin-bottom:10px;display:block}
.frt-uhud{position:absolute;right:20px;top:18px;display:flex;gap:10px;font-size:12px;color:#e2e8f0;background:rgba(15,23,42,.6);padding:4px 10px;border-radius:999px}
.frt-main:fullscreen{border-radius:0;height:100vh;max-height:none;border:0}
@media(min-width:768px) and (max-width:1023px){
 .frt-bento{height:auto;grid-template-columns:1fr}
 .frt-main{height:min(640px,calc(100svh - var(--hf-top,72px) - 84px))}
 .frt-side{grid-template-rows:auto auto}.frt-c{min-height:190px}
}
@media(max-width:767px){
 .frt-hd{padding:8px 10px}.frt-pill{height:48px}.frt-brand{font-size:16px}
 .frt-nav{top:58px;left:10px;right:10px}
 .frt-hero{padding:2px 10px 16px}
 .frt-top{height:44px}.frt-top h1{font-size:22px}.frt-lead{display:none}
 .frt-bento{height:auto;grid-template-columns:1fr;gap:10px}
 .frt-main{height:min(600px,calc(100svh - var(--hf-top,64px) - 58px));padding:12px}
 .frt-side{grid-template-columns:1fr;grid-template-rows:none;gap:10px}.frt-c{min-height:150px}
 .frt-b{padding:8px 13px;font-size:13px;min-height:38px}
 .frt-ghd{gap:10px}.frt-ghd b{font-size:18px}
}
/* content */
.frt-sec{max-width:1100px;margin:0 auto;padding:28px 16px}
.frt-sec h2{font-size:clamp(22px,2.6vw,30px);letter-spacing:-.02em;margin:0 0 12px}
.frt-sec h3{font-size:18px;margin:0 0 6px}
.frt-sec p,.frt-sec li{font-size:16px;line-height:1.7;color:#334155}
.frt-box{background:#fff;border:1px solid var(--frt-line);border-radius:var(--frt-r);padding:26px}
.frt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:14px}
.frt-card{background:#fff;border:1px solid var(--frt-line);border-radius:18px;padding:20px}
.frt-card .frt-ic{margin-bottom:10px}
.frt-card p{margin:0;font-size:15px}
.frt-tbl{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;font-size:15px}
.frt-tbl th,.frt-tbl td{padding:10px 12px;border-bottom:1px solid var(--frt-line);text-align:left}
.frt-tbl th{background:#f8fafc}
.frt-faq details{background:#fff;border:1px solid var(--frt-line);border-radius:16px;padding:14px 18px;margin:10px 0}
.frt-faq summary{cursor:pointer;font-weight:650;font-size:16px;list-style-position:outside}
.frt-faq summary h3{display:inline;font-size:16px;margin:0}
.frt-faq details p{margin:10px 0 0}
.frt-rel{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.frt-rel a{background:#fff;border:1px solid var(--frt-line);border-radius:16px;padding:16px;text-decoration:none!important;color:var(--frt-ink)!important;font-weight:600}
.frt-rel a span{display:block;font-weight:400;font-size:14px;color:var(--frt-mut);margin-top:4px}
.frt-text{max-width:820px;margin:0 auto;padding:24px 16px 48px}
.frt-text h1{font-size:clamp(26px,3vw,36px);margin:10px 0 16px}
.frt-form label{display:block;font-weight:600;font-size:14px}
.frt-form input,.frt-form textarea{display:block;width:100%;margin-top:6px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:12px;font:inherit;background:#fff;box-sizing:border-box}
.frt-hp{position:absolute!important;left:-9999px}
.site-footer,.site-footer .site-footer-wrap,.site-middle-footer-wrap,.site-bottom-footer-wrap{background:var(--frt-bg)!important;border:0!important}
.site-footer{border-top:1px solid var(--frt-line)!important}
.content-area{margin-top:0!important;margin-bottom:0!important}
html,body{overflow-x:hidden}
.frt-cmpx{display:block;width:100%;height:380px;border-radius:18px;margin:14px 0}
/* 1.0.1: explicit button states (Kadence button:hover/focus set white text) */
html body .frt-b,html body button.frt-b{background:#fff!important;color:#0f172a!important;border:1px solid #d6dae3!important;box-shadow:none!important;text-shadow:none!important;opacity:1!important}
html body .frt-b:hover,html body button.frt-b:hover{background:#f1f5f9!important;color:#0f172a!important;border-color:#64748b!important}
html body .frt-b:focus,html body button.frt-b:focus{background:#fff!important;color:#0f172a!important}
html body .frt-b:focus-visible{outline:2px solid #2563eb!important;outline-offset:2px}
html body .frt-b:active,html body button.frt-b:active{background:#e2e8f0!important;color:#0f172a!important}
html body .frt-b[data-a="pause"][aria-pressed="true"]{background:#dcfce7!important;color:#14532d!important;border-color:#16a34a!important}
html body .frt-b[data-a="pause"][aria-pressed="true"]:hover,html body .frt-b[data-a="pause"][aria-pressed="true"]:active{background:#bbf7d0!important;color:#14532d!important}
html body .frt-b.frt-b-p,html body .frt-b.frt-b-p:focus{background:#111827!important;color:#fff!important;border-color:#111827!important}
html body .frt-b.frt-b-p:hover,html body .frt-b.frt-b-p:active{background:#334155!important;color:#fff!important;border-color:#334155!important}
html body .frt-hd .frt-more-b,html body .frt-hd .frt-more-b:focus,html body .frt-hd .frt-more-b:active{background:transparent!important;color:#334155!important;box-shadow:none!important}
html body .frt-hd .frt-more-b:hover,html body .frt-hd .frt-nav a:hover,html body .frt-hd .frt-nav a:focus{background:#f1f5f9!important;color:#0f172a!important}
html body .frt-hd .frt-more-b:focus-visible,html body .frt-hd .frt-nav a:focus-visible{outline:2px solid #2563eb!important;outline-offset:1px}
html body .frt-hd .frt-burger,html body .frt-hd .frt-burger:hover,html body .frt-hd .frt-burger:focus,html body .frt-hd .frt-burger:active{background:#fff!important;color:#0f172a!important;border:1px solid #e7e9f0!important;box-shadow:none!important}
html body .frt-hd .frt-burger span{background:#0f172a!important}
html body .frt-sel select,html body .frt-ctrl select,html body .frt-sel select:hover,html body .frt-ctrl select:focus,html body .frt-ctrl select:hover{background:#fff!important;color:#0f172a!important}
/* 1.0.2: full-width header redesign */
html body .frt-hd{padding:0;background:rgba(255,255,255,.96);border-bottom:1px solid #e7e9f0;box-shadow:0 1px 0 rgba(15,23,42,.02);backdrop-filter:saturate(1.4) blur(8px)}
html body .frt-hd .frt-pill{max-width:1232px;height:60px;border:0;border-radius:0;background:transparent;box-shadow:none;padding:0 16px}
html body .frt-brand .frt-logo{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
html body .frt-brand:hover .frt-logo{transform:rotate(-8deg) scale(1.08)}
html body .frt-brand .frt-logo path{stroke-dasharray:40;stroke-dashoffset:0}
html body .frt-brand:hover .frt-logo path{animation:frtDraw .7s ease}
@keyframes frtDraw{from{stroke-dashoffset:40}to{stroke-dashoffset:0}}
html body .frt-hd .frt-nav{gap:4px}
html body .frt-hd .frt-nav a,html body .frt-hd .frt-more-b{position:relative;border-radius:10px;padding:9px 12px;background:transparent!important;color:#334155!important;transition:color .2s,transform .2s}
html body .frt-hd .frt-nav a::before,html body .frt-hd .frt-more-b::before{content:"";position:absolute;inset:0;border-radius:10px;background:#f1f5f9;transform:scale(.85);opacity:0;transition:transform .22s ease,opacity .22s ease;z-index:-1}
html body .frt-hd .frt-nav a::after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:2px;border-radius:2px;background:var(--dc,#16a34a);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
html body .frt-hd .frt-nav a,html body .frt-hd .frt-more-b{isolation:isolate}
html body .frt-hd .frt-nav a:hover,html body .frt-hd .frt-nav a:focus-visible,html body .frt-hd .frt-more-b:hover,html body .frt-hd .frt-more.open .frt-more-b{color:#0f172a!important;transform:translateY(-1px);background:transparent!important}
html body .frt-hd .frt-nav a:hover::before,html body .frt-hd .frt-nav a:focus-visible::before,html body .frt-hd .frt-more-b:hover::before,html body .frt-hd .frt-more.open .frt-more-b::before{transform:scale(1);opacity:1}
html body .frt-hd .frt-nav a:hover::after,html body .frt-hd .frt-nav a.on::after{transform:scaleX(1)}
html body .frt-hd .frt-nav a.on{color:#0f172a!important;font-weight:650;background:transparent!important}
html body .frt-hd .frt-nav i{transition:transform .25s ease,box-shadow .25s}
html body .frt-hd .frt-nav a:hover i{transform:scale(1.5);box-shadow:0 0 0 3px rgba(148,163,184,.25)}
html body .frt-hd .frt-nav a.on i{animation:frtPulse 2s ease-in-out infinite}
@keyframes frtPulse{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.45)}50%{box-shadow:0 0 0 4px rgba(34,197,94,0)}}
html body .frt-hd .frt-more-b svg{transition:transform .25s}
html body .frt-hd .frt-more.open .frt-more-b svg{transform:rotate(180deg)}
@media(min-width:1024px){
 html body .frt-hd .frt-more-m{display:block;visibility:hidden;opacity:0;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility 0s .2s;border-radius:14px}
 html body .frt-hd .frt-more.open .frt-more-m,html body .frt-hd .frt-more:hover .frt-more-m,html body .frt-hd .frt-more:focus-within .frt-more-m{visibility:visible;opacity:1;transform:none;transition:opacity .2s,transform .2s}
 html body .frt-hd .frt-more-m a::after{display:none}
 html body .frt-hd .frt-more-m a:hover{transform:translateX(3px)}
}
@media(max-width:1023px){
 html body .frt-hd .frt-pill{height:56px}
 html body .frt-hd .frt-nav{display:flex;left:12px;right:12px;top:62px;visibility:hidden;opacity:0;transform:translateY(-8px) scale(.98);transform-origin:top right;transition:opacity .22s,transform .22s,visibility 0s .22s}
 html body .frt-hd .frt-nav.open{visibility:visible;opacity:1;transform:none;transition:opacity .22s,transform .22s}
 html body .frt-hd .frt-nav a::after{display:none}
 html body .frt-hd .frt-burger span{transition:transform .25s,opacity .2s}
 html body .frt-hd .frt-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
 html body .frt-hd .frt-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
 html body .frt-hd .frt-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
}
@media(prefers-reduced-motion:reduce){html body .frt-hd *,html body .frt-hd *::before,html body .frt-hd *::after{animation:none!important;transition:none!important}}
/* language switcher */
.frt-lang{position:relative;margin-left:8px;flex:none}
.frt-lang-b{display:flex;align-items:center;gap:5px;height:42px;padding:0 12px;border-radius:999px;border:1px solid var(--frt-line);background:#fff!important;color:#334155!important;font:600 13px/1 system-ui,sans-serif;cursor:pointer;box-shadow:none!important}
.frt-lang-b:hover{background:#f1f5f9!important}
.frt-lang-b:focus-visible{outline:2px solid #2563eb;outline-offset:1px}
.frt-lang-m{display:none;position:absolute;right:0;top:calc(100% + 8px);z-index:60;background:#fff;border:1px solid var(--frt-line);border-radius:16px;padding:6px;min-width:170px;box-shadow:0 10px 30px rgba(15,23,42,.12)}
.frt-lang.open .frt-lang-m{display:block}
.frt-lang-m a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;color:#334155!important;text-decoration:none!important;font-size:14px}
.frt-lang-m a b{font-size:11px;color:#64748b;min-width:20px}
.frt-lang-m a:hover,.frt-lang-m a.on{background:#f1f5f9}
@media(max-width:1023px){.frt-lang{margin-left:auto}.frt-lang+.frt-burger{margin-left:8px}}
@media(max-width:380px){.frt-lang-b{padding:0 9px}.frt-lang-b svg{display:none}}
/* RTL (Arabic) */
html[dir=rtl] .frt-nav{margin-left:0;margin-right:auto}
html[dir=rtl] .frt-more-m,html[dir=rtl] .frt-lang-m{right:auto;left:0}
html[dir=rtl] .frt-lang{margin-left:0;margin-right:8px}
html[dir=rtl] .frt-burger{margin-left:0;margin-right:auto}
@media(max-width:1023px){html[dir=rtl] .frt-lang{margin-right:auto}html[dir=rtl] .frt-lang+.frt-burger{margin-left:0;margin-right:8px}}
html[dir=rtl] .frt-pilltag{margin-left:0;margin-right:auto}
html[dir=rtl] kbd{margin-right:0;margin-left:6px}
html[dir=rtl] .frt-legend i{margin-right:0;margin-left:5px}
html[dir=rtl] .frt-uhud{right:auto;left:20px}
html[dir=rtl] .frt-tbl th,html[dir=rtl] .frt-tbl td{text-align:right}
html[dir=rtl] body .frt-hd .frt-nav a::after{transform-origin:right}
@media(min-width:1024px){html[dir=rtl] body .frt-hd .frt-more-m a:hover{transform:translateX(-3px)}}
@media(max-width:1023px){html[dir=rtl] body .frt-hd .frt-nav{transform-origin:top left}}
html[dir=rtl] .frt-hero canvas,html[dir=rtl] .frt-cmpx{direction:ltr}
html[dir=rtl] .frt-brand{direction:ltr}
html[dir=rtl] .frt-pill{padding:0 10px 0 8px}