/* PRC Network (vanilla, WP-safe) */
:root{ --pr-gold:#B38A48; --pr-canvas:#272727; --pr-panel:#0F1117; --pr-text:#E5E7EB; }
#prc-network *{ box-sizing:border-box; }
#prc-network{ max-width:1200px; margin:0 auto; }
.prc-wrap{ position:relative; background:var(--pr-canvas); color:var(--pr-text); border:3px solid var(--pr-gold); overflow:hidden; font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial; }
.prc-header{ text-align:center; position:relative; z-index:5; padding:2rem 1rem 1rem; }
.prc-eyebrow{ color:var(--pr-gold); letter-spacing:.3em; font-size:12px; text-transform:uppercase; display:block; }
.prc-title{ margin-top:.5rem; font-weight:600; font-size:clamp(28px,4vw,48px); letter-spacing:.01em; }
.prc-stage{ position:relative; margin:0 auto; width:100%; height:1325px; }
.prc-layer{ position:absolute; inset:0; }
#prc-svg{ z-index:1; }
#prc-svg path{ transition:stroke .3s ease,stroke-width .3s ease,opacity .3s ease; }
.prc-hub{ position:absolute; display:flex; align-items:center; justify-content:center; text-align:center; width:208px; height:208px; border-radius:999px; border:2px solid var(--pr-gold); background:var(--pr-canvas); box-shadow:0 10px 30px rgba(0,0,0,.35); z-index:3; pointer-events:none; }
.prc-hub p{ color:var(--pr-gold); font-weight:600; line-height:1.2; margin:0; }
.prc-hub .sub{ margin-top:.3rem; font-size:11px; letter-spacing:.35em; text-transform:uppercase; opacity:.95; }
.prc-node{ position:absolute; width:128px; height:128px; border-radius:999px; border:1px solid #2A2F3A; background:linear-gradient(135deg,#272727 0%,#272727 100%); box-shadow:0 6px 16px rgba(0,0,0,.35); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; transition:transform .3s ease,opacity .3s ease,border-color .2s ease; z-index:4; }
.prc-node:hover{ transform:scale(1.08); border-color:var(--pr-gold); }
.prc-node .svg-ic{ width:28px; height:28px; color:var(--pr-gold); display:block; }
.prc-node .label{ font-size:12px; color:var(--pr-text); margin-top:.25rem; }
.prc-card{ position:absolute; width:256px; border:1px solid color-mix(in srgb,var(--pr-gold) 35%, transparent); background:var(--pr-panel); border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,.45); z-index:10; padding:12px; }
.prc-card .card-head{ display:flex; align-items:center; gap:8px; font-weight:600; margin-bottom:6px; }
.prc-card .card-icon{ width:18px; height:18px; color:var(--pr-gold); display:inline-block; }
.prc-card .card-body{ font-size:12px; color:#D1D5DB; line-height:1.5; }
.prc-card .arrow{ position:absolute; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; }
.prc-chip{ position:absolute; z-index:12; font-size:11px; padding:6px 8px; border-radius:8px; border:1px solid rgba(255,255,255,.08); background:rgba(15,17,23,.72); color:#D9DBE1; backdrop-filter:blur(3px); max-width:151px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.prc-chip:hover{ border-color:var(--pr-gold); color:#fff; }
@media (max-width:728px){ 
  .prc-stage{ height:900px; }
  
  /* Mobile layout adjustments */
  .prc-wrap{ 
    display: flex; 
    flex-direction: column; 
    min-height: 115vh;
  }
  
  .prc-stage{ 
    flex: 1; 
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    justify-content: center;
    padding: 20px 0;
  }
  
  /* Mobile node adjustments */
  .prc-node{ 
    width: 100px; 
    height: 100px; 
    font-size: 11px;
    margin: 10px 0;
  }
  
  .prc-node .svg-ic{ 
    width: 24px; 
    height: 24px; 
  }
  
  .prc-node .label{ 
    font-size: 10px; 
    margin-top: 0.2rem;
  }
  
  /* Mobile hub adjustments */
  .prc-hub{ 
    width: 160px; 
    height: 160px; 
  }
  
  .prc-hub p{ 
    font-size: 14px; 
  }
  
  .prc-hub .sub{ 
    font-size: 9px; 
  }
  
  /* Mobile card adjustments */
  .prc-card{ 
    width: calc(100vw - 32px) !important; 
    max-width: 300px;
    left: 16px !important;
    right: 16px;
    margin-left: auto;
  }
  
  /* Mobile chip adjustments */
  .prc-chip{ 
    font-size: 10px; 
    padding: 4px 6px;
    max-width: 140px;
    width: 100% !important;
  }
}