/* Shared site chrome surrounds independently styled client tools. */
.uphoff-platform { padding-top: var(--header-height); }
@media (min-width: 1024px) {
  .uphoff-platform .primary-navigation { justify-self: end; }
}
.uphoff-platform .site-header { grid-template-columns: auto 1fr; }
.uphoff-tool-content { min-height: 55vh; }
.uphoff-platform { --tools-gutter: 80px; }
.uphoff-platform .uphoff-tool-content > main {
  width: min(1280px, calc(100% - 2 * var(--tools-gutter)));
  max-width: none;
  margin-inline: auto;
  padding-inline: 0;
}
.platform-tool-nav { background: var(--navy-mid); color: var(--white); }
.platform-tool-nav-inner { width: min(1280px, calc(100% - 2 * var(--tools-gutter))); margin-inline: auto; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 24px; padding-block: 8px; }
.platform-tool-nav a { display: inline-flex; align-items: center; min-height: 44px; color: var(--white); font: 500 13px/1.4 var(--body); text-decoration: none; }
.platform-tool-nav a:hover { color: var(--gold-light); text-decoration: underline; text-underline-offset: 4px; }
.platform-tool-nav a[aria-current] { color: var(--gold-light); font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.platform-tool-nav a:focus-visible { outline: 2px solid var(--gold-light); outline-offset: 4px; }
.platform-tool-nav-group { font-size: 12px; font-weight: 600; color: var(--gold-light); }
@media (max-width: 1279.98px) {
  .uphoff-platform { --tools-gutter: 48px; }
}
@media (max-width: 767.98px) {
  .uphoff-platform { --tools-gutter: 16px; }
  .platform-tool-nav-inner { gap: 4px 16px; }
}
.uphoff-tool-content :is(input, select, textarea) { max-width: 100%; }
.uphoff-tool-content .tool-page-title { padding: 40px 24px 32px; background: var(--navy); color: white; text-align: center; }
.uphoff-tool-content .tool-page-title h1 { margin: 0 0 6px; font: 700 28px/1.3 var(--display); }
.uphoff-tool-content .tool-page-title p { margin: 0; color: var(--gold-soft); }

@media (max-width: 1023.98px) {
  .uphoff-platform .site-header { grid-template-columns: minmax(0, 1fr) auto; }
  .uphoff-platform .menu-toggle { grid-column: 2; }
}
@media (max-width: 640px) {
  .uphoff-tool-content :is(.gap-row, .self-gap-row) { flex-wrap: wrap; }
  .uphoff-tool-content :is(.gap-dim-name, .self-gap-dim-name) { width: 100%; min-width: 0; }
  .uphoff-tool-content .gap-bar-wrap { min-width: 40px; }
}
@media (prefers-reduced-motion: reduce) {
  .uphoff-tool-content *, .uphoff-tool-content *::before, .uphoff-tool-content *::after { transition: none !important; scroll-behavior: auto !important; }
}
@media print {
  .platform-tool-nav { display: none; }
  .uphoff-platform .uphoff-tool-content > main { width: 100%; }
  .uphoff-platform { padding: 0; }
  .uphoff-platform .site-header, .uphoff-platform .site-footer, .uphoff-platform .skip-link { display: none; }
}