/* The masthead and footer use the shared About page styles. */
.hogd-practice .site-head, .practice-navigation {
  background: linear-gradient(#f6f0e5ed, #f6f0e5ed), url('/assets/golden-dawn-painterly-sunrise.webp') center 48%/cover;
}
.hogd-practice .site-head .brand, .hogd-practice .source-footer .order { font-family: Georgia, serif; }
.hogd-practice .practice-intro h1 { max-width: none; }
.practice-navigation .gd-primary-nav__inner { justify-content: center; }
.practice-navigation .menu-group { position: relative; display: flex; align-items: center; }
.practice-navigation .menu-group > a { padding-right: 2px; }
.practice-navigation summary {
  display: grid; place-content: center; width: 32px; min-height: 44px; cursor: pointer;
  list-style: none; color: #594329;
}
.practice-navigation summary::-webkit-details-marker { display: none; }
.practice-navigation summary::after {
  content: ''; width: 7px; height: 7px; border: solid currentColor;
  border-width: 0 2px 2px 0; transform: translateY(-2px) rotate(45deg);
}
.practice-navigation details[open] summary::after { transform: translateY(2px) rotate(225deg); }
.practice-navigation .submenu {
  position: absolute; z-index: 2; top: 100%; left: 0; min-width: 150px;
  background: #fff8ea; border: 1px solid #d8cdbb; box-shadow: 0 5px 12px #30271f12;
}
.practice-navigation .submenu a { padding: 11px 16px; }
.practice-menu-toggle {
  color: #4e321b; background: none; border: 0; padding: 13px 22px;
  min-height: 46px; font: inherit; cursor: pointer;
}
.practice-menu-toggle, .practice-menu-toggle[hidden] { display: none; }
@media (max-width: 600px) {
  .practice-menu-toggle:not([hidden]) { display: block; margin: auto; }
  .practice-menu-toggle[aria-expanded="false"]:not([hidden]) + #practice-menu { display: none; }
  .practice-navigation #practice-menu { align-items: stretch; flex-direction: column; padding: 0 16px; gap: 0; }
  .practice-navigation .menu-group { display: block; }
  .practice-navigation .menu-group > a { margin-right: 44px; }
  .practice-navigation summary { position: absolute; right: 0; top: 0; width: 44px; }
  .practice-navigation .submenu { position: static; box-shadow: none; border-width: 0 0 0 1px; margin-left: 14px; }
  .practice-navigation a { min-height: 44px; }
}