/* generated shared stylesheet ownership */
:root { --generated-shared-stylesheet: 1; }
footer nav a { color: inherit; text-decoration: none; }
footer a { color: inherit; text-decoration: none; }
footer nav a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }

/* generated-shell:start */
html, body { margin: 0; min-width: 320px; width: 100%; }
*, *::before, *::after { box-sizing: border-box; }
/* generated-shell:end */

/* Shared helper shell bridge and small-screen containment. */
[data-helper-shell="header"] { min-width: 0; }
.platform-essentials__faq-link { margin: 1rem 0 0; font-size: 0.95rem; }
.platform-essentials__faq-link a { color: inherit; text-underline-offset: 0.2em; }
/* Keep helper menu controls distinct from the surrounding header surface. */
body[data-helper-page] .menu-toggle {
  color: #fff !important;
  background-color: #4c0200 !important;
}
@media (max-width: 600px) {
  [data-helper-shell="header"] { width: 100%; max-width: 100%; }
  [data-helper-shell="header"] .menu-toggle {
    color: #fff;
    background-color: #4c0200;
    border: 1px solid #4c0200;
  }
}

/* Keep helper-page responsive layouts within the viewport. */
@media (max-width: 900px) {
  body[data-helper-page] .about-intro {
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.75fr);
  }
  body[data-helper-page] .about-intro .about-intro__caption { right: 1.5rem; }
}
@media (max-width: 620px) {
  body[data-helper-page] .comparison-table {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
  }
  body[data-helper-page] .comparison-table th,
  body[data-helper-page] .comparison-table td {
    padding: 0.65rem 0.5rem;
    overflow-wrap: anywhere;
  }
}