/* ═══════════════════════════════════════════════════════════════
   FUSCCAR MÓVIL

   Mismo sistema que fusccar.com: papel, tinta y el rojo #d81018 del
   logo, tipografía condensada y la información dispuesta como una
   ficha de taller. Es la misma empresa, así que no puede parecer otra.

   Lo único que cambia es el acento estructural: acá el negro pesa más
   —la unidad trabaja en la calle, no en un local— y el rojo marca el
   movimiento.
   ═══════════════════════════════════════════════════════════════ */

/* ── TOKENS ──────────────────────────────────────────────────── */
:root {
  --rojo:      #d81018;
  --rojo-vivo: #f0141e;
  --rojo-hond: #a80c12;

  --papel:   #f4f1ec;
  --papel-2: #eae5dd;
  --papel-3: #ded8ce;
  --tinta:   #14110f;
  --tinta-2: #4d4741;
  --tinta-3: #837b71;

  --regla:   rgba(20, 17, 15, .16);
  --regla-2: rgba(20, 17, 15, .30);
  --sombra:  rgba(20, 17, 15, .10);

  /* Alias para el marcado que ya usaba estos nombres. */
  --bg: var(--papel);
  --accent: var(--rojo);

  --display: 'Archivo', 'Arial Narrow', system-ui, sans-serif;
  --texto:   'Archivo', system-ui, -apple-system, sans-serif;
  --dato:    'JetBrains Mono', ui-monospace, monospace;

  --ancho: 1160px;
  --gutter: clamp(1.15rem, 4vw, 3rem);
  --t: .22s;
  --ease: cubic-bezier(.22, 1, .36, 1);
}

body.dark {
  --papel:   #100e0d;
  --papel-2: #1a1715;
  --papel-3: #262220;
  --tinta:   #f4f1ec;
  --tinta-2: #b5aea6;
  --tinta-3: #857d74;
  --rojo:    #f0141e;
  --regla:   rgba(244, 241, 236, .16);
  --regla-2: rgba(244, 241, 236, .32);
  --sombra:  rgba(0, 0, 0, .5);
}

/* ── BASE ────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

body {
  margin: 0;
  background: var(--papel);
  color: var(--tinta);
  font-family: var(--texto);
  font-size: 1rem;
  line-height: 1.6;
  font-variation-settings: 'wdth' 100;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  transition: background var(--t) linear, color var(--t) linear;
}
body.menu-open { overflow: hidden; }

img, video { max-width: 100%; display: block; }
svg { display: block; flex-shrink: 0; }
svg:not([width]) { width: 1em; height: 1em; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; }
ul { list-style: none; margin: 0; padding: 0; }

::selection { background: var(--rojo); color: #fff; }
:focus-visible { outline: 2px solid var(--rojo); outline-offset: 3px; }

.container { width: 100%; max-width: var(--ancho); margin-inline: auto; padding-inline: var(--gutter); }
.section { padding: clamp(3.5rem, 9vw, 6.5rem) 0; }

/* ── TIPOGRAFÍA ──────────────────────────────────────────────── */
.headline, .sec-title, .cta-title, .split-head {
  font-family: var(--display);
  font-variation-settings: 'wdth' 79;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -.015em;
  line-height: .93;
  margin: 0;
}

.eyebrow, .sec-label, .step-num, .hero-trust li,
.zoning-cta-mark, .ficha-k, .footer-link {
  font-family: var(--dato);
  font-size: .68rem;
  font-weight: 500;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.eyebrow { display: inline-flex; align-items: center; gap: .55rem; color: var(--rojo); margin-bottom: 1.1rem; }
.eyebrow-dot { width: 6px; height: 6px; background: var(--rojo); border-radius: 50%; }

.sec-head { max-width: 62ch; margin-bottom: clamp(2rem, 4vw, 3.2rem); }
.sec-label { color: var(--rojo); display: block; margin-bottom: .8rem; }
.sec-title { font-size: clamp(2rem, 6vw, 3.6rem); }
.sec-title::after {
  content: ''; display: block; width: 3.5rem; height: 5px;
  margin-top: 1.1rem; background: var(--rojo);
}
.sec-sub { margin: 1.1rem 0 0; color: var(--tinta-2); font-size: 1.02rem; line-height: 1.65; }

/* ── HEADER ──────────────────────────────────────────────────── */
header {
  position: sticky; top: 0; z-index: 90;
  background: color-mix(in srgb, var(--papel) 88%, transparent);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--regla);
}
@supports not (background: color-mix(in srgb, red 50%, blue)) { header { background: var(--papel); } }
body.menu-open header { backdrop-filter: none; background: var(--papel); }

