/* CBIC Organization Hierarchy page — scoped to #cbic-hier so it cannot affect the portal header/footer */
#cbic-hier{box-sizing:border-box;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink)}
#cbic-hier *{box-sizing:border-box}
#cbic-hier{--navy:#0a2a50;--teal:#087e8b;--ink:#17304d;--muted:#5c7287;--line:#d5e0e9;--paper:#f5f8fc;--white:#fff;--amber:#ed9e22}
#cbic-hier .wrap{max-width:1680px;margin:0 auto;padding:22px clamp(10px,2vw,30px) 40px}
#cbic-hier .hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:12px 5px 18px}
#cbic-hier .eyebrow{font-size:12px;letter-spacing:.13em;font-weight:800;color:#58738a}
#cbic-hier .hero h1{font-size:clamp(22px,3vw,38px);line-height:1.15;margin:8px 0;color:var(--navy)}
#cbic-hier .hero p{margin:0;color:var(--muted);font-size:15px;max-width:800px;line-height:1.55}
#cbic-hier .actions{display:flex;gap:8px;flex-wrap:wrap}
#cbic-hier .action{appearance:none;border:1px solid #c8d7e4;background:#fff;color:#16466b;font-size:13px;font-weight:750;border-radius:11px;padding:11px 14px;cursor:pointer;box-shadow:0 3px 10px #163b5b0b}
#cbic-hier .action:hover,#cbic-hier .action:focus{border-color:var(--amber);outline:2px solid #ed9e2233}
#cbic-hier .canvas{background:#fff;border:1px solid #d9e3ec;border-radius:20px;box-shadow:0 16px 45px #173b590e;overflow:hidden}
#cbic-hier .canvas svg{display:block;width:100%;height:auto}
#cbic-hier .hint{display:flex;align-items:center;gap:9px;padding:12px 18px;background:#f4f9fb;border-top:1px solid #e0eaf1;font-size:13px;color:#526b83}
#cbic-hier .hint .dot{width:9px;height:9px;border-radius:50%;background:var(--amber);display:inline-block;flex:none}
#cbic-hier .detail{margin-top:16px;border-radius:16px;background:#fff;border:1px solid var(--line);padding:18px 20px;box-shadow:0 8px 24px #173b5908}
#cbic-hier .detailhead{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
#cbic-hier .detail h2{font-size:19px;margin:0 0 7px;color:var(--navy)}
#cbic-hier .detail p{margin:0;color:#4b647b;line-height:1.65;font-size:15px;max-width:1050px}
#cbic-hier .detail .tip{font-size:12px;color:#71869a;margin-top:10px}
#cbic-hier .details-grid{display:none;margin-top:18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#cbic-hier .details-grid.show{display:grid}
#cbic-hier .detailtile{border:1px solid #d8e4ee;border-radius:13px;padding:14px;background:#f7fafc}
#cbic-hier .detailtile h3{font-size:14px;color:#16466b;margin:0 0 7px}
#cbic-hier .detailtile p{font-size:13px;line-height:1.55}
#cbic-hier .sources{margin:16px 4px 0;color:#60768a;font-size:12px;line-height:1.7}
#cbic-hier .sources a{color:#075e88;text-decoration:underline;text-underline-offset:2px}
#cbic-hier .disclaimer{font-weight:650;color:#475f75}
@media(max-width:760px){#cbic-hier .wrap{padding:12px 7px 24px}
#cbic-hier .hero{padding:10px 5px}
#cbic-hier .canvas{border-radius:12px}
#cbic-hier .actions{width:100%}
#cbic-hier .action{flex:1}
#cbic-hier .details-grid{grid-template-columns:1fr}
#cbic-hier .hint{align-items:flex-start}
#cbic-hier .detail{padding:15px}}
@media print{#cbic-hier .wrap{max-width:none;padding:0}
#cbic-hier .actions,#cbic-hier .hint,#cbic-hier .detail,#cbic-hier .sources{display:none!important}
#cbic-hier .canvas{border:0;box-shadow:none;border-radius:0}
#cbic-hier .hero{padding:5px 0 12px}
#cbic-hier .hero p{display:none}}
#cbic-hier svg .t{ font-family: Inter, 'Segoe UI', Arial, sans-serif; fill:#17304d; }
#cbic-hier svg .clickable{ cursor:pointer; outline:none; }
#cbic-hier svg .clickable:focus .nodebox{ stroke:#ed9e22; stroke-width:5; }
#cbic-hier svg .nodebox{ stroke-width:2; transition:stroke .15s, filter .15s; }
#cbic-hier svg .clickable:hover .nodebox{ stroke:#ed9e22; stroke-width:3; filter:url(#shadow); }
#cbic-hier svg .section-title{ font-family: Inter, 'Segoe UI', Arial, sans-serif; font-weight:800; letter-spacing:.7px; fill:#fff; }
#cbic-hier svg .smallcaps{ font-family: Inter, 'Segoe UI', Arial, sans-serif; font-weight:800; letter-spacing:1.25px; fill:#52708f; }
#cbic-hier svg .connector{ fill:none; stroke:#9aafc4; stroke-width:4; stroke-linecap:round; stroke-linejoin:round; }
#cbic-hier svg .arrow{ fill:#9aafc4; }
#cbic-hier svg .body{ font-family: Inter, 'Segoe UI', Arial, sans-serif; fill:#435b73; }