/* Dérivée de missions/20261012-design-externe/source/styles.css par missions/20261014-design-externe/convertir_css.py :
   toute valeur visuelle littérale est remplacée par la variable de /styles/jetons.css (design/tokens.json). Ne pas éditer
   à la main : les ajouts du site vivent dans site.css. */
@font-face { font-family: Manrope; src: url("/fonts/manrope-variable.woff2") format("woff2"); font-style: normal; font-weight: 200 800; font-display: swap; }
/* Standalone CSS; no Tailwind or build step required. */
[hidden] { display: none !important; }
button,input,select { font: inherit; }
button { border: 0; }
input,select { margin: 0; }
.sr-only { position: absolute;width: 1px;height: 1px;padding: 0;margin: calc(-1 * var(--s-4));overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0; }
img.ui-icon { display: inline-block;flex-shrink: 0;object-fit: contain;vertical-align: middle; }

:root {
  --ink: var(--c-ink);
  --green: var(--c-editorial-action);
  --accent: var(--c-accent);
  --paper: var(--c-paper);
  --muted: var(--c-root-626e68);
  --line: var(--c-divider);
  --navy: var(--c-footer);
  --radius: 14px;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 104px;
}
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-primary);
  font-size: var(--fs-15);
  line-height: var(--lh-1_65);
  -webkit-font-smoothing: antialiased;
}
a {
  color: inherit;
  text-decoration: none;
}
button,
input,
select {
  font: inherit;
}
button,
a,
input,
select {
  -webkit-tap-highlight-color: transparent;
}
button {
  cursor: pointer;
}
button:disabled {
  cursor: default;
}
img {
  display: block;
  max-width: 100%;
  object-fit: cover;
}
h1,
h2,
h3,
p {
  margin: 0;
}
h1,
h2,
h3 {
  line-height: var(--lh-1_16);
  font-weight: var(--fw-650);
}
h1 {
  font-size: var(--fs-hero-desktop);
  letter-spacing: var(--ls-n3_6);
}
h2 {
  font-size: var(--fs-section-title);
  letter-spacing: var(--ls-n1_55);
}
h3 {
  letter-spacing: var(--ls-n0_6);
}
p {
  color: var(--muted);
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible {
  outline: 3px solid var(--c-a-focus-visible-button-focus-visible-input-focus-visible-select-focus-visible-688e43);
  outline-offset: 5px;
}
::selection {
  background: var(--c-selection-d2e3b8);
}
.container {
  width: min(1280px, calc(100% - 96px));
  margin-inline: auto;
}
.section {
  padding-top: var(--s-92);
  padding-bottom: var(--s-18);
}
.section-kicker {
  color: var(--green);
  font-size: var(--fs-13);
  font-weight: var(--fw-650);
  margin-bottom: var(--s-13);
}
.section-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: var(--s-30);
  margin-bottom: var(--s-34);
}
.section-heading > div > p:last-child:not(.section-kicker) {
  margin-top: var(--s-15);
  max-width: 650px;
}
.text-link {
  display: inline-flex;
  gap: var(--s-12);
  align-items: center;
  font-weight: var(--fw-650);
  font-size: var(--fs-13);
  white-space: nowrap;
}
.text-link:hover {
  color: var(--c-text-link-hover-397451);
}
.text-link img.ui-icon,
.button img.ui-icon {
  flex-shrink: 0;
  transition: transform 0.2s;
}
.text-link:hover img.ui-icon,
.button:hover img.ui-icon {
  transform: translateX(3px);
}
.button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--s-18);
  background: var(--green);
  color: var(--c-white);
  border: 1px solid var(--green);
  padding: var(--s-15) var(--s-23);
  border-radius: var(--r-7);
  font-weight: var(--fw-650);
  font-size: var(--fs-13);
  line-height: var(--lh-1_4);
  transition: background 0.18s;
}
.button:hover {
  background: var(--c-editorial-action-hover);
}
.button-outline {
  background: transparent;
  color: var(--green);
  border-color: var(--c-button-outline-ccd7cd);
}
.button-outline:hover {
  background: var(--c-button-outline-hover-eef3e9);
}
.button-small {
  font-size: var(--fs-12);
  padding: var(--s-12) var(--s-16);
  gap: var(--s-12);
}
.skip-link {
  position: fixed;
  left: 20px;
  top: -80px;
  padding: var(--s-14) var(--s-20);
  background: var(--c-white);
  z-index: 99;
}
.skip-link:focus {
  top: 15px;
}
.site-header {
  height: 88px;
  background: var(--c-paper);
  border-bottom: 1px solid var(--line);
  position: sticky;
  top: 0;
  z-index: 30;
  backdrop-filter: blur(12px);
}
.header-inner {
  width: min(1400px, calc(100% - 72px));
  height: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  gap: var(--s-24);
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: var(--s-10);
  white-space: nowrap;
  font-size: var(--fs-24);
  letter-spacing: var(--ls-n1_15);
  font-weight: var(--fw-800);
  line-height: var(--lh-1);
}
.brand > .brand-symbol {
  color: var(--green);
  flex-shrink: 0;
}
.brand-rest {
  font-weight: var(--fw-500);
}
.brand-dot {
  color: var(--c-brand-dot-638a51);
}
.desktop-nav {
  display: flex;
  justify-content: center;
  flex: 1;
  align-items: center;
  gap: var(--s-23);
}
.desktop-nav a {
  font-size: var(--fs-12);
  font-weight: var(--fw-600);
  white-space: nowrap;
  position: relative;
}
.desktop-nav a:after {
  content: '';
  position: absolute;
  height: 1px;
  bottom: -7px;
  left: 0;
  width: 0;
  background: var(--green);
  transition: width 0.2s;
}
.desktop-nav a:hover:after {
  width: 100%;
}
.menu-toggle {
  display: none;
  border: 0;
  background: none;
  padding: var(--s-8);
  color: var(--ink);
}
.mobile-nav {
  background: var(--paper);
  border-bottom: 1px solid var(--line);
  padding: var(--s-10) var(--s-24) var(--s-22);
  box-shadow: var(--sh-mobile-menu);
}
.mobile-nav a {
  padding: var(--s-13) 0;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--line);
}
.hero {
  padding: var(--s-52) 0 var(--s-46);
}
.hero-grid {
  display: grid;
  grid-template-columns: 1fr 1.13fr;
  gap: var(--s-62);
  align-items: center;
}
.hero-copy {
  padding: var(--s-12) 0 var(--s-10);
}
.hero-eyebrow {
  display: flex;
  align-items: center;
  gap: var(--s-8);
  font-size: var(--fs-12);
  font-weight: var(--fw-600);
  color: var(--c-hero-eyebrow-526b58);
  margin-bottom: var(--s-25);
}
.hero-eyebrow > span {
  width: 7px;
  height: 7px;
  background: var(--c-hero-eyebrow-span-7b9b65);
  border-radius: var(--r-circle);
}
.hero-description {
  max-width: 420px;
  font-size: var(--fs-15);
  line-height: var(--lh-1_8);
  margin-top: var(--s-26);
}
.hero-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--s-22);
  margin-top: var(--s-30);
}
.hero-secondary {
  display: flex;
  gap: var(--s-8);
  align-items: center;
  font-size: var(--fs-12);
  font-weight: var(--fw-650);
}
.hero-secondary img.ui-icon {
  width: 16px;
}
.hero-proof {
  display: flex;
  gap: var(--s-22);
  margin-top: var(--s-30);
  color: var(--c-hero-proof-697567);
  font-size: var(--fs-12);
}
.hero-proof > span {
  display: flex;
  align-items: center;
  gap: var(--s-6);
}
.hero-proof img.ui-icon {
  width: 15px;
  height: 15px;
}
.hero-visual {
  position: relative;
  align-self: stretch;
  min-height: 505px;
  border-radius: var(--r-18);
  isolation: isolate;
}
.hero-visual > img {
  height: 100%;
  width: 100%;
  position: absolute;
  border-radius: var(--r-18);
  object-position: 56% center;
}
.hero-photo-label {
  position: absolute;
  top: 19px;
  left: 21px;
  padding: var(--s-8) var(--s-13);
  border-radius: var(--r-30);
  font-size: var(--fs-12);
  font-weight: var(--fw-600);
  background: var(--c-hero-photo-label-ffffffe8);
  display: flex;
  align-items: center;
  gap: var(--s-7);
}
.hero-photo-label > span {
  width: 5px;
  height: 5px;
  border-radius: var(--r-circle);
  background: var(--c-hero-photo-label-span-69865a);
}
.hero-floating {
  position: absolute;
  left: -25px;
  right: 40px;
  bottom: 28px;
  background: var(--c-hero-floating-fffffff2);
  backdrop-filter: blur(10px);
  border: 1px solid var(--c-hero-floating-ffffffb0);
  box-shadow: var(--sh-floating-hero);
  display: flex;
  align-items: center;
  gap: var(--s-13);
  padding: var(--s-19) var(--s-22);
  border-radius: var(--r-10);
}
.hero-floating strong {
  font-size: var(--fs-12);
  display: block;
  letter-spacing: var(--ls-n0_15);
}
.hero-floating small {
  font-size: var(--fs-12);
  display: block;
  color: var(--muted);
  margin-top: var(--s-4);
}
.hero-floating > img.ui-icon {
  margin-left: auto;
}
.floating-icon {
  padding: var(--s-10);
  border-radius: var(--r-circle);
  background: var(--c-floating-icon-edf1e7);
  color: var(--c-floating-icon-406843);
}
.benefits {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding-block: var(--s-29);
  border-block: 1px solid var(--line);
  gap: var(--s-24);
}
.benefit {
  display: flex;
  align-items: center;
  gap: var(--s-12);
}
.benefit > span {
  color: var(--c-benefit-span-587455);
  flex-shrink: 0;
}
.benefit h3 {
  font-size: var(--fs-12);
  font-weight: var(--fw-700);
  letter-spacing: var(--ls-n0_1);
  margin-bottom: var(--s-5);
}
.benefit p {
  font-size: var(--fs-12);
  line-height: var(--lh-1_5);
}
.categories-section {
  padding-top: var(--s-67);
}
.category-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: var(--s-15);
}
.category-card {
  position: relative;
}
.category-art {
  background: var(--c-category-art-eff1e9);
  border-radius: var(--r-11);
  transition: background 0.2s;
  overflow: hidden;
  padding: var(--s-10) 0;
}
.category-card:hover .category-art {
  background: var(--c-category-card-hover-category-art-e3ebdc);
}
.equipment-art {
  width: 100%;
  height: auto;
  display: block;
}
.category-card h3 {
  font-size: var(--fs-13);
  margin-top: var(--s-15);
  font-weight: var(--fw-700);
  letter-spacing: var(--ls-n0_2);
}
.category-card p {
  font-size: var(--fs-12);
  margin-top: var(--s-6);
}
.category-arrow {
  position: absolute;
  right: 10px;
  top: 10px;
  color: var(--c-category-arrow-789172);
}
.category-arrow img.ui-icon {
  width: 13px;
}
.guides-section {
  padding-bottom: var(--s-84);
}
.guide-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--s-29);
}
.guide-image {
  position: relative;
  height: 260px;
  border-radius: var(--r-12);
  overflow: hidden;
  display: block;
  background: var(--c-guide-image-e6e9dd);
}
.guide-image > img {
  width: 100%;
  height: 100%;
  transition: transform 0.5s;
}
.guide-card:hover .guide-image > img {
  transform: scale(1.025);
}
.image-label {
  position: absolute;
  left: 18px;
  bottom: 17px;
  color: var(--ink);
  background: var(--paper);
  font-size: var(--fs-12);
  font-weight: var(--fw-650);
  padding: var(--s-6) var(--s-11);
  border-radius: var(--r-4);
}
.illustration-scene {
  height: 100%;
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, var(--c-illustration-scene-e4e7da) 0%, var(--c-illustration-scene-e4e7da) 65%, var(--c-illustration-scene-c7c6b2) 65%, var(--c-illustration-scene-dad6c4) 100%);
}
.illustration-scene:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 32%;
  height: 2px;
  width: 100%;
  background: var(--c-illustration-scene-before-b5b9a5);
}
.illustration-scene .equipment-art {
  position: absolute;
  width: 94%;
  left: 3%;
  bottom: 5%;
  filter: drop-shadow(0 10px 5px var(--c-illustration-scene-equipment-art-34452a14));
}
.scene-window {
  position: absolute;
  width: 100px;
  height: 160px;
  top: -10px;
  right: 22px;
  background: var(--c-scene-window-f7f8ef);
  transform: skewY(-5deg);
  border: 8px solid var(--c-scene-window-f1f1e9);
  box-shadow: calc(-1 * var(--s-35)) var(--s-45) var(--s-35) var(--c-scene-window-ffffef80);
}
.scene-window:before {
  content: '';
  position: absolute;
  top: 0;
  left: 45%;
  width: 4px;
  height: 100%;
  background: var(--c-scene-window-before-e3e6db);
}
.scene-row {
  background: linear-gradient(180deg, var(--c-scene-row-d3dfdd) 0%, var(--c-scene-row-d3dfdd) 65%, var(--c-scene-row-b8c2b4) 65%, var(--c-scene-row-c7c9b8) 100%);
}
.editorial-meta {
  display: flex;
  justify-content: space-between;
  gap: var(--s-10);
  margin-top: var(--s-20);
  margin-bottom: var(--s-12);
  font-size: var(--fs-12);
}
.editorial-meta > span:first-child {
  color: var(--c-editorial-meta-span-first-child-527149);
  font-weight: var(--fw-650);
}
.editorial-meta > span:last-child {
  color: var(--c-editorial-meta-span-last-child-7c8378);
}
.guide-card h3 {
  font-size: var(--fs-23);
  max-width: 370px;
  line-height: var(--lh-1_3);
}
.guide-card p {
  font-size: var(--fs-12);
  margin-top: var(--s-12);
  line-height: var(--lh-1_7);
  max-width: 350px;
}
.guide-card > .text-link {
  margin-top: var(--s-20);
  font-size: var(--fs-12);
}
.comparison-section {
  background: var(--c-comparison-section);
  color: var(--c-comparison-heading);
  padding: var(--s-64) 0 var(--s-33);
}
.comparison-section .section-heading {
  margin-bottom: var(--s-32);
}
.comparison-section .section-kicker {
  color: var(--c-comparison-section-section-kicker-bacdb0);
}
.comparison-section .section-heading > div > p:last-child {
  color: var(--c-comparison-intro);
  font-size: var(--fs-13);
}
.comparison-section .text-link {
  color: var(--c-comparison-section-text-link-e4ecd9);
  font-size: var(--fs-12);
}
.comparison-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--s-21);
}
.comparison-card {
  border: 1px solid var(--c-comparison-card-577166);
  border-radius: var(--r-11);
  background: var(--c-comparison-card);
  overflow: hidden;
  padding: var(--s-17) var(--s-24) var(--s-24);
  position: relative;
}
.comparison-art {
  width: 155px;
  height: 103px;
  margin-left: auto;
  margin-bottom: calc(-1 * var(--s-15));
  background: var(--c-comparison-art-e5ecdb);
  border-radius: var(--r-8);
  transform: rotate(-5deg);
}
.comparison-art .equipment-art {
  height: 100%;
}
.comparison-criterion {
  display: block;
  color: var(--c-comparison-criterion);
  font-size: var(--fs-12);
  margin-top: var(--s-10);
}
.comparison-card h3 {
  font-size: var(--fs-21);
  margin-top: var(--s-10);
  max-width: 235px;
  line-height: var(--lh-1_25);
}
.comparison-card p {
  color: var(--c-comparison-body);
  font-size: var(--fs-12);
  margin-top: var(--s-13);
  max-width: 280px;
}
.comparison-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--c-comparison-link-526d60);
  padding-top: var(--s-18);
  margin-top: var(--s-23);
  font-size: var(--fs-12);
  font-weight: var(--fw-600);
}
.comparison-link:hover {
  color: var(--c-comparison-link-hover-d1e8b6);
}
.product-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--s-20);
}
.product-card {
  border: 1px solid var(--line);
  border-radius: var(--r-12);
  background: var(--c-white-short);
  overflow: hidden;
}
.product-visual {
  position: relative;
  background: var(--c-product-visual-f1f3eb);
  padding: var(--s-29) var(--s-8) var(--s-5);
  min-height: 190px;
}
.product-badge {
  position: absolute;
  top: 14px;
  left: 14px;
  border-radius: var(--r-4);
  background: var(--c-white-short);
  padding: var(--s-4) var(--s-8);
  font-size: var(--fs-12);
  font-weight: var(--fw-650);
}
.product-info {
  padding: var(--s-22);
}
.product-brand {
  font-size: var(--fs-12);
  margin-bottom: var(--s-5);
}
.product-card h3 {
  font-size: var(--fs-23);
}