.nav { display: flex; align-items: center; gap: 1.5rem; height: 68px; }
.logo { display: flex; align-items: center; gap: .7rem; margin-right: auto; }
.logo-icon {
  width: 38px; height: 38px; flex-shrink: 0;
  background: var(--tinta); color: var(--papel);
  display: grid; place-items: center;
  clip-path: polygon(0 0, 100% 0, 100% 78%, 78% 100%, 0 100%);
}
.logo-text sup {
  font-size: .46em; font-weight: 500; line-height: 0;
  vertical-align: super; margin-left: .08em;
}
.logo-text {
  font-family: var(--display); font-variation-settings: 'wdth' 79;
  font-weight: 800; font-size: 1.22rem;
  text-transform: uppercase; letter-spacing: -.01em; line-height: 1;
}
.logo-text em { font-style: italic; color: var(--rojo); }
.logo-sub {
  font-family: var(--dato); font-size: .58rem; letter-spacing: .28em;
  text-transform: uppercase; color: var(--tinta-3); margin-top: .2rem;
}

.nav-links { display: flex; align-items: center; gap: .3rem; }
.nav-link {
  position: relative; display: inline-flex; align-items: center; gap: .4rem;
  padding: .5rem .8rem; font-size: .84rem; font-weight: 500;
  color: var(--tinta-2); background: none; border: none; cursor: pointer;
  transition: color var(--t);
}
.nav-link::after {
  content: ''; position: absolute; left: .8rem; right: .8rem; bottom: .28rem;
  height: 2px; background: var(--rojo);
  transform: scaleX(0); transform-origin: left; transition: transform .3s var(--ease);
}
.nav-link:hover { color: var(--tinta); }
.nav-link:hover::after { transform: scaleX(1); }
.nav-link svg { width: .72em; height: .72em; }

.nav-controls { display: flex; align-items: center; gap: .5rem; }
.theme-btn {
  width: 36px; height: 36px; display: grid; place-items: center;
  background: none; border: 1px solid var(--regla); cursor: pointer;
  color: var(--tinta-2); transition: all var(--t);
}
.theme-btn:hover { border-color: var(--tinta); color: var(--tinta); }
.theme-btn .sun { display: none; }
body.dark .theme-btn .sun { display: block; }
body.dark .theme-btn .moon { display: none; }

.ham { display: none; width: 36px; height: 36px; background: none; border: 1px solid var(--regla); cursor: pointer; padding: 9px 8px; }
.ham span { display: block; height: 2px; background: var(--tinta); transition: transform var(--t), opacity var(--t); }
.ham span + span { margin-top: 4px; }
.ham.open span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.ham.open span:nth-child(2) { opacity: 0; }
.ham.open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

