/* مفهوم: «رصدخانهٔ مشاغل» — سردر یک آسمان شب سبز است که هر ستاره‌اش یک شغل است و جایش را علایق هالند تعیین می‌کند؛ هر شغل یک «اثر انگشت» ۱۲قطاعی دارد که از داده‌های O*NET محاسبه شده؛ گزارش هر شغل مثل یک سند رسمی با مهر کد ISCO و O*NET. رنگ و فونت از کیت سایت (فیگمای خانه منابع انسانی)؛ بدنهٔ صفحه روشن و هم‌خوان با سایت است. */
.entry-header .entry-title,h1.entry-title,.page-header .page-title,.elementor-page-title,.wp-block-post-title{display:none!important}
:root{
  --g:#019172;--g-d:#046250;--g-dd:#05493E;--g-l:#DDF3EA;--mint:#EEF6F1;--mint2:#F5FAF7;
  --night:#042E27;--night2:#06392F;--night3:#0B4A3E;--star:#F4EBD0;
  --cream:#FEF9EC;--paper:#FFFDF7;--gold:#C9A84C;--gold-d:#8A6D1F;--gold-l:#F3E7C2;--amber:#D9962B;--amber-l:#FBF0DA;
  --ink:#1E2B27;--text:#34403C;--mute:#66736E;--line:#E7E1CF;--line2:#DCE6E0;--bg:#FFFFFF;--red:#B4473A;--red-l:#F8E6E2;
  --f:"iransans","IRANSans","IRANYekanX",Vazirmatn,Tahoma,sans-serif;
  --f-d:Vazirmatn,"iransans",Tahoma,sans-serif;
  --f-m:Vazirmatn,"iransans",Tahoma,sans-serif;
  --sh:0 1px 2px rgba(5,73,62,.06),0 8px 24px rgba(5,73,62,.07);
  --sh2:0 2px 6px rgba(5,73,62,.08),0 18px 44px rgba(5,73,62,.14);
  --you:#E7B547;
  color-scheme:light;
}
html,body{overflow-x:clip}
body{background:var(--bg)}
#hja{direction:rtl;text-align:right;font-family:var(--f);color:var(--text);background:var(--bg);line-height:1.95;font-size:15px;width:100vw;max-width:100vw;margin-right:calc(50% - 50vw);margin-left:0;position:relative;color-scheme:light}
#hja *,#hja *::before,#hja *::after{box-sizing:border-box}
#hja a{color:inherit;text-decoration:none}
#hja button,#hja input,#hja select{all:unset;box-sizing:border-box;font-family:inherit;color:inherit;line-height:1.6;letter-spacing:normal;text-transform:none;min-height:0;min-width:0;white-space:normal;text-align:inherit}
#hja button,#hja select,#hja summary{cursor:pointer}
#hja button[disabled]{cursor:default;opacity:.5}
#hja input::placeholder{color:#8B958F;opacity:1}
#hja :focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:8px}
#hja [hidden]{display:none!important}
#hja h1,#hja h2,#hja h3,#hja h4,#hja p,#hja ol,#hja ul,#hja dl,#hja dd,#hja figure{margin:0;padding:0}
#hja ul,#hja ol{list-style:none}
#hja h1,#hja h2,#hja h3,#hja h4{font-family:var(--f-d);color:var(--ink);line-height:1.55;font-weight:800;text-wrap:balance;letter-spacing:0}
#hja svg{display:block;max-width:100%}
#hja .w{max-width:1280px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
#hja .eb{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--g)}
#hja .eb::before{content:"";width:22px;height:3px;border-radius:3px;background:var(--gold)}
#hja .h2{font-size:clamp(23px,3vw,32px)}
#hja .lede{color:var(--mute);max-width:70ch}
#hja .sh{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:24px}
#hja .sh>div{display:flex;flex-direction:column;gap:6px;min-width:0}
#hja .sec{padding-block:68px}
#hja .alt-bg{background:var(--mint2);border-block:1px solid var(--line2)}
#hja .mono{font-family:var(--f-m);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;font-weight:700}
#hja,#hja *{font-feature-settings:"tnum" 1}
#hja .en{direction:ltr;unicode-bidi:isolate}
#hja .num{font-variant-numeric:tabular-nums}
#hja .note{font-size:12.5px;color:var(--mute);line-height:1.9}
#hja .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:10px 18px;font-weight:800;font-size:14px;line-height:1.4;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}
#hja .btn.p{background:var(--g);color:#fff}
#hja .btn.p:hover{background:var(--g-d)}
#hja .btn.o{border:1px solid var(--line2);background:#fff;color:var(--g-dd)}
#hja .btn.o:hover{border-color:var(--g);color:var(--g)}
#hja .btn.s{padding:6px 12px;font-size:12.5px;border-radius:10px}
#hja .btn svg{width:17px;height:17px;flex:none}
#hja .chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line2);background:#fff;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700;color:var(--text);transition:border-color .15s,background .15s,color .15s;white-space:nowrap}
#hja .chip:hover{border-color:var(--g);color:var(--g-d)}
#hja .chip[aria-pressed="true"]{background:var(--g-dd);border-color:var(--g-dd);color:#fff}
#hja .chip i{width:9px;height:9px;border-radius:50%;background:var(--fc,var(--g));display:inline-block;flex:none}
#hja .chip small{opacity:.6;font-weight:700}
#hja .seg{display:inline-flex;border:1px solid var(--line2);border-radius:999px;background:#fff;overflow:hidden;flex-wrap:wrap;max-width:100%}
#hja .seg button{padding:4px 12px;font-size:12.5px;font-weight:700;border-left:1px solid var(--line2)}
#hja .seg button:last-child{border-left:0}
#hja .seg button[aria-pressed="true"]{background:var(--g-dd);color:#fff}
#hja .fsel,#hja .inp{border:1px solid var(--line2);border-radius:12px;background:#fff;padding:7px 12px;font-size:13.5px;font-weight:700;max-width:100%;color:var(--ink)}
#hja .fsel{padding-left:32px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23019172' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat left 10px center/14px}
#hja .inp:focus{border-color:var(--g)}
#hja .stamp{font:700 11px var(--f-m);color:var(--fc,var(--g-dd));border:1.5px solid currentColor;border-radius:5px;padding:0 5px;direction:ltr;line-height:1.6;letter-spacing:.04em;white-space:nowrap}
#hja .hc{font:700 11px var(--f-m);background:var(--mint);color:var(--g-dd);border-radius:5px;padding:0 6px;letter-spacing:.12em;direction:ltr;line-height:1.7}
#hja .jzb{display:inline-flex;gap:2px;align-items:center}
#hja .jzb i{width:6px;height:10px;border-radius:2px;background:var(--line2)}
#hja .jzb i.on{background:var(--gold)}
#hja .src{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:800;border-radius:6px;padding:0 7px;line-height:1.9;white-space:nowrap}
#hja .src.on{background:#E6EEF8;color:#2B5A8C}
#hja .src.hh{background:var(--gold-l);color:var(--gold-d)}
#hja .src.es{background:#EFEDF7;color:#5B4E8C}

