/* GOODINI deterministic header and navigation modernization. */
html,
body.goodini-modernized-site {
  max-width: 100%;
  overflow-x: clip;
}
.goodini-modernized-site,
.goodini-modernized-site *,
.goodini-modernized-site *::before,
.goodini-modernized-site *::after {
  box-sizing: border-box;
}
.goodini-modern-frame {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-inline: auto !important;
}
.goodini-modern-background {
  position: absolute !important;
  inset: 0 auto auto 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  pointer-events: none;
}
.goodini-modern-background > * {
  max-width: 100% !important;
}
.goodini-modern-shell {
  width: min(calc(100% - 32px), 1240px) !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-inline: auto !important;
}
.goodini-modern-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(22px, 4vw, 44px);
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}
.goodini-modern-layout.goodini-has-sidebar {
  grid-template-columns: minmax(0, 1fr) minmax(220px, 280px);
}
.goodini-modern-content,
.goodini-modern-sidebar {
  float: none !important;
  position: relative !important;
  inset: auto !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
}
.goodini-modern-content {
  overflow: visible !important;
  font-size: 16px;
  line-height: 1.65;
}
.goodini-modern-content :where(p, li, td, th, label, input, select, textarea) {
  font-size: 1rem !important;
  line-height: 1.65 !important;
}
.goodini-modern-content [style*="text-align: justify"],
.goodini-modern-content [style*="text-align:justify"] {
  text-align: left !important;
}
.goodini-modern-content :where(ul, ol) {
  padding-inline-start: 1.25rem !important;
}
.goodini-modern-content .PostMetadataHeader {
  margin-bottom: 24px;
  padding: clamp(18px, 3vw, 30px);
  border-radius: 8px;
}
.goodini-modern-content .PostHeaderIcon-wrapper {
  margin: 0 !important;
  font-size: 32px !important;
  line-height: 1.2 !important;
}
.goodini-modern-sidebar {
  display: grid;
  align-content: start;
  gap: 18px;
}
.goodini-modern-sidebar > * {
  margin: 0 !important;
}
.goodini-modern-sidebar .Block {
  border: 1px solid color-mix(in srgb, currentColor 14%, transparent);
  border-radius: 8px;
  background: color-mix(in srgb, Canvas 96%, currentColor);
}
.goodini-modern-sidebar .BlockHeader {
  min-height: 42px;
  padding: 10px 12px;
}
.goodini-modern-sidebar .BlockHeader > .l,
.goodini-modern-sidebar .BlockHeader > .r {
  display: none !important;
}
.goodini-modern-sidebar .BlockContent-body {
  margin: 0 !important;
  padding: 12px !important;
}
.goodini-modern-footer,
.goodini-modern-footer > * {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}
.goodini-modern-footer {
  position: relative !important;
  inset: auto !important;
  height: auto !important;
  margin-inline: auto !important;
  overflow: hidden;
}
.goodini-modernized-site img,
.goodini-modernized-site picture,
.goodini-modernized-site video,
.goodini-modernized-site canvas,
.goodini-modernized-site svg,
.goodini-modernized-site iframe,
.goodini-modernized-site object,
.goodini-modernized-site embed {
  max-width: 100% !important;
  height: auto;
}
.goodini-modernized-site table {
  max-width: 100%;
}
.goodini-modernized-site pre,
.goodini-modernized-site table {
  overflow-x: auto;
}
.goodini-modernized-site p,
.goodini-modernized-site li,
.goodini-modernized-site a {
  overflow-wrap: anywhere;
}
.goodini-modern-header {
  position: relative;
  z-index: 100;
}
.goodini-modernized-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: auto !important;
  border-bottom: 1px solid color-mix(in srgb, currentColor 16%, transparent);
  background: color-mix(in srgb, Canvas 90%, transparent);
  color: CanvasText;
  box-shadow: 0 10px 34px rgb(15 23 42 / 10%);
  backdrop-filter: blur(16px) saturate(135%);
}
.goodini-header-inner {
  display: flex;
  width: min(calc(100% - 40px), 1240px);
  min-height: 74px;
  margin-inline: auto;
  align-items: center;
  justify-content: space-between;
  gap: clamp(14px, 3vw, 34px);
}
.goodini-header-inner > * {
  min-width: 0;
}
.goodini-header-inner > :not(.goodini-modern-nav):not(.goodini-menu-toggle) {
  position: relative !important;
  inset: auto !important;
  margin: 0 !important;
}
.goodini-header-images-removed,
.goodini-header-images-removed * {
  background-image: none !important;
}
.goodini-header-images-removed {
  height: auto !important;
  min-height: 0 !important;
}
.goodini-menu-toggle {
  position: relative;
  flex: 0 0 44px;
  width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  padding: 0;
  border: 1px solid color-mix(in srgb, currentColor 24%, transparent);
  border-radius: 8px;
  background: color-mix(in srgb, Canvas 92%, transparent);
  color: inherit;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}
