:root {
  --canvas: #f7f7f8;
  --white: #fff;
  --ink: #171717;
  --muted: #62646c;
  --line: rgba(14, 14, 17, .11);
  --emerald: #10b981;
  --emerald-text: #0e0e11;
  --dark: #292a2f;
  --page-width: 1160px;
}
html { scroll-padding-top: 100px; }
body.site-body { color: var(--ink); background: var(--canvas); font-family: "DM Sans", sans-serif; text-rendering: auto; -webkit-font-smoothing: antialiased; }
a { text-decoration: none; }
a:hover { color: var(--emerald); text-decoration: none; }
.skip-link { position: fixed; z-index: 100; top: -5rem; left: 1rem; padding: .8rem 1rem; background: white; color: var(--ink); border-radius: 10px; }
.skip-link:focus { top: 1rem; }
.header { position: sticky; z-index: 50; top: 0; height: 72px; background: rgba(247,247,248,.93); border-bottom: 1px solid rgba(14,14,17,.08); backdrop-filter: blur(16px); }
.nav-wrap { display: flex; width: min(1160px, calc(100% - 48px)); height: 100%; margin: auto; align-items: center; justify-content: space-between; gap: 24px; }
.brand { color: var(--ink); font-size: 23px; font-weight: 700; letter-spacing: -.055em; white-space: nowrap; }
.header .brand, .footer .brand { gap: 0; }
.brand span { color: var(--emerald); }
.header nav { display: flex; align-items: center; gap: 24px; font-size: 14px; }
.header nav > a, .header nav summary { display: flex; min-height: 44px; align-items: center; color: var(--ink); cursor: pointer; font-weight: 600; white-space: nowrap; }
.header nav > a:hover, .header nav summary:hover { color: var(--emerald); }
.nav-features { position: relative; }
.nav-features > summary { list-style: none; gap: 7px; }
.nav-features > summary::-webkit-details-marker { display: none; }
.features-menu { position: absolute; top: 48px; left: 50%; display: grid; width: min(660px, calc(100vw - 36px)); grid-template-columns: repeat(3,minmax(0,1fr)); gap: 4px; padding: 18px; transform: translateX(-50%); border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: 0 20px 60px rgba(14,14,17,.12); }
.features-menu > p { grid-column: 1/-1; margin: 0 0 6px; color: #777983; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.features-menu > a { display: grid; gap: 5px; min-height: 66px; align-content: center; padding: 10px 12px; border-radius: 10px; color: var(--ink); }
.features-menu > a:hover { background: #f4f5f5; }
.features-menu em { color: #858791; font-size: 10px; font-style: normal; }
.features-menu strong { color: var(--emerald); font-size: 13px; font-weight: 600; }
.features-menu > a > span { color: #777983; font-size: 11px; line-height: 1.35; }
.header .button { display: inline-flex; min-height: 42px; align-items: center; padding: 9px 18px; border-radius: 10px; background: var(--dark); color: white; font-size: 13px; font-weight: 600; white-space: nowrap; }
.header .button:hover { background: #111; color: white; }
.page-shell, main#contenu { padding-top: 0; }
.page-hero, .legal-header { background: transparent; }
.page-hero--compact { padding-top: clamp(28px,5vw,64px); }
.breadcrumbs { font-size: 13px; }
.eyebrow { color: #45464d; }
.article-body a, .document a, .support-card a, .support-callout a { color: var(--ink); text-decoration-line: underline; text-decoration-color: rgba(16,185,129,.48); text-underline-offset: 4px; }
.article-body a:hover, .document a:hover, .support-card a:hover { color: var(--emerald); text-decoration-color: currentColor; }
button, input, select { accent-color: var(--emerald); }
.button--accent, .button--app-store { background: var(--dark); color: #fff; }
.button--accent:hover, .button--app-store:hover { background: #111; color: #fff; }
.footer { display: grid; grid-template-columns: 1.25fr 1.5fr .8fr 1fr; gap: 32px; margin-top: 90px; padding-block: 42px 36px; border-top: 1px solid var(--line); }
.footer > div { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.footer strong { margin-bottom: 5px; font-size: 13px; }
.footer a:not(.brand) { color: #62646c; font-size: 13px; line-height: 1.45; }
.footer a:not(.brand):hover { color: var(--emerald); }
.footer small, .footer p { color: #767880; font-size: 12px; }
.footer .brand { font-size: 21px; }
.footer > div:first-child p { margin: 2px 0 24px; }

/* Article pages use the same open editorial rhythm as the new SPA screens. */
.page-shell, main#contenu { min-height: 58vh; background: var(--canvas); }
.page-hero { padding-block: clamp(32px, 5vw, 64px) 26px; }
.page-hero--compact { padding-top: clamp(28px, 4vw, 54px); }
.page-hero-grid { max-width: 820px; }
.page-hero h1, .legal-title, .exercise-detail-hero h1 { max-width: 880px; color: var(--ink); font-size: clamp(43px, 5.1vw, 74px); line-height: 1.08; letter-spacing: -.055em; }
body.seo-page .page-hero h1 { font-size: clamp(43px, 5.1vw, 74px); line-height: 1.08; letter-spacing: -.055em; font-weight: 600; }
.breadcrumbs { gap: 9px; color: #777983; }
.breadcrumbs a, .legal-nav-link { color: #62646c; }
.breadcrumbs a:hover, .legal-nav-link:hover { color: var(--emerald); }
.section { padding-block: clamp(28px, 4.5vw, 60px); }
.article-layout { display: grid; grid-template-columns: minmax(170px, 220px) minmax(0, 720px); justify-content: space-between; gap: clamp(36px, 7vw, 100px); }
.article-aside { position: sticky; top: 100px; align-self: start; padding: 0 0 0 18px; border: 0; border-left: 1px solid var(--line); background: transparent; box-shadow: none; }
.article-aside strong { color: #858791; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.article-aside a { padding-block: 7px; color: #62646c; font-size: 13px; }
.article-aside a:hover { color: var(--emerald); }
.article-body { max-width: 720px; color: var(--ink); }
.article-body h2, .document h2 { margin-top: 2.6em; color: var(--ink); font-size: clamp(26px, 3vw, 36px); line-height: 1.1; letter-spacing: -.045em; }
.article-body h3, .document h3 { color: var(--ink); font-size: 22px; line-height: 1.2; letter-spacing: -.03em; }
.article-body p, .article-body li, .document p, .document li { color: #555861; font-size: 16px; line-height: 1.75; }
.article-meta { color: #777983; font-size: 12px; }
.article-answer { margin-block: 24px 32px; padding: 18px 22px; border: 0; border-left: 2px solid var(--emerald); border-radius: 0; background: #eef8f4; box-shadow: none; }
.article-answer > span { color: #178c67; }
.article-answer p { color: var(--ink); font-weight: 400; }
body.seo-page .article-answer p { font-weight: 400; }
.article-cta { margin-block: 28px; padding: 22px 0; border: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); border-radius: 0; background: transparent; box-shadow: none; }
.article-illustration img, .exercise-illustration img { border-radius: 14px; }
.comparison-table { border-color: var(--line); }
.comparison-table th { color: #6d7078; background: #f0f1f2; }
.comparison-table td, .comparison-table th { padding: 13px 15px; }

/* Index pages become one continuous, scannable list instead of a card wall. */
.guide-index { max-width: 1060px; margin-inline: auto; }
.guide-search { max-width: 520px; margin-bottom: 12px; border-radius: 12px; background: #fff; box-shadow: none; }
.guide-search__status { color: #777983; font-size: 13px; }
.resource-list { display: block; border-top: 1px solid var(--line); }
.resource-link { position: relative; display: grid; grid-template-columns: 78px minmax(0,1fr) 22px; gap: 18px; align-items: center; padding: 18px 4px; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: transparent; box-shadow: none; }
.resource-link:hover { background: rgba(255,255,255,.6); box-shadow: none; }
.resource-link__thumbnail { width: 78px; height: 58px; border-radius: 8px; object-fit: cover; }
.resource-link__type { color: #777983; font-size: 11px; letter-spacing: .04em; text-transform: uppercase; }
.resource-link h3 { margin: 3px 0 4px; color: var(--ink); font-size: 19px; font-weight: 600; line-height: 1.2; letter-spacing: -.03em; }
.resource-link p { margin: 0; color: #666972; font-size: 13px; line-height: 1.45; }
.resource-link__arrow { color: var(--emerald); }
.legal-header { margin: 0 auto; padding-top: clamp(28px, 4vw, 50px); }
.legal-nav { display: flex; flex-wrap: wrap; gap: 8px 20px; padding-block: 12px 22px; border: 0; border-bottom: 1px solid var(--line); background: transparent; }
.legal-nav-link { padding: 3px 0; border-radius: 0; font-size: 13px; }
.legal-nav-link[aria-current="page"] { color: var(--emerald); background: transparent; }
.legal-panel { padding: 34px 0 20px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.legal-title { max-width: 800px; }
.legal-copy { max-width: 680px; color: #666972; font-size: 17px; line-height: 1.6; }
.support-grid { gap: 0; border-block: 1px solid var(--line); }
.support-card { padding: 22px 26px 22px 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.support-card + .support-card { padding-left: 26px; border-left: 1px solid var(--line); }
.document { max-width: 760px; }
.support-callout { margin-top: 48px; padding: 26px 0; border: 0; border-top: 1px solid var(--line); border-radius: 0; background: transparent; box-shadow: none; }
.page-shell .article-topic-links a, .page-shell .article-topic-link { border-radius: 999px; }

/* Interactive tools keep their controls; only the old decorative framing is removed. */
.planner-toolbar, .planner-summary, .calculator-panel, .calculator-result,
.e1rm-input-panel, .e1rm-result-panel, .protein-planner__workspace,
.calorie-input-panel, .calorie-result-panel { border-color: var(--line); border-radius: 14px; box-shadow: none; }
.planner-scope { border: 0; border-left: 2px solid var(--emerald); border-radius: 0; background: #eef8f4; box-shadow: none; }
.planner-day { border-color: var(--line); border-radius: 11px; box-shadow: none; }
.exercise-block, .exercise-card { border-color: var(--line); border-radius: 10px; box-shadow: none; }
.exercise-card:hover { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(14,14,17,.07); }
.exercise-detail-hero { background: transparent; }
.exercise-detail-targets { color: #555861; }
.faq-list details { border-color: var(--line); border-radius: 0; background: transparent; box-shadow: none; }
.faq-list summary { color: var(--ink); }
/* Match the homepage navigation transition on editorial pages. */
@view-transition { navigation: auto; }
body.seo-page > .header,
body.seo-page [data-site-header] .site-header-wrap { view-transition-name: site-header; }
::view-transition-old(site-header),
::view-transition-new(site-header) { animation: none; }
::view-transition-old(root) { animation: none; opacity: 0; }
::view-transition-new(root) { animation: site-content-arrive .24s cubic-bezier(.22,1,.36,1) both; }
@keyframes site-content-arrive { from { transform: translate3d(0,8px,0); } to { transform: none; } }
@media (prefers-reduced-motion: reduce) {
  ::view-transition-new(root) { animation: none; }
}
@media (max-width: 820px) {
  .article-layout { grid-template-columns: 1fr; gap: 22px; }
  .article-aside { position: static; display: flex; gap: 8px 15px; flex-wrap: wrap; padding: 0 0 12px; border-left: 0; border-bottom: 1px solid var(--line); }
  .article-aside strong { flex-basis: 100%; }
  .nav-wrap { width: calc(100% - 32px); gap: 14px; }
  .header nav { gap: 12px; }
  .features-menu { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .footer { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 620px) {
  .resource-link { grid-template-columns: 58px minmax(0,1fr) 16px; gap: 12px; padding-block: 14px; }
  .resource-link__thumbnail { width: 58px; height: 50px; }
  .resource-link h3 { font-size: 16px; }
  .resource-link p { font-size: 12px; }
  .legal-nav { gap: 6px 12px; }
  .support-card + .support-card { padding-left: 0; border-left: 0; border-top: 1px solid var(--line); }
  .header { height: 64px; }
  .header nav { gap: 9px; font-size: 12px; }
  .header nav > a, .header nav summary { min-height: 38px; }
  .header .button { min-height: 38px; padding-inline: 10px; font-size: 11px; }
  .brand { font-size: 19px; }
  .nav-wrap { width: calc(100% - 24px); gap: 9px; }
  .features-menu { position: fixed; top: 60px; left: 50%; max-height: calc(100vh - 80px); overflow: auto; padding: 12px; }
  .features-menu > a { padding: 8px; }
  .footer { grid-template-columns: 1fr 1fr; gap: 25px 16px; margin-top: 56px; }
}
@media (max-width: 400px) {
  .header nav > a:last-child { display: none; }
  .header nav { gap: 7px; }
  .footer { grid-template-columns: 1fr; }
}

/* Keep the editorial pages' navigation identical to the local homepage. */
body.seo-page > .header {
  height: 72px;
  background: var(--canvas);
  border-bottom: 1px solid transparent;
  box-shadow: none;
  backdrop-filter: none;
  font: 400 18px/1.6 "DM Sans", sans-serif;
}
body.seo-page > .header .nav-wrap {
  position: relative;
  display: flex;
  width: min(1160px, calc(100% - 64px));
  align-items: center;
  gap: 24px;
}
body.seo-page > .header .brand {
  display: block;
  font-size: 28px;
  line-height: 1.2;
}
body.seo-page > .header .nav-wrap > nav {
  position: relative;
  display: flex;
  align-items: center;
  gap: 2px;
  margin-inline: auto;
  padding: 4px;
  border: 1px solid #e7e8eb;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 3px 16px #0e0e1108;
  font-size: 14px;
}
body.seo-page > .header .nav-wrap > nav > a,
body.seo-page > .header .nav-wrap > nav > .nav-features > summary {
  min-height: 40px;
  padding: 0 17px;
  border-radius: 999px;
}
body.seo-page > .header .nav-wrap > nav > .nav-features > summary { gap: 8px; }
body.seo-page > .header .nav-wrap > nav > a:hover,
body.seo-page > .header .nav-wrap > nav > .nav-features > summary:hover {
  color: var(--ink);
  background: #f2f2f4;
}
body.seo-page > .header .nav-wrap > nav > a[aria-current="page"] {
  color: var(--ink);
  background: #e9e9ec;
}
body.seo-page > .header .header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: 0;
}
body.seo-page > .header .language-menu--header { width: 174.5px; }
body.seo-page > .header .language-menu--header summary {
  min-height: 40px;
  justify-content: space-between;
  padding: 0 30px 0 13px;
  border: 1px solid #e7e8eb;
  border-radius: 999px;
  background: #fff;
  color: var(--ink);
  font-size: 13px;
  font-weight: 600;
  line-height: normal;
}
body.seo-page > .header .language-menu--header summary > [aria-hidden="true"] { display: none; }
body.seo-page > .header .language-menu--header summary::after {
  position: absolute;
  right: 12px;
  width: 12px;
  height: 12px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m2 4 4 4 4-4' fill='none' stroke='%2364666f' stroke-width='1.4'/%3E%3C/svg%3E") center/12px 12px no-repeat;
  content: "";
  transform: none;
}
body.seo-page > .header .language-menu--header[open] summary::after { transform: rotate(180deg); }
body.seo-page > .header .header-actions > .button {
  min-height: 44px;
  padding: 10px 20px;
  border: 0;
  border-radius: 9px;
  background: #2a2a2f;
  font-size: 14px;
  line-height: 1.3;
}
body.seo-page > .header .preview-menu-toggle { display: none; }

@media (max-width: 850px) {
  body.seo-page > .header .nav-wrap { width: calc(100% - 32px); gap: 12px; }
  body.seo-page > .header .nav-wrap > nav { display: none; }
  body.seo-page > .header .nav-wrap > nav.open {
    position: absolute;
    z-index: 60;
    top: 62px;
    left: -16px;
    right: -16px;
    display: flex;
    align-items: stretch;
    flex-direction: column;
    gap: 0;
    margin: 0;
    padding: 12px 16px;
    transform: none;
    border: 0;
    border-bottom: 1px solid var(--line);
    border-radius: 0;
    box-shadow: 0 12px 30px #0e0e1110;
  }
  body.seo-page > .header .preview-menu-toggle {
    display: flex;
    min-width: 44px;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    border: 0;
    background: transparent;
    color: var(--ink);
    font-size: 20px;
    cursor: pointer;
  }
  body.seo-page > .header .header-actions { margin-left: 0; }
  body.seo-page > .header .language-menu--header { width: 138px; }
}
@media (max-width: 620px) {
  body.seo-page > .header { height: 64px; }
  body.seo-page > .header .brand { font-size: 19px; }
  body.seo-page > .header .header-actions > .button { display: none; }
  body.seo-page > .header .language-menu--header { width: 112px; }
  body.seo-page > .header .language-menu-current { display: inline; }
  body.seo-page > .header .language-menu--header summary { justify-content: space-between; padding: 0 10px; }
  body.seo-page > .header .nav-wrap > nav.open { top: 56px; }
}

/* Spanish editorial pages keep the same header despite using legacy markup. */
body.seo-page [data-site-header] .site-header-wrap {
  background: var(--canvas);
  border-bottom: 1px solid transparent;
  box-shadow: none;
  backdrop-filter: none;
  transform: none;
}
body.seo-page [data-site-header] .site-header-wrap > .shell {
  width: min(1160px, calc(100% - 64px));
  max-width: none;
}
body.seo-page [data-site-header] .site-header {
  position: relative;
  display: flex;
  min-height: 71px;
  align-items: center;
  gap: 24px;
  font: 400 18px/1.6 "DM Sans", sans-serif;
}
body.seo-page [data-site-header] .site-header > .brand {
  display: block;
  color: var(--ink);
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -.055em;
  line-height: 1.2;
}
body.seo-page [data-site-header] .site-header > .site-nav {
  position: relative;
  display: flex;
  width: auto;
  align-items: center;
  gap: 2px;
  margin-inline: auto;
  padding: 4px;
  border: 1px solid #e7e8eb;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 3px 16px #0e0e1108;
}
body.seo-page [data-site-header] .site-header > .site-nav > a,
body.seo-page [data-site-header] .site-header > .site-nav > .nav-features > summary {
  display: flex;
  align-items: center;
  min-height: 40px;
  padding: 0 17px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}
body.seo-page [data-site-header] .site-header > .site-nav > a[aria-current="page"] {
  color: var(--ink);
  background: #e9e9ec;
}
body.seo-page [data-site-header] .site-header > .site-nav > a:hover,
body.seo-page [data-site-header] .site-header > .site-nav > .nav-features > summary:hover {
  color: var(--ink);
  background: #f2f2f4;
}
body.seo-page [data-site-header] .site-header > .site-menu-toggle { display: none; }
body.seo-page [data-site-header] .site-header > .header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: 0;
}
body.seo-page [data-site-header] .language-menu--header { width: 174.5px; }
body.seo-page [data-site-header] .language-menu--header summary {
  min-height: 40px;
  justify-content: space-between;
  padding: 0 30px 0 13px;
  border: 1px solid #e7e8eb;
  border-radius: 999px;
  background: #fff;
  color: var(--ink);
  font-size: 13px;
  font-weight: 600;
  line-height: normal;
}
body.seo-page [data-site-header] .language-menu--header summary > [aria-hidden="true"] { display: none; }
body.seo-page [data-site-header] .language-menu--header summary::after {
  position: absolute;
  right: 12px;
  width: 12px;
  height: 12px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m2 4 4 4 4-4' fill='none' stroke='%2364666f' stroke-width='1.4'/%3E%3C/svg%3E") center/12px 12px no-repeat;
  content: "";
  transform: none;
}
body.seo-page [data-site-header] .language-menu--header[open] summary::after { transform: rotate(180deg); }
body.seo-page [data-site-header] .header-actions > .button {
  display: flex;
  min-height: 44px;
  align-items: center;
  padding: 10px 20px;
  border: 0;
  border-radius: 9px;
  background: #2a2a2f;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
}
@media (max-width: 850px) {
  body.seo-page [data-site-header] .site-header-wrap > .shell { width: calc(100% - 32px); }
  body.seo-page [data-site-header] .site-header { gap: 12px; }
  body.seo-page [data-site-header] .site-header > .site-nav { display: none; }
  body.seo-page [data-site-header] .site-header > .site-nav.is-open {
    position: absolute;
    z-index: 60;
    top: 72px;
    left: -16px;
    right: -16px;
    display: flex;
    align-items: stretch;
    flex-direction: column;
    gap: 0;
    margin: 0;
    padding: 12px 16px;
    transform: none;
    border: 0;
    border-bottom: 1px solid var(--line);
    border-radius: 0;
    box-shadow: 0 12px 30px #0e0e1110;
  }
  body.seo-page [data-site-header] .site-header > .site-menu-toggle {
    display: flex;
    min-height: 44px;
    align-items: center;
    margin-left: auto;
    border: 0;
    background: transparent;
    color: var(--ink);
  }
  body.seo-page [data-site-header] .site-header > .header-actions { margin-left: 0; }
  body.seo-page [data-site-header] .language-menu--header { width: 138px; }
}
@media (max-width: 620px) {
  body.seo-page [data-site-header] .site-header { min-height: 64px; }
  body.seo-page [data-site-header] .site-header > .brand { font-size: 19px; }
  body.seo-page [data-site-header] .header-actions > .button { display: none; }
  body.seo-page [data-site-header] .language-menu--header { width: 112px; }
  body.seo-page [data-site-header] .language-menu-current { display: inline; }
  body.seo-page [data-site-header] .language-menu--header summary { justify-content: space-between; padding: 0 10px; }
  body.seo-page [data-site-header] .site-header > .site-nav.is-open { top: 64px; }
}

/* Keep the same compact header geometry as the homepage at each breakpoint. */
@media (max-width: 850px) {
  body.seo-page > .header { height: 68px; }
  body.seo-page [data-site-header] .site-header { min-height: 67px; }
  body.seo-page > .header .nav-wrap,
  body.seo-page [data-site-header] .site-header-wrap > .shell { width: calc(100% - 36px); }
  body.seo-page > .header .brand,
  body.seo-page [data-site-header] .site-header > .brand { font-size: 25px; }
  body.seo-page > .header .preview-menu-toggle,
  body.seo-page [data-site-header] .site-header > .site-menu-toggle {
    min-width: 0;
    min-height: 44px;
    margin-left: auto;
    padding: 1px 6px;
    font-size: 0;
  }
  body.seo-page > .header .preview-menu-toggle::before,
  body.seo-page [data-site-header] .site-header > .site-menu-toggle::before {
    content: "☰";
    font-size: 18px;
  }
  body.seo-page > .header .header-actions,
  body.seo-page [data-site-header] .site-header > .header-actions { gap: 7px; }
  body.seo-page > .header .language-menu--header,
  body.seo-page [data-site-header] .language-menu--header { width: 138px; }
  body.seo-page > .header .language-menu--header summary,
  body.seo-page [data-site-header] .language-menu--header summary { min-height: 38px; font-size: 12px; }
  body.seo-page > .header .header-actions > .button,
  body.seo-page [data-site-header] .header-actions > .button {
    min-height: 38px;
    padding: 8px 12px;
    font-size: 12px;
  }
  body.seo-page > .header .nav-wrap > nav.open,
  body.seo-page [data-site-header] .site-header > .site-nav.is-open { top: 67px; }
}
@media (max-width: 600px) {
  body.seo-page > .header .nav-wrap,
  body.seo-page [data-site-header] .site-header-wrap > .shell { width: calc(100% - 28px); }
  body.seo-page > .header .nav-wrap,
  body.seo-page [data-site-header] .site-header { gap: 9px; }
  body.seo-page > .header .brand,
  body.seo-page [data-site-header] .site-header > .brand { font-size: 23px; }
  body.seo-page > .header .preview-menu-toggle,
  body.seo-page [data-site-header] .site-header > .site-menu-toggle {
    min-height: 40px;
    padding: 7px 8px;
  }
  body.seo-page > .header .header-actions,
  body.seo-page [data-site-header] .site-header > .header-actions { gap: 5px; }
  body.seo-page > .header .language-menu--header,
  body.seo-page [data-site-header] .language-menu--header { width: 76px; }
  body.seo-page > .header .language-menu--header summary,
  body.seo-page [data-site-header] .language-menu--header summary {
    min-height: 36px;
    overflow: hidden;
    padding: 0 8px;
    font-size: 10px;
    white-space: nowrap;
  }
  body.seo-page > .header .header-actions > .button,
  body.seo-page [data-site-header] .header-actions > .button {
    display: flex;
    min-height: 36px;
    padding: 7px 8px;
    font-size: 11px;
  }
}