/* ── BOTONES ─────────────────────────────────────────────────── */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  padding: .92rem 1.5rem;
  font-family: var(--dato); font-size: .74rem; font-weight: 500;
  letter-spacing: .12em; text-transform: uppercase;
  border: 1px solid transparent; cursor: pointer;
  transition: background var(--t), color var(--t), border-color var(--t), transform var(--t);
  white-space: nowrap;
}
.btn:active { transform: translateY(1px); }
.btn-primary { background: var(--rojo); color: #fff; }
.btn-primary:hover { background: var(--rojo-hond); }
body.dark .btn-primary:hover { background: #fff; color: var(--rojo); }
.btn-ghost { background: none; color: var(--tinta); border-color: var(--regla-2); }
.btn-ghost:hover { background: var(--tinta); color: var(--papel); border-color: var(--tinta); }

/* ── HERO ────────────────────────────────────────────────────── */
.hero { padding: clamp(2.5rem, 7vw, 5rem) 0 clamp(2.5rem, 6vw, 4.5rem); }
.hero-grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: clamp(2rem, 5vw, 4.5rem); align-items: start; }
.headline { font-size: clamp(2.6rem, 7.4vw, 5rem); text-wrap: balance; }
.headline em { font-style: normal; color: var(--rojo); }
.headline::after {
  content: ''; display: block; width: 3.5rem; height: 5px;
  margin-top: 1.2rem; background: var(--rojo);
}
.lede { margin: 1.6rem 0 2.2rem; max-width: 46ch; color: var(--tinta-2); font-size: 1.06rem; line-height: 1.65; }
.hero-actions { display: flex; gap: .7rem; flex-wrap: wrap; }

.hero-trust { display: flex; flex-wrap: wrap; gap: .7rem 2.2rem; margin-top: 2.4rem; padding-top: 1.5rem; border-top: 1px solid var(--regla); }
.hero-trust li { color: var(--tinta-3); display: flex; align-items: center; gap: .5rem; }
.hero-trust li::before { content: ''; width: 5px; height: 5px; background: var(--rojo); flex-shrink: 0; }

/* ── FICHA DE LA UNIDAD ──────────────────────────────────────
   Reemplaza al diagrama de círculos concéntricos que había antes. Ese
   dibujo no decía nada: tres anillos punteados alrededor de un punto
   son decoración, y encima insinuaban un radio fijo que la propia
   página se ocupa de negar dos secciones más abajo.

   Esto dice lo que la unidad efectivamente hace, en el formato de una
   ficha de taller. Cuando haya una foto del furgón trabajando, va
   arriba de esta ficha: una foto real le gana a cualquier gráfico. */
.ficha { border: 1px solid var(--regla-2); background: var(--papel-2); }
.ficha-top {
  display: flex; align-items: baseline; justify-content: space-between; gap: .6rem;
  padding: .85rem 1.1rem; border-bottom: 1px solid var(--regla-2);
  background: var(--tinta); color: var(--papel);
  font-family: var(--dato); font-size: .66rem; letter-spacing: .16em; text-transform: uppercase;
}
.ficha-top b { font-weight: 500; color: var(--rojo-vivo); }
/* La cabecera se invierte con el tema —tinta sobre papel en claro, papel
   sobre tinta en oscuro— así que el rojo vivo, que se lee bien sobre la
   barra negra, cae a 3.9:1 cuando la barra se vuelve clara. */
body.dark .ficha-top b { color: var(--rojo-hond); }
.ficha-row { display: grid; grid-template-columns: 5.5rem 1fr; gap: 1rem; padding: .95rem 1.1rem; border-bottom: 1px solid var(--regla); }
.ficha-row:last-child { border-bottom: none; }
.ficha-k { color: var(--tinta-3); padding-top: .18rem; }
.ficha-v { font-size: .95rem; line-height: 1.5; }
.ficha-v b { font-weight: 700; }
.ficha-v .no { color: var(--tinta-3); text-decoration: line-through; text-decoration-color: var(--rojo); }

/* ── SPLIT (qué sí / qué no) ─────────────────────────────────── */
.split { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--regla); border: 1px solid var(--regla); }
.split > div { background: var(--papel); padding: 1.6rem 1.4rem; }
.split-head { font-size: 1.15rem; margin-bottom: 1.2rem; }
.split-head::after { content: ''; display: block; width: 2rem; height: 3px; margin-top: .7rem; background: var(--rojo); }
.split-list li { padding: .85rem 0; border-bottom: 1px solid var(--regla); }
.split-list li:last-child { border-bottom: none; }
.split-list b { display: block; font-size: .95rem; font-weight: 600; margin-bottom: .15rem; }
.split-list span { color: var(--tinta-2); font-size: .88rem; }
.split-link {
  display: inline-flex; align-items: center; gap: .4rem; margin-top: 1.2rem;
  font-family: var(--dato); font-size: .68rem; letter-spacing: .12em; text-transform: uppercase;
  color: var(--rojo); border-bottom: 1px solid transparent; padding-bottom: 2px;
  transition: border-color var(--t);
}
.split-link:hover { border-bottom-color: var(--rojo); }