/* ---------- hero ---------- */
#hja .hero{background:radial-gradient(120% 90% at 20% 30%,var(--night3) 0%,var(--night2) 45%,var(--night) 100%);color:#E9F2EE;position:relative;overflow:hidden;isolation:isolate}
#hja .hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(244,235,208,.12) 1px,transparent 1.3px);background-size:26px 26px;opacity:.5;z-index:-1}
#hja .hero::after{content:"";position:absolute;left:-10%;bottom:-40%;width:60%;height:90%;background:radial-gradient(closest-side,rgba(201,168,76,.18),transparent);z-index:-1}
#hja .hero .w{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:36px;align-items:center;padding-block:56px 44px}
#hja .hero .eb{color:var(--gold)}
#hja .hero h1{font-size:clamp(40px,6.4vw,74px);font-weight:900;line-height:1.15;margin-top:10px;color:#fff}
#hja .hero h1 span{color:var(--gold)}
#hja .hero .sub{font-size:clamp(16px,1.8vw,19px);font-weight:700;color:#DCEAE4;margin-top:14px;line-height:1.9;max-width:44ch}
#hja .hero .intro{color:#A9C3B9;margin-top:10px;max-width:58ch;font-size:14.5px}
#hja .srch{position:relative;margin-top:24px;max-width:600px}
#hja .srch .box{display:flex;align-items:center;gap:10px;background:#fff;border-radius:16px;padding:6px 8px 6px 14px;box-shadow:0 10px 40px rgba(0,0,0,.35);color:var(--ink)}
#hja .srch .box svg{width:20px;height:20px;color:var(--g);flex:none;margin-right:6px}
#hja .srch input{flex:1;font-size:16px;padding:9px 0;min-width:0}
#hja .srch kbd{font-family:var(--f-m);font-size:11px;color:var(--mute);border:1px solid var(--line2);border-radius:6px;padding:1px 6px;direction:ltr}
#hja .sugg{position:absolute;top:calc(100% + 6px);right:0;left:0;background:#fff;border:1px solid var(--line2);border-radius:14px;box-shadow:var(--sh2);z-index:40;overflow:hidden;color:var(--ink);max-height:70vh;overflow-y:auto}
#hja .sugg .gh{font-size:11px;font-weight:800;color:var(--mute);padding:8px 14px 2px;background:var(--paper)}
#hja .sugg button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 14px;border-bottom:1px solid var(--line2)}
#hja .sugg button:hover,#hja .sugg button.on{background:var(--mint)}
#hja .sugg b{font-weight:800;font-size:14.5px}
#hja .sugg span{font-size:11.5px;color:var(--mute);margin-right:auto;white-space:nowrap}
#hja .sugg i{width:8px;height:8px;border-radius:50%;background:var(--fc);flex:none}
#hja .sugg .none{padding:12px 14px;font-size:13.5px;color:var(--mute)}
#hja .pop{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;align-items:center;font-size:12.5px;color:#A9C3B9}
#hja .pop button{border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:2px 11px;color:#E9F2EE;font-weight:700;font-size:12.5px}
#hja .pop button:hover{background:rgba(255,255,255,.1)}
#hja .stats{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:8px 30px;margin-top:28px}
#hja .stats div{display:flex;flex-direction:column;line-height:1.35}
#hja .stats b{font:900 28px var(--f-d);color:#fff;font-variant-numeric:tabular-nums}
#hja .stats span{font-size:12px;color:#A9C3B9}
#hja .sky{position:relative}
#hja .sky .map{width:100%;height:auto;aspect-ratio:640/580;overflow:visible;direction:ltr}
#hja .map .dot{cursor:pointer;transition:opacity .25s;animation:hjaStar .9s ease-out both;transform-box:fill-box;transform-origin:center}
@keyframes hjaStar{from{opacity:.15;transform:scale(.3)}to{opacity:1;transform:none}}
#hja .map .dot:hover,#hja .map .dot.hot{r:7}
#hja .map .dot.dim{opacity:.1}
#hja .map .lbl{font:800 11.5px var(--f-d);fill:#F4EBD0;paint-order:stroke;stroke:var(--night);stroke-width:4px;stroke-linejoin:round;pointer-events:none}
#hja .map .vx text{font:800 13.5px var(--f-d);fill:#DCEAE4}
#hja .map .vx .lt{font:700 15px var(--f-m);fill:var(--night)}
#hja .map .lnk{stroke:var(--gold);stroke-width:1.2;opacity:.75;pointer-events:none}
#hja .map .you{fill:var(--you);stroke:#fff;stroke-width:3}
#hja .tip{position:absolute;pointer-events:none;background:#fff;color:var(--ink);border-radius:12px;padding:7px 11px;font-size:12.5px;line-height:1.6;z-index:5;white-space:nowrap;box-shadow:0 10px 30px rgba(0,0,0,.35);transform:translate(50%,-125%)}
#hja .tip b{display:block;font-size:13.5px}
#hja .tip span{color:var(--mute);font-size:11.5px}
#hja .skycap{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px;color:#A9C3B9;margin-top:4px}
#hja .skycap button{color:var(--gold);font-weight:800;border-bottom:1px dashed}
#hja .legend{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:11.5px;color:#A9C3B9;margin-top:10px}
#hja .legend button{display:inline-flex;align-items:center;gap:5px}
#hja .legend button:hover{color:#fff}
#hja .legend i{width:8px;height:8px;border-radius:50%;background:var(--fc)}