.product-card ul {
  padding: 0;
  list-style: none;
  margin: var(--s-20) 0 var(--s-22);
  color: var(--c-product-card-ul-667166);
  font-size: var(--fs-12);
}
.product-card li {
  margin-block: var(--s-7);
  display: flex;
  gap: var(--s-8);
}
.product-card li:before {
  content: '✓';
  color: var(--c-product-card-li-before-607c56);
}
.product-bottom {
  border-top: 1px solid var(--line);
  padding-top: var(--s-15);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--s-8);
}
.product-bottom strong {
  font-size: var(--fs-19);
  display: block;
  letter-spacing: var(--ls-n0_7);
}
.product-bottom small {
  display: block;
  font-size: var(--fs-12);
  color: var(--c-product-bottom-small-6a746b);
}
.product-test {
  display: flex;
  gap: var(--s-5);
  font-size: var(--fs-12);
  align-items: center;
  font-weight: var(--fw-650);
}
.product-test img.ui-icon {
  width: 14px;
}
.choose-section {
  background: var(--c-chooser-section);
  margin-top: var(--s-78);
  padding-block: var(--s-74);
}
.choose-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--s-95);
  align-items: center;
}
.choose-grid h2 {
  font-size: var(--fs-44);
  line-height: var(--lh-1_13);
  letter-spacing: var(--ls-n1_7);
}
.choose-intro {
  max-width: 420px;
  font-size: var(--fs-13);
  margin-top: var(--s-22);
}
.criteria-list {
  list-style: none;
  padding: 0;
  margin: var(--s-27) 0 var(--s-24);
}
.criteria-list li {
  display: flex;
  gap: var(--s-15);
  margin-top: var(--s-18);
}
.criteria-list li > span {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border: 1px solid var(--c-criteria-list-li-span-ccd6c2);
  border-radius: var(--r-circle);
  font-size: var(--fs-12);
  font-weight: var(--fw-600);
  flex-shrink: 0;
  margin-top: var(--s-4);
}
.criteria-list h3 {
  font-size: var(--fs-12);
  letter-spacing: var(--ls-n0_1);
  margin-bottom: var(--s-5);
}
.criteria-list p {
  font-size: var(--fs-12);
}
.choose-grid > .text-link {
  font-size: var(--fs-12);
}
.chooser {
  background: var(--c-white-short);
  padding: var(--s-32);
  border-radius: var(--r-15);
  box-shadow: var(--sh-chooser);
  border: 1px solid var(--c-chooser-e0e7d8);
}
.chooser-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--s-10);
  margin-bottom: var(--s-23);
}
.small-kicker {
  font-size: var(--fs-12);
  font-weight: var(--fw-650);
  color: var(--c-small-kicker-526d4c);
}
.time-pill {
  display: flex;
  align-items: center;
  gap: var(--s-5);
  font-size: var(--fs-12);
  color: var(--c-time-pill-67795b);
  background: var(--c-time-pill-f1f5ec);
  padding: var(--s-5) var(--s-8);
  border-radius: var(--r-15);
}
.time-pill img.ui-icon {
  width: 12px;
  height: 12px;
}
.chooser h3 {
  font-size: var(--fs-26);
  line-height: var(--lh-1_2);
  margin-bottom: var(--s-26);
  max-width: 280px;
}
.chooser label {
  display: block;
  font-size: var(--fs-12);
  font-weight: var(--fw-650);
  margin-bottom: var(--s-8);
}
.chooser select {
  width: 100%;
  background: var(--c-chooser-select-fafbf7);
  border: 1px solid var(--c-chooser-select-d9e1d3);
  color: var(--ink);
  border-radius: var(--r-6);
  padding: var(--s-12) var(--s-30) var(--s-12) var(--s-12);
  font-size: var(--fs-12);
  min-height: 44px;
}
.chooser-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--s-16);
  margin-top: var(--s-19);
}
.chooser form > .button {
  width: 100%;
  margin-top: var(--s-26);
  justify-content: space-between;
}
.chooser-note {
  font-size: var(--fs-12);
  text-align: center;
  margin-top: var(--s-15);
}
.chooser-result {
  border-top: 1px solid var(--line);
  margin-top: var(--s-24);
  padding-top: var(--s-20);
  display: flex;
  align-items: center;
  gap: var(--s-15);
}
.chooser-result > .equipment-art {
  width: 90px;
  flex-shrink: 0;
}
.chooser-result strong {
  font-size: var(--fs-12);
  line-height: var(--lh-1_4);
  display: block;
}
.chooser-result p {
  font-size: var(--fs-12);
  margin-top: var(--s-8);
}
.chooser-result a {
  display: flex;
  align-items: center;
  gap: var(--s-5);
  font-size: var(--fs-12);
  font-weight: var(--fw-650);
  margin-top: var(--s-10);
}
.article-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--s-28);
}
.article-art {
  height: 215px;
  display: flex;
  justify-content: center;
  background: var(--c-article-art-e8eada);
  border-radius: var(--r-12);
  overflow: hidden;
}
.article-art .equipment-art {
  width: 85%;
  height: 100%;
  padding: var(--s-5);
}
.article-art-1 {
  background: var(--c-article-art-1-dde7e4);
}
.article-art-2 {
  background: var(--c-article-art-2-ede6d9);
}
.article-card h3 {
  font-size: var(--fs-22);
  line-height: var(--lh-1_3);
}
.article-card p {
  font-size: var(--fs-12);
  line-height: var(--lh-1_7);
  margin-top: var(--s-12);
}
.article-card > .text-link {
  font-size: var(--fs-12);
  margin-top: var(--s-19);
}
.about-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--s-92);
  align-items: center;
  padding-block: var(--s-95);
}
.about-visual {
  height: 370px;
  position: relative;
}
.about-visual > img {
  width: 100%;
  height: 100%;
  object-position: 25% center;
  border-radius: var(--r-13);
}
.about-stamp {
  position: absolute;
  right: -20px;
  bottom: 25px;
  background: var(--c-about-stamp-f3f4e9);
  display: flex;
  gap: var(--s-13);
  align-items: center;
  padding: var(--s-17) var(--s-21);
  border-radius: var(--r-9);
  font-size: var(--fs-12);
  font-weight: var(--fw-600);
  box-shadow: var(--sh-about-stamp);
}
.about-stamp img.ui-icon {
  width: 27px;
  height: 27px;
  color: var(--c-about-stamp-img-ui-icon-6d8453);
}
.about-copy h2 {
  font-size: var(--fs-44);
  line-height: var(--lh-1_17);
}
.about-copy > p:not(.section-kicker) {
  font-size: var(--fs-13);
  max-width: 450px;
  line-height: var(--lh-1_8);
  margin-top: var(--s-22);
}
.about-copy .text-link {
  font-size: var(--fs-12);
  margin-top: var(--s-24);
}
.site-footer {
  background: var(--navy);
  color: var(--c-site-footer-edf2e9);
  padding: var(--s-56) 0 var(--s-23);
}
.footer-top {
  display: grid;
  grid-template-columns: 1.65fr 1fr 1.1fr 1fr;
  gap: var(--s-40);
  padding-bottom: var(--s-38);
}
.brand-light {
  color: var(--c-brand-light-f2f4eb);
}
.brand-light > img.ui-icon {
  color: var(--c-brand-light-img-ui-icon-668469);
}
.brand-light .brand-dot {
  color: var(--c-brand-light-brand-dot-abc28b);
}
.footer-brand p {
  color: var(--c-footer-brand-p-c1cfc1);
  font-size: var(--fs-13);
  margin-top: var(--s-23);
}
.footer-brand > span {
  display: block;
  font-size: var(--fs-12);
  color: var(--c-footer-brand-span-93aa98);
  margin-top: var(--s-15);
}
.footer-top > div > h3 {
  font-size: var(--fs-12);
  letter-spacing: var(--ls-0);
  margin-bottom: var(--s-20);
}
.footer-top > div:not(:first-child) > a {
  display: block;
  font-size: var(--fs-12);
  color: var(--c-footer-secondary);
  margin-top: var(--s-11);
}
.footer-top a:hover,
.footer-bottom a:hover {
  color: var(--c-white);
}
.footer-top .footer-back {
  display: flex !important;
  align-items: center;
  gap: var(--s-8);
  margin-top: var(--s-23) !important;
}
.footer-back img.ui-icon {
  transform: rotate(-90deg);
  width: 15px;
}
.affiliation-note {
  padding: var(--s-23) 0;
  border-block: 1px solid var(--c-affiliation-note-385348);
  display: flex;
  gap: var(--s-45);
  align-items: center;
  justify-content: space-between;
}
.affiliation-note p {
  color: var(--c-affiliation-note-p-9cb3a1);
  font-size: var(--fs-12);
  max-width: 780px;
}
.affiliation-note a {
  display: flex;
  gap: var(--s-9);
  align-items: center;
  font-size: var(--fs-12);
  white-space: nowrap;
}
.affiliation-note img.ui-icon {
  width: 14px;
}
.footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: var(--s-20);
  font-size: var(--fs-12);
  color: var(--c-footer-brand-span-93aa98);
  padding-top: var(--s-23);
}
.footer-bottom > div {
  display: flex;
  gap: var(--s-20);
}
@media (min-width: 1500px) {
  .hero-grid {
    gap: var(--s-80);
  }
  .hero-visual {
    min-height: 550px;
  }
}
@media (max-width: 1200px) {
  .container {
    width: calc(100% - 64px);
  }
  .header-inner {
    width: calc(100% - 48px);
    gap: var(--s-20);
  }
  .desktop-nav {
    gap: var(--s-15);
  }
  .desktop-nav a {
    font-size: var(--fs-12);
  }
  .header-cta {
    display: none;
  }
  .hero-grid {
    gap: var(--s-35);
  }
  .hero-visual {
    min-height: 490px;
  }
  .hero-actions {
    gap: var(--s-16);
  }
  .hero-actions > .button {
    padding: var(--s-14) var(--s-16);
    font-size: var(--fs-12);
  }
  .hero-secondary {
    font-size: var(--fs-12);
  }
  .brand {
    font-size: var(--fs-22);
  }
  .benefits {
    gap: var(--s-15);
  }
  .benefit {
    gap: var(--s-10);
  }
  .benefit h3 {
    font-size: var(--fs-12);
  }
  .benefit p {
    font-size: var(--fs-12);
  }
  .category-grid {
    gap: var(--s-12);
  }
  .category-card h3 {
    font-size: var(--fs-12);
  }
  .category-card p {
    font-size: var(--fs-12);
  }
  .guide-image {
    height: 230px;
  }
  .guide-card h3 {
    font-size: var(--fs-21);
  }
  .product-info {
    padding: var(--s-16);
  }
  .product-grid {
    gap: var(--s-14);
  } .choose-grid,
  .about-section {
    gap: var(--s-55);
  }
  .product-test {
    font-size: var(--fs-12);
  }
  .comparison-card {
    padding-inline: var(--s-20);
  }
}
@media (max-width: 960px) {
  h1 {
    letter-spacing: var(--ls-n2_5);
  }
  .desktop-nav {
    display: none;
  }
  .header-cta {
    display: inline-flex;
    margin-left: auto;
  }
  .menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-left: 0;
    font-size: var(--fs-28);
  }
  .site-header {
    height: 76px;
  }
  .hero {
    padding-top: var(--s-35);
  }
  .hero-grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--s-30);
  }
  .hero-visual {
    min-height: 460px;
  }
  .hero-copy h1 {
    font-size: var(--fs-49);
  }
  .hero-floating {
    left: -12px;
    right: 18px;
    bottom: 20px;
    padding: var(--s-14);
    gap: var(--s-10);
  }
  .hero-floating strong {
    font-size: var(--fs-12);
  }
  .hero-floating small {
    font-size: var(--fs-12);
  }
  .floating-icon {
    padding: var(--s-7);
  }
  .hero-photo-label {
    font-size: var(--fs-12);
    left: 12px;
  }
  .hero-proof {
    gap: var(--s-11);
    font-size: var(--fs-12);
  }
  .hero-description {
    font-size: var(--fs-13);
  }
  .hero-secondary {
    padding: var(--s-4) 0;
  }
  .benefits {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--s-23) var(--s-35);
  }
  .benefit h3 {
    font-size: var(--fs-12);
  }
  .benefit p {
    font-size: var(--fs-12);
  }
  .category-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--s-25) var(--s-18);
  }
  .category-art {
    padding: 0 var(--s-15);
  }
  .category-card h3 {
    font-size: var(--fs-14);
  }
  .category-card p {
    font-size: var(--fs-12);
  }
  .guide-grid,
  .article-grid {
    gap: var(--s-19);
  }
  .guide-image {
    height: 200px;
  }
  .guide-card h3,
  .article-card h3 {
    font-size: var(--fs-19);
  }
  .editorial-meta {
    font-size: var(--fs-12);
  }
  .guide-card p,
  .article-card p {
    font-size: var(--fs-12);
  }
  .comparison-grid {
    gap: var(--s-15);
  }
  .comparison-card {
    padding: var(--s-16);
  }
  .comparison-card h3 {
    font-size: var(--fs-19);
  }
  .comparison-card p {
    font-size: var(--fs-12);
  }
  .comparison-art {
    width: 120px;
    height: 85px;
    margin-bottom: 0;
  }
  .comparison-criterion {
    font-size: var(--fs-12);
  }
  .comparison-link {
    font-size: var(--fs-12);
  }
  .product-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--s-22);
  }
  .product-visual {
    padding: var(--s-25) var(--s-30) var(--s-5);
  }
  .product-info {
    padding: var(--s-24);
  }