/* ── PASOS ───────────────────────────────────────────────────── */
.steps { border-top: 1px solid var(--regla-2); }
.step {
  display: grid; grid-template-columns: 3.4rem minmax(0, 1fr) minmax(0, 1.5fr);
  gap: 0 clamp(1rem, 3vw, 2.5rem); align-items: start;
  padding: 1.5rem .2rem; border-bottom: 1px solid var(--regla);
  position: relative; transition: padding-left .28s var(--ease), background .28s var(--ease);
}
.step::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px;
  background: var(--rojo); transform: scaleX(0); transform-origin: left;
  transition: transform .34s var(--ease);
}
.step:hover { padding-left: .9rem; background: var(--papel-2); }
.step:hover::after { transform: scaleX(1); }
.step-num { color: var(--rojo); padding-top: .38rem; }
.step-title {
  font-family: var(--display); font-variation-settings: 'wdth' 85;
  font-weight: 700; text-transform: uppercase; font-size: 1.2rem; line-height: 1.1;
}
.step-text { color: var(--tinta-2); font-size: .93rem; line-height: 1.6; }

/* ── ZONIFICACIÓN ────────────────────────────────────────────── */
.zoning-points { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(19rem, 100%), 1fr)); gap: 0 clamp(2rem, 5vw, 4rem); }
.zoning-points li { padding: 1.1rem 0; border-bottom: 1px solid var(--regla); }
.zoning-points li:first-child { border-top: 1px solid var(--regla-2); }
.zoning-points b { display: block; font-size: 1rem; font-weight: 700; margin-bottom: .25rem; }
.zoning-points span { color: var(--tinta-2); font-size: .92rem; line-height: 1.6; }

.zoning-cta {
  display: flex; align-items: center; gap: 1.2rem; flex-wrap: wrap;
  margin-top: 2.2rem; padding: 1.4rem;
  background: var(--tinta); color: var(--papel);
  border-left: 5px solid var(--rojo);
}
/* La banda entera es un enlace, pero tiene que verse dónde se toca: el
   rótulo se dibuja como botón en vez de quedar como texto rojo suelto. */
