fix: align org chart hierarchy and typography weights

src/hm-theme.css

@@ -19,13 +19,13 @@ body { margin: 0; }
 .hm-app { min-width: 320px; }
 .hm-container { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
 .hm-topbar { background: var(--hm-sem-bg-brand); color: #fff; border-bottom: 1px solid #31594c; padding: 15px 0; }
-.hm-mark { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid #80b6a3; border-radius: 4px; background: #174b3a; font-size: 16px; font-weight: 800; letter-spacing: -.08em; }
+.hm-mark { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid #80b6a3; border-radius: 4px; background: #174b3a; font-size: 16px; font-weight: 700; letter-spacing: -.08em; }
 .hm-brand-name { margin: 0; font-size: 15px; font-weight: 700; letter-spacing: -.02em; }
 .hm-brand-caption { margin: 2px 0 0; color: #bddfd4; font-size: 11px; }
 .hm-topbar-status { display: inline-flex; align-items: center; gap: 7px; color: #c6d8d1; font-size: 12px; white-space: nowrap; }
 .hm-topbar-status span { width: 7px; height: 7px; border-radius: 50%; background: #67d6ac; box-shadow: 0 0 0 4px #67d6ac22; }
 .hm-breadcrumb { color: #827b70; }
-.hm-breadcrumb strong { color: var(--hm-green); font-weight: 600; }
+.hm-breadcrumb strong { color: var(--hm-green); font-weight: 500; }
 .hm-hero { position: relative; overflow: hidden; min-height: 330px; border: 1px solid #254d40; border-radius: 4px; background: var(--hm-sem-bg-brand); color: #fff; }
 .hm-hero::after { content: ""; position: absolute; width: 590px; height: 590px; right: -240px; top: -175px; border: 1px solid #ffffff24; border-radius: 50%; box-shadow: 0 0 0 72px #ffffff09,0 0 0 145px #ffffff06; }
 .hm-eyebrow { display: inline-flex; align-items: center; gap: 7px; color: #c3e6d7; font-size: 11px; font-weight: 700; letter-spacing: .13em; }
@@ -41,7 +41,7 @@ body { margin: 0; }
 .hm-hero-art-pill span { width: 7px; height: 7px; border-radius: 50%; background: #c8e4d5; }
 .hm-hero-art-pill span:nth-child(2) { background: #74bd98; }
 .hm-hero-art-pill span:nth-child(3) { background: #477b5a; }
-.hm-section-kicker { margin: 0 0 6px; color: #6b715f; font-size: 11px; font-weight: 800; letter-spacing: .16em; }
+.hm-section-kicker { margin: 0 0 6px; color: #6b715f; font-size: 11px; font-weight: 700; letter-spacing: .16em; }
 .hm-section-heading h2 { margin: 0; color: var(--hm-ink); font-size: 26px; font-weight: 700; letter-spacing: -.04em; }
 .hm-section-heading p:not(.hm-section-kicker) { margin: 7px 0 0; color: var(--hm-muted); font-size: 13px; }
 .hm-count { border: 1px solid #d4cfc2; border-radius: 20px; padding: 6px 10px; color: #6e6759; font-size: 11px; white-space: nowrap; }
@@ -57,10 +57,10 @@ body { margin: 0; }
 .hm-swatch { min-width: 0; }
 .hm-swatch-color { display: block; height: 65px; border: 1px solid #d5cfc3; border-radius: 4px; }
 .hm-swatch-color--dark { border-color: #1e3b31; }
-.hm-swatch-name { display: block; margin-top: 8px; color: var(--hm-ink); font-size: 11px; font-weight: 600; overflow-wrap: anywhere; }
+.hm-swatch-name { display: block; margin-top: 8px; color: var(--hm-ink); font-size: 11px; font-weight: 500; overflow-wrap: anywhere; }
 .hm-swatch-value { color: #8b857a; font-size: 10px; }
 .hm-field { display: grid; gap: 8px; }
-.hm-field label { font-size: 12px; font-weight: 600; }
+.hm-field label { font-size: 12px; font-weight: 500; }
 .hm-form-footer { border-top: 1px solid #eee9e0; padding-top: 18px; }
 .hm-form-footer p { display: inline-flex; align-items: center; gap: 6px; margin: 0; color: var(--hm-muted); font-size: 11px; }
 .hm-form-footer p svg { color: #1a7551; }
@@ -70,7 +70,7 @@ body { margin: 0; }
 .hm-inner-card p { max-width: 340px; margin: 0 0 19px; color: var(--hm-muted); font-size: 12px; line-height: 1.7; word-break: keep-all; }
 .hm-dialog-summary { display: grid; grid-template-columns: 110px 1fr; gap: 10px; margin: 8px 0 14px; border-top: 1px solid #dedbd2; border-bottom: 1px solid #dedbd2; padding: 16px 0; font-size: 13px; }
 .hm-dialog-summary span { color: var(--hm-muted); }
-.hm-dialog-summary strong { font-weight: 600; }
+.hm-dialog-summary strong { font-weight: 500; }
 .hm-footer { border-top: 1px solid #d7d1c5; padding-top: 19px; color: #7b7468; }
 
 @media (max-width: 700px) {