/* ==========================================================================
   شبکهٔ توزیع  —  /network/
   شورت‌کد: [hug_network]
   همهٔ قاعده‌ها زیر .hug-scope.hug-network اسکوپ شده‌اند؛ با استایل آسترا تداخل ندارند.
   font-family عمداً تعریف نشده تا فونت از سفارشی‌سازی آسترا ارث برسد.
   ========================================================================== */

/* ── تنظیمات محلی ───────────────────────────────────────────────────── */
.hug-scope.hug-network{
  /* آفست اسکرول برای هدر چسبانِ وردپرس — با ارتفاع هدر خودتان تنظیم کنید */
  --hug-anchor-offset: 110px;
  /* علامتِ جهت: جابه‌جایی‌های افقی در چپ‌چین آینه می‌شوند */
  --hug-dx: 1;
}
.hug-scope.hug-network.hug-ltr{ --hug-dx: -1; }
.hug-scope.hug-network [id]{scroll-margin-top:var(--hug-anchor-offset)}

/* اگر برگه را «تمام‌عرض / Stretched» نکردید و نوارهای رنگی بریده می‌شوند،
   کامنت سه خط زیر را بردارید. (اول تنظیم آسترا را امتحان کنید؛ بهتر است.)
.hug-scope.hug-network{
  margin-inline: calc(50% - 50vw); width: 100vw; max-width: 100vw;
} */

