/* Comparer deux schémas sRGB à géométrie identique sans JavaScript. */
.deco68-essai {
  margin:1.1rem 0 1.35rem;
  padding:0;
  border:0;
  min-width:0;
}
.deco68-essai legend {
  padding:0;
  margin:0 0 .55rem;
  color:inherit;
  font-weight:700;
}
.deco68-essai .deco68-option {
  vertical-align:middle;
  margin:0 .3rem 0 0;
  accent-color:var(--legacy-accent, #9b8150);
}
.deco68-essai label {
  display:inline-block;
  vertical-align:middle;
  margin-right:1rem;
  padding:.5rem 0;
  cursor:pointer;
}
.deco68-essai input:focus-visible + label {
  outline:2px solid currentColor;
  outline-offset:3px;
}
.deco68-essai .deco68-vue {
  display:none;
  margin:.55rem 0 0;
}
.deco68-essai input:first-of-type:checked ~ .deco68-a,
.deco68-essai input:nth-of-type(2):checked ~ .deco68-b {
  display:block;
}
.deco68-essai .deco68-vue img {
  display:block;
  width:100%;
  height:auto;
  border-radius:6px;
}
.deco68-essai figcaption {
  margin:.55rem 0 0;
  line-height:1.5;
}
@media (max-width:480px) {
  .deco68-essai label { margin-right:.58rem; font-size:.92rem; }
}
@media print {
  .deco68-essai .deco68-vue { display:block; break-inside:avoid; }
  .deco68-essai .deco68-option,.deco68-essai label { display:none; }
}