/* ---------- nav ---------- */
#hja .nav{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
body.admin-bar #hja .nav{top:32px}
#hja .nav .w{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding-block:8px}
#hja .nav .w::-webkit-scrollbar{display:none}
#hja .nav a{flex:none;font-size:13.5px;font-weight:700;color:var(--text);padding:6px 12px;border-radius:10px}
#hja .nav a:hover{background:var(--mint);color:var(--g-d)}
#hja .nav a.on{background:var(--g-dd);color:#fff}

/* ---------- ways in ---------- */
#hja .ways{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#hja .way{background:#fff;border:1px solid var(--line2);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:6px;text-align:right;transition:border-color .15s,box-shadow .15s,transform .15s;position:relative;overflow:hidden}
#hja .way:hover{border-color:var(--g);box-shadow:var(--sh);transform:translateY(-2px)}
#hja .way .ic{width:40px;height:40px;border-radius:12px;background:var(--g-l);color:var(--g-dd);display:grid;place-items:center}
#hja .way .ic svg{width:21px;height:21px}
#hja .way b{font:800 15.5px var(--f-d);color:var(--ink)}
#hja .way span{font-size:12.5px;color:var(--mute);line-height:1.8}
#hja .way em{font-style:normal;font:700 11px var(--f-m);color:var(--g);position:absolute;left:14px;top:14px}

/* ---------- explorer ---------- */
#hja .filters{display:flex;flex-direction:column;gap:10px;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:16px}
#hja .frow{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap}
#hja .frow>.fl{flex:none;font-size:12.5px;font-weight:800;color:var(--mute);width:104px;padding-top:4px}
#hja .frow .opts{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:0;align-items:center}
#hja .famgrid{display:flex;flex-wrap:wrap;gap:6px}
#hja .hl{display:inline-flex;align-items:center;gap:6px}
#hja .hl b{font-family:var(--f-m);font-size:12px;width:20px;height:20px;border-radius:6px;background:var(--g-l);color:var(--g-dd);display:inline-grid;place-items:center}
#hja .chip[aria-pressed="true"] .hl b{background:#fff}
#hja .rbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0 12px}
#hja .rbar .cnt{font-size:14px;color:var(--mute)}
#hja .rbar .cnt b{color:var(--ink);font-weight:900}
#hja .rbar .rt{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#hja .linkbtn{font-size:13px;font-weight:800;color:var(--g);border-bottom:1px dashed currentColor}
#hja .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
#hja .card{display:grid;grid-template-columns:60px minmax(0,1fr);gap:4px 12px;align-items:start;background:#fff;border:1px solid var(--line2);border-radius:16px;padding:12px;position:relative;transition:border-color .15s,box-shadow .15s,transform .15s;overflow:hidden}
#hja .card::after{content:"";position:absolute;top:0;bottom:0;right:0;width:3px;background:var(--fc)}
#hja .card:hover{border-color:var(--fc);box-shadow:var(--sh);transform:translateY(-2px)}
#hja .card .fp{grid-row:span 3;width:60px;height:60px}
#hja .card .t{display:flex;flex-direction:column;min-width:0;line-height:1.5}
#hja .card .t b{font:800 15px var(--f-d);color:var(--ink)}
#hja .card .t i{font-style:normal;font-size:11.5px;color:var(--mute);direction:ltr;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hja .card .d{font-size:12.5px;color:var(--mute);line-height:1.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#hja .card .m{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:11px}
#hja .card .full{font-size:10px;font-weight:800;color:var(--gold-d);background:var(--gold-l);border-radius:5px;padding:0 5px;line-height:1.8}
#hja .grid.list{grid-template-columns:1fr;gap:0;border:1px solid var(--line2);border-radius:16px;overflow:hidden}
#hja .grid.list .card{border:0;border-bottom:1px solid var(--line2);border-radius:0;grid-template-columns:38px minmax(0,1.1fr) minmax(0,2fr) auto;align-items:center;padding:8px 14px}
#hja .grid.list .card:hover{transform:none;box-shadow:none;background:var(--mint)}
#hja .grid.list .card .fp{grid-row:auto;width:38px;height:38px}
#hja .grid.list .card .d{-webkit-line-clamp:1}
#hja .more{display:flex;justify-content:center;margin-top:18px}
#hja .empty{padding:40px 20px;text-align:center;color:var(--mute);border:1px dashed var(--line2);border-radius:16px}

/* ---------- descriptor browser ---------- */
#hja .dtabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
#hja .dbx{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}
#hja .dlist{background:#fff;border:1px solid var(--line2);border-radius:18px;padding:8px;max-height:640px;overflow:auto;position:sticky;top:70px}
#hja .dlist h4{font-size:11.5px;color:var(--mute);font-weight:800;padding:10px 8px 4px}
#hja .dlist button{display:flex;justify-content:space-between;gap:8px;width:100%;padding:6px 10px;border-radius:10px;font-size:13.5px;font-weight:700;text-align:right}
#hja .dlist button:hover{background:var(--mint)}
#hja .dlist button[aria-pressed="true"]{background:var(--g-dd);color:#fff}
#hja .dlist button small{font-size:10.5px;opacity:.6;direction:ltr}
#hja .dpanel{background:#fff;border:1px solid var(--line2);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:12px;min-width:0}
#hja .dpanel .dh2{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
#hja .dpanel h3{font-size:21px}
#hja .dpanel .ten{font-size:12.5px;color:var(--mute);direction:ltr;text-align:right}
#hja .dpanel .def{font-size:14.5px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:10px 14px}
#hja .rank{display:flex;flex-direction:column;gap:2px}
#hja .rank button{display:grid;grid-template-columns:26px minmax(0,1.2fr) minmax(0,1fr) 40px;gap:10px;align-items:center;padding:5px 8px;border-radius:10px;text-align:right;font-size:13.5px}
#hja .rank button:hover{background:var(--mint)}
#hja .rank .n{font:700 11px var(--f-m);color:var(--mute);text-align:center}
#hja .rank .nm{font-weight:800;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;gap:6px;align-items:center}
#hja .rank .nm i{width:8px;height:8px;border-radius:50%;background:var(--fc);flex:none}
#hja .rank .v{font:700 12px var(--f-m);color:var(--g-dd);text-align:left}
#hja .bar{height:10px;background:var(--mint);border-radius:6px;position:relative;overflow:visible}
#hja .bar>i{display:block;height:100%;border-radius:6px;background:var(--fc,var(--g))}
#hja .bar>u{position:absolute;top:-3px;bottom:-3px;width:3px;border-radius:2px;background:var(--ink);text-decoration:none}
#hja .techcloud{display:flex;flex-wrap:wrap;gap:6px}
#hja .techcloud button{border:1px solid var(--line2);border-radius:10px;padding:4px 10px;font-size:13px;font-weight:700;background:#fff;direction:ltr;display:inline-flex;gap:6px;align-items:center}
#hja .techcloud button:hover{border-color:var(--g)}
#hja .techcloud button[aria-pressed="true"]{background:var(--g-dd);color:#fff;border-color:var(--g-dd)}
#hja .techcloud button small{font:700 10.5px var(--f-m);opacity:.65}