.product-test {
    font-size: var(--fs-12);
  }
  .choose-grid {
    gap: var(--s-30);
  }
  .choose-grid h2 {
    font-size: var(--fs-36);
  }
  .chooser {
    padding: var(--s-23);
  }
  .chooser h3 {
    font-size: var(--fs-24);
  }
  .chooser-fields {
    gap: var(--s-10);
    grid-template-columns: 1fr;
  }
  .choose-intro {
    font-size: var(--fs-12);
  }
  .criteria-list p {
    font-size: var(--fs-12);
  }
  .article-art {
    height: 175px;
  }
  .about-section {
    gap: var(--s-50);
  }
  .about-copy h2 {
    font-size: var(--fs-36);
  }
  .about-visual {
    height: 370px;
  }
  .footer-top {
    grid-template-columns: 1.35fr 1fr 1fr;
    gap: var(--s-30);
  }
  .footer-top > div:last-child {
    grid-column: 2/4;
    display: flex;
    gap: var(--s-22);
    align-items: center;
  }
  .footer-top > div:last-child h3 {
    margin: 0;
  }
  .footer-top > div:last-child > a {
    margin: 0;
    font-size: var(--fs-12);
  }
  .footer-top .footer-back {
    margin: 0 !important;
  }
  .affiliation-note {
    display: block;
  }
  .affiliation-note a {
    margin-top: var(--s-12);
  }
  .section-heading .text-link {
    font-size: var(--fs-12);
  }
}
@media (max-width: 640px) {
  .container {
    width: calc(100% - 40px);
  }
  .header-inner {
    width: calc(100% - 32px);
  }
  .site-header {
    height: 69px;
  }
  .brand {
    font-size: var(--fs-22);
    gap: var(--s-8);
  }
  .brand > .brand-symbol {
    width: 33px;
    height: 33px;
  }
  .header-cta {
    display: none;
  }
  .menu-toggle {
    margin-left: auto;
  }
  .hero {
    padding-top: var(--s-32);
    padding-bottom: var(--s-32);
  }
  .hero-grid {
    grid-template-columns: 1fr;
    gap: var(--s-31);
  }
  .hero-copy {
    padding: 0;
  }
  .hero-eyebrow {
    font-size: var(--fs-12);
    margin-bottom: var(--s-18);
  }
  .hero-copy h1 {
    font-size: var(--fs-fluide-clamp-45px-12-7vw-67px);
    line-height: var(--lh-1_06);
    letter-spacing: var(--ls-n2_7);
  }
  .hero-description {
    font-size: var(--fs-14);
    max-width: 390px;
    margin-top: var(--s-20);
  }
  .hero-actions {
    margin-top: var(--s-24);
    gap: var(--s-18);
  }
  .hero-actions > .button {
    font-size: var(--fs-12);
    padding: var(--s-15) var(--s-18);
  }
  .hero-secondary {
    font-size: var(--fs-12);
  }
  .hero-proof {
    margin-top: var(--s-22);
    font-size: var(--fs-12);
    gap: var(--s-20);
  }
  .hero-visual {
    min-height: 350px;
    border-radius: var(--r-12);
  }
  .hero-visual > img {
    border-radius: var(--r-12);
    object-position: 58% center;
  }
  .hero-photo-label {
    top: 14px;
    left: 14px;
    font-size: var(--fs-12);
  }
  .hero-floating {
    left: 12px;
    right: 12px;
    bottom: 14px;
    padding: var(--s-14);
  }
  .hero-floating strong {
    font-size: var(--fs-12);
  }
  .hero-floating small {
    font-size: var(--fs-12);
  }
  .benefits {
    padding-block: var(--s-23);
    gap: var(--s-22) var(--s-13);
  }
  .benefit {
    align-items: start;
    gap: var(--s-8);
  }
  .benefit img.ui-icon {
    width: 20px;
    height: 20px;
  }
  .benefit h3 {
    font-size: var(--fs-12);
    line-height: var(--lh-1_3);
  }
  .benefit p {
    font-size: var(--fs-12);
    line-height: var(--lh-1_6);
  }
  .section {
    padding-top: var(--s-58);
    padding-bottom: 0;
  }
  .section-kicker {
    font-size: var(--fs-12);
    margin-bottom: var(--s-11);
  }
  .section-heading {
    display: block;
    margin-bottom: var(--s-25);
  }
  .section-heading h2 {
    font-size: var(--fs-29);
    letter-spacing: var(--ls-n1);
    max-width: 350px;
  }
  .section-heading > div > p:last-child:not(.section-kicker) {
    font-size: var(--fs-12);
    margin-top: var(--s-13);
  }
  .section-heading > .text-link {
    margin-top: var(--s-17);
    font-size: var(--fs-12);
  }
  .category-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--s-24) var(--s-15);
  }
  .category-art {
    padding: 0;
  }
  .category-card h3 {
    font-size: var(--fs-13);
    margin-top: var(--s-12);
  }
  .category-card p {
    font-size: var(--fs-12);
    margin-top: var(--s-5);
  }
  .guides-section {
    padding-bottom: var(--s-56);
  }
  .guide-grid {
    grid-template-columns: 1fr;
    gap: var(--s-35);
  }
  .guide-image {
    height: 260px;
  }
  .guide-card h3 {
    font-size: var(--fs-25);
    max-width: 100%;
  }
  .guide-card p {
    font-size: var(--fs-13);
    max-width: 100%;
  }
  .editorial-meta {
    font-size: var(--fs-12);
    margin-top: var(--s-16);
  }
  .guide-card > .text-link {
    margin-top: var(--s-16);
    font-size: var(--fs-12);
  }
  .comparison-section {
    padding-block: var(--s-43) var(--s-24);
  }
  .comparison-grid {
    grid-template-columns: 1fr;
    gap: var(--s-15);
  }
  .comparison-card {
    padding: var(--s-22);
    display: grid;
    grid-template-columns: 1fr 100px;
    gap: var(--s-15);
  }
  .comparison-art {
    grid-column: 2;
    grid-row: 1;
    width: 100px;
    height: 88px;
    margin-top: var(--s-18);
  }
  .comparison-card > div:last-child {
    grid-column: 1;
    grid-row: 1;
  }
  .comparison-criterion {
    font-size: var(--fs-12);
    margin-top: 0;
  }
  .comparison-card h3 {
    font-size: var(--fs-22);
    max-width: 230px;
  }
  .comparison-card p {
    font-size: var(--fs-12);
    margin-top: var(--s-10);
  }
  .comparison-link {
    font-size: var(--fs-12);
    gap: var(--s-10);
  }
  .product-grid {
    gap: var(--s-14);
  }
  .product-visual {
    min-height: 130px;
    padding: var(--s-33) var(--s-4) var(--s-4);
  }
  .product-badge {
    left: 9px;
    top: 10px;
    font-size: var(--fs-12);
    padding: var(--s-4) var(--s-6);
  }
  .product-info {
    padding: var(--s-14) var(--s-12);
  }
  .product-card h3 {
    font-size: var(--fs-19);
  }
  .product-brand {
    font-size: var(--fs-12);
  }




  .product-card ul {
    font-size: var(--fs-12);
    margin: var(--s-15) 0;
  }
  .product-card li {
    gap: var(--s-5);
    line-height: var(--lh-1_5);
  }
  .product-bottom {
    align-items: start;
    flex-direction: column;
    gap: var(--s-9);
  }
  .product-bottom strong {
    font-size: var(--fs-18);
  }
  .product-test {
    font-size: var(--fs-12);
  }
  .choose-section {
    margin-top: var(--s-55);
    padding-block: var(--s-45);
  }
  .choose-grid {
    grid-template-columns: 1fr;
    gap: var(--s-32);
  }
  .choose-grid h2 {
    font-size: var(--fs-39);
    letter-spacing: var(--ls-n1_5);
  }
  .choose-intro {
    font-size: var(--fs-13);
    max-width: 100%;
  }
  .criteria-list h3 {
    font-size: var(--fs-12);
  }
  .criteria-list p {
    font-size: var(--fs-12);
  }
  .chooser {
    padding: var(--s-25);
  }
  .chooser-fields {
    grid-template-columns: 1fr 1fr;
    gap: var(--s-12);
  }
  .chooser select {
    padding: var(--s-12) var(--s-24) var(--s-12) var(--s-9);
    font-size: var(--fs-12);
  }
  .chooser h3 {
    font-size: var(--fs-27);
  }
  .article-grid {
    grid-template-columns: 1fr;
    gap: var(--s-34);
  }
  .article-art {
    height: 220px;
  }
  .article-card h3 {
    font-size: var(--fs-24);
  }
  .article-card p {
    font-size: var(--fs-12);
  }
  .article-card > .text-link {
    margin-top: var(--s-16);
  }
  .about-section {
    grid-template-columns: 1fr;
    padding-block: var(--s-56);
    gap: var(--s-33);
  }
  .about-visual {
    height: 300px;
  }
  .about-stamp {
    right: 12px;
    bottom: 15px;
  }
  .about-copy h2 {
    font-size: var(--fs-39);
  }
  .about-copy > p:not(.section-kicker) {
    font-size: var(--fs-13);
    margin-top: var(--s-18);
  }
  .site-footer {
    padding-top: var(--s-40);
  }
  .footer-top {
    grid-template-columns: 1fr 1fr;
    gap: var(--s-32) var(--s-20);
  }
  .footer-brand {
    grid-column: 1/3;
  }
  .footer-brand p {
    margin-top: var(--s-18);
  }
  .footer-top > div:last-child {
    grid-column: 1/3;
    display: block;
  }
  .footer-top > div:last-child h3 {
    margin-bottom: var(--s-16);
  }
  .footer-top > div:last-child > a {
    margin-top: var(--s-11);
    font-size: var(--fs-12);
  }
  .footer-top .footer-back {
    margin-top: var(--s-19) !important;
  }
  .affiliation-note p {
    font-size: var(--fs-12);
  }
  .footer-bottom {
    flex-direction: column;
    gap: var(--s-13);
    font-size: var(--fs-12);
  }
  .footer-bottom > div {
    gap: var(--s-17);
  }
  .chooser-result {
    align-items: start;
  }
  .chooser-result > .equipment-art {
    width: 60px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *:before,
  *:after {
    animation: none !important;
    transition: none !important;
  }
}