.hug-scope.hug-network{--accent:#F59E1B; --accent-hi:#FFB84D; --accent-soft:#FEF6E9; --accent-ink:#B45309;
  --ink:#2E3D5C; --ink-soft:#41527A; --ink-deep:#22304A;
  --bg:#F7F8FA; --surface:#FFFFFF; --surface-2:#EEF1F5; --line:#E2E6EC;
  --text:#22304A; --muted:#6B7280; --on-dark:#F3F6FA;
  --r-card:12px; --r-btn:8px; --r-pill:999px;
  --shadow-md:0 8px 24px rgba(30,42,56,.10);
  --focus:0 0 0 3px rgba(245,158,11,.45);
  --dur-fast:160ms; --dur-base:220ms; --dur-mod:360ms;
  --ease-out:cubic-bezier(.16,.84,.44,1);
  --maxw:1280px; --pad-x:80px; --gutter:24px; --measure:66ch;
  /* ---- نگاشت به توکن‌های مؤلفهٔ نقشه (hug-map.css موجود) ---- */
  --hug-ink:var(--ink); --hug-ink-soft:var(--ink-soft); --hug-ink-deep:var(--ink-deep);
  --hug-accent:var(--accent); --hug-accent-hi:var(--accent-hi); --hug-accent-ink:var(--accent-ink);
  --hug-accent-soft:var(--accent-soft); --hug-bg:var(--bg); --hug-surface:var(--surface);
  --hug-line:var(--line); --hug-muted:var(--muted); --hug-r-card:var(--r-card);
  --hug-focus:var(--focus); --hug-dur:var(--dur-fast); --hug-ease:var(--ease-out);
  --hug-map-idle:#DFE4EB; --hug-map-next:#C3CCD9; --hug-map-stroke:#FFFFFF;}
@media (max-width:768px){
.hug-scope.hug-network{--pad-x:24px;}
}
.hug-scope.hug-network, .hug-scope.hug-network *{box-sizing:border-box; margin:0; padding:0}
html{scroll-behavior:smooth}
.hug-scope.hug-network{background:var(--bg); color:var(--text); line-height:1.6; -webkit-font-smoothing:antialiased}
.hug-scope.hug-network .wrap{max-width:var(--maxw); margin-inline:auto; padding-inline:var(--pad-x)}
.hug-scope.hug-network section{padding-block:96px}
@media (max-width:768px){
.hug-scope.hug-network section{padding-block:60px}
}
.hug-scope.hug-network h1, .hug-scope.hug-network h2, .hug-scope.hug-network h3{line-height:1.15; color:var(--ink); font-weight:700}
.hug-scope.hug-network h2{font-size:clamp(25px,3vw,31px); font-weight:600}
.hug-scope.hug-network h3{font-size:20px; font-weight:600}
.hug-scope.hug-network .overline{color:var(--accent-ink); font-size:13px; font-weight:600; letter-spacing:.06em; margin-bottom:12px}
.hug-scope.hug-network .muted{color:var(--muted)}
.hug-scope.hug-network a{color:inherit; text-decoration:none}
.hug-scope.hug-network .num{font-variant-numeric:tabular-nums}
.hug-scope.hug-network .sec-head{max-width:680px; margin-bottom:40px}
.hug-scope.hug-network .prose{max-width:var(--measure); color:var(--ink-soft)}
.hug-scope.hug-network .prose p + p{margin-top:16px}
.hug-scope.hug-network .prose a{color:var(--accent-ink); border-bottom:1px solid rgba(180,83,9,.32)}
.hug-scope.hug-network .prose a:hover{border-bottom-color:var(--accent-ink)}
.hug-scope.hug-network .prose b{color:var(--ink); font-weight:600}
.hug-scope.hug-network .assume{display:inline-block; font-size:11px; color:var(--accent-ink); background:var(--accent-soft); border-radius:var(--r-pill); padding:2px 9px; vertical-align:middle}
.hug-scope.hug-network .ph{background:repeating-linear-gradient(45deg,#E8ECF2,#E8ECF2 10px,#F1F4F8 10px,#F1F4F8 20px);
  border:1px dashed #C3CBD8; border-radius:var(--r-card); display:flex; flex-direction:column; align-items:center; justify-content:center;
  color:#78859A; font-size:13px; text-align:center; padding:16px}
.hug-scope.hug-network .ph small{display:block; color:#94A0B2; margin-top:4px}
.hug-scope.hug-network .btn{display:inline-flex; align-items:center; gap:8px; height:44px; padding-inline:22px; border-radius:var(--r-btn);
  font-weight:500; font-size:15px; border:1px solid transparent; cursor:pointer; font-family:inherit;
  transition:transform var(--dur-fast) var(--ease-out), background var(--dur-fast)}
.hug-scope.hug-network .btn:focus-visible{outline:none; box-shadow:var(--focus)}
.hug-scope.hug-network .btn-accent{background:var(--accent); color:var(--ink-deep); font-weight:600}
.hug-scope.hug-network .btn-accent:hover{transform:translateY(-1px); background:var(--accent-hi)}
.hug-scope.hug-network .btn-onDark{background:transparent; border-color:rgba(255,255,255,.28); color:#fff}
.hug-scope.hug-network .btn-onDark:hover{background:rgba(255,255,255,.08)}
.hug-scope.hug-network .rv{opacity:0; transform:translateY(14px); transition:opacity var(--dur-mod) var(--ease-out), transform var(--dur-mod) var(--ease-out)}
.hug-scope.hug-network .rv.in{opacity:1; transform:none}
@media (prefers-reduced-motion:reduce){
.hug-scope.hug-network .rv{opacity:1; transform:none; transition:none}
html{scroll-behavior:auto}
}
.hug-scope.hug-network :where(a,button,[tabindex]):focus-visible{outline:none; box-shadow:var(--focus); border-radius:var(--r-btn)}
.hug-scope.hug-network[id], .hug-scope.hug-network [id]{scroll-margin-top:88px}
.hug-scope.hug-network .crumb{font-size:13px; color:var(--muted); padding-top:22px}
.hug-scope.hug-network .crumb a:hover{color:var(--ink)}
.hug-scope.hug-network .crumb span{margin-inline:6px; color:var(--line)}
.hug-scope.hug-network .hero{padding-block:44px 0}
.hug-scope.hug-network .hero .head{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:48px; align-items:end; margin-bottom:44px}
.hug-scope.hug-network .hero h1{font-size:clamp(30px,4.2vw,49px); letter-spacing:-.015em; max-width:15ch}
.hug-scope.hug-network .hero .lead{color:var(--ink-soft); font-size:clamp(17px,1.8vw,20px); max-width:50ch}
.hug-scope.hug-network .hero .lead b{color:var(--ink); font-weight:600}
@media (max-width:900px){
.hug-scope.hug-network .hero .head{grid-template-columns:minmax(0,1fr); gap:22px}
}
.hug-scope.hug-network .hug-map__svg{position:relative; background:var(--hug-surface); border:1px solid var(--hug-line);
  border-radius:var(--hug-r-card); padding:28px 24px 20px}
.hug-scope.hug-network .hug-map__svg svg{width:100%; height:auto; display:block}
.hug-scope.hug-network .hug-map__svg path{fill:var(--hug-map-idle); stroke:var(--hug-map-stroke); stroke-width:1.5;
  transition:fill var(--hug-dur) var(--hug-ease)}
.hug-scope.hug-network .hug-map__svg path.is-next{fill:var(--hug-map-next)}
.hug-scope.hug-network .hug-map__svg #IR-07, .hug-scope.hug-network .hug-map__svg #IR-32{fill:var(--hug-ink); cursor:pointer}
.hug-scope.hug-network .hug-map__svg #IR-07:hover, .hug-scope.hug-network .hug-map__svg #IR-32:hover, .hug-scope.hug-network .hug-map__svg #IR-07:focus, .hug-scope.hug-network .hug-map__svg #IR-32:focus{fill:var(--hug-accent); outline:none}
.hug-scope.hug-network .hug-map__svg #IR-07:focus-visible, .hug-scope.hug-network .hug-map__svg #IR-32:focus-visible{stroke:var(--hug-accent-ink); stroke-width:3}
.hug-scope.hug-network .hug-map__tip{position:absolute; pointer-events:none; transform:translate(-50%,-130%); opacity:0;
  background:var(--hug-ink-deep); color:#fff; font-size:13px; padding:7px 12px; border-radius:var(--r-btn);
  white-space:nowrap; transition:opacity var(--hug-dur) var(--hug-ease); z-index:2}
.hug-scope.hug-network .hug-map__tip.is-on{opacity:1}
.hug-scope.hug-network .hug-map__tip b{font-weight:600}
@media (max-width:768px){
.hug-scope.hug-network .hug-map__tip{display:none}
}
.hug-scope.hug-network .hug-map__legend{display:flex; gap:20px; flex-wrap:wrap; margin-top:18px; padding-top:16px;
  border-top:1px solid var(--hug-line); font-size:13px; color:var(--hug-muted)}
.hug-scope.hug-network .hug-map__legend i{display:inline-block; width:12px; height:12px; border-radius:3px; margin-inline-end:7px; vertical-align:-1px}
.hug-scope.hug-network .hug-map__legend .k-cover{background:var(--hug-ink)}
.hug-scope.hug-network .hug-map__legend .k-idle{background:var(--hug-map-idle)}
.hug-scope.hug-network .hug-map__label{font-size:14px; color:var(--hug-ink); font-weight:500; margin-top:12px; min-height:1.6em}
.hug-scope.hug-network .mapnote{display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap; align-items:baseline;
  margin-top:22px; padding-bottom:8px}
.hug-scope.hug-network .mapnote .vision{font-size:clamp(17px,2vw,21px); color:var(--ink); font-weight:600; max-width:44ch}
.hug-scope.hug-network .mapnote .vision span{color:var(--accent-ink)}
.hug-scope.hug-network .mapnote .sub{font-size:13px; color:var(--muted); max-width:36ch}
.hug-scope.hug-network .fleet{width:100%; border-collapse:collapse; font-size:15px}
.hug-scope.hug-network .fleet th{text-align:start; font-size:12px; font-weight:600; color:var(--muted); padding:12px 14px;
  border-bottom:1px solid var(--line); background:var(--surface-2)}
.hug-scope.hug-network .fleet td{text-align:start; padding:16px 14px; border-bottom:1px solid var(--line)}
.hug-scope.hug-network .fleet tbody tr:hover td{background:var(--surface)}
.hug-scope.hug-network .fleet .n{font-variant-numeric:tabular-nums; font-weight:600; color:var(--ink); font-size:17px}
.hug-scope.hug-network .fleet .role{color:var(--muted); font-size:14px}
.hug-scope.hug-network .fleet tfoot td{background:var(--surface-2); font-weight:600; border-bottom:0; color:var(--ink)}
.hug-scope.hug-network .fleet tfoot .n{font-size:20px}
.hug-scope.hug-network .tblwrap{overflow-x:auto; max-width:100%}
.hug-scope.hug-network .tblwrap table{min-width:620px}
.hug-scope.hug-network .calcnote{font-size:13.5px; color:var(--ink-soft); background:var(--surface); border:1px solid var(--line);
  border-inline-start:3px solid var(--accent); border-radius:var(--r-btn); padding:14px 18px; margin-top:20px; max-width:var(--measure)}
.hug-scope.hug-network .calcnote b{color:var(--ink)}
.hug-scope.hug-network .two{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:var(--gutter)}
.hug-scope.hug-network .two > *{min-width:0}
.hug-scope.hug-network .card{background:var(--surface); border:1px solid var(--line); border-radius:var(--r-card); padding:28px}
.hug-scope.hug-network .card h3{margin-bottom:10px}
.hug-scope.hug-network .card p{color:var(--muted); font-size:15px}
.hug-scope.hug-network .card .ph{aspect-ratio:16/10; margin-bottom:20px}
.hug-scope.hug-network .klist{margin-top:18px; border-top:1px solid var(--line); padding-top:16px; font-size:14px}
.hug-scope.hug-network .klist div{display:flex; justify-content:space-between; gap:14px; padding-block:7px}
.hug-scope.hug-network .klist div + div{border-top:1px solid var(--line)}
.hug-scope.hug-network .klist dt{color:var(--muted)}
.hug-scope.hug-network .klist dd{color:var(--ink); font-weight:600; font-variant-numeric:tabular-nums}
@media (max-width:860px){
.hug-scope.hug-network .two{grid-template-columns:minmax(0,1fr)}
}
.hug-scope.hug-network .exp{background:var(--ink); color:var(--on-dark); padding-block:80px}
.hug-scope.hug-network .exp h2{color:#fff}
.hug-scope.hug-network .exp .row{display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:44px; align-items:start}
.hug-scope.hug-network .exp p{color:#c2c9d2; margin-top:14px; max-width:52ch}
.hug-scope.hug-network .exp .acts{display:flex; gap:12px; flex-wrap:wrap; justify-content:flex-end}
@media (max-width:860px){
.hug-scope.hug-network .exp .row{grid-template-columns:minmax(0,1fr)}
.hug-scope.hug-network .exp .acts{justify-content:flex-start}
}
.hug-scope.hug-network .bnote{font-size:13px; color:var(--accent-ink); background:var(--accent-soft); border:1px solid #F3DFBE;
  border-radius:var(--r-btn); padding:12px 16px; max-width:var(--measure)}