/* Header and footer for the company's document pages (privacy, terms,
   downloads), matching the homepage. Loaded after shared/site.css, which
   still styles the document body. These pages are always light: documents
   read best on paper. */

html { font-size: 106.25%; }  /* 17px body, as on the homepage */

.cg-top { background: #171A45; border-bottom: 1px solid #2A2D5C; position: sticky; top: 0; z-index: 20; }
.cg-top-in { max-width: 1200px; margin: 0 auto; padding: 14px 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.cg-top .cg-logo img { display: block; height: 34px; width: auto; }
.cg-nav { display: flex; align-items: center; gap: 26px; font-family: "Instrument Sans", "Segoe UI", system-ui, sans-serif; font-size: 16px; }
.cg-nav a { color: #F2F2FA; text-decoration: none; }
.cg-nav a:hover, .cg-nav a[aria-current="page"] { color: #B5AFFF; }
.cg-nav .cg-btn { background: #3629B8; color: #FFFFFF; padding: 9px 16px; border-radius: 10px; font-weight: 600; }
.cg-nav .cg-btn:hover { background: #251B8F; color: #FFFFFF; }
@media (max-width: 760px) { .cg-nav a:not(.cg-btn) { display: none; } }

.cg-foot { background: #171A45; border-top: 1px solid #2A2D5C; color: #B9B7D6; font-family: "Instrument Sans", "Segoe UI", system-ui, sans-serif; font-size: 15px; margin-top: 3rem; }
.cg-foot-in { max-width: 1200px; margin: 0 auto; padding: 28px 24px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 32px; }
.cg-foot a { color: #B5AFFF; }
.cg-foot nav { display: flex; flex-wrap: wrap; gap: 20px; }
.cg-foot .cg-co { display: flex; align-items: center; gap: 10px; }
.cg-top :focus-visible, .cg-foot :focus-visible { outline: 2px solid #F0B53F; outline-offset: 2px; border-radius: 4px; }