/* ---------- tools (profiler, transition, compare, game) ---------- */
#hja .two{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:24px;align-items:start}
#hja .panel{background:#fff;border:1px solid var(--line2);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:14px;min-width:0}
#hja .stick{position:sticky;top:70px}
#hja .ipq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#hja .ipi{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line2);border-radius:14px;padding:10px 12px;font-size:14px;line-height:1.8}
#hja .ipi.done{border-color:var(--g-l);background:var(--mint2)}
#hja .ipi .seg{align-self:flex-start}
#hja .ipi .seg button{padding:2px 10px;font-size:12px}
#hja .ipbar{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--mute)}
#hja .ipbar .tr{flex:1;height:6px;background:var(--line2);border-radius:4px;overflow:hidden}
#hja .ipbar .tr i{display:block;height:100%;background:var(--gold);border-radius:4px;transition:width .2s}
#hja .code6{display:flex;align-items:center;gap:16px}
#hja .code6 svg{width:130px;height:120px;flex:none}
#hja .code6 b{font:700 32px var(--f-m);color:var(--g-dd);letter-spacing:.14em;direction:ltr;display:block;line-height:1.3}
#hja .code6 span{font-size:13px;color:var(--mute)}
#hja .rlist{display:flex;flex-direction:column;gap:6px}
#hja .rlist button{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;padding:6px 8px;border-radius:12px;border:1px solid var(--line2);text-align:right;background:#fff}
#hja .rlist button:hover{border-color:var(--g);background:var(--mint)}
#hja .rlist svg{width:36px;height:36px}
#hja .rlist b{font-size:13.5px;font-weight:800;display:block;line-height:1.5;color:var(--ink)}
#hja .rlist small{font-size:11px;color:var(--mute);display:block;line-height:1.6}
#hja .rlist .pc{font:700 13px var(--f-m);color:var(--g);text-align:left}
#hja .gaps{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}
#hja .gaps em{font-style:normal;font-size:10.5px;font-weight:800;background:var(--amber-l);color:#6d4a0c;border-radius:6px;padding:0 6px;line-height:1.8}
#hja .ex{display:inline-flex;font-size:11.5px;font-weight:800;background:var(--amber-l);color:#6d4a0c;border-radius:6px;padding:1px 8px}
#hja .orbit{width:100%;height:auto;aspect-ratio:720/520;max-width:640px;margin-inline:auto;direction:ltr}
#hja .orbit text{font:700 11px var(--f-d);fill:var(--ink);paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}
#hja .orbit .on{cursor:pointer}
#hja .pick{position:relative}
#hja .pick .sugg{top:calc(100% + 4px)}
#hja .pick .inp{width:100%;padding-right:34px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23019172' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat right 10px center/16px}
#hja .cmpsel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#hja .cmpsel label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:800;color:var(--mute)}
#hja .cmpsel label i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-left:6px;vertical-align:middle}
#hja .radar text{font:700 11px var(--f-d);fill:var(--text)}
#hja .tw{overflow-x:auto;max-width:100%;border:1px solid var(--line2);border-radius:16px;background:#fff}
#hja .ctab{width:100%;border-collapse:collapse;font-size:13.5px;min-width:560px}
#hja .ctab th,#hja .ctab td{padding:9px 12px;border-bottom:1px solid var(--line2);text-align:right;vertical-align:top;line-height:1.8}
#hja .ctab th{width:130px;color:var(--mute);font-weight:800;background:var(--paper);font-size:12.5px}
#hja .ctab td+td{border-right:1px solid var(--line2)}
#hja .ctab tr:last-child th,#hja .ctab tr:last-child td{border-bottom:0}
#hja .ctab .sh2{background:var(--g-l);color:var(--g-dd);border-radius:6px;padding:0 6px;font-weight:800;margin:1px;display:inline-block}
#hja .diffs{display:flex;flex-direction:column;gap:6px}
#hja .diffs div{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:center;font-size:13px}
#hja .game{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px;align-items:start}
#hja .gcard{background:radial-gradient(120% 120% at 80% 0%,var(--night3),var(--night));color:#fff;border-radius:22px;padding:24px;position:relative;overflow:hidden;min-height:280px;display:flex;flex-direction:column;gap:16px}
#hja .gcard::after{content:"؟";position:absolute;left:18px;bottom:-50px;font:900 220px var(--f-d);color:rgba(255,255,255,.05);line-height:1}
#hja .gcard .gq{font-size:17.5px;line-height:2.1;position:relative;z-index:1}
#hja .gcard .gl{font-size:12px;color:#A9C3B9;font-weight:800;display:flex;justify-content:space-between;gap:10px}
#hja .gopts{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:relative;z-index:1}
#hja .gopts button{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:10px 12px;font-weight:800;font-size:14.5px;text-align:center}
#hja .gopts button:hover:not([disabled]){background:rgba(255,255,255,.16)}
#hja .gopts button.ok{background:var(--g);border-color:#7ce0bf;opacity:1}
#hja .gopts button.no{background:var(--red);border-color:#e9a59c;opacity:1}
#hja .gopts button[disabled]{opacity:.75}
#hja .gside{background:#fff;border:1px solid var(--line2);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:10px;text-align:center;align-items:center}
#hja .gside .sc{font:900 44px var(--f-d);color:var(--g-dd);font-variant-numeric:tabular-nums;line-height:1.2}
#hja .gside .sc small{font-size:16px;color:var(--mute)}
#hja .gside .fpg{width:120px;height:120px}
#hja .gmsg{font-size:13.5px;min-height:24px;position:relative;z-index:1}
#hja .gmsg button{color:#bff0dd;border-bottom:1px dashed}