.zoning-cta-mark {
  display: inline-flex; align-items: center; gap: .5rem; flex-shrink: 0;
  background: var(--rojo); color: #fff;
  padding: .8rem 1.2rem;
  transition: background var(--t);
}
.zoning-cta:hover .zoning-cta-mark { background: #fff; color: var(--rojo); }
.zoning-cta-body { flex: 1; min-width: 16rem; }
.zoning-cta-body b { display: block; font-size: 1rem; }
.zoning-cta-body span { color: inherit; opacity: .72; font-size: .9rem; }

/* ── FAQ ─────────────────────────────────────────────────────── */
.faq { border-top: 1px solid var(--regla-2); }
.faq details { border-bottom: 1px solid var(--regla); }
.faq summary {
  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  padding: 1.25rem .2rem; cursor: pointer; list-style: none;
  font-weight: 600; font-size: 1.02rem; transition: color var(--t);
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary:hover { color: var(--rojo); }
.faq-arrow { flex-shrink: 0; color: var(--rojo); transition: transform .3s var(--ease); }
.faq details[open] .faq-arrow { transform: rotate(45deg); }
.faq details > div { padding: 0 .2rem 1.35rem; color: var(--tinta-2); max-width: 68ch; line-height: 1.7; }

/* ── CTA FINAL ───────────────────────────────────────────────── */
.cta {
  background: var(--tinta); color: var(--papel);
  padding: clamp(2.5rem, 6vw, 4.5rem);
  border-left: 5px solid var(--rojo);
}
.cta-title { font-size: clamp(1.9rem, 5vw, 3.2rem); }
.cta-title em { font-style: normal; color: var(--rojo-vivo); }
.cta-text { color: #b5aea6; max-width: 48ch; margin: 1.2rem 0 2rem; line-height: 1.65; }
.note { font-family: var(--dato); font-size: .64rem; letter-spacing: .12em; text-transform: uppercase; color: #857d74; margin-top: 1.2rem; }

/* ── FOOTER ──────────────────────────────────────────────────── */
footer { border-top: 1px solid var(--regla); padding: clamp(2.5rem, 5vw, 4rem) 0 2rem; }
.footer-link { color: var(--rojo); }

/* ── WHATSAPP FLOTANTE ───────────────────────────────────────── */
.wa-float {
  position: fixed; right: 1.2rem; bottom: 1.2rem; z-index: 80;
  display: inline-flex; align-items: center; gap: .55rem;
  padding: .8rem 1.1rem; background: var(--tinta); color: var(--papel);
  font-family: var(--dato); font-size: .7rem; letter-spacing: .12em; text-transform: uppercase;
  box-shadow: 0 6px 24px var(--sombra);
  transition: background var(--t), transform var(--t);
}
.wa-float:hover { background: var(--rojo); transform: translateY(-2px); }

/* ── RESPONSIVE ──────────────────────────────────────────────── */
@media (max-width: 900px) {
  .hero-grid, .split { grid-template-columns: 1fr; }

  .ham { display: block; }
  .nav-links {
    position: fixed; inset: 68px 0 auto; z-index: 95;
    flex-direction: column; align-items: stretch; gap: 0;
    background: var(--papel); border-bottom: 1px solid var(--regla);
    padding: .5rem var(--gutter) 1.2rem;
    transform: translateY(-8px); opacity: 0; visibility: hidden;
    transition: opacity var(--t), transform var(--t), visibility var(--t);
  }
  .nav-links.open { transform: none; opacity: 1; visibility: visible; }
  .nav-link { padding: .95rem .2rem; font-size: 1rem; border-bottom: 1px solid var(--regla); text-align: left; }
  .nav-link::after { display: none; }
}

@media (max-width: 620px) {
  .step { grid-template-columns: 2.4rem 1fr; row-gap: .45rem; }
  .step-text { grid-column: 2; }
  .ficha-row { grid-template-columns: 1fr; gap: .25rem; }
}

/* ── PRECIOS: SERVICE COMPLETO POR CATEGORÍA ─────────────────
   Cuatro filas desplegables. La categoría sola no alcanza —"auto grande"
   no le dice nada a alguien que tiene un Duster— así que cada una abre la
   lista de modelos que entran. Es la duda que hace que no llamen. */
   Cuatro filas desplegables. La categoría sola no alcanza —"auto grande"
   no le dice nada a alguien que tiene un Duster— así que cada una abre la
   lista de modelos que entran. Es la duda que hace que no llamen. */
.tarifas { border-top: 1px solid var(--regla-2); }
.tarifa { border-bottom: 1px solid var(--regla); }
.tarifa > summary {
  display: grid; grid-template-columns: 1fr auto auto;
  align-items: center; gap: 1rem;
  padding: 1.15rem .2rem; cursor: pointer; list-style: none;
  transition: padding-left .28s var(--ease), background .28s var(--ease);
}
.tarifa > summary::-webkit-details-marker { display: none; }
.tarifa > summary:hover { padding-left: .9rem; background: var(--papel-2); }
.tarifa-nom {
  font-family: var(--display); font-variation-settings: 'wdth' 85;
  font-weight: 700; text-transform: uppercase; font-size: 1.12rem; line-height: 1.15;
}
.tarifa-nom small {
  display: block; font-family: var(--dato); font-size: .62rem;
  font-weight: 500; letter-spacing: .12em; color: var(--rojo); margin-top: .3rem;
}
.tarifa-monto {
  font-family: var(--display); font-variation-settings: 'wdth' 79;
  font-weight: 800; font-size: 1.5rem; white-space: nowrap;
}
/* ── SELECTOR DE NIVEL DE SERVICE ────────────────────────────
   Tres pestañas al ras, con la regla roja debajo de la activa: es el mismo
   subrayado que llevan el titular y los títulos de sección, así que el
   control se lee como parte de la página y no como un widget pegado. */
.serv-tabs {
  display: flex; flex-wrap: wrap; gap: 0 1.8rem;
  border-bottom: 1px solid var(--regla);
  margin-bottom: 1.6rem;
}
.serv-tab {
  appearance: none; background: none; border: none; cursor: pointer;
  padding: .9rem 0 .8rem; margin-bottom: -1px;
  border-bottom: 3px solid transparent;
  font-family: var(--dato); font-size: .7rem; font-weight: 500;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--tinta-2);
  transition: color var(--t), border-color var(--t);
}
.serv-tab:hover { color: var(--tinta); }
.serv-tab[aria-selected="true"] { color: var(--tinta); border-bottom-color: var(--rojo); }
.serv-tab:focus-visible { outline: 2px solid var(--rojo); outline-offset: 3px; }

.tarifa-consultar { font-size: 1.15rem; color: var(--rojo); }
.tarifa-mas {
  width: 22px; height: 22px; display: grid; place-items: center;
  border: 1px solid var(--regla-2); color: var(--rojo);
  font-size: .9rem; line-height: 1; flex-shrink: 0;
}
.tarifa[open] .tarifa-mas { background: var(--rojo); color: #fff; border-color: var(--rojo); }
.tarifa-modelos {
  padding: 0 .2rem 1.3rem;
  display: flex; flex-wrap: wrap; gap: .4rem;
}
.tarifa-modelos span {
  font-family: var(--dato); font-size: .68rem; letter-spacing: .04em;
  border: 1px solid var(--regla); background: var(--papel-2);
  padding: .25rem .5rem;
}
.tarifa-nota {
  padding: 0 .2rem 1rem; color: var(--tinta-2); font-size: .86rem; max-width: 62ch;
}
.tarifa-regla {
  display: block; font-family: var(--dato); font-size: .62rem; font-weight: 500;
  letter-spacing: .12em; text-transform: uppercase; color: var(--rojo); margin-top: .3rem;
}
/* La regla es lo que la persona puede contestar sobre su propio auto, así
   que va arriba de todo y no escondida en la letra chica. */
.regla-caja {
  border-left: 4px solid var(--rojo); background: var(--papel-2);
  padding: 1rem 1.2rem; margin-bottom: 1.6rem;
  font-size: .93rem; line-height: 1.65; color: var(--tinta-2); max-width: 68ch;
}
.regla-caja b { color: var(--tinta); }

.incluye {
  border: 1px solid var(--regla-2); background: var(--papel-2);
  padding: 1.2rem 1.3rem; margin-bottom: 2rem;
}
.incluye-tit {
  font-family: var(--dato); font-size: .64rem; letter-spacing: .14em;
  text-transform: uppercase; color: var(--rojo); margin-bottom: .8rem;
}
.incluye ul { list-style: none; margin: 0; padding: 0; display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: .5rem 1.5rem; }
.incluye li { display: flex; align-items: center; gap: .55rem; font-size: .93rem; }
.incluye li::before { content: ''; width: 6px; height: 6px; background: var(--rojo); flex-shrink: 0; }

@media (max-width: 620px) {
  .tarifa > summary { grid-template-columns: 1fr auto; row-gap: .3rem; }
  .tarifa-mas { grid-row: 1; grid-column: 2; }
  .tarifa-monto { grid-column: 1 / -1; font-size: 1.35rem; }
}


/* El cierre de precios: la acción a la izquierda y, al lado, la salida para
   el que no encontró su modelo. Es la duda concreta que frena la llamada. */
.precio-cierre {
  margin-top: 2rem; display: flex; flex-wrap: wrap; align-items: center;
  gap: 1rem 1.4rem;
}
.precio-cierre span {
  color: var(--tinta-2); font-size: .9rem; line-height: 1.6; max-width: 46ch;
}