{"id":18775,"date":"2026-03-03T09:41:14","date_gmt":"2026-03-03T09:41:14","guid":{"rendered":"http:\/\/rrc.rl-innovation.com\/?page_id=18775"},"modified":"2026-07-21T19:37:57","modified_gmt":"2026-07-21T16:37:57","slug":"organization-chart","status":"publish","type":"page","link":"https:\/\/gautechcenter.com\/tr\/organization-chart\/","title":{"rendered":"Organization Chart"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"18775\" class=\"elementor elementor-18775\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b706fbd e-con-full e-flex e-con e-parent\" data-id=\"b706fbd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43e4c8f elementor-widget elementor-widget-html\" data-id=\"43e4c8f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- GAU Center Interactive Organization Chart: paste into an Elementor HTML widget or a WordPress Custom HTML area that permits scripts. The plugin\/shortcode version is recommended. -->\r\n<style>\r\n.gau-orgchart,\r\n.gau-orgchart * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.gau-orgchart {\r\n  --gau-navy: #071a36;\r\n  --gau-navy-2: #102b52;\r\n  --gau-gold: #c99824;\r\n  --gau-gold-soft: #f6ead0;\r\n  --gau-blue: #2d69b2;\r\n  --gau-teal: #1c7c78;\r\n  --gau-purple: #6c4da2;\r\n  --gau-ink: #15243a;\r\n  --gau-muted: #64748b;\r\n  --gau-line: #d8e0ea;\r\n  --gau-surface: #ffffff;\r\n  --gau-page: #f5f7fb;\r\n  --gau-shadow: 0 18px 50px rgba(7, 26, 54, 0.09);\r\n  width: 100%;\r\n  margin: 0 auto;\r\n  color: var(--gau-ink);\r\n  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;\r\n  line-height: 1.5;\r\n}\r\n\r\n.gau-orgchart button,\r\n.gau-orgchart input,\r\n.gau-orgchart select {\r\n  font: inherit;\r\n}\r\n\r\n.gau-orgchart__header {\r\n  display: block;\r\n  padding: clamp(16px, 2.5vw, 24px);\r\n  border: 1px solid var(--gau-line);\r\n  border-bottom: 0;\r\n  border-radius: 20px 20px 0 0;\r\n  background: var(--gau-surface);\r\n}\r\n\r\n\r\n.gau-orgchart__logo {\r\n  display: none !important;\r\n}\r\n\r\n\r\n.gau-orgchart__header-copy h2 {\r\n  margin: 0;\r\n  color: var(--gau-navy);\r\n  font-size: clamp(22px, 3vw, 34px);\r\n  line-height: 1.08;\r\n  letter-spacing: -0.03em;\r\n}\r\n\r\n\r\n.gau-orgchart__header-copy p {\r\n  max-width: 760px;\r\n  margin: 8px 0 0;\r\n  color: var(--gau-muted);\r\n  font-size: clamp(13px, 1.4vw, 16px);\r\n}\r\n\r\n\r\n.gau-orgchart__toolbar {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 14px;\r\n  padding: 12px clamp(14px, 2.2vw, 20px);\r\n  color: #fff;\r\n  background: var(--gau-navy);\r\n}\r\n\r\n\r\n.gau-orgchart__toolbar-copy {\r\n  display: grid;\r\n  gap: 1px;\r\n}\r\n\r\n.gau-orgchart__toolbar-copy strong {\r\n  font-size: 15px;\r\n}\r\n\r\n.gau-orgchart__toolbar-copy span {\r\n  color: rgba(255, 255, 255, 0.72);\r\n  font-size: 13px;\r\n}\r\n\r\n.gau-orgchart__toolbar-actions {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  justify-content: flex-end;\r\n  gap: 8px;\r\n}\r\n\r\n.gau-orgchart__control {\r\n  min-height: 38px;\r\n  padding: 8px 13px;\r\n  border: 1px solid rgba(255, 255, 255, 0.22);\r\n  border-radius: 10px;\r\n  color: #fff;\r\n  background: rgba(255, 255, 255, 0.08);\r\n  cursor: pointer;\r\n  transition: background 160ms ease, transform 160ms ease, border-color 160ms ease;\r\n}\r\n\r\n.gau-orgchart__control:hover,\r\n.gau-orgchart__control:focus-visible {\r\n  border-color: rgba(255, 255, 255, 0.5);\r\n  background: rgba(255, 255, 255, 0.16);\r\n}\r\n\r\n.gau-orgchart__control:active {\r\n  transform: translateY(1px);\r\n}\r\n\r\n.gau-orgchart__layout {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1fr) minmax(260px, 310px);\r\n  align-items: start;\r\n  gap: 16px;\r\n  padding: clamp(14px, 2.2vw, 20px);\r\n  border: 1px solid var(--gau-line);\r\n  border-top: 0;\r\n  border-radius: 0 0 20px 20px;\r\n  background: var(--gau-page);\r\n  box-shadow: var(--gau-shadow);\r\n}\r\n\r\n\r\n.gau-orgchart__canvas {\r\n  min-width: 0;\r\n}\r\n\r\n.gau-orgchart__governance {\r\n  position: relative;\r\n  display: grid;\r\n  justify-items: center;\r\n  gap: 14px;\r\n  padding-bottom: 18px;\r\n}\r\n\r\n\r\n.gau-orgchart__governance::before {\r\n  position: absolute;\r\n  top: 24px;\r\n  bottom: 0;\r\n  left: 50%;\r\n  width: 2px;\r\n  content: \"\";\r\n  background: linear-gradient(var(--gau-gold), var(--gau-line));\r\n  transform: translateX(-50%);\r\n  z-index: 0;\r\n}\r\n\r\n\r\n.gau-orgchart__node {\r\n  position: relative;\r\n  z-index: 1;\r\n  display: flex;\r\n  width: 100%;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  min-height: 46px;\r\n  padding: 9px 12px;\r\n  border: 1px solid var(--gau-line);\r\n  border-radius: 12px;\r\n  color: var(--gau-ink);\r\n  background: var(--gau-surface);\r\n  cursor: pointer;\r\n  text-align: center;\r\n  font-size: 14px;\r\n  line-height: 1.25;\r\n  font-weight: 700;\r\n  overflow-wrap: anywhere;\r\n  word-break: break-word;\r\n  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease, background 160ms ease;\r\n}\r\n\r\n\r\n.gau-orgchart__node:hover,\r\n.gau-orgchart__node:focus-visible {\r\n  border-color: var(--gau-gold);\r\n  box-shadow: 0 10px 24px rgba(7, 26, 54, 0.1);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.gau-orgchart__node.is-active {\r\n  border-color: var(--gau-gold);\r\n  outline: 3px solid rgba(201, 152, 36, 0.16);\r\n  background: #fffdf8;\r\n}\r\n\r\n.gau-orgchart__node--governance {\r\n  max-width: 300px;\r\n}\r\n\r\n\r\n.gau-orgchart__node--rectorate {\r\n  color: #fff;\r\n  border-color: var(--gau-navy);\r\n  background: var(--gau-navy);\r\n}\r\n\r\n.gau-orgchart__node--rectorate.is-active {\r\n  color: #fff;\r\n  background: var(--gau-navy-2);\r\n}\r\n\r\n\r\n.gau-orgchart__node--director {\r\n  max-width: 260px;\r\n  min-height: 56px;\r\n  color: var(--gau-navy);\r\n  border: 2px solid var(--gau-gold);\r\n  background: var(--gau-gold-soft);\r\n  font-size: 15px;\r\n}\r\n\r\n\r\n.gau-orgchart__direct-offices {\r\n  position: relative;\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 12px;\r\n  margin-bottom: 20px;\r\n  padding-top: 16px;\r\n}\r\n\r\n\r\n.gau-orgchart__direct-offices::before {\r\n  position: absolute;\r\n  top: 0;\r\n  right: 25%;\r\n  left: 25%;\r\n  height: 2px;\r\n  content: \"\";\r\n  background: var(--gau-gold);\r\n}\r\n\r\n.gau-orgchart__direct-office {\r\n  position: relative;\r\n  padding-top: 12px;\r\n}\r\n\r\n\r\n.gau-orgchart__direct-office::before {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 50%;\r\n  width: 2px;\r\n  height: 12px;\r\n  content: \"\";\r\n  background: var(--gau-gold);\r\n  transform: translateX(-50%);\r\n}\r\n\r\n\r\n.gau-orgchart__node--office {\r\n  min-height: 62px;\r\n  border-top: 4px solid var(--gau-gold);\r\n  background: var(--gau-surface);\r\n}\r\n\r\n\r\n.gau-orgchart__directorates {\r\n  position: relative;\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 14px;\r\n  padding-top: 20px;\r\n}\r\n\r\n\r\n.gau-orgchart__directorates::before {\r\n  position: absolute;\r\n  top: 0;\r\n  right: 16%;\r\n  left: 16%;\r\n  height: 2px;\r\n  content: \"\";\r\n  background: var(--gau-navy-2);\r\n}\r\n\r\n.gau-orgchart__directorate {\r\n  --pillar-accent: var(--gau-blue);\r\n  position: relative;\r\n  min-width: 0;\r\n  overflow: hidden;\r\n  border: 1px solid var(--gau-line);\r\n  border-radius: 16px;\r\n  background: var(--gau-surface);\r\n}\r\n\r\n\r\n.gau-orgchart__directorate::before {\r\n  position: absolute;\r\n  top: -20px;\r\n  left: 50%;\r\n  width: 2px;\r\n  height: 20px;\r\n  content: \"\";\r\n  background: var(--gau-navy-2);\r\n  transform: translateX(-50%);\r\n}\r\n\r\n\r\n.gau-orgchart__directorate[data-accent=\"teal\"] { --pillar-accent: var(--gau-teal); }\r\n.gau-orgchart__directorate[data-accent=\"gold\"] { --pillar-accent: var(--gau-gold); }\r\n.gau-orgchart__directorate[data-accent=\"purple\"] { --pillar-accent: var(--gau-purple); }\r\n\r\n.gau-orgchart__directorate-head {\r\n  display: grid;\r\n  grid-template-columns: 40px minmax(0, 1fr) 30px;\r\n  align-items: center;\r\n  gap: 10px;\r\n  width: 100%;\r\n  min-height: 78px;\r\n  padding: 12px;\r\n  border: 0;\r\n  border-top: 5px solid var(--pillar-accent);\r\n  color: var(--gau-ink);\r\n  background: #fff;\r\n  cursor: pointer;\r\n  text-align: left;\r\n}\r\n\r\n\r\n.gau-orgchart__directorate-head:hover,\r\n.gau-orgchart__directorate-head:focus-visible,\r\n.gau-orgchart__directorate.is-selected .gau-orgchart__directorate-head {\r\n  background: color-mix(in srgb, var(--pillar-accent) 7%, white);\r\n}\r\n\r\n.gau-orgchart__directorate-icon {\r\n  display: grid;\r\n  width: 38px;\r\n  height: 38px;\r\n  place-items: center;\r\n  border-radius: 11px;\r\n  color: var(--pillar-accent);\r\n  background: color-mix(in srgb, var(--pillar-accent) 11%, white);\r\n}\r\n\r\n\r\n.gau-orgchart__directorate-icon svg {\r\n  width: 20px;\r\n  height: 20px;\r\n}\r\n\r\n\r\n.gau-orgchart__directorate-title {\r\n  display: block;\r\n  font-size: 14px;\r\n  line-height: 1.25;\r\n  overflow-wrap: anywhere;\r\n}\r\n\r\n\r\n.gau-orgchart__directorate-type {\r\n  display: block;\r\n  margin-top: 2px;\r\n  color: var(--gau-muted);\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n}\r\n\r\n\r\n.gau-orgchart__toggle {\r\n  display: grid;\r\n  width: 26px;\r\n  height: 26px;\r\n  place-items: center;\r\n  border-radius: 50%;\r\n  color: var(--pillar-accent);\r\n  background: color-mix(in srgb, var(--pillar-accent) 10%, white);\r\n  transition: transform 180ms ease;\r\n}\r\n\r\n\r\n.gau-orgchart__directorate.is-open .gau-orgchart__toggle {\r\n  transform: rotate(180deg);\r\n}\r\n\r\n.gau-orgchart__units {\r\n  display: grid;\r\n  gap: 7px;\r\n  padding: 0 10px 10px;\r\n}\r\n\r\n\r\n.gau-orgchart__directorate:not(.is-open) .gau-orgchart__units {\r\n  display: none;\r\n}\r\n\r\n.gau-orgchart__unit {\r\n  position: relative;\r\n  display: grid;\r\n  grid-template-columns: 7px minmax(0, 1fr) 16px;\r\n  align-items: center;\r\n  gap: 8px;\r\n  width: 100%;\r\n  min-height: 50px;\r\n  padding: 9px;\r\n  border: 1px solid var(--gau-line);\r\n  border-radius: 12px;\r\n  color: var(--gau-ink);\r\n  background: #fafbfd;\r\n  cursor: pointer;\r\n  text-align: left;\r\n  font-size: 12.5px;\r\n  line-height: 1.25;\r\n  font-weight: 700;\r\n  overflow-wrap: anywhere;\r\n  word-break: break-word;\r\n  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;\r\n}\r\n\r\n\r\n.gau-orgchart__unit::before {\r\n  width: 6px;\r\n  height: 28px;\r\n  border-radius: 10px;\r\n  content: \"\";\r\n  background: var(--pillar-accent);\r\n}\r\n\r\n\r\n.gau-orgchart__unit:hover,\r\n.gau-orgchart__unit:focus-visible,\r\n.gau-orgchart__unit.is-active {\r\n  border-color: var(--pillar-accent);\r\n  background: color-mix(in srgb, var(--pillar-accent) 6%, white);\r\n  transform: translateX(2px);\r\n}\r\n\r\n.gau-orgchart__unit-arrow {\r\n  color: var(--gau-muted);\r\n}\r\n\r\n\r\n.gau-orgchart__details {\r\n  position: sticky;\r\n  top: 16px;\r\n  min-width: 0;\r\n  padding: 18px;\r\n  border: 1px solid var(--gau-line);\r\n  border-top: 5px solid var(--gau-gold);\r\n  border-radius: 16px;\r\n  background: var(--gau-surface);\r\n  box-shadow: 0 12px 28px rgba(7, 26, 54, 0.08);\r\n}\r\n\r\n\r\n.gau-orgchart__details-kicker {\r\n  color: var(--gau-gold);\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.08em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.gau-orgchart__details-title {\r\n  margin: 6px 0 0;\r\n  color: var(--gau-navy);\r\n  font-size: 20px;\r\n  line-height: 1.2;\r\n}\r\n\r\n\r\n.gau-orgchart__details-type {\r\n  display: inline-flex;\r\n  margin-top: 11px;\r\n  padding: 5px 9px;\r\n  border-radius: 999px;\r\n  color: var(--gau-navy);\r\n  background: var(--gau-gold-soft);\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n}\r\n\r\n.gau-orgchart__details-description {\r\n  margin: 14px 0 0;\r\n  color: #415168;\r\n  font-size: 13px;\r\n}\r\n\r\n\r\n.gau-orgchart__details-section {\r\n  margin-top: 16px;\r\n  padding-top: 14px;\r\n  border-top: 1px solid var(--gau-line);\r\n}\r\n\r\n\r\n.gau-orgchart__details-section h4 {\r\n  margin: 0 0 8px;\r\n  color: var(--gau-navy);\r\n  font-size: 13px;\r\n}\r\n\r\n\r\n.gau-orgchart__details-list,\r\n.gau-orgchart__details-subunit-list {\r\n  display: grid;\r\n  gap: 8px;\r\n  margin: 0;\r\n  padding: 0;\r\n  list-style: none;\r\n}\r\n\r\n.gau-orgchart__details-list li,\r\n.gau-orgchart__details-subunit-list li {\r\n  position: relative;\r\n  padding-left: 16px;\r\n  color: #45566d;\r\n  font-size: 12.5px;\r\n}\r\n\r\n\r\n.gau-orgchart__details-list li::before,\r\n.gau-orgchart__details-subunit-list li::before {\r\n  position: absolute;\r\n  top: 0.58em;\r\n  left: 0;\r\n  width: 7px;\r\n  height: 7px;\r\n  border-radius: 50%;\r\n  content: \"\";\r\n  background: var(--gau-gold);\r\n}\r\n\r\n@media (min-width: 1440px) {\r\n  .gau-orgchart__directorates {\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  }\r\n}\r\n\r\n@media (max-width: 1080px) {\r\n  .gau-orgchart__layout {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .gau-orgchart__details {\r\n    position: relative;\r\n    top: auto;\r\n  }\r\n}\r\n\r\n@media (max-width: 760px) {\r\n  .gau-orgchart__header {\r\n    padding: 16px;\r\n  }\r\n\r\n  .gau-orgchart__toolbar {\r\n    align-items: flex-start;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .gau-orgchart__toolbar-actions {\r\n    width: 100%;\r\n    justify-content: flex-start;\r\n  }\r\n\r\n  .gau-orgchart__layout {\r\n    padding: 12px;\r\n  }\r\n\r\n  .gau-orgchart__direct-offices,\r\n  .gau-orgchart__directorates {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .gau-orgchart__direct-offices::before,\r\n  .gau-orgchart__directorates::before,\r\n  .gau-orgchart__direct-office::before,\r\n  .gau-orgchart__directorate::before {\r\n    display: none;\r\n  }\r\n\r\n  .gau-orgchart__direct-office,\r\n  .gau-orgchart__directorates {\r\n    padding-top: 0;\r\n  }\r\n\r\n\r\n  .gau-orgchart__details-title {\r\n    font-size: 18px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .gau-orgchart__toolbar-actions {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n  }\r\n\r\n  .gau-orgchart__control:last-child {\r\n    grid-column: 1 \/ -1;\r\n  }\r\n\r\n  .gau-orgchart__directorate-head {\r\n    grid-template-columns: 36px minmax(0, 1fr) 26px;\r\n    min-height: 72px;\r\n    padding: 10px;\r\n  }\r\n\r\n  .gau-orgchart__directorate-icon {\r\n    width: 34px;\r\n    height: 34px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .gau-orgchart *,\r\n  .gau-orgchart *::before,\r\n  .gau-orgchart *::after {\r\n    scroll-behavior: auto !important;\r\n    transition: none !important;\r\n  }\r\n}\r\n\r\n@media print {\r\n  .gau-orgchart {\r\n    --gau-page: #fff;\r\n    --gau-shadow: none;\r\n  }\r\n\r\n  .gau-orgchart__toolbar,\r\n  .gau-orgchart__details {\r\n    display: none !important;\r\n  }\r\n\r\n  .gau-orgchart__layout {\r\n    display: block;\r\n    padding: 10mm;\r\n    border: 0;\r\n    box-shadow: none;\r\n  }\r\n\r\n  .gau-orgchart__directorates {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n\r\n  .gau-orgchart__directorate {\r\n    break-inside: avoid;\r\n  }\r\n\r\n  .gau-orgchart__directorate .gau-orgchart__units {\r\n    display: grid !important;\r\n  }\r\n}\r\n\r\n<\/style>\r\n<section id=\"gau-orgchart-standalone\" class=\"gau-orgchart\" data-default-open=\"all\" aria-label=\"GAU Center organization chart\">\r\n  <header class=\"gau-orgchart__header\">\r\n        <div class=\"gau-orgchart__header-copy\">\r\n      <h2>Organizational Structure<\/h2>\r\n      <p>Robotics, Artificial Intelligence and UAV Systems Application and Research Center<\/p>\r\n    <\/div>\r\n  <\/header>\r\n  <div class=\"gau-orgchart__toolbar\" aria-label=\"Organization chart controls\">\r\n    <div class=\"gau-orgchart__toolbar-copy\">\r\n      <strong>Interactive organization chart<\/strong>\r\n      <span>Select any unit to view its mandate and responsibilities.<\/span>\r\n    <\/div>\r\n    <div class=\"gau-orgchart__toolbar-actions\">\r\n      <button type=\"button\" class=\"gau-orgchart__control\" data-action=\"expand-all\">Expand all<\/button>\r\n      <button type=\"button\" class=\"gau-orgchart__control\" data-action=\"collapse-all\">Collapse all<\/button>\r\n      <button type=\"button\" class=\"gau-orgchart__control\" data-action=\"print\">Print \/ PDF<\/button>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"gau-orgchart__layout\">\r\n    <div class=\"gau-orgchart__canvas\">\r\n      <div class=\"gau-orgchart__governance\" aria-label=\"Governance hierarchy\"><\/div>\r\n      <div class=\"gau-orgchart__direct-offices\" aria-label=\"Offices reporting directly to the Center Director\"><\/div>\r\n      <div class=\"gau-orgchart__directorates\" aria-label=\"Center directorates\"><\/div>\r\n    <\/div>\r\n    <aside class=\"gau-orgchart__details\" aria-live=\"polite\" aria-label=\"Selected unit details\">\r\n      <div class=\"gau-orgchart__details-kicker\">Selected unit<\/div>\r\n      <h3 class=\"gau-orgchart__details-title\">Center Director<\/h3>\r\n      <div class=\"gau-orgchart__details-type\">Executive Leadership<\/div>\r\n      <p class=\"gau-orgchart__details-description\"><\/p>\r\n      <div class=\"gau-orgchart__details-section\">\r\n        <h4>Core responsibilities<\/h4>\r\n        <ul class=\"gau-orgchart__details-list\"><\/ul>\r\n      <\/div>\r\n      <div class=\"gau-orgchart__details-section gau-orgchart__details-subunits\" hidden>\r\n        <h4>Sub-units \/ capability groups<\/h4>\r\n        <ul class=\"gau-orgchart__details-subunit-list\"><\/ul>\r\n      <\/div>\r\n    <\/aside>\r\n  <\/div>\r\n  <script type=\"application\/json\" class=\"gau-orgchart__data\">{\r\n    \"governance\": [\r\n        {\r\n            \"id\": \"rectorate\",\r\n            \"title\": \"Girne American University Rectorate\",\r\n            \"shortTitle\": \"GAU Rectorate\",\r\n            \"type\": \"Governance Authority\",\r\n            \"description\": \"Provides institutional authority, university-level oversight, and alignment with GAU strategy and policies.\",\r\n            \"responsibilities\": [\r\n                \"Institutional authorization and oversight\",\r\n                \"Alignment with university strategy and regulations\",\r\n                \"Approval of major institutional commitments\"\r\n            ]\r\n        },\r\n        {\r\n            \"id\": \"director\",\r\n            \"title\": \"Center Director\",\r\n            \"shortTitle\": \"Center Director\",\r\n            \"type\": \"Executive Leadership\",\r\n            \"description\": \"Leads the Center, sets technical and commercial priorities, approves programs, and holds final responsibility for performance, safety, and strategic direction.\",\r\n            \"responsibilities\": [\r\n                \"Set strategy, priorities, and annual objectives\",\r\n                \"Approve projects, budgets, partnerships, and releases\",\r\n                \"Lead technology development and institutional representation\",\r\n                \"Ensure accountability across all directorates\"\r\n            ]\r\n        }\r\n    ],\r\n    \"directOffices\": [\r\n        {\r\n            \"id\": \"executive-pmo\",\r\n            \"title\": \"Director's Executive Office & Portfolio Management Office\",\r\n            \"shortTitle\": \"Executive Office & PMO\",\r\n            \"type\": \"Direct Office\",\r\n            \"description\": \"Controls the project and product portfolio, stage gates, priorities, resources, risks, documentation, and executive reporting.\",\r\n            \"responsibilities\": [\r\n                \"Project and product portfolio management\",\r\n                \"Stage-gate, TRL, schedule, budget, and risk control\",\r\n                \"Directorate coordination and executive reporting\",\r\n                \"Knowledge management and controlled documentation\"\r\n            ],\r\n            \"subunits\": [\r\n                \"Project & Product Portfolio Management\",\r\n                \"Strategic Planning & Performance\",\r\n                \"Rectorate Coordination & Executive Secretariat\",\r\n                \"Documentation & Knowledge Management\"\r\n            ]\r\n        },\r\n        {\r\n            \"id\": \"quality-compliance\",\r\n            \"title\": \"Quality, Safety, Ethics & Compliance Office\",\r\n            \"shortTitle\": \"Quality, Safety & Compliance\",\r\n            \"type\": \"Independent Assurance Office\",\r\n            \"description\": \"Provides independent oversight of quality, flight and laboratory safety, AI ethics, data governance, cybersecurity, and regulatory compliance.\",\r\n            \"responsibilities\": [\r\n                \"Independent quality assurance and validation\",\r\n                \"UAV flight safety and airworthiness coordination\",\r\n                \"Workshop, laboratory, and operational safety\",\r\n                \"AI ethics, data governance, and cybersecurity assurance\",\r\n                \"Regulatory, export, and certification compliance\"\r\n            ],\r\n            \"subunits\": [\r\n                \"Quality Assurance & Validation\",\r\n                \"UAV Flight Safety & Airworthiness\",\r\n                \"Laboratory & Workshop Safety\",\r\n                \"AI Ethics & Data Governance\",\r\n                \"Cybersecurity & Information Assurance\",\r\n                \"Regulatory & Export Compliance\"\r\n            ]\r\n        }\r\n    ],\r\n    \"directorates\": [\r\n        {\r\n            \"id\": \"engineering\",\r\n            \"title\": \"Engineering & Technology Directorate\",\r\n            \"shortTitle\": \"Engineering & Technology\",\r\n            \"type\": \"Core Technology Directorate\",\r\n            \"accent\": \"blue\",\r\n            \"icon\": \"engineering\",\r\n            \"description\": \"Designs, integrates, prototypes, tests, and maintains the Center\\u2019s UAV, robotics, AI, software, and advanced manufacturing technologies.\",\r\n            \"responsibilities\": [\r\n                \"End-to-end engineering and system integration\",\r\n                \"Prototype design, build, test, and verification\",\r\n                \"Technical architecture and configuration control\",\r\n                \"Shared engineering infrastructure and manufacturing\"\r\n            ],\r\n            \"units\": [\r\n                {\r\n                    \"id\": \"uav-flight\",\r\n                    \"title\": \"UAV & Flight Systems Department\",\r\n                    \"description\": \"Develops fixed-wing, VTOL, autonomous flight, mission, propulsion, avionics, communications, and payload systems.\",\r\n                    \"items\": [\r\n                        \"Airframe, Aerodynamics & Structures\",\r\n                        \"Propulsion & Energy Systems\",\r\n                        \"Avionics, Flight Control & Navigation\",\r\n                        \"Communications, Secure Data Link & GCS\",\r\n                        \"Payload & Mission Systems\",\r\n                        \"Flight Testing & Mission Operations\"\r\n                    ]\r\n                },\r\n                {\r\n                    \"id\": \"robotics-autonomy\",\r\n                    \"title\": \"Robotics & Autonomous Systems Department\",\r\n                    \"description\": \"Develops ground, marine, industrial, service, medical, agricultural, and multi-agent robotic systems.\",\r\n                    \"items\": [\r\n                        \"Ground & Marine Robotics\",\r\n                        \"Industrial & Service Robotics\",\r\n                        \"Medical & Assistive Robotics\",\r\n                        \"Agricultural Robotics\",\r\n                        \"Autonomous Navigation\",\r\n                        \"Swarm & Multi-Agent Systems\"\r\n                    ]\r\n                },\r\n                {\r\n                    \"id\": \"ai-software\",\r\n                    \"title\": \"AI, Software & Digital Platforms Department\",\r\n                    \"description\": \"Builds AI-native applications, computer vision, decision systems, digital twins, data platforms, and mission software.\",\r\n                    \"items\": [\r\n                        \"Computer Vision & Sensor Fusion\",\r\n                        \"AI Agents & Decision Systems\",\r\n                        \"Software & Platform Engineering\",\r\n                        \"Simulation & Digital Twins\",\r\n                        \"Data Engineering, MLOps & AI Infrastructure\",\r\n                        \"Cyber-Physical & Control Software\"\r\n                    ]\r\n                },\r\n                {\r\n                    \"id\": \"manufacturing\",\r\n                    \"title\": \"Advanced Manufacturing & Prototyping Department\",\r\n                    \"description\": \"Provides shared design, fabrication, electronics integration, additive manufacturing, and test instrumentation services.\",\r\n                    \"items\": [\r\n                        \"CAD\/CAE & Mechanical Design\",\r\n                        \"Composite & CNC Manufacturing\",\r\n                        \"Additive Manufacturing & 3D Printing\",\r\n                        \"Electronics Integration\",\r\n                        \"Rapid Prototyping\",\r\n                        \"Test Instrumentation\"\r\n                    ]\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            \"id\": \"research\",\r\n            \"title\": \"Research & Academic Programs Directorate\",\r\n            \"shortTitle\": \"Research & Academic Programs\",\r\n            \"type\": \"Research Directorate\",\r\n            \"accent\": \"teal\",\r\n            \"icon\": \"research\",\r\n            \"description\": \"Coordinates scientific research, laboratories, grants, publications, academic programs, student projects, internships, and professional training.\",\r\n            \"responsibilities\": [\r\n                \"Manage research programs and shared laboratories\",\r\n                \"Develop grants and strategic funding proposals\",\r\n                \"Support publications and academic research\",\r\n                \"Coordinate student projects, internships, and training\"\r\n            ],\r\n            \"units\": [\r\n                {\r\n                    \"id\": \"research-programs\",\r\n                    \"title\": \"Research Programs & Laboratories\",\r\n                    \"description\": \"Coordinates thematic research programs and shared facilities across AI, UAV, robotics, simulation, and testing.\",\r\n                    \"items\": [\r\n                        \"AI Research Laboratory\",\r\n                        \"UAV Aerodynamics & Flight Research\",\r\n                        \"Robotics Innovation Laboratory\",\r\n                        \"Simulation, Testing & Validation Facilities\"\r\n                    ]\r\n                },\r\n                {\r\n                    \"id\": \"grants-funding\",\r\n                    \"title\": \"Grants & Strategic Funding\",\r\n                    \"description\": \"Identifies and manages national, regional, European, industry, and defense research funding opportunities.\",\r\n                    \"items\": [\r\n                        \"T\\u00fcrkiye & EU Projects\",\r\n                        \"TRNC National Programs\",\r\n                        \"Defense & Government Grants\",\r\n                        \"Industry-Funded Research\"\r\n                    ]\r\n                },\r\n                {\r\n                    \"id\": \"academic-publications\",\r\n                    \"title\": \"Publications & Academic Programs\",\r\n                    \"description\": \"Supports scientific publications, postgraduate research, interdisciplinary collaboration, and academic quality.\",\r\n                    \"items\": [\r\n                        \"Scientific Publications\",\r\n                        \"Doctoral & MSc Programs\",\r\n                        \"Research Collaboration\",\r\n                        \"Academic Quality Support\"\r\n                    ]\r\n                },\r\n                {\r\n                    \"id\": \"students-training\",\r\n                    \"title\": \"Student Projects, Internships & Training\",\r\n                    \"description\": \"Structures hands-on student participation, internships, technical courses, certification, and talent development.\",\r\n                    \"items\": [\r\n                        \"Student Project Teams\",\r\n                        \"Internship Programs\",\r\n                        \"Professional Courses & Certification\",\r\n                        \"Skills Development & Mentoring\"\r\n                    ]\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            \"id\": \"innovation\",\r\n            \"title\": \"Innovation, Productization & Technology Transfer Directorate\",\r\n            \"shortTitle\": \"Innovation & Technology Transfer\",\r\n            \"type\": \"Commercialization Directorate\",\r\n            \"accent\": \"gold\",\r\n            \"icon\": \"innovation\",\r\n            \"description\": \"Converts research and prototypes into validated products, protected IP, industry partnerships, licenses, spin-offs, and investment opportunities.\",\r\n            \"responsibilities\": [\r\n                \"Product definition, validation, and release planning\",\r\n                \"IP protection, licensing, and technology transfer\",\r\n                \"Industry partnerships and commercialization\",\r\n                \"Startup incubation, spin-offs, and investment readiness\"\r\n            ],\r\n            \"units\": [\r\n                {\r\n                    \"id\": \"product-management\",\r\n                    \"title\": \"Product Management & Validation Office\",\r\n                    \"description\": \"Owns product requirements, roadmaps, readiness levels, certification planning, pricing, and release decisions.\",\r\n                    \"items\": [\r\n                        \"Product Requirements & Roadmaps\",\r\n                        \"TRL\/MRL & Stage-Gate Assessment\",\r\n                        \"Prototype Validation\",\r\n                        \"Certification Planning\",\r\n                        \"Pricing & Business Models\",\r\n                        \"Release Management\"\r\n                    ]\r\n                },\r\n                {\r\n                    \"id\": \"ip-transfer\",\r\n                    \"title\": \"Intellectual Property & Technology Transfer Office\",\r\n                    \"description\": \"Protects, documents, licenses, and transfers patents, designs, software, know-how, and other intellectual assets.\",\r\n                    \"items\": [\r\n                        \"IP Portfolio Management\",\r\n                        \"Patents & Design Registration\",\r\n                        \"Copyright & Software Ownership\",\r\n                        \"NDA & Contributor Agreements\",\r\n                        \"Licensing & Technology Assignment\",\r\n                        \"Spin-off IP Agreements\"\r\n                    ]\r\n                },\r\n                {\r\n                    \"id\": \"industry-commercial\",\r\n                    \"title\": \"Industry Partnerships & Commercialization\",\r\n                    \"description\": \"Builds customer pilots, industrial contracts, manufacturing partnerships, exports, and government or defense programs.\",\r\n                    \"items\": [\r\n                        \"Industry Contracts\",\r\n                        \"Prototype-to-Product Pipeline\",\r\n                        \"Manufacturing Partnerships\",\r\n                        \"Customer Pilots\",\r\n                        \"Government & Defense Programs\",\r\n                        \"Export & International Markets\"\r\n                    ]\r\n                },\r\n                {\r\n                    \"id\": \"startup-investment\",\r\n                    \"title\": \"Startup, Incubation & Investment\",\r\n                    \"description\": \"Supports student startups, deep-tech spin-offs, accelerators, venture mentoring, and investor engagement.\",\r\n                    \"items\": [\r\n                        \"Student Startups\",\r\n                        \"Deep-Tech Spin-offs\",\r\n                        \"Venture Mentoring\",\r\n                        \"Accelerator Programs\",\r\n                        \"Angel & VC Relations\",\r\n                        \"Government Investment Programs\"\r\n                    ]\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            \"id\": \"operations\",\r\n            \"title\": \"Operations, Strategy & External Relations Directorate\",\r\n            \"shortTitle\": \"Operations & External Relations\",\r\n            \"type\": \"Enabling Directorate\",\r\n            \"accent\": \"purple\",\r\n            \"icon\": \"operations\",\r\n            \"description\": \"Provides finance, procurement, contracts, infrastructure, IT, people coordination, communications, partnerships, and institutional support.\",\r\n            \"responsibilities\": [\r\n                \"Financial, procurement, and contract administration\",\r\n                \"Facilities, assets, laboratories, network, and IT services\",\r\n                \"People, students, and talent coordination\",\r\n                \"Communications, exhibitions, sponsors, and external relations\"\r\n            ],\r\n            \"units\": [\r\n                {\r\n                    \"id\": \"finance-contracts\",\r\n                    \"title\": \"Finance, Procurement & Contracts\",\r\n                    \"description\": \"Controls budgets, procurement, agreements, sponsor funds, grants accounting, and financial reporting.\",\r\n                    \"items\": [\r\n                        \"Budget Control\",\r\n                        \"Procurement\",\r\n                        \"Contract Administration\",\r\n                        \"Financial Reporting\",\r\n                        \"Sponsor & Grant Accounting\"\r\n                    ]\r\n                },\r\n                {\r\n                    \"id\": \"infrastructure-it\",\r\n                    \"title\": \"Infrastructure, Assets & IT\",\r\n                    \"description\": \"Manages workshops, laboratories, equipment, networks, servers, software licenses, maintenance, and facility scheduling.\",\r\n                    \"items\": [\r\n                        \"Laboratory & Workshop Management\",\r\n                        \"Equipment & Asset Management\",\r\n                        \"Network & Server Infrastructure\",\r\n                        \"Software Licenses\",\r\n                        \"Facility Scheduling & Maintenance\"\r\n                    ]\r\n                },\r\n                {\r\n                    \"id\": \"people-talent\",\r\n                    \"title\": \"People, Students & Talent\",\r\n                    \"description\": \"Coordinates staff, student teams, research assistants, volunteers, internships, records, and skills development.\",\r\n                    \"items\": [\r\n                        \"Staff Coordination\",\r\n                        \"Student Teams\",\r\n                        \"Internship Administration\",\r\n                        \"Research Assistants & Volunteers\",\r\n                        \"Training Records & Skills Matrix\"\r\n                    ]\r\n                },\r\n                {\r\n                    \"id\": \"communications-relations\",\r\n                    \"title\": \"Communications & External Relations\",\r\n                    \"description\": \"Manages public communications, digital media, exhibitions, government relations, international partnerships, and sponsors.\",\r\n                    \"items\": [\r\n                        \"Branding & Public Relations\",\r\n                        \"Website & Digital Media\",\r\n                        \"Exhibitions & Launch Events\",\r\n                        \"Government & Ministry Relations\",\r\n                        \"International Partnerships\",\r\n                        \"Sponsor Relations\"\r\n                    ]\r\n                }\r\n            ]\r\n        }\r\n    ],\r\n    \"advisory\": [\r\n        \"Strategic Technology Council\",\r\n        \"IP & Technology Review Committee\",\r\n        \"Research & Grants Committee\",\r\n        \"Innovation & Startup Board\",\r\n        \"Security, Safety & Ethics Committee\"\r\n    ]\r\n}<\/script>\r\n<\/section>\r\n<script>\r\n(function () {\r\n  'use strict';\r\n\r\n  const ICONS = {\r\n    engineering: '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M14.7 6.3a4 4 0 0 0-5.2 5.2L3 18l3 3 6.5-6.5a4 4 0 0 0 5.2-5.2l-2.3 2.3-3-3 2.3-2.3Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>',\r\n    research: '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9 3h6M10 3v5l-5.5 9.2A2.5 2.5 0 0 0 6.6 21h10.8a2.5 2.5 0 0 0 2.1-3.8L14 8V3M8.2 15h7.6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>',\r\n    innovation: '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9 18h6M10 22h4M8.5 14.5A6 6 0 1 1 15.5 14.5c-.9.7-1.5 1.5-1.5 2.5h-4c0-1-.6-1.8-1.5-2.5Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>',\r\n    operations: '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 5h16M7 5v14M17 5v14M4 19h16M9.5 9h5M9.5 12h5M9.5 15h5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>'\r\n  };\r\n\r\n  const CHEVRON = '<svg viewBox=\"0 0 20 20\" width=\"18\" height=\"18\" aria-hidden=\"true\"><path d=\"m5 7.5 5 5 5-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>';\r\n\r\n  function createButton(className, text, nodeId) {\r\n    const button = document.createElement('button');\r\n    button.type = 'button';\r\n    button.className = className;\r\n    button.dataset.nodeId = nodeId;\r\n    button.textContent = text;\r\n    return button;\r\n  }\r\n\r\n  function flattenData(data) {\r\n    const map = new Map();\r\n    const add = (node, parent) => {\r\n      map.set(node.id, {\r\n        ...node,\r\n        parentTitle: parent ? parent.title : null,\r\n        responsibilities: node.responsibilities || node.items || [],\r\n        subunits: node.subunits || node.items || []\r\n      });\r\n    };\r\n\r\n    data.governance.forEach((node) => add(node, null));\r\n    data.directOffices.forEach((node) => add(node, data.governance[data.governance.length - 1]));\r\n    data.directorates.forEach((directorate) => {\r\n      add(directorate, data.governance[data.governance.length - 1]);\r\n      directorate.units.forEach((unit) => add(unit, directorate));\r\n    });\r\n\r\n    return map;\r\n  }\r\n\r\n  function initChart(root) {\r\n    if (root.dataset.initialized === 'true') return;\r\n    root.dataset.initialized = 'true';\r\n\r\n    const dataElement = root.querySelector('.gau-orgchart__data');\r\n    if (!dataElement) return;\r\n\r\n    let data;\r\n    try {\r\n      data = JSON.parse(dataElement.textContent);\r\n    } catch (error) {\r\n      console.error('GAU organization chart data could not be parsed.', error);\r\n      return;\r\n    }\r\n\r\n    const nodeMap = flattenData(data);\r\n    const governanceContainer = root.querySelector('.gau-orgchart__governance');\r\n    const officesContainer = root.querySelector('.gau-orgchart__direct-offices');\r\n    const directoratesContainer = root.querySelector('.gau-orgchart__directorates');\r\n    const advisoryContainer = root.querySelector('.gau-orgchart__advisory-list');\r\n    const detailsTitle = root.querySelector('.gau-orgchart__details-title');\r\n    const detailsType = root.querySelector('.gau-orgchart__details-type');\r\n    const detailsDescription = root.querySelector('.gau-orgchart__details-description');\r\n    const detailsList = root.querySelector('.gau-orgchart__details-list');\r\n    const detailsSubunits = root.querySelector('.gau-orgchart__details-subunits');\r\n    const detailsSubunitList = root.querySelector('.gau-orgchart__details-subunit-list');\r\n\r\n    data.governance.forEach((node) => {\r\n      const modifier = node.id === 'rectorate' ? 'rectorate' : 'director';\r\n      const button = createButton(\r\n        `gau-orgchart__node gau-orgchart__node--governance gau-orgchart__node--${modifier}`,\r\n        node.shortTitle || node.title,\r\n        node.id\r\n      );\r\n      governanceContainer.appendChild(button);\r\n    });\r\n\r\n    data.directOffices.forEach((office) => {\r\n      const wrapper = document.createElement('div');\r\n      wrapper.className = 'gau-orgchart__direct-office';\r\n      const button = createButton(\r\n        'gau-orgchart__node gau-orgchart__node--office',\r\n        office.shortTitle || office.title,\r\n        office.id\r\n      );\r\n      wrapper.appendChild(button);\r\n      officesContainer.appendChild(wrapper);\r\n    });\r\n\r\n    data.directorates.forEach((directorate, index) => {\r\n      const article = document.createElement('article');\r\n      article.className = 'gau-orgchart__directorate';\r\n      article.dataset.accent = directorate.accent || 'blue';\r\n      article.dataset.directorateId = directorate.id;\r\n\r\n      const head = document.createElement('button');\r\n      head.type = 'button';\r\n      head.className = 'gau-orgchart__directorate-head';\r\n      head.dataset.nodeId = directorate.id;\r\n      head.setAttribute('aria-expanded', 'false');\r\n\r\n      const icon = document.createElement('span');\r\n      icon.className = 'gau-orgchart__directorate-icon';\r\n      icon.innerHTML = ICONS[directorate.icon] || ICONS.engineering;\r\n\r\n      const title = document.createElement('span');\r\n      title.innerHTML = `<span class=\"gau-orgchart__directorate-title\">${escapeHtml(directorate.shortTitle || directorate.title)}<\/span><span class=\"gau-orgchart__directorate-type\">${escapeHtml(directorate.type)}<\/span>`;\r\n\r\n      const toggle = document.createElement('span');\r\n      toggle.className = 'gau-orgchart__toggle';\r\n      toggle.innerHTML = CHEVRON;\r\n\r\n      head.append(icon, title, toggle);\r\n\r\n      const units = document.createElement('div');\r\n      units.className = 'gau-orgchart__units';\r\n      units.id = `${root.id}-${directorate.id}-units`;\r\n      head.setAttribute('aria-controls', units.id);\r\n\r\n      directorate.units.forEach((unit) => {\r\n        const button = document.createElement('button');\r\n        button.type = 'button';\r\n        button.className = 'gau-orgchart__unit';\r\n        button.dataset.nodeId = unit.id;\r\n        button.innerHTML = `<span>${escapeHtml(unit.title)}<\/span><span class=\"gau-orgchart__unit-arrow\" aria-hidden=\"true\">\u203a<\/span>`;\r\n        units.appendChild(button);\r\n      });\r\n\r\n      article.append(head, units);\r\n      directoratesContainer.appendChild(article);\r\n\r\n      const mode = root.dataset.defaultOpen || 'all';\r\n      const shouldOpen = mode === 'all' || (mode === 'first' && index === 0);\r\n      setDirectorateOpen(article, shouldOpen);\r\n    });\r\n\r\n    if (advisoryContainer) {\r\n      data.advisory.forEach((item) => {\r\n        const chip = document.createElement('span');\r\n        chip.className = 'gau-orgchart__advisory-chip';\r\n        chip.textContent = item;\r\n        advisoryContainer.appendChild(chip);\r\n      });\r\n    }\r\n\r\n    function setDirectorateOpen(article, open) {\r\n      article.classList.toggle('is-open', open);\r\n      const head = article.querySelector('.gau-orgchart__directorate-head');\r\n      if (head) head.setAttribute('aria-expanded', String(open));\r\n    }\r\n\r\n    function clearActive() {\r\n      root.querySelectorAll('.is-active').forEach((element) => element.classList.remove('is-active'));\r\n      root.querySelectorAll('.gau-orgchart__directorate.is-selected').forEach((element) => element.classList.remove('is-selected'));\r\n    }\r\n\r\n    function showDetails(nodeId, sourceElement) {\r\n      const node = nodeMap.get(nodeId);\r\n      if (!node) return;\r\n\r\n      clearActive();\r\n      if (sourceElement) {\r\n        sourceElement.classList.add('is-active');\r\n        const directorate = sourceElement.closest('.gau-orgchart__directorate');\r\n        if (directorate) directorate.classList.add('is-selected');\r\n      }\r\n\r\n      detailsTitle.textContent = node.title;\r\n      detailsType.textContent = node.type || (node.parentTitle ? `Unit of ${node.parentTitle}` : 'Center Unit');\r\n      detailsDescription.textContent = node.description || '';\r\n      detailsList.replaceChildren();\r\n\r\n      const responsibilities = node.responsibilities || [];\r\n      responsibilities.forEach((item) => {\r\n        const li = document.createElement('li');\r\n        li.textContent = item;\r\n        detailsList.appendChild(li);\r\n      });\r\n\r\n      const subunits = node.subunits || [];\r\n      detailsSubunitList.replaceChildren();\r\n      if (subunits.length) {\r\n        subunits.forEach((item) => {\r\n          const li = document.createElement('li');\r\n          li.textContent = item;\r\n          detailsSubunitList.appendChild(li);\r\n        });\r\n        detailsSubunits.hidden = false;\r\n      } else {\r\n        detailsSubunits.hidden = true;\r\n      }\r\n\r\n      if (window.matchMedia('(max-width: 1080px)').matches) {\r\n        const details = root.querySelector('.gau-orgchart__details');\r\n        details.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n      }\r\n    }\r\n\r\n    root.addEventListener('click', (event) => {\r\n      const nodeButton = event.target.closest('[data-node-id]');\r\n      if (nodeButton && root.contains(nodeButton)) {\r\n        const nodeId = nodeButton.dataset.nodeId;\r\n        const directorateArticle = nodeButton.closest('.gau-orgchart__directorate');\r\n\r\n        if (nodeButton.classList.contains('gau-orgchart__directorate-head') && directorateArticle) {\r\n          const currentlyOpen = directorateArticle.classList.contains('is-open');\r\n          setDirectorateOpen(directorateArticle, !currentlyOpen);\r\n        }\r\n\r\n        showDetails(nodeId, nodeButton);\r\n        return;\r\n      }\r\n\r\n      const actionButton = event.target.closest('[data-action]');\r\n      if (!actionButton || !root.contains(actionButton)) return;\r\n\r\n      const action = actionButton.dataset.action;\r\n      if (action === 'expand-all') {\r\n        root.querySelectorAll('.gau-orgchart__directorate').forEach((article) => setDirectorateOpen(article, true));\r\n      } else if (action === 'collapse-all') {\r\n        root.querySelectorAll('.gau-orgchart__directorate').forEach((article) => setDirectorateOpen(article, false));\r\n      } else if (action === 'print') {\r\n        window.print();\r\n      }\r\n    });\r\n\r\n    const directorNode = root.querySelector('[data-node-id=\"director\"]');\r\n    showDetails('director', directorNode);\r\n  }\r\n\r\n  function escapeHtml(value) {\r\n    return String(value)\r\n      .replaceAll('&', '&amp;')\r\n      .replaceAll('<', '&lt;')\r\n      .replaceAll('>', '&gt;')\r\n      .replaceAll('\"', '&quot;')\r\n      .replaceAll(\"'\", '&#039;');\r\n  }\r\n\r\n  function boot() {\r\n    document.querySelectorAll('.gau-orgchart').forEach(initChart);\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', boot, { once: true });\r\n  } else {\r\n    boot();\r\n  }\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Organizational Structure Robotics, Artificial Intelligence and UAV Systems Application and Research Center Interactive organization chart Select any unit to view its mandate and responsibilities. Expand all Collapse all Print \/ &hellip; <\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-18775","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gautechcenter.com\/tr\/wp-json\/wp\/v2\/pages\/18775","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gautechcenter.com\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gautechcenter.com\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gautechcenter.com\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gautechcenter.com\/tr\/wp-json\/wp\/v2\/comments?post=18775"}],"version-history":[{"count":25,"href":"https:\/\/gautechcenter.com\/tr\/wp-json\/wp\/v2\/pages\/18775\/revisions"}],"predecessor-version":[{"id":19793,"href":"https:\/\/gautechcenter.com\/tr\/wp-json\/wp\/v2\/pages\/18775\/revisions\/19793"}],"wp:attachment":[{"href":"https:\/\/gautechcenter.com\/tr\/wp-json\/wp\/v2\/media?parent=18775"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}