/* Feuille « papier à en-tête » ATOM reconstruite à partir de Background.png */
:root {
  color-scheme: light;
  --green: #139a43;
  --green-dark: #0b6b35;
  --green-soft: #e8f6ed;
  --ink: #1f2a37;
  --ink-soft: #4b5563;
  --line: #3b4a5a;
  --danger: #c62828;
  --page: #e9ecea;
  --paper: #ffffff;
  --font: "Jost", "Futura", "Century Gothic", system-ui, sans-serif;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--page);
  color: var(--ink);
  font-family: var(--font);
  font-size: 17px;
  line-height: 1.5;
}

.sheet {
  container-type: inline-size;
  position: relative;
  max-width: 1100px;
  margin: 28px auto;
  background: var(--paper) url("img/strip.png") repeat-y top center / 100% auto;
  box-shadow: 0 10px 40px rgba(16, 40, 24, .12), 0 1px 3px rgba(0, 0, 0, .08);
}
.sheet > img.top, .sheet > img.bottom { display: block; width: 100%; height: auto; user-select: none; }
.sheet .deco { position: absolute; pointer-events: none; mix-blend-mode: multiply; height: auto; }
/* positions relevées sur background.png (en % de la largeur) */
.sheet .deco.right { left: 82.26%; width: 17.74%; top: 29.44cqw; }
.sheet .deco.left { left: 0; width: 17.74%; top: 73.95cqw; }

.sheet-body {
  position: relative;
  z-index: 1;
  padding: 0 8.3% 0 8.3%;
}

.contact-mobile { display: none; }

@media (max-width: 700px) {
  body { font-size: 16px; }
  .sheet { margin: 0; box-shadow: none; }
  .sheet-body { padding: 0 16px 0 22px; }
  .sheet .deco { opacity: .5; }
  .contact-mobile {
    display: block;
    background: #262626;
    color: #f3f4f6;
    font-size: 14px;
    padding: 14px 16px 20px;
    line-height: 1.7;
  }
  .contact-mobile a { color: #6ee7a0; }
}

@media print {
  body { background: #fff; }
  .sheet { margin: 0 auto; box-shadow: none; }
  .no-print { display: none !important; }
}