/* ProgettoGiano — arredo.css (shared by the two furniture-placement pages) */

.hero-compact {
  background: var(--cream);
  border-bottom: 1px solid var(--beige-deep);
  padding: var(--sp-section) 0 var(--sp-section-sm);
}
.hero-compact h1 { font-size: 40px; }
.hero-compact .lead { max-width: 720px; }

/* Rule blocks (one per rule, numbered) */
.rule { margin-bottom: var(--sp-xxl); padding-bottom: var(--sp-xl); border-bottom: 1px solid var(--hairline-soft); }
.rule:last-child { border-bottom: 0; }
.rule h3 { display: flex; align-items: center; gap: var(--sp-sm); }
.rule h3 .icon { color: var(--primary); width: 24px; height: 24px; }
.rule-num { font-family: var(--font-display); color: var(--primary); margin-right: 2px; }

/* Highlighted number callout inside a rule */
.rule .measure {
  background: var(--cream-light);
  border-left: 3px solid var(--primary);
  border-radius: 0 var(--r-md) var(--r-md) 0;
  padding: var(--sp-sm) var(--sp-md);
  margin: var(--sp-sm) 0 0;
}
.rule .measure p { margin: 0; }

@media (max-width: 768px) {
  .hero-compact h1 { font-size: 30px; }
}