/* ============================================================
   Republic Past – V56: Ostgebiete und Kolonien
   Kasten „Besonders gesucht“ in der Seitenspalte, Stempel auf der
   Infokarte, Orts-Register der Übersichtsseite, Stempelreihe.
   Nur auf den Seiten eingebunden, die diese Bausteine nutzen.
   ============================================================ */

/* ---------- Kasten in der Seitenspalte ---------- */
.aside-box.rp56-box{
  position:relative;
  background:linear-gradient(176deg,#fffdf8 0%,#f8efdf 100%);
  border-color:#dccaa9;
  border-top-color:var(--gold);
}
.rp56-box-stempel{
  position:absolute;top:-26px;right:-14px;
  width:100px;height:100px;
  transform:rotate(-9deg);
  pointer-events:none;user-select:none;
}
.aside-box .rp56-box-art{
  margin:0 0 6px;padding-right:74px;
  font-size:13px;font-weight:800;letter-spacing:.15em;line-height:1.4;text-transform:uppercase;
  color:#7a5626;
}
.rp56-box h2{padding-right:62px;line-height:1.3}
.rp56-box .link-list{margin-top:6px}
.rp56-box .link-list a{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  min-height:44px;padding:9px 0;
}
.rp56-box .link-list a::after{content:"→";flex:0 0 auto;color:var(--gold);transition:transform .2s ease}
.rp56-box .link-list a:hover{color:#7a5626}
.rp56-box .link-list a:hover::after{transform:translateX(3px)}
.rp56-box-alle{
  display:inline-flex;align-items:center;gap:8px;
  min-height:44px;margin-top:10px;
  font-size:16px;font-weight:700;line-height:1.35;
  color:#7a5626;text-decoration:none;
  border-bottom:1px solid rgba(122,86,38,.45);
  transition:gap .2s ease,border-color .2s ease;
}
.rp56-box-alle::after{content:"→"}
.rp56-box-alle:hover{gap:12px;border-bottom-color:#7a5626}
.rp56-box a:focus-visible,.rp56-region a:focus-visible,.rp56-verweis:focus-visible{outline:3px solid var(--gold);outline-offset:2px}

/* ---------- Stempel auf der Infokarte im Kopfbereich ---------- */
.postcard-head .rp56-pc-stempel{
  flex:0 0 auto;
  width:96px;height:96px;
  margin:-38px -34px -26px -8px;
  transform:rotate(-12deg);
  pointer-events:none;user-select:none;
}
.quick-card .rp56-pc-schluss{
  margin:14px 0 0;padding-top:12px;
  border-top:1px dashed #cbbc9e;
  font-family:var(--serif);font-style:italic;font-size:17px;line-height:1.5;
  color:#3d3931;
}

/* ---------- Orts-Register (Übersichtsseite) ---------- */
.rp56-register{margin:30px 0 0;border-top:1px solid var(--line)}
.rp56-region{
  display:grid;grid-template-columns:100px minmax(0,1fr);column-gap:26px;
  padding:32px 0 26px;
  border-bottom:1px solid var(--line);
}
.rp56-region-stempel{grid-column:1;grid-row:1/span 2}
.rp56-region-kopf{grid-column:2;grid-row:1}
.content-card .rp56-orte{grid-column:2;grid-row:2}
.rp56-region:last-child{border-bottom:0;padding-bottom:4px}
.rp56-region-stempel{width:100px;height:100px;margin-top:-8px;transform:rotate(-8deg);pointer-events:none;user-select:none}
.rp56-region:nth-child(even) .rp56-region-stempel{transform:rotate(7deg)}
.content-card .rp56-region h3{margin:0 0 6px;font-size:27px;line-height:1.2}
.rp56-region h3 a{display:inline-flex;align-items:baseline;gap:12px;color:var(--ink);text-decoration:none}
.rp56-region h3 a::after{content:"→";font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:20px;color:var(--gold);transition:transform .2s ease}
.rp56-region h3 a:hover{color:#7a5626}
.rp56-region h3 a:hover::after{transform:translateX(4px)}
.content-card .rp56-region-kopf>p{margin:0 0 14px;font-size:17px;line-height:1.6;color:var(--ink-soft)}
.content-card#regionen>p,.content-card .rp56-region-kopf>p{text-wrap:pretty}
.content-card .rp56-orte{list-style:none;margin:0;padding:0;columns:3 150px;column-gap:28px}
.content-card .rp56-orte li{padding:0;border:0;break-inside:avoid;font-size:16px;line-height:1.45}
.content-card .rp56-orte li::before{content:none;display:none}
.rp56-orte a{display:block;padding:9px 0;border-bottom:1px solid var(--paper-2);color:#3b3831;text-decoration:none}
.rp56-orte a:hover{color:#7a5626;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}

/* ---------- Stempelreihe (Kolonien) ---------- */
.rp56-stempelreihe{
  margin:30px 0 10px;padding:24px 20px 16px;
  background:linear-gradient(176deg,#fffdf8,#f6ecda);
  border:1px solid #e2d4bc;border-radius:4px;
  box-shadow:0 1px 2px rgba(40,30,15,.08),0 14px 30px -18px rgba(60,44,20,.35);
}
.rp56-stempelreihe-bilder{display:flex;justify-content:center;align-items:center;gap:clamp(10px,4vw,44px)}
.rp56-stempelreihe img{width:122px;height:122px;pointer-events:none;user-select:none}
.rp56-stempelreihe img:nth-child(1){transform:rotate(-9deg)}
.rp56-stempelreihe img:nth-child(2){transform:rotate(6deg)}
.rp56-stempelreihe img:nth-child(3){transform:rotate(-4deg)}
.rp56-stempelreihe figcaption{margin:12px 0 0;text-align:center;font-family:var(--serif);font-style:italic;font-size:16px;line-height:1.5;color:var(--ink-soft)}

/* ---------- Absatz nach einer Tabelle ---------- */
.content-card .value-table + p{margin-top:18px}

/* ---------- Verweis im Fließtext ---------- */
.rp56-verweis{color:#7a5626;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.rp56-verweis:hover{color:var(--ink)}

/* ---------- Schmale Bildschirme ---------- */
@media(max-width:760px){
  .rp56-box-stempel{width:88px;height:88px;top:-22px;right:-8px}
  .postcard-head .rp56-pc-stempel{width:84px;height:84px;margin:-34px -26px -22px -8px}
  .rp56-region{grid-template-columns:minmax(0,1fr) 72px;column-gap:12px;padding-top:28px}
  .rp56-region-stempel{grid-column:2;grid-row:1;width:76px;height:76px;margin:-6px -6px 0 0}
  .rp56-region-kopf{grid-column:1;grid-row:1}
  .content-card .rp56-orte{grid-column:1/-1;grid-row:2}
  .content-card .rp56-region h3{font-size:25px}
  .content-card .rp56-orte{columns:2;column-gap:22px}
  .rp56-stempelreihe{padding:20px 10px 14px}
  .rp56-stempelreihe img{width:92px;height:92px}
}
@media(max-width:380px){
  .rp56-stempelreihe img{width:84px;height:84px}
}
@media (prefers-reduced-motion:reduce){
  .rp56-box .link-list a::after,.rp56-box-alle,.rp56-region h3 a::after{transition:none}
}