/* ---------- guide ---------- */
#hja .ccc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#hja .ccc>div{background:#fff;border:1px solid var(--line2);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:8px}
#hja .ccc .k{font:900 13px var(--f-d);color:var(--gold-d)}
#hja .ccc h3{font-size:17px}
#hja .ccc p{font-size:14px}
#hja .cm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
#hja .cm>div{border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:6px;border:1px solid var(--line2);background:#fff;position:relative}
#hja .cm>div::before{content:"";position:absolute;top:14px;left:14px;width:10px;height:10px;border-radius:3px;background:var(--cc);transform:rotate(45deg)}
#hja .cm h4{font-size:15.5px}
#hja .cm .en2{font-size:11.5px;color:var(--mute);direction:ltr;text-align:right}
#hja .cm ul{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
#hja .cm li{font-size:12px;font-weight:700;background:var(--mint);color:var(--g-dd);border-radius:7px;padding:1px 8px}
#hja .cm .cnt{font:700 11px var(--f-m);color:var(--mute)}
#hja .riasec{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:20px}
#hja .riasec div{background:#fff;border:1px solid var(--line2);border-radius:16px;padding:12px;font-size:13px;line-height:1.85;display:flex;flex-direction:column;gap:4px}
#hja .riasec b{font:700 22px var(--f-m);color:var(--g)}
#hja .riasec h4{font-size:15px}
#hja .riasec button{margin-top:auto;font-size:12px;font-weight:800;color:var(--g);text-align:right}
#hja .zones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px}
#hja .zones div{background:#fff;border:1px solid var(--line2);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:6px;font-size:13px;line-height:1.85}
#hja .zones h4{font-size:15px;display:flex;align-items:center;gap:8px}
#hja .zones dl{display:grid;gap:4px}
#hja .zones dt{font-size:11.5px;font-weight:800;color:var(--gold-d)}
#hja .zones button{margin-top:auto;font-size:12px;font-weight:800;color:var(--g);text-align:right}
#hja .axes{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:24px;align-items:center;margin-top:24px;background:#fff;border:1px solid var(--line2);border-radius:20px;padding:18px}
#hja .axes ol{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;font-size:13px;counter-reset:ax}
#hja .axes li{display:flex;gap:8px;align-items:baseline;line-height:1.8}
#hja .axes li::before{counter-increment:ax;content:counter(ax);font:700 11px var(--f-m);color:var(--g);min-width:16px}
#hja .axes li span{color:var(--mute);font-size:11.5px}
#hja .isco{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:20px}
#hja .isco button{background:#fff;border:1px solid var(--line2);border-radius:14px;padding:10px 12px;text-align:right;display:flex;flex-direction:column;gap:2px;transition:border-color .15s}
#hja .isco button:hover{border-color:var(--g)}
#hja .isco .n{font:700 22px var(--f-m);color:var(--g-dd);line-height:1.2}
#hja .isco .t{font-size:13px;font-weight:800;color:var(--ink);line-height:1.6}
#hja .isco .c{font-size:11.5px;color:var(--mute)}

/* ---------- services / faq ---------- */
#hja .svc{background:var(--cream);border-top:1px solid var(--line)}
#hja .sgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#hja .sv{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:8px}
#hja .sv .ic{width:42px;height:42px;border-radius:12px;background:var(--g-l);color:var(--g-dd);display:grid;place-items:center}
#hja .sv .ic svg{width:22px;height:22px}
#hja .sv h3{font-size:16.5px}
#hja .sv p{font-size:13.5px}
#hja .sv ul{display:flex;flex-direction:column;gap:2px;font-size:12.5px;color:var(--mute);margin-top:auto}
#hja .sv li::before{content:"— ";color:var(--gold)}
#hja .cta{margin-top:20px;background:var(--g-dd);color:#fff;border-radius:20px;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
#hja .cta h3{color:#fff;font-size:19px}
#hja .cta p{font-size:13.5px;opacity:.85}
#hja .cta .ph{display:flex;align-items:center;gap:8px;background:#fff;color:var(--g-dd);border-radius:12px;padding:8px 10px 8px 14px;font-weight:900}
#hja .cta .ph .mono{font-size:17px;user-select:all}
#hja .faq{display:flex;flex-direction:column;gap:8px;max-width:920px}
#hja .faq details{background:#fff;border:1px solid var(--line2);border-radius:14px;padding:0 16px}
#hja .faq summary{list-style:none;padding:12px 0;font-weight:800;color:var(--ink);display:flex;justify-content:space-between;gap:10px}
#hja .faq summary::-webkit-details-marker{display:none}
#hja .faq summary::after{content:"+";font:700 18px var(--f-m);color:var(--g)}
#hja .faq details[open] summary::after{content:"−"}
#hja .faq details p{padding-bottom:14px;font-size:14.5px}
#hja .attr{font-size:12.5px;color:var(--mute);line-height:2;border-top:1px solid var(--line);padding-top:16px;margin-top:30px;display:grid;gap:8px}
#hja .attr .en{direction:ltr;text-align:left;font-size:11.5px}