.goodini-menu-toggle span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 22px;
  height: 2px;
  border-radius: 2px;
  background: currentColor;
  transition: transform 180ms ease, opacity 180ms ease;
}
.goodini-menu-toggle span:nth-child(1) { transform: translate(-50%, calc(-50% - 7px)); }
.goodini-menu-toggle span:nth-child(2) { transform: translate(-50%, -50%); }
.goodini-menu-toggle span:nth-child(3) { transform: translate(-50%, calc(-50% + 7px)); }
.goodini-menu-toggle.goodini-menu-open span:nth-child(1) { transform: translate(-50%, -50%) rotate(45deg); }
.goodini-menu-toggle.goodini-menu-open span:nth-child(2) { opacity: 0; }
.goodini-menu-toggle.goodini-menu-open span:nth-child(3) { transform: translate(-50%, -50%) rotate(-45deg); }
.goodini-modern-nav,
.goodini-modern-nav ul,
.goodini-modern-nav .menu {
  align-items: center;
  justify-content: center;
}
.goodini-modern-nav {
  flex: 1 1 auto;
  width: auto !important;
  max-width: 100%;
  height: auto !important;
  margin-inline: auto;
}
.goodini-modern-nav > .l,
.goodini-modern-nav > .r {
  display: none !important;
}
.goodini-modern-nav ul,
.goodini-modern-nav .menu {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(8px, 1.5vw, 22px);
  margin: 0;
  padding: 0;
  list-style: none;
}
.goodini-modern-nav li {
  float: none !important;
  position: relative !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}
.goodini-modern-nav li:has(> .separator:empty) {
  display: none !important;
}
.goodini-modern-nav a {
  display: inline-flex;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  min-height: 40px;
  align-items: center;
  padding: 8px 10px;
  border-radius: 8px;
  text-decoration: none;
  transition: background-color 160ms ease, color 160ms ease, transform 160ms ease;
}
.goodini-modern-nav a,
.goodini-modern-nav a:link,
.goodini-modern-nav a:visited,
.goodini-modern-nav a *,
.goodini-modern-nav a:link *,
.goodini-modern-nav a:visited * {
  color: inherit !important;
  background: none !important;
  line-height: 1.3 !important;
}
.goodini-modern-nav a span {
  display: inline !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}
.goodini-modern-nav a:hover,
.goodini-modern-nav a:focus-visible {
  background: color-mix(in srgb, currentColor 10%, transparent);
  transform: translateY(-1px);
}
@media (min-width: 861px) {
  .goodini-menu-toggle {
    display: none !important;
  }
  .goodini-modern-nav {
    display: flex !important;
    width: 100% !important;
    align-items: center;
    justify-content: center;
    gap: 18px;
  }
  .goodini-modern-nav > ul,
  .goodini-modern-nav > .menu {
    justify-content: center;
    margin-inline: auto;
  }
}
@media (max-width: 860px) {
  .goodini-modern-frame {
    padding-inline: 0 !important;
  }
  .goodini-modern-shell {
    width: min(calc(100% - 24px), 1240px) !important;
  }
  .goodini-modern-layout,
  .goodini-modern-layout.goodini-has-sidebar {
    grid-template-columns: minmax(0, 1fr);
  }
  .goodini-modern-content [style*="text-align: justify"],
  .goodini-modern-content [style*="text-align:justify"] {
    text-align: left !important;
  }
  .goodini-header-inner {
    width: min(calc(100% - 24px), 1240px);
    min-height: 64px;
  }
  .goodini-menu-toggle {
    display: inline-grid !important;
    margin-left: auto;
  }
  .goodini-modern-nav {
    display: none !important;
    position: absolute;
    width: auto !important;
    height: auto !important;
    top: calc(100% + 8px);
    right: 12px;
    left: 12px;
    max-height: min(72vh, 620px);
    overflow: auto;
    padding: 12px;
    border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
    border-radius: 8px;
    background: Canvas;
    color: CanvasText;
    box-shadow: 0 18px 48px rgb(0 0 0 / 20%);
  }
  .goodini-modern-nav.goodini-menu-open {
    display: block !important;
  }
  .goodini-modern-nav ul,
  .goodini-modern-nav .menu {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
  }
  .goodini-modern-nav li,
  .goodini-modern-nav a {
    width: 100% !important;
  }
}