/* „Карта моћи" на насловној (home-graph.js). Токене боја и фонтова преузима из styles.css. */
#home-power-map{margin:40px 0 10px;scroll-margin-top:96px}
.hg-head{border-top:3px solid var(--ink);padding-top:18px;margin-bottom:22px}
.hg-eyebrow{display:flex;align-items:center;gap:8px;font:700 10px/1 var(--sans);letter-spacing:1.8px;text-transform:uppercase;color:var(--red)}
.hg-eyebrow:before{content:'';width:7px;height:7px;background:var(--red);border-radius:50%;flex-shrink:0}
.hg-head h2{font:600 clamp(30px,3.4vw,42px)/1.08 var(--serif);letter-spacing:-1.2px;margin:13px 0 10px}
.hg-head p{max-width:660px;font-size:14px;line-height:1.65;color:var(--ink)}
.hg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.hg-card{display:flex;flex-direction:column;gap:10px;min-height:252px;padding:20px 20px 18px;background:var(--light);border:1px solid var(--line);border-top:4px solid var(--hg-color,#54644a)}
.hg-card:hover{border-color:var(--hg-color,#54644a)}
.hg-card-kicker{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font:700 9px/1.5 var(--sans);letter-spacing:1.4px;text-transform:uppercase;color:var(--muted)}
.hg-card-kicker .hg-count{color:var(--ink);white-space:nowrap}
.hg-card h3{font:600 25px/1.15 var(--serif);letter-spacing:-.4px}
.hg-gloss{font-size:12.8px;line-height:1.6;color:var(--muted)}
.hg-split{display:flex;align-items:center;gap:10px;font:700 10px/1.6 var(--sans);letter-spacing:1.1px;text-transform:uppercase;color:var(--ink)}
.hg-split i{width:3px;height:3px;background:var(--line);border-radius:50%}
.hg-hubs{margin-top:auto}
.hg-hubs-label{display:block;margin-bottom:8px;font:700 9px/1 var(--sans);letter-spacing:1.4px;text-transform:uppercase;color:var(--muted)}
.hg-hub-list{display:flex;flex-wrap:wrap;gap:7px}
.hg-chip{display:inline-flex;flex-direction:column;gap:2px;padding:7px 11px;background:var(--paper);border:1px solid var(--line);font-size:12.5px;font-weight:600;line-height:1.3;color:var(--ink)}
.hg-chip small{font:600 8.5px/1 var(--sans);letter-spacing:1.1px;text-transform:uppercase;color:var(--muted)}
.hg-chip:hover{border-color:var(--red)}
.hg-card-more{display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font:700 11px/1 var(--sans);letter-spacing:1px;text-transform:uppercase;color:var(--red)}
.hg-card-more span{transition:transform .15s ease}
.hg-card:hover .hg-card-more span{transform:translateX(3px)}
.hg-atlas{display:grid;grid-template-columns:1.55fr 1fr;margin-top:16px;background:var(--light);border:1px solid var(--line)}
.hg-atlas-main{padding:20px 22px 16px;border-right:1px solid var(--line)}
.hg-atlas-main h3,.hg-atlas-aside h3{font:600 20px/1.2 var(--serif);letter-spacing:-.3px;margin:0 0 8px}
.hg-atlas-sub{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 6px}
.hg-atlas svg{display:block;width:100%;height:auto}
.hg-node{cursor:pointer}
.hg-node circle{transition:stroke-width .12s ease}
.hg-node:hover circle,.hg-node:focus-visible circle{stroke:var(--red);stroke-width:3px}
.hg-node:focus-visible{outline:none}
.hg-node-count{font:700 15px var(--sans);fill:#faf9f3;user-select:none}
.hg-node-label{font:700 9.5px var(--sans);letter-spacing:.9px;fill:var(--ink);user-select:none}
.hg-atlas-aside{display:flex;flex-direction:column;gap:10px;padding:20px 22px 16px}
.hg-strong{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.hg-strong li{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:9px 12px;background:var(--paper);border:1px solid var(--line);font-size:12.5px}
.hg-strong-n{font-weight:700;white-space:nowrap;color:var(--red)}
.hg-atlas-note{font-size:11.5px;line-height:1.6;color:var(--muted);margin:0}
.hg-start{display:grid;grid-template-columns:1fr 1.9fr;gap:26px;margin-top:16px;padding:24px;background:var(--light);border:1px solid var(--line)}
.hg-start-copy h2{font:600 28px/1.1 var(--serif);letter-spacing:-.8px;margin:0 0 8px}
.hg-start-copy>p:not(.hg-note){font-size:12.5px;color:var(--muted)}
.hg-note{margin:14px 0 0;padding:12px 14px;border-left:3px solid var(--red);background:rgba(165,43,39,.06);font-size:12.3px;line-height:1.6;color:var(--ink)}
.hg-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-self:center}
.hg-step{display:flex;gap:13px}
.hg-step-no{font:600 32px/1 var(--serif);color:var(--red);flex-shrink:0}
.hg-step strong{display:block;font-size:14px;line-height:1.35}
.hg-step span{display:block;margin-top:4px;font-size:12.2px;line-height:1.55;color:var(--muted)}
.hg-links{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.hg-biglink{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;background:var(--light);border:1px solid var(--line)}
.hg-biglink:hover{border-color:var(--red)}
.hg-biglink strong{display:block;font:600 21px/1.2 var(--serif);letter-spacing:-.4px}
.hg-biglink span span{display:block;margin-top:5px;font-size:12.5px;line-height:1.5;color:var(--muted)}
.hg-biglink em{font:600 24px/1 var(--serif);font-style:normal;color:var(--red);transition:transform .15s ease}
.hg-biglink:hover em{transform:translateX(4px)}
@media (max-width:1000px){
  .hg-grid{grid-template-columns:repeat(2,1fr)}
  .hg-atlas{grid-template-columns:1fr}
  .hg-atlas-main{border-right:0;border-bottom:1px solid var(--line)}
  .hg-start{grid-template-columns:1fr;gap:16px}
  .hg-steps{grid-template-columns:1fr;gap:12px}
}
@media (max-width:640px){
  #home-power-map{scroll-margin-top:72px}
  .hg-grid{grid-template-columns:1fr}
  .hg-links{grid-template-columns:1fr}
}
/* Контролна табла: бројке, графици, најповезанији актери. */
.hg-dash{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:18px 0 8px;margin:6px 0 24px}
.hg-tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.hg-tile{display:flex;flex-direction:column;gap:5px;padding:13px 14px;border:1px solid var(--line);background:var(--light);min-width:0}
.hg-tile:hover{border-color:var(--ink)}
.hg-tile strong{font:600 26px/1 var(--serif);color:var(--ink)}
.hg-tile span{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.hg-charts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0 6px}
.hg-chart-card{border:1px solid var(--line);background:#f7f5ee;padding:15px 16px;min-width:0}
.hg-chart-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;border-bottom:1px solid var(--line);padding-bottom:9px;margin-bottom:6px}
.hg-chart-head strong{font:600 19px/1.2 var(--serif)}
.hg-chart-head span{font-size:9px;color:var(--muted);white-space:nowrap}
.hg-chart-head:hover strong{color:var(--red)}
.hg-bar-row{display:grid;grid-template-columns:minmax(0,9fr) minmax(0,10fr) auto;gap:9px;align-items:center;padding:5px 0;font-size:10px}
.hg-bar-row:hover .hg-bar-label{color:var(--red)}
.hg-bar-label{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hg-bar-track{height:7px;background:#e6e3d7;position:relative}
.hg-bar-track i{position:absolute;inset:0 auto 0 0;background:var(--red);min-width:2px}
.hg-bar-n{font-variant-numeric:tabular-nums;color:var(--muted);font-size:9px}
.hg-topactors{margin:10px 0 4px}
.hg-dash-note{font-size:9px;color:var(--muted);line-height:1.7;margin:10px 0 6px}
.hg-chip b{font:600 10px var(--sans);color:var(--red);margin-left:6px}
@media (max-width:1000px){.hg-tiles{grid-template-columns:repeat(3,1fr)}.hg-charts{grid-template-columns:1fr}}
@media (max-width:640px){.hg-tiles{grid-template-columns:repeat(2,1fr)}.hg-tile strong{font-size:22px}}