/* ---------- report ---------- */
#hja .dlg{position:fixed;inset:0;z-index:99999;display:flex;align-items:stretch;justify-content:center;padding:max(14px,env(safe-area-inset-top,0px)) max(14px,env(safe-area-inset-right,0px)) max(14px,env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px))}
#hja .dlg .bk{position:absolute;inset:0;background:rgba(3,26,22,.62);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
#hja .doc{position:relative;width:min(1240px,100%);background:#fff;border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.35);display:flex;flex-direction:column;overflow:hidden;animation:hjaIn .22s ease-out}
@keyframes hjaIn{from{transform:translateY(14px);opacity:.4}to{transform:none;opacity:1}}
#hja .rh{background:linear-gradient(180deg,var(--cream),#fff);border-bottom:1px solid var(--line);padding:16px 22px 14px;position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center}
#hja .rh::before{content:"";position:absolute;top:0;right:0;left:0;height:5px;background:var(--fc)}
#hja .rh .rfp{width:84px;height:84px}
#hja .rh .lab{font-size:12px;color:var(--mute);display:flex;gap:6px 8px;align-items:center;flex-wrap:wrap}
#hja .rh .lab .fam{color:var(--fc);font-weight:800;filter:brightness(.8)}
#hja .rh h2{font-size:clamp(22px,3vw,32px);font-weight:900;line-height:1.35}
#hja .rh .ent{font-size:13px;color:var(--mute);direction:ltr;text-align:right}
#hja .rh .ra{display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:flex-end}
#hja .ib{width:38px;height:38px;border-radius:11px;display:inline-grid;place-items:center;border:1px solid var(--line2);background:#fff;color:var(--g-dd);flex:none}
#hja .ib:hover{border-color:var(--g);color:var(--g)}
#hja .ib svg{width:18px;height:18px}
#hja .rbody{flex:1;overflow:auto;overscroll-behavior:contain;display:grid;grid-template-columns:232px minmax(0,1fr);scroll-behavior:smooth;background:linear-gradient(to left,var(--paper) 232px,var(--line) 232px,var(--line) 233px,#fff 233px)}
#hja .rnav{position:sticky;top:0;align-self:start;padding:18px 14px 18px 10px;display:flex;flex-direction:column;gap:2px;max-height:100%;overflow:auto;counter-reset:rn;scrollbar-width:thin}
#hja .rnav .rt{font-size:11px;font-weight:800;color:var(--mute);padding:0 8px 8px;letter-spacing:.02em}
#hja .rnav a{counter-increment:rn;position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);gap:9px;align-items:center;font-size:13px;font-weight:700;color:var(--text);padding:5px 8px;border-radius:10px;line-height:1.5}
#hja .rnav a::before{content:counter(rn,persian);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;border:1.5px solid var(--line2);font-size:11.5px;font-weight:800;color:var(--mute);position:relative;z-index:1;transition:all .15s}
#hja .rnav a::after{content:"";position:absolute;right:20px;top:-6px;bottom:-6px;width:2px;background:var(--line2);z-index:0}
#hja .rnav a:first-of-type::after{top:50%}
#hja .rnav a:last-child::after{bottom:50%}
#hja .rnav a:hover{background:var(--mint)}
#hja .rnav a.done::before{border-color:var(--fc);color:var(--fc)}
#hja .rnav a.on{background:#fff;color:var(--ink);box-shadow:var(--sh)}
#hja .rnav a.on::before{background:var(--fc);border-color:var(--fc);color:#fff}
#hja .rmain{padding:6px 26px 40px;min-width:0;display:flex;flex-direction:column}
#hja .rs{padding-block:22px;border-bottom:1px dashed var(--line);display:flex;flex-direction:column;gap:12px;scroll-margin-top:8px}
#hja .rs:last-child{border-bottom:0}
#hja .rs>header{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
#hja .rs h3{font-size:18px;display:flex;align-items:center;gap:9px}
#hja .rs h3::before{content:"";width:9px;height:9px;border-radius:2px;background:var(--fc);transform:rotate(45deg);flex:none}
#hja .rs p{line-height:2.05}
#hja .facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#hja .facts div{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
#hja .facts small{font-size:11px;font-weight:800;color:var(--mute)}
#hja .facts b{font-size:14px;color:var(--ink);line-height:1.6}
#hja .lead{font-size:16.5px;color:var(--ink)}
#hja .myth{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#hja .myth div{border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.95}
#hja .myth .x{background:var(--red-l);color:#6c2a22}
#hja .myth .v{background:var(--g-l);color:var(--g-dd)}
#hja .myth b{display:block;font-size:12px;margin-bottom:2px}
#hja .tasks{display:flex;flex-direction:column;gap:6px;counter-reset:tk}
#hja .tasks li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:start;font-size:14.5px;line-height:1.95;padding:8px 10px;border-radius:12px;background:var(--paper);border:1px solid var(--line)}
#hja .tasks li::before{counter-increment:tk;content:counter(tk);font:700 12px var(--f-m);width:26px;height:26px;border-radius:8px;background:#fff;border:1.5px solid var(--fc);color:var(--ink);display:grid;place-items:center;margin-top:2px}
#hja .day{display:flex;flex-direction:column}
#hja .day li{display:grid;grid-template-columns:58px 18px minmax(0,1fr);gap:10px;align-items:start;position:relative;padding-bottom:14px}
#hja .day li .tm{font:700 13px var(--f-m);color:var(--g-dd);padding-top:2px;direction:ltr;text-align:left}
#hja .day li .nd{width:14px;height:14px;border-radius:50%;border:3px solid var(--fc);background:#fff;margin-top:6px;position:relative;z-index:1}
#hja .day li::before{content:"";position:absolute;right:calc(58px + 10px + 6px);top:10px;bottom:-4px;width:2px;background:var(--line2)}
#hja .day li:last-child::before{display:none}
#hja .rows{display:flex;flex-direction:column;gap:2px}
#hja .rows details{border-radius:10px}
#hja .rows details[open]{background:var(--mint2)}
#hja .rows summary{list-style:none;display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr) 40px;gap:12px;align-items:center;padding:6px 8px;border-radius:10px;font-size:13.5px}
#hja .rows summary::-webkit-details-marker{display:none}
#hja .rows summary:hover{background:var(--mint)}
#hja .rows summary b{font-weight:800;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hja .rows summary .v{font:700 12px var(--f-m);color:var(--g-dd);text-align:left}
#hja .rows .dd{padding:0 10px 10px;font-size:13px;color:var(--text);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center}
#hja .rows .dd .en{color:var(--mute);font-size:11.5px}
#hja .rkey{display:flex;gap:12px;flex-wrap:wrap;font-size:11.5px;color:var(--mute);align-items:center}
#hja .rkey i{display:inline-block;width:18px;height:8px;border-radius:4px;background:var(--fc);vertical-align:middle;margin-left:4px}
#hja .rkey u{display:inline-block;width:3px;height:12px;background:var(--ink);vertical-align:middle;margin-left:4px;text-decoration:none}
#hja .tgl{font-size:12.5px;font-weight:800;color:var(--g);align-self:flex-start;border-bottom:1px dashed}
#hja .tags{display:flex;flex-wrap:wrap;gap:6px}
#hja .tag{display:inline-flex;align-items:center;gap:6px;background:var(--mint);color:var(--g-dd);border-radius:8px;padding:3px 10px;font-size:13px;font-weight:700}
#hja .tag.t2{background:var(--amber-l);color:#6d4a0c}
#hja .tag.hot::after{content:"پرکاربرد";font-size:9.5px;font-weight:800;background:var(--gold);color:#fff;border-radius:4px;padding:0 4px;line-height:1.7}
#hja a.tag:hover,#hja button.tag:hover{background:var(--g);color:#fff}
#hja .techg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#hja .techg>div{border:1px solid var(--line2);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}
#hja .techg h4{font-size:12.5px;color:var(--mute);font-weight:800}
#hja .techg .tags .tag{direction:ltr}
#hja .ladder{display:flex;flex-direction:column;gap:6px}
#hja .ladder li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700}
#hja .ladder li span{font:700 12px var(--f-m);width:26px;height:26px;border-radius:8px;display:inline-grid;place-items:center;background:var(--g-l);color:var(--g-dd);flex:none}
#hja .ladder li:last-child span{background:var(--gold);color:#fff}
#hja .ladder li:nth-child(2){padding-right:16px}#hja .ladder li:nth-child(3){padding-right:32px}#hja .ladder li:nth-child(4){padding-right:48px}#hja .ladder li:nth-child(5){padding-right:64px}
#hja .near{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
#hja .near button{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--line2);border-radius:12px;padding:6px 10px;font-size:13.5px;font-weight:700;background:#fff;text-align:right}
#hja .near button:hover{border-color:var(--g)}
#hja .near button svg{width:36px;height:36px}
#hja .near small{font:700 11px var(--f-m);color:var(--g)}
#hja .q3{display:grid;gap:8px}
#hja .q{background:var(--g-dd);color:#fff;border-radius:16px;padding:14px 18px;font-size:15.5px;line-height:2}
#hja .q small{display:block;font-size:11.5px;color:#A9C3B9;font-weight:800}
#hja .riddle{background:var(--cream);border:1px dashed var(--gold);border-radius:16px;padding:14px 16px;font-size:14.5px}
#hja .riddle small{display:block;font-size:12px;color:var(--gold-d);font-weight:800}
#hja .aig{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line2);border-radius:14px;padding:10px 14px;max-width:560px}
#hja .aig svg{width:60px;height:36px;flex:none}
#hja .aig b{display:block;font-size:14px;color:var(--ink)}
#hja .aig span{font-size:12px;color:var(--mute)}
#hja .meters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
#hja .meters div{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:8px 10px;font-size:12px;display:flex;flex-direction:column;gap:6px}
#hja .meters .mb{display:flex;gap:3px}
#hja .meters .mb i{height:7px;flex:1;border-radius:3px;background:var(--line2)}
#hja .meters .mb i.on{background:var(--g)}
#hja .jzcard{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:14px}
#hja .jzcard .big{font:900 40px var(--f-d);color:var(--gold-d);line-height:1;text-align:center}
#hja .jzcard .big small{display:block;font-size:11px;color:var(--mute);font-weight:800}
#hja .jzcard dl{display:grid;grid-template-columns:110px minmax(0,1fr);gap:4px 12px;font-size:13.5px}
#hja .jzcard dt{font-weight:800;color:var(--mute);font-size:12.5px}
#hja .holl{display:grid;grid-template-columns:170px minmax(0,1fr);gap:18px;align-items:center}
#hja .holl .hb{display:flex;flex-direction:column;gap:5px}
#hja .holl .hb div{display:grid;grid-template-columns:96px minmax(0,1fr) 34px;gap:10px;align-items:center;font-size:13px}
#hja .jd{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px;font-size:14px;line-height:2.1;white-space:pre-wrap;max-height:560px;overflow:auto;font-family:var(--f)}
#hja .proxy{background:#EFEDF7;color:#4b3f7a;border-radius:12px;padding:8px 12px;font-size:12.5px}
#hja .rfoot{border-top:1px solid var(--line);background:var(--paper);padding:10px 20px;display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;font-size:12.5px;color:var(--mute)}
#hja .rfoot .nx{display:flex;gap:6px}
#hja .toast{position:fixed;bottom:max(20px,env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);background:var(--g-dd);color:#fff;border-radius:12px;padding:8px 16px;font-size:13.5px;font-weight:700;z-index:100000;box-shadow:var(--sh2)}

