/* === GLOBAL BASE STYLES (FORCED) === */

* {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        scroll-behavior: smooth;
      }

      main {
        max-width: 1600px;
        margin-inline: auto;
        width: 100%;
      }

      .container {
        margin-inline: auto;
      }

      body {
        overflow-x: hidden;
      }

      section {
        width: 100%;
      }

      .utility-shell {
        width: min(980px, calc(100% - 24px));
        margin: 0 auto;
        padding: 28px 0 56px;
      }

      .utility-page--with-header .utility-shell {
        padding-top: calc(
          28px +
          var(
            --utility-chrome-offset,
            calc(var(--spacing-6, 48px) + var(--spacing-4, 32px))
          )
        );
      }

      @media (max-width: 720px) {
        .utility-shell {
          width: min(100% - 16px, 980px);
          padding-top: 16px;
          padding-bottom: 36px;
        }

        .utility-page--with-header .utility-shell {
          padding-top: calc(
            16px +
            var(
              --utility-chrome-offset-mobile,
              calc(var(--spacing-4, 32px) + var(--spacing-3, 24px))
            )
          );
        }
      }

      /* --- SVG icons (local sprite) --- */
      .icon {
        width: 1.25rem;
        height: 1.25rem;
        display: inline-block;
        vertical-align: middle;
        flex: 0 0 auto;
      }

/* g2 palette ssot start */
:root {
  --g2-palette-dark: #0f172a;
  --g2-palette-light: #f5efe5;
  --g2-palette-accent: #1d6b62;
  --g2-palette-text: #172033;
  --g2-color-primary: var(--g2-palette-accent);
  --g2-color-accent: var(--g2-palette-accent);
  --g2-color-text: var(--g2-palette-text);
}
/* g2 palette ssot end */