/* Professional official identity header */
.gov-strip{background:linear-gradient(90deg,#0b2742,#123f63);color:#eaf3f8;border-bottom:1px solid rgba(255,255,255,.08);font-size:11px}
.gov-strip-inner{min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.gov-strip-left,.gov-strip-right{display:flex;align-items:center;gap:9px;white-space:nowrap}
.gov-dot{width:6px;height:6px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.12)}

.site-header{box-shadow:0 7px 24px rgba(16,42,67,.06)}
.nav-wrap{min-height:100px;padding-top:8px;padding-bottom:8px;gap:18px}

/* Premium institutional identity block */
.brand{
  position:relative;
  min-width:340px;
  max-width:365px;
  gap:13px;
  padding:9px 13px 9px 10px;
  border:1px solid #dce6ee;
  border-radius:20px;
  background:
    radial-gradient(circle at 18% 20%,rgba(37,99,235,.08),transparent 32%),
    linear-gradient(135deg,#ffffff 0%,#fbfdff 58%,#f4fbf8 100%);
  box-shadow:0 10px 28px rgba(16,42,67,.08);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.brand:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(16,42,67,.11);border-color:#c9d9e5}
.brand:after{
  content:"";
  position:absolute;
  left:0;
  top:18px;
  bottom:18px;
  width:3px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(180deg,#2563eb,#0f766e,#f59e0b)
}

.brand-logo-wrap{
  position:relative;
  width:70px;
  height:70px;
  border-radius:50%;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  background:#fff;
  border:1px solid #d8e3eb;
  box-shadow:0 9px 22px rgba(16,42,67,.15);
  overflow:visible;
  padding:4px;
}
.brand-logo-glow{
  position:absolute;
  inset:-5px;
  border-radius:50%;
  background:conic-gradient(from 90deg,rgba(37,99,235,.22),rgba(15,118,110,.18),rgba(245,158,11,.18),rgba(37,99,235,.22));
  filter:blur(5px);
  opacity:.5;
  z-index:0
}
.brand-logo{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;border-radius:50%;background:#fff}

.brand-copy{display:flex;flex-direction:column;min-width:0;padding:1px 0}
.brand-official{
  display:flex;
  align-items:center;
  gap:6px;
  color:#667085;
  font-size:9.5px;
  font-weight:700;
  line-height:1.3;
  margin-bottom:3px;
  white-space:nowrap
}
.brand-official i{width:5px;height:5px;border-radius:50%;background:#2563eb;box-shadow:0 0 0 3px #dbeafe;flex:0 0 auto}

.brand-title-row{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}
.brand strong{
  color:#102a43;
  font-size:18px;
  line-height:1.28;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  max-width:none
}
.brand-badge{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  padding:3px 6px;
  border-radius:999px;
  background:linear-gradient(135deg,#eff6ff,#ecfdf5);
  border:1px solid #d5e6ec;
  color:#0f766e;
  font-size:8px;
  font-weight:800;
  line-height:1.2
}
.brand small{font-size:10.5px;margin-top:2px;line-height:1.3;color:#667085}
.brand-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:#0f766e;font-size:9px;font-weight:700;margin-top:4px;line-height:1.25}
.brand-code{display:inline-flex;padding:2px 6px;border-radius:999px;background:#0f766e;color:#fff;font-size:8px;letter-spacing:.02em;box-shadow:0 3px 8px rgba(15,118,110,.14)}

/* Navigation */
.nav{gap:13px;font-size:13px;flex:1;justify-content:flex-end}
.nav a:not(.btn){position:relative;padding:9px 0}
.nav a:not(.btn):after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:2px;border-radius:99px;background:linear-gradient(90deg,#2563eb,#0f766e);transition:right .2s ease}
.nav a:not(.btn):hover:after{right:0}
.nav .btn-primary{border-radius:12px;padding-left:15px;padding-right:15px}

/* Slightly tighter desktop mode when the coordinator menu is long */
@media(max-width:1180px){
  .brand{min-width:315px;max-width:330px;padding-right:10px}
  .brand strong{font-size:16px;white-space:normal;overflow:visible;text-overflow:clip}
  .brand-official{font-size:8.7px}
  .brand small{font-size:9.5px}
  .nav{gap:10px;font-size:12px}
}
@media(max-width:980px){
  .brand{min-width:285px;max-width:305px}
  .brand-badge{display:none}
  .brand strong{font-size:15px;white-space:normal;overflow:visible;text-overflow:clip}
  .nav{gap:8px;font-size:11.5px}
}

/* Mobile */
@media(max-width:760px){
  .gov-strip-right{display:none}
  .gov-strip-inner{justify-content:center}
  .nav-wrap{min-height:84px;padding-top:6px;padding-bottom:6px}
  .brand{min-width:0;max-width:none;gap:10px;padding:7px 10px 7px 8px;border-radius:16px;box-shadow:0 7px 20px rgba(16,42,67,.07)}
  .brand:after{top:14px;bottom:14px}
  .brand-logo-wrap{width:56px;height:56px}
  .brand-copy{padding:0}
  .brand-official{font-size:8.5px;margin-bottom:2px;line-height:1.2}
  .brand strong{font-size:14px;line-height:1.25;white-space:normal;overflow:visible;text-overflow:clip}
  .brand small{font-size:9px;margin-top:1px;line-height:1.25}
  .brand-meta{font-size:8px;margin-top:2px}
  .brand-code{font-size:7.5px}
  .nav{top:84px}
  .site-header .nav{z-index:60}
}
@media(max-width:480px){
  .gov-strip{font-size:10px}
  .brand{max-width:calc(100vw - 86px)}
  .brand small{display:none}
  .brand-official{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .brand strong{font-size:13px;white-space:normal;overflow:visible;text-overflow:clip}
  .brand-logo-wrap{width:50px;height:50px}
  .brand-meta span:first-child{display:none}
  .nav-wrap{min-height:78px}
  .nav{top:78px}
}