/* Management follows Network's page rhythm and card proportions. */
@media (min-width: 901px) {
  #main > .hero { padding-top: clamp(5px, .875vh, 10px); }
}
.management-service-grid { margin-top: 38px; }
.management-service-card { scroll-margin-top: 100px; }
.management-service-card > span[id] { scroll-margin-top: 110px; }
@media (hover: hover) and (pointer: fine) {
  #matrix .rda-network-category:hover { background-color: #430000; transform: scale(1.3); }
}
@media (hover: hover) and (pointer: fine) and (max-width: 640px) {
  #matrix .rda-network-category:hover { max-width: calc((100vw - 24px) / 1.3); }
}
#planning-guidance .rda-guidance-grid { width: 80%; margin: 0 auto; gap: 14.4px; }
#planning-guidance .rda-guidance-card {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22.4px 24px;
  border-radius: 11.2px;
  text-decoration: none;
}
#planning-guidance .rda-guidance-card h3 { font-size: 17.6px; line-height: 1.25; margin: 0; color: var(--ink); }
#planning-guidance .rda-guidance-card:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; background-color: #430000; }
@media (hover: hover) and (pointer: fine) {
  #planning-guidance .rda-guidance-card:hover { background-color: #430000; transform: scale(1.3); }
}
@media (max-width: 640px) {
  #planning-guidance .rda-guidance-grid { gap: 11.2px; }
  #planning-guidance .rda-guidance-card { padding: 19.2px 17.6px; }
}
@media (hover: hover) and (pointer: fine) and (max-width: 640px) {
  #planning-guidance .rda-guidance-card:hover { max-width: calc((100vw - 24px) / 1.3); }
}
/* The Management circle keeps the approved floating hero's size and controls. */
.management-hero .network-hero-scene::before {
  clip-path: circle(45% at 50% 50%);
  background: radial-gradient(circle at 38% 28%, #f9eff10f, #7d192214 58%, #f6e9ed08);
}
.management-hero .network-hero-slide { inset: 26% 24% 24%; justify-content: center; }
.management-ring {
  transform-box: view-box;
  transform-origin: center;
  --dial-start: -12deg;
  --dial-end: 18deg;
  animation: management-ring-dial 17s cubic-bezier(.45, 0, .25, 1) infinite;
  animation-play-state: paused;
}
.management-ring-outer { --dial-start: 18deg; --dial-end: -24deg; animation-duration: 13s; }
.management-ring-middle { --dial-start: -20deg; --dial-end: 32deg; animation-duration: 19s; }
.management-ring-inner { --dial-start: 14deg; --dial-end: -18deg; animation-duration: 23s; }
.management-hero.is-enhanced[data-paused="false"] .management-ring { animation-play-state: running; }
@keyframes management-ring-dial {
  0%, 8% { transform: rotate(var(--dial-start)); }
  45%, 55% { transform: rotate(var(--dial-end)); }
  92%, 100% { transform: rotate(var(--dial-start)); }
}
.management-hero .network-hero-controls button { border-color: #efd1d632; background: #f7dfe608; }
.management-hero .network-hero-controls button:hover { border-color: #efd1d66b; background: #e6b5c01a; }
.rda-site-visual .rda-infographic { background: linear-gradient(135deg, #430000df, #23070fed); }
.rda-site-visual .rda-visual-copy p { color: #ead1d7 !important; }
.rda-site-visual .rda-infographic-thumb { background: #23070f; }
.rda-site-visual .rda-visual-actions a:first-child { color: #330b16 !important; }
@media (prefers-reduced-motion: reduce) {
  #matrix .rda-readable-card:hover, #planning-guidance .rda-readable-card:hover { transform: none; }
  .management-ring { animation: none !important; }
}
@media print { .management-ring { animation: none; } }