/* Export adjustments: readable sizes, AA contrast and Amazon affiliation. */
:root {
  --muted: var(--c-text-muted);
  --purchase: var(--c-purchase);
  --purchase-hover: var(--c-purchase-hover);
  --control-border: var(--c-control-border);
}
[hidden] { display: none !important; }
.ui-icon { width: 19px;height: 19px; }
.brand-symbol { width: 38px;height: 38px;flex-shrink: 0; } .button:not(.button-outline):not(.button-purchase) .ui-icon,
.comparison-section .comparison-link .ui-icon,
.comparison-section .text-link .ui-icon,
.site-footer .ui-icon { filter: brightness(0) invert(1); }
.hero-photo-label,.hero-floating { background: var(--c-white); } .hero-proof,.editorial-meta>span:last-child,.product-card ul,.product-brand,
.product-bottom small,.chooser-note,.time-pill,.product-info p { color: var(--muted); }
.hero-description,.guide-card p,.article-card p,.about-copy>p:not(.section-kicker),
.choose-intro,.comparison-card p { font-size: var(--fs-15);line-height: var(--lh-1_75); } .benefit p,.category-card p,.criteria-list p { font-size: var(--fs-13);line-height: var(--lh-1_65); }
.benefit h3,.criteria-list h3 { font-size: var(--fs-14); }
.product-card ul { font-size: var(--fs-14);line-height: var(--lh-1_65); }
.product-card h3 { line-height: var(--lh-1_3); }
.product-card { display: flex;flex-direction: column; }
.product-info { display: flex;flex-direction: column;flex: 1; }
.product-info ul { flex: 1; }
.product-bottom { min-height: 44px; }
.product-test,.text-link,.hero-secondary,.comparison-link { min-height: 30px; } .button,.chooser select { min-height: 44px;font-size: var(--fs-14); }
.button-small { font-size: var(--fs-12); }
.button-purchase { background: var(--purchase);border: 1px solid var(--c-purchase-border);color: var(--ink);width: 100%;justify-content: space-between;margin-top: var(--s-16);gap: var(--s-12);padding: var(--s-13) var(--s-16); }
.button-purchase:hover { background: var(--purchase-hover); }
.product-info .affiliate-disclosure { font-size: var(--fs-12);line-height: var(--lh-1_6);color: var(--muted);margin-top: var(--s-10); } .chooser select { border-color: var(--control-border); }
.chooser label { font-size: var(--fs-13); }
.chooser-result strong { font-size: var(--fs-15); }
.chooser-result p { font-size: var(--fs-14);line-height: var(--lh-1_7); }
.chooser-result a { font-size: var(--fs-13); }
.chooser-result:focus { outline: 3px solid var(--green);outline-offset: 6px; }
.chooser-fields { grid-template-columns: 1fr; }
.hero-actions { align-items: flex-start; }
.hero-secondary { align-self: center; }
button:disabled { opacity: 1;background: var(--c-disabled-surface);color: var(--c-disabled-ink);border-color: var(--c-button-disabled-6b796c); }
button:disabled .ui-icon { filter: none !important; }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible {
 outline: 3px solid var(--c-editorial-action);outline-offset: 4px;box-shadow: var(--sh-focus-on-light);
}
.site-footer a:focus-visible,.comparison-section a:focus-visible { outline-color: var(--c-accent);box-shadow: 0 0 0 var(--s-4) var(--c-footer); }
.affiliation-note p { color: var(--c-footer-disclosure);font-size: var(--fs-13);line-height: var(--lh-1_75); }
.footer-bottom,.footer-brand>span { color: var(--c-footer-secondary); }
.brand-light .brand-symbol { filter: none; }
.mobile-nav { display: none; }
html.js .menu-toggle { display: none; }
.noscript-note { padding: var(--s-20);background: var(--c-sage);color: var(--c-ink); }
@media(max-width:1200px) { .desktop-nav {gap: var(--s-13);} .desktop-nav a {font-size: var(--fs-12);} }
@media(max-width:960px) {
 html.js .menu-toggle {display: flex;}
 .mobile-nav:not([hidden]) {display: block;}
 html:not(.js) .site-header {height: auto;position: static;}
 html:not(.js) .header-inner {min-height: 76px;}
 .hero-proof {flex-wrap: wrap;}
 .benefits {gap: var(--s-25);}
 .hero-floating {left: 12px;right: 12px;}
 .hero-floating strong {font-size: var(--fs-12);}
 .hero-floating small {font-size: var(--fs-12);}
 .hero-photo-label {max-width: calc(100% - 24px);font-size: var(--fs-12);}
 .comparison-card {padding: var(--s-18);}
 .comparison-art {margin-bottom: var(--s-12);}
 .comparison-card p {font-size: var(--fs-14);}
 .comparison-card h3 {font-size: var(--fs-21);}
 .guide-card p,.article-card p {font-size: var(--fs-14);}
 .editorial-meta {flex-wrap: wrap;font-size: var(--fs-12);}
 .guide-card h3,.article-card h3 {font-size: var(--fs-22);}
 .footer-top>div:last-child {flex-wrap: wrap;}
}
@media(max-width:640px) {
 .brand-symbol {width: 33px;height: 33px;}
 .hero-copy h1 {font-size: var(--fs-hero-mobile);}
 .hero-proof {gap: var(--s-12);}
 .benefit {gap: var(--s-8);}
 .benefit h3 {font-size: var(--fs-13);}
 .benefit p {font-size: var(--fs-12);}
 .category-card h3 {font-size: var(--fs-15);}
 .category-card p {font-size: var(--fs-12);}
 .category-arrow {right: 8px;top: 8px;}
 .product-grid {grid-template-columns: 1fr;gap: var(--s-25);}
 .product-visual {padding: var(--s-30) var(--s-43) 0;}
 .product-badge {font-size: var(--fs-12);top: 15px;left: 15px;}
 .product-info {padding: var(--s-22);}
 .product-card h3 {font-size: var(--fs-25);}
 .product-bottom {align-items: center;flex-direction: row;}
 .product-test {font-size: var(--fs-14);}
 .product-brand {font-size: var(--fs-12);}
 .comparison-card {grid-template-columns: 1fr;}
 .comparison-art {grid-column: 1;grid-row: 1;margin: 0 0 var(--s-12) auto;width: 115px;height: 79px;}
 .comparison-card>div:last-child {grid-column: 1;grid-row: 2;}
 .comparison-card h3 {max-width: none;font-size: var(--fs-24);}
 .comparison-card p {max-width: none;}
 .chooser {padding: var(--s-22);}
 .chooser-fields {grid-template-columns: 1fr;}
 .chooser select {font-size: var(--fs-14);}
 .chooser-result {flex-direction: column;}
 .chooser-result>.equipment-art {width: 110px;}
 .guide-card h3,.article-card h3 {font-size: var(--fs-25);}
 .hero-floating {padding: var(--s-13);gap: var(--s-9);}
 .hero-floating strong {font-size: var(--fs-12);line-height: var(--lh-1_5);}
 .hero-floating small {font-size: var(--fs-12);line-height: var(--lh-1_5);}
 .floating-icon {padding: var(--s-7);}
 .affiliation-note a {white-space: normal;}
 .footer-bottom>div {flex-wrap: wrap;}
}

/* Keep readable header colors independent of the content beneath the sticky bar. */
.site-header { background: var(--paper); }