/* One header grid for the hub, the policy, and both tools. */
.seo-guide{max-width:100%;margin:28px 0 64px;padding:26px clamp(20px,3vw,34px);border:1px solid #dfe6f0;border-radius:18px;background:#fff;color:#344362;line-height:1.6}
.seo-guide h2{margin:0 0 12px;color:#152340;font-size:1.25rem;line-height:1.3}
.seo-guide ol{display:flex;flex-wrap:wrap;gap:10px 24px;margin:0 0 18px;padding-inline-start:25px}
.seo-guide li{padding-inline-start:3px}
.seo-guide .seo-formats{margin:0 0 20px;color:#51617a}
.seo-guide nav{border-top:1px solid #e7ecf4;padding-top:20px}
.seo-guide nav ul{display:flex;flex-wrap:wrap;gap:10px 24px;margin:0;padding-inline-start:22px}
.seo-guide a{color:#2457d5;text-underline-offset:3px}
@media(max-width:600px){.seo-guide{margin-bottom:42px}.seo-guide ol,.seo-guide nav ul{display:block}.seo-guide li{margin:5px 0}}
.footer-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px 24px;
}

@media (max-width: 600px) {
  footer { flex-wrap: wrap; }
  .footer-links { justify-content: flex-start; }
}

.unified-header {
  direction: ltr;
  display: grid;
  grid-template-columns: 230px minmax(0, 1fr);
  column-gap: 16px;
  align-items: center;
  height: 90px;
}

.unified-header .brand {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
  width: max-content;
  max-width: 100%;
  font-size: 1.13rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -.035em;
  white-space: nowrap;
}

.unified-header .brand-mark {
  display: grid;
  place-items: center;
  flex: 0 0 37px;
  width: 37px;
  height: 37px;
}

.unified-header .brand-mark svg,
.unified-header .brand-mark img {
  display: block;
  width: 100%;
  height: 100%;
}

.unified-header .header-nav {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 88px 180px;
  gap: 16px;
  align-items: center;
  width: 100%;
  min-width: 0;
  margin: 0;
}

.unified-header .header-note {
  min-width: 0;
  max-width: none;
  justify-self: end;
  text-align: end;
  font-size: .86rem;
  line-height: 1.35;
}

.unified-header .hub-link {
  justify-self: center;
  text-align: center;
  font-size: .88rem;
}

.unified-header .language-control {
  display: block;
  width: 180px;
  min-width: 0;
  margin: 0;
}

.unified-header > .language-control {
  grid-column: 2;
  justify-self: end;
}

.unified-header .language-control > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.unified-header .language-control select {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: none;
  height: 40px;
  font-size: .88rem;
}

@media (max-width: 950px) {
  .unified-header .header-note {
    display: none;
  }
}

@media (max-width: 800px) {
  .unified-header {
    height: 72px;
  }
}

@media (max-width: 600px) {
  .unified-header {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 37px 40px;
    row-gap: 10px;
    height: auto;
    min-height: 0;
    padding: 12px 0;
  }

  .unified-header .header-nav {
    grid-column: 1;
    grid-row: 2;
    grid-template-columns: minmax(0, 1fr) 88px 140px;
    gap: 12px;
  }

  .unified-header > .language-control {
    grid-column: 1;
    grid-row: 2;
  }

  .unified-header .language-control {
    width: 140px;
  }

  .unified-header--simple {
    grid-template-rows: 37px;
    min-height: 72px;
  }
}