@media (max-width:1060px){
  #hja .hero .w{grid-template-columns:1fr;gap:20px}
  #hja .two,#hja .game,#hja .dbx{grid-template-columns:1fr}
  #hja .stick,#hja .dlist{position:static}
  #hja .dlist{max-height:300px}
  #hja .ways{grid-template-columns:repeat(2,minmax(0,1fr))}
  #hja .riasec{grid-template-columns:repeat(3,minmax(0,1fr))}
  #hja .zones,#hja .sgrid,#hja .cm{grid-template-columns:1fr 1fr}
  #hja .isco{grid-template-columns:repeat(2,minmax(0,1fr))}
  #hja .facts{grid-template-columns:1fr 1fr}
  #hja .meters{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){
  #hja .rbody{grid-template-columns:1fr;background:#fff}
  #hja .rnav{position:sticky;top:0;z-index:2;flex-direction:row;background:var(--paper);max-height:none;overflow-y:hidden;overflow-x:auto;border-bottom:1px solid var(--line);padding:8px 10px;gap:4px;scrollbar-width:none}
  #hja .rnav::-webkit-scrollbar{display:none}
  #hja .rnav .rt{display:none}
  #hja .rnav a{flex:none;grid-template-columns:22px auto;gap:6px;padding:4px 10px 4px 6px}
  #hja .rnav a::after{display:none}
  #hja .rnav a::before{width:22px;height:22px}
}
@media (max-width:700px){
  #hja .sec{padding-block:48px}
  #hja .stats{grid-template-columns:repeat(2,auto)}
  #hja .ways,#hja .ccc,#hja .sgrid,#hja .myth,#hja .zones,#hja .cm,#hja .techg,#hja .ipq{grid-template-columns:1fr}
  #hja .riasec{grid-template-columns:1fr 1fr}
  #hja .axes{grid-template-columns:1fr}
  #hja .axes ol{grid-template-columns:1fr}
  #hja .dlg{padding:0}
  #hja .doc{border-radius:0}
  #hja .rh{grid-template-columns:auto minmax(0,1fr);padding:14px 16px 12px}
  #hja .rh .rfp{width:60px;height:60px}
  #hja .rh .ra{grid-column:1/-1;justify-content:flex-start}
  #hja .rmain{padding:4px 16px 30px}
  #hja .rows summary{grid-template-columns:minmax(0,120px) minmax(0,1fr) 34px}
  #hja .holl{grid-template-columns:1fr}
  #hja .gopts{grid-template-columns:1fr}
  #hja .cmpsel{grid-template-columns:1fr}
  #hja .jzcard{grid-template-columns:1fr}
  #hja .jzcard dl{grid-template-columns:1fr}
  #hja .meters{grid-template-columns:1fr 1fr}
  #hja .grid.list .card{grid-template-columns:38px minmax(0,1fr) auto}
  #hja .grid.list .card .d{display:none}
  #hja .frow>.fl{width:100%;padding-top:0}
  #hja .famgrid,#hja #hja-fri{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;margin-inline:-4px;padding-inline:4px}
  #hja .famgrid::-webkit-scrollbar,#hja #hja-fri::-webkit-scrollbar{display:none}
  #hja .rank button{grid-template-columns:22px minmax(0,1fr) 70px 34px}
}
@media (prefers-reduced-motion:reduce){#hja *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* ---------- share ---------- */
#hja .shr{position:relative}
#hja .shp{position:absolute;top:calc(100% + 8px);left:0;z-index:10;background:#fff;border:1px solid var(--line2);border-radius:18px;box-shadow:var(--sh2);padding:14px;width:min(330px,calc(100vw - 40px));display:flex;flex-direction:column;gap:10px}
#hja .shp h4{font-size:13.5px;display:flex;justify-content:space-between;align-items:center}
#hja .shp h4 span{font-size:11.5px;color:var(--mute);font-weight:700}
#hja .shg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#hja .shg a,#hja .shg button{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--text);padding:8px 4px;border-radius:12px;text-align:center}
#hja .shg a:hover,#hja .shg button:hover{background:var(--mint)}
#hja .shg i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--bc);font-style:normal;font-weight:900;font-size:14px}
#hja .shg i svg{width:20px;height:20px}
#hja .shu{display:flex;gap:6px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:6px 6px 6px 10px}
#hja .shu input{flex:1;min-width:0;font-size:12px;direction:ltr;color:var(--mute)}
/* ---------- contact ---------- */
#hja .contact{margin-top:22px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);border-radius:24px;overflow:hidden;box-shadow:var(--sh2);border:1px solid var(--line)}
#hja .ct-a{background:radial-gradient(120% 140% at 100% 0%,var(--night3),var(--night));color:#fff;padding:26px 26px 24px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden}
#hja .ct-a::after{content:"";position:absolute;left:-60px;bottom:-60px;width:220px;height:220px;border-radius:50%;border:30px solid rgba(201,168,76,.12)}
#hja .ct-a .eb{color:var(--gold)}
#hja .ct-a h3{color:#fff;font-size:clamp(20px,2.4vw,25px);line-height:1.6}
#hja .ct-a p{color:#B9D1C7;font-size:14px;max-width:46ch}
#hja .phone{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:12px 14px;align-self:flex-start;position:relative;z-index:1;flex-wrap:wrap}
#hja .phone .pi{width:46px;height:46px;border-radius:14px;background:var(--gold);color:var(--night);display:grid;place-items:center;flex:none}
#hja .phone .pi svg{width:22px;height:22px}
#hja .phone small{display:block;font-size:11.5px;color:#B9D1C7;font-weight:700}
#hja .phone a.num{font:900 26px var(--f-d);color:#fff;letter-spacing:.04em;direction:ltr;display:block;line-height:1.3}
#hja .phone .acts{display:flex;gap:6px}
#hja .phone .acts a,#hja .phone .acts button{border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:5px 11px;font-size:12.5px;font-weight:800;color:#fff}
#hja .phone .acts a:hover,#hja .phone .acts button:hover{background:rgba(255,255,255,.12)}
#hja .ct-b{background:#fff;padding:22px 22px;display:flex;flex-direction:column;gap:12px}
#hja .ct-b h4{font-size:15px}
#hja .ct-b p{font-size:12.5px;color:var(--mute)}
#hja .socials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#hja .socials a{display:flex;align-items:center;gap:10px;border:1px solid var(--line2);border-radius:14px;padding:8px 10px;transition:border-color .15s,transform .15s,box-shadow .15s}
#hja .socials a:hover{border-color:var(--bc);transform:translateY(-2px);box-shadow:var(--sh)}
#hja .socials i{width:36px;height:36px;border-radius:11px;background:var(--bc);color:#fff;display:grid;place-items:center;flex:none;font-style:normal;font-weight:900;font-size:13px}
#hja .socials i svg{width:19px;height:19px}
#hja .socials b{display:block;font-size:13.5px;color:var(--ink);line-height:1.5}
#hja .socials span{display:block;font-size:11px;color:var(--mute);direction:ltr;text-align:right;line-height:1.5}
@media (max-width:860px){#hja .contact{grid-template-columns:1fr}}
@media (max-width:420px){#hja .socials{grid-template-columns:1fr}#hja .phone a.num{font-size:22px}}
@media (max-width:760px){
  #hja .shp{position:fixed;left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));bottom:max(12px,env(safe-area-inset-bottom,0px));top:auto;width:auto;z-index:100001}
  #hja .rmain{padding-top:20px}
  #hja .holl svg{max-width:220px;margin-inline:auto}
}
#hja .socials a:last-child:nth-child(odd){grid-column:1/-1}
#hja .socials span>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hja .socials a>span{min-width:0}
#hja .socials i span,#hja .shg i span{color:#fff}