/* R5.5 — Tirages d’art: physical-scale comparisons, paper border rule, mobile refinement */
.prints-v8 .offer-scale--examples{
  padding-top:clamp(1.6rem,2.6vw,2.4rem);
  padding-bottom:clamp(1.5rem,2.6vw,2.3rem);
}
.prints-v8 .offer-scale--examples .offer-scale__heading h2{
  margin:0;
  font-size:clamp(1.9rem,3.4vw,3rem);
  line-height:1.08;
}
.scale-example{
  margin-top:clamp(1.4rem,2.4vw,2.1rem);
}
.scale-example + .scale-example{
  margin-top:clamp(1.6rem,2.8vw,2.4rem);
  padding-top:clamp(1.25rem,2vw,1.8rem);
  border-top:1px solid rgb(243 239 230 / .13);
}
.scale-example__title{
  margin:0 0 .7rem;
  text-align:center;
  font-family:var(--font-display);
  font-weight:400;
  font-size:clamp(1.05rem,1.8vw,1.35rem);
  letter-spacing:.06em;
  color:var(--color-accent);
}
.scale-example__visual{
  width:min(100%,62rem);
  margin:0 auto;
}
.scale-svg{
  display:block;
  width:100%;
  height:auto;
  overflow:visible;
}
.scale-svg__floor{
  stroke:rgb(243 239 230 / .26);
  stroke-width:.55;
}
.scale-svg__person{
  opacity:.72;
  filter:grayscale(1) brightness(.87);
}
.scale-svg__paper{
  fill:#fff;
  stroke:rgb(216 199 163 / .78);
  stroke-width:.55;
  vector-effect:non-scaling-stroke;
}
.scale-svg__mounted-outline{
  fill:none;
  stroke:rgb(216 199 163 / .72);
  stroke-width:.55;
  vector-effect:non-scaling-stroke;
}
.scale-example__legend{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.6rem;
  width:min(100%,46rem);
  margin:.62rem auto 0;
  text-align:center;
  color:var(--color-muted);
  font-size:.72rem;
  line-height:1.45;
  letter-spacing:.04em;
}
.scale-example__legend strong{
  color:var(--color-fg);
  font-weight:500;
}
.print-presentation-rule{
  width:min(100%,56rem);
  margin:clamp(1.45rem,2.5vw,2.2rem) auto 0;
  padding:clamp(1rem,2vw,1.35rem) clamp(1rem,2.2vw,1.45rem);
  border:1px solid rgb(216 199 163 / .28);
  background:rgb(216 199 163 / .035);
  color:var(--color-muted);
  font-size:.88rem;
  line-height:1.7;
}
.print-presentation-rule p{margin:0}
.print-presentation-rule p + p{margin-top:.5rem}
.print-presentation-rule strong{color:var(--color-fg);font-weight:500}
.prints-v8 .offer-scale--examples .offer-scale__note{
  margin-top:1rem;
}

/* Make the support rule explicit in product cards without changing their overall architecture. */
.prints-v8 .offer-card__details > div:last-child dd{
  line-height:1.35;
}

@media (max-width:760px){
  .prints-v8 .offer-scale--examples{
    padding-left:.8rem;
    padding-right:.8rem;
    padding-top:1.25rem;
    padding-bottom:1.25rem;
  }
  .prints-v8 .offer-scale--examples .offer-scale__heading h2{
    max-width:18rem;
    margin:0 auto;
    font-size:clamp(1.65rem,8vw,2.05rem);
    line-height:1.05;
  }
  .scale-example{
    margin-top:1.15rem;
  }
  .scale-example + .scale-example{
    margin-top:1.3rem;
    padding-top:1.05rem;
  }
  .scale-example__title{
    margin-bottom:.4rem;
    font-size:.98rem;
  }
  .scale-example__visual{
    width:100%;
  }
  .scale-example__legend{
    gap:.3rem;
    margin-top:.45rem;
    font-size:.61rem;
    letter-spacing:.015em;
  }
  .scale-example__legend span{
    display:flex;
    flex-direction:column;
    gap:.05rem;
  }
  .print-presentation-rule{
    margin-top:1.15rem;
    padding:.85rem .9rem;
    font-size:.78rem;
    line-height:1.55;
  }
  .prints-v8 .offer-scale--examples .offer-scale__note{
    margin:.7rem auto 0;
    max-width:22rem;
    font-size:.65rem;
    line-height:1.5;
  }
}

@media (max-width:390px){
  .prints-v8 .offer-scale--examples{
    padding-left:.55rem;
    padding-right:.55rem;
  }
  .scale-example__legend{
    font-size:.57rem;
  }
}