:root {
  --v178-green: #006233;
  --v178-green-dark: #003f24;
  --v178-gold: #d7b03d;
  --v178-red: #c1272d;
  --v178-ink: #17231d;
  --v178-muted: #5d6b64;
  --v178-line: #dbe5df;
  --v178-soft: #f4f7f5;
  --v178-white: #fff;
}
.v178-page { background: #f4f7f5; color: var(--v178-ink); }
.v178-hero { position: relative; overflow: hidden; padding: 74px 0; color: #fff; background: linear-gradient(120deg,#003f24 0%,#006233 55%,#5c1c24 100%); }
.v178-hero::after { content:""; position:absolute; inset:0; opacity:.07; background:url('/images/mycdic-footer-logo.webp') 8% 50%/420px no-repeat; filter:grayscale(1) brightness(5); pointer-events:none; }
.v178-hero .container { position:relative; z-index:1; }
.v178-hero-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr); gap:48px; align-items:center; }
.v178-kicker { display:inline-flex; align-items:center; gap:9px; padding:8px 14px; border-radius:999px; border:1px solid rgba(255,255,255,.28); color:#ffe89a; font-weight:800; font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; }
.v178-hero h1 { margin:18px 0 16px; color:#fff; font-size:clamp(2.45rem,5vw,4.8rem); line-height:1.04; letter-spacing:-.04em; }
.v178-hero p { max-width:800px; margin:0; color:rgba(255,255,255,.9); font-size:1.05rem; line-height:1.85; }
.v178-hero-actions,.v178-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:26px; }
.v178-btn { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:46px; padding:11px 18px; border-radius:8px; font-weight:800; border:1px solid transparent; transition:.2s ease; }
.v178-btn.primary { color:#003f24; background:#ffcf3b; }
.v178-btn.secondary { color:#fff; background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.32); }
.v178-btn.outline { color:#006233; background:#fff; border-color:#bfd3c6; }
.v178-btn:hover { transform:translateY(-1px); }
.v178-hero-panel { padding:26px; border-radius:16px; border:1px solid rgba(255,255,255,.22); background:rgba(0,39,24,.46); box-shadow:0 24px 55px rgba(0,0,0,.2); backdrop-filter:blur(10px); }
.v178-hero-panel h2 { margin:0 0 15px; color:#fff; font-size:1.2rem; }
.v178-hero-panel ul { list-style:none; padding:0; margin:0; display:grid; gap:13px; }
.v178-hero-panel li { display:flex; gap:11px; align-items:flex-start; color:rgba(255,255,255,.9); line-height:1.6; }
.v178-hero-panel i { margin-top:4px; color:#ffcf3b; }
.v178-main { padding:66px 0 88px; }
.v178-section { margin-bottom:34px; }
.v178-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:22px; }
.v178-heading span { display:block; margin-bottom:7px; color:#9a7620; font-size:.78rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.v178-heading h2 { margin:0; color:#004d29; font-size:clamp(1.75rem,3vw,2.5rem); letter-spacing:-.025em; }
.v178-heading p { max-width:780px; margin:10px 0 0; color:var(--v178-muted); line-height:1.75; }
.v178-grid { display:grid; gap:22px; }
.v178-grid.two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.v178-grid.three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.v178-grid.four { grid-template-columns:repeat(4,minmax(0,1fr)); }
.v178-card { position:relative; padding:26px; border:1px solid var(--v178-line); border-radius:14px; background:#fff; box-shadow:0 14px 38px rgba(0,64,38,.07); }
.v178-card h3 { margin:12px 0 9px; color:#234238; font-size:1.08rem; }
.v178-card p { margin:0; color:var(--v178-muted); line-height:1.75; }
.v178-card-icon { display:grid; place-items:center; width:46px; height:46px; border-radius:12px; color:#006233; background:#eaf4ee; }
.v178-card.gold .v178-card-icon { color:#8e6c11; background:#fff4cf; }
.v178-card.red .v178-card-icon { color:#a11d27; background:#fbe9eb; }
.v178-profile { display:grid; grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr); gap:34px; align-items:stretch; padding:18px; border:1px solid var(--v178-line); border-radius:18px; background:#fff; box-shadow:0 18px 52px rgba(0,64,38,.08); }
.v178-profile-media { position:relative; min-height:520px; overflow:hidden; border-radius:13px; background:#e6eee9; }
.v178-profile-media img { width:100%; height:100%; object-fit:cover; object-position:center top; }
.v178-profile-badge { position:absolute; left:20px; right:20px; bottom:20px; padding:15px 17px; color:#fff; background:rgba(0,63,36,.92); border-left:4px solid #ffcf3b; border-radius:7px; }
.v178-profile-badge strong,.v178-profile-badge span { display:block; }
.v178-profile-badge span { margin-top:3px; color:rgba(255,255,255,.8); font-size:.85rem; }
.v178-profile-copy { padding:28px 26px 24px 4px; }
.v178-profile-copy .role { color:#9a7620; font-size:.78rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.v178-profile-copy h2 { margin:10px 0 4px; color:#004d29; font-size:clamp(2rem,4vw,3.35rem); letter-spacing:-.035em; }
.v178-profile-copy h3 { margin:0 0 20px; color:#52645b; font-size:1.05rem; }
.v178-profile-copy p { color:#435249; line-height:1.85; }
.v178-data-list { display:grid; gap:0; border:1px solid var(--v178-line); border-radius:14px; overflow:hidden; background:#fff; }
.v178-data-row { display:grid; grid-template-columns:minmax(180px,.42fr) minmax(0,.58fr); gap:18px; padding:17px 20px; border-bottom:1px solid #e5ece8; }
.v178-data-row:last-child { border-bottom:0; }
.v178-data-row dt { color:#66736d; font-size:.88rem; }
.v178-data-row dd { margin:0; color:#1d352b; font-weight:700; }
.v178-note { padding:22px 24px; border:1px solid #cbdcd2; border-left:5px solid #d7b03d; border-radius:12px; background:#f9fbfa; color:#4d5e55; line-height:1.75; }
.v178-help { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:30px; padding:22px 24px; border-radius:14px; color:#fff; background:linear-gradient(105deg,#004d29,#006233); }
.v178-help h3 { margin:0 0 5px; color:#fff; }
.v178-help p { margin:0; color:rgba(255,255,255,.82); }
.v178-help a { flex:none; display:inline-flex; align-items:center; gap:8px; padding:11px 15px; border-radius:8px; color:#003f24; background:#ffcf3b; font-weight:800; }
.v178-form-shell { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr); gap:26px; align-items:start; }
.v178-form-card { padding:30px; border-radius:16px; border:1px solid var(--v178-line); background:#fff; box-shadow:0 16px 42px rgba(0,64,38,.08); }
.v178-form-card h2 { margin:0 0 8px; color:#004d29; }
.v178-form-card > p { color:var(--v178-muted); line-height:1.7; }
.v178-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; margin-top:24px; }
.v178-form-grid .full { grid-column:1/-1; }
.v178-form-grid label { display:block; margin-bottom:7px; color:#2d4439; font-size:.9rem; font-weight:700; }
.v178-form-grid input,.v178-form-grid select,.v178-form-grid textarea { width:100%; min-height:48px; padding:11px 13px; border:1px solid #cbdad2; border-radius:8px; background:#fff; font:inherit; color:#1f3028; }
.v178-form-grid textarea { min-height:165px; resize:vertical; }
.v178-form-grid input:focus,.v178-form-grid select:focus,.v178-form-grid textarea:focus { outline:3px solid rgba(0,98,51,.12); border-color:#006233; }
.v178-consent { display:flex !important; gap:10px; align-items:flex-start; font-weight:500 !important; line-height:1.55; }
.v178-consent input { width:auto !important; min-height:0 !important; margin-top:4px; }
.v178-submit { display:inline-flex; gap:9px; align-items:center; margin-top:20px; padding:13px 19px; border:0; border-radius:8px; color:#fff; background:#006233; font:inherit; font-weight:800; cursor:pointer; }
.v178-side-stack { display:grid; gap:16px; }
.v178-side-card { padding:22px; border:1px solid var(--v178-line); border-radius:14px; background:#fff; }
.v178-side-card i { color:#006233; font-size:1.25rem; }
.v178-side-card h3 { margin:12px 0 8px; color:#244037; }
.v178-side-card p { margin:0; color:#617069; line-height:1.7; }
.v178-office-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.v178-office-card { padding:24px; border:1px solid var(--v178-line); border-radius:14px; background:#fff; box-shadow:0 12px 34px rgba(0,64,38,.06); }
.v178-office-card img { width:100%; height:230px; object-fit:cover; object-position:center top; border-radius:10px; margin-bottom:18px; }
.v178-office-card h3 { margin:0 0 8px; color:#004d29; }
.v178-office-card p { color:#5b6a63; line-height:1.7; }
.v178-office-card a { display:inline-flex; align-items:center; gap:8px; margin-top:12px; color:#006233; font-weight:800; }
.v178-timeline { position:relative; display:grid; gap:18px; }
.v178-timeline::before { content:""; position:absolute; top:8px; bottom:8px; left:22px; width:2px; background:#c9d9d0; }
.v178-timeline-item { position:relative; padding:20px 22px 20px 66px; border:1px solid var(--v178-line); border-radius:12px; background:#fff; }
.v178-timeline-item::before { content:""; position:absolute; left:13px; top:22px; width:20px; height:20px; border:5px solid #f4f7f5; border-radius:50%; background:#006233; box-shadow:0 0 0 1px #bfd2c6; }
.v178-timeline-item h3 { margin:0 0 7px; color:#244037; }
.v178-timeline-item p { margin:0; color:#5d6c64; line-height:1.7; }
@media (max-width: 980px) {
  .v178-hero-grid,.v178-profile,.v178-form-shell { grid-template-columns:1fr; }
  .v178-grid.four { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .v178-grid.three,.v178-office-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .v178-profile-media { min-height:480px; max-width:540px; }
  .v178-profile-copy { padding:16px 10px 12px; }
}
@media (max-width: 680px) {
  .v178-hero { padding:52px 0; }
  .v178-hero h1 { font-size:clamp(2.15rem,11vw,3.2rem); }
  .v178-main { padding:44px 0 66px; }
  .v178-grid.two,.v178-grid.three,.v178-grid.four,.v178-office-cards,.v178-form-grid { grid-template-columns:1fr; }
  .v178-heading { align-items:flex-start; flex-direction:column; }
  .v178-help { align-items:flex-start; flex-direction:column; }
  .v178-data-row { grid-template-columns:1fr; gap:6px; }
  .v178-profile-media { min-height:420px; }
  .v178-form-card { padding:22px; }
}

/* v1.9.8 organizational chart content depth without changing the visual system */
.v178-responsibilities{margin:16px 0 0;padding:14px 0 0 18px;border-top:1px solid #e5ede8;color:#5f7268}.v178-responsibilities li{margin:7px 0;font-size:.79rem;line-height:1.55}.v178-responsibilities li::marker{color:#b48a0b}