.ssh-page { --color-pink: #d11a76; --color-pink-dark: #b3155f; --color-blue: #5483b9; --color-blue-dark: #3f6690; --color-sand: #c6b1a0; --color-sand-light: #ded2c6; --color-dark: #1a1a1a; --font-heading: Verdana, Geneva, sans-serif; --font-body: Arial, Helvetica, sans-serif;
font-family: var(--font-body); color: var(--color-dark); line-height: 1.6; width: 100%; overflow-x: hidden; }
.ssh-page img { max-width: 100%; display: block; }
.ssh-page h1, .ssh-page h2, .ssh-page h3, .ssh-page h4 { font-family: var(--font-heading); margin: 0; }
.ssh-page p { margin: 0 0 16px 0; }
.ssh-page a { text-decoration: none; }
.ssh-container { max-width: 1100px; margin: 0 auto; padding: 0 24px; }
/* ============ HEADER / NAV ============ */ .ssh-header { background: #ffffff; padding: 18px 24px; }
.ssh-header-inner { max-width: 1100px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
.ssh-logo img { height: 50px; width: auto; }
.ssh-nav { display: flex; align-items: center; gap: 28px; flex-wrap: wrap; }
.ssh-nav a { color: var(--color-dark); font-size: 15px; font-weight: normal; }
.ssh-nav a.ssh-nav-cta { color: var(--color-blue-dark); font-weight: bold; }
.ssh-nav-toggle { display: none; flex-direction: column; gap: 5px; background: none; border: none; cursor: pointer; padding: 6px; }
.ssh-nav-toggle span { width: 26px; height: 3px; background: var(--color-dark); border-radius: 2px; }