/* =========================================================
   rp-bew-ausbau.css: /bewertung, Ausbau nach der SEO-Analyse vom 14.10.2026 (Schritt 93, Paket BEW).
   Vier Schritte im Block «So bewerten wir Ihre Immobilie», Abschnitt «Amtlicher Wert, Verkehrswert und Marktwert
   im Kanton Bern», Textlinks. Nur Werte aus dem System der Site (DESIGN.md, Inventur 01.10.2026): Titel #1d1d1f,
   leise #4d464a, Meta #52697a, Blau #194963, Fläche #f5f6f8, Linie #e3e6ea, Radius 14 px, Fliesstext 18/19 px.
   Titel und Absätze nutzen .rpbw-h2 und .rpbw-p aus rp-bewertung-seite.css (Schritt 71).
   ========================================================= */

/* Textlinks im Fliesstext wie die Rechner-Links aus Schritt 89: Farbe des Textes, feine blaue Unterstreichung */
.rpbew-link {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: rgba(25, 73, 99, .45);
  text-underline-offset: .18em;
}
.rpbew-link:hover { text-decoration-color: currentColor; }
.rpbew-link:focus-visible { outline: 2px solid #194963; outline-offset: 2px; border-radius: 2px; }

/* Zwischentitel ohne einzelnes Wort auf der letzten Zeile (sonst «Bern» allein); ältere Browser brechen wie bisher */
.rp-bf-text .heading-reduced,
.rpbw .rpbw-h2,
.rpbew .rpbw-h2 { text-wrap: balance; }
/* Absätze ohne einzelnes Wort auf der letzten Zeile (Prüfung 14.10.2026: «Unterschied.» stand bei 390 und 1440 allein) */
.rpbew .rpbw-p,
.rpbew-hinweis,
[data-rp93] .rpbw-p { text-wrap: pretty; }

/* Block B: vier Schritte mit Nummer statt Häkchen (echte Reihenfolge); pretty wie die Absätze (zweite Prüfung
   14.10.2026: «dahinter.» stand bei 1440 allein auf der letzten Zeile von Schritt 4) */
.rpbew-schritte li { gap: 16px; text-wrap: pretty; }
.rpbew-nr {
  flex: none;
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 1px solid #194963;
  border-radius: 50%;
  color: #194963;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

/* Abschnitt «Amtlicher Wert …»: volle Rasterbreite wie die Blöcke aus Schritt 71 */
.rpbew {
  grid-column: 1 / -1;
  width: 100%;
  max-width: 1200px;
  margin: clamp(72px, 9vw, 136px) auto 0;
  text-align: left;
}
.rpbew-kopf { max-width: 760px; }
.rpbew-werte { margin-top: clamp(32px, 4vw, 56px); border-bottom: 1px solid #e3e6ea; }
.rpbew-wert {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  gap: 12px clamp(32px, 5vw, 80px);
  padding: clamp(24px, 3vw, 36px) 0;
  border-top: 1px solid #e3e6ea;
}
.rpbew-begriff h3 {
  margin: 0;
  color: #1d1d1f;
  font-size: clamp(1.375rem, 1.1rem + .9vw, 1.625rem);   /* 22 bis 26 px, beides schon auf der Seite (Typo-Skala) */
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -.01em;
}
.rpbew-zweck { margin: 6px 0 0; color: #52697a; font-size: 16px; line-height: 1.5; }
.rpbew .rpbew-wert .rpbw-p { margin: 0; max-width: 680px; }
.rpbew-hinweis {
  max-width: 760px;              /* höchstens rund 72 Zeichen pro Zeile bei 19 px (Messung layout_qa 14.10.2026: 89) */
  margin: clamp(28px, 3.5vw, 44px) 0 0;
  padding: clamp(20px, 2.5vw, 28px) clamp(20px, 3vw, 32px);
  border-radius: 14px;
  background: #f5f6f8;
  color: #1d1d1f;
  font-size: 18px;
  line-height: 1.6;
}
.rpbew .rpbew-weiter { max-width: 760px; }
/* Quelle als Nebentext in «leise» #4d464a (9.17:1), nicht in Meta #52697a (5.74:1, unter dem Hausziel 7:1) */
.rpbew-quelle { max-width: 760px; margin: 20px 0 0; color: #4d464a; font-size: 16px; line-height: 1.55; }

@media (min-width: 992px) {
  .rpbew-hinweis { font-size: 19px; }
}
/* Handy und Tablet hoch: Begriff über der Erklärung */
@media (max-width: 767px) {
  .rpbew-wert { grid-template-columns: minmax(0, 1fr); }
}