/* Herzstickl · Pflege-Ratgeber (20.10.2026)
   Nur auf /ratgeber/ geladen (inc/ratgeber.php), baut auf base.css auf: warmes Steingrau, Gold, Glas, klare Kanten, kein Grün,
   keine Verläufe über Bildern. Knöpfe nutzen die einheitlichen Klassen aus base.css (.btn-gold, .btn-line, .cta, „Knöpfe einheitlich“).
   Aufbau: Symbole · Kopf und Inhalt · Kurz gesagt · Zeitplan · Schritte · Karten · Normal oder Warnzeichen · Tabelle ·
           10 Regeln und Teilen · Konto (Einladung, Kalender, Pflegekarte, Tricks) · Übersicht · Druck */

/* ============================================================ Symbole: eigene Liniensymbole (Kontur statt Fläche) */
svg.rg-i { fill: none !important; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
svg.rg-i .f { fill: currentColor !important; stroke: none; }
.rg .card-hz .ico svg.rg-i, .rg .tile-i svg.rg-i { width: 24px; height: 24px; }

/* ============================================================ Kopf und Inhalt */
/* Drei Sprachknöpfe brauchen am Handy Platz: Subline neben dem Logo ausblenden (wie im Gutschein-Shop, gs.css) */
@media (max-width: 479px) { .rg .appbar .brand-txt { display: none; } }
.rg-art .lp-block { max-width: 960px; }
.rg-meta { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 18px; margin-top: 16px; font-size: .76rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--fg-soft); animation: rise .7s var(--ease) .4s both; }
.rg-meta span { display: inline-flex; align-items: center; gap: 7px; }
.rg-meta svg { width: 16px; height: 16px; color: var(--gold-soft); }
.rg-toc { align-self: stretch; min-width: 0; max-width: none; margin-top: -10px; margin-bottom: 0; }
.rg-toc a { min-height: 40px; }
.rg-art .page-hero + .rg-toc + .lp-block { margin-top: 26px; }
.rg-p { max-width: 680px; margin: 0 auto 14px; color: var(--fg-soft); line-height: 1.7; }
.rg-after { max-width: 720px; margin: 18px auto 0; color: var(--fg-soft); font-size: .92rem; line-height: 1.65; }
.rg-after a, .rg-pts a, .lp-sub a, .card-hz p a, .faq a, .rg-note a, .good-list a { color: var(--gold-soft); text-decoration: underline; text-underline-offset: 3px; }
.rg-after strong, .rg-pts strong, .good-list strong, .rg-doc strong { color: #fff; }

/* ============================================================ Kurz gesagt */
.rg-tldr .good-box { text-align: center; }
.rg-tldr .good-list { margin-top: 14px; }
.rg-tldr .good-list svg.rg-i { width: 20px; height: 20px; margin-top: 2px; color: var(--gold-soft); }
.rg-note { display: flex; gap: 12px; align-items: flex-start; max-width: 720px; margin: 22px auto 0; padding: 14px 16px; border-radius: var(--radius); border: 1px solid rgba(205, 169, 81, .45); background: rgba(205, 169, 81, .1); color: #fff; text-align: left; font-size: .93rem; line-height: 1.55; }
.rg-note svg { flex: none; width: 22px; height: 22px; color: var(--gold-soft); }

/* ============================================================ Zeitplan (Phasen mit Symbol und Goldlinie) */
.rg-time { position: relative; list-style: none; display: grid; gap: 14px; max-width: 820px; margin: 0 auto; text-align: left; }
.rg-time::before { content: ""; position: absolute; left: 23px; top: 26px; bottom: 26px; width: 1px; background: rgba(205, 169, 81, .6); }
.rg-ph { position: relative; display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 12px; align-items: start; }
.rg-ph-i { position: relative; z-index: 1; width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; background: var(--bg); border: 1px solid var(--gold); color: var(--gold-soft); box-shadow: 0 0 0 5px var(--bg); filter: grayscale(1); transition: filter .7s ease; }
.rg-ph-i svg { width: 23px; height: 23px; }
@media (hover: hover) { .rg-ph:hover .rg-ph-i { filter: none; } }
@media (hover: none) { .rv-in .rg-ph-i { filter: none; transition-delay: .4s; } }
html:not(.rv-ready) .rg-ph-i { filter: none; }
.rg-ph-c { min-width: 0; padding: 16px 18px 18px; border-radius: var(--radius-lg); border: 1px solid rgba(255, 255, 255, .13); background: linear-gradient(145deg, rgba(255, 255, 255, .085), rgba(255, 255, 255, .035)); -webkit-backdrop-filter: blur(16px) saturate(140%); backdrop-filter: blur(16px) saturate(140%); box-shadow: 0 10px 28px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .08); }
.rg-when { display: inline-block; margin-bottom: 8px; padding: 4px 11px; border-radius: 999px; background: var(--gold); color: var(--btn-ink, #15120e); font-size: .7rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.rg-ph-c h3 { color: #fff; font-size: 1.12rem; line-height: 1.3; margin-bottom: 10px; }
.rg-pts { list-style: none; display: grid; gap: 8px; }
.rg-pts li { position: relative; padding-left: 20px; color: var(--fg-soft); font-size: .95rem; line-height: 1.6; }
.rg-pts li::before { content: ""; position: absolute; left: 2px; top: .62em; width: 8px; height: 8px; border-radius: 50%; background: var(--gold); }
@media (min-width: 700px) {
  .rg-time::before { left: 27px; }
  .rg-ph { grid-template-columns: 56px minmax(0, 1fr); gap: 16px; }
  .rg-ph-i { width: 56px; height: 56px; }
  .rg-ph-c { padding: 20px 24px 22px; }
}

/* ============================================================ Schritte (nummeriert, immer untereinander) */
.rg-steps { list-style: none; display: grid; gap: 10px; max-width: 760px; margin: 0 auto; text-align: left; }
.rg-steps li { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 14px; align-items: start; padding: 14px 16px; border-radius: var(--radius-lg); border: 1px solid rgba(255, 255, 255, .12); background: rgba(30, 26, 23, .32); }
.rg-n { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--gold); color: var(--gold-soft); font-weight: 800; font-size: 1rem; }
.rg-steps h3 { color: #fff; font-size: 1.04rem; margin: 8px 0 4px; }
.rg-steps p { color: var(--fg-soft); font-size: .94rem; line-height: 1.6; }
@media (min-width: 900px) { .rg-steps { grid-template-columns: 1fr 1fr; max-width: 960px; gap: 12px 14px; } }

/* ============================================================ Karten mit Symbol */
.rg-cards { list-style: none; display: grid; gap: 12px; text-align: left; }
.rg-cards > li { display: flex; min-width: 0; }
.rg-cards .card-hz { flex: 1; padding: 20px 18px 18px; }
.rg-cards .card-hz .ico { width: 48px; height: 48px; margin-bottom: 14px; border: 1px solid rgba(205, 169, 81, .38); }
.rg-cards .card-hz h3 { font-size: 1.06rem; line-height: 1.3; }
.rg-cards .card-hz p { font-size: .93rem; line-height: 1.6; }
/* Handy: Symbol links, Text rechts (kürzere Seite, schneller zu überfliegen) */
@media (max-width: 639px) {
  .rg-cards .card-hz { display: grid; grid-template-columns: 44px minmax(0, 1fr); column-gap: 14px; padding: 16px 16px 16px 14px; }
  .rg-cards .card-hz .ico { grid-row: 1 / span 2; width: 44px; height: 44px; margin: 0; }
  .rg-cards .card-hz h3 { margin: 2px 0 6px; }
  .rg-cards .card-hz p { grid-column: 2; }
}
.rg-badge { position: absolute; top: 18px; right: 18px; padding: 3px 10px; border-radius: 999px; background: rgba(205, 169, 81, .16); border: 1px solid rgba(205, 169, 81, .45); color: var(--gold-soft); font-size: .7rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
@media (min-width: 640px) { .rg-cards { grid-template-columns: 1fr 1fr; gap: 14px; } }
@media (min-width: 1000px) { .rg-cards { grid-template-columns: repeat(3, 1fr); } .rg-cards.rg-c4 { grid-template-columns: repeat(4, 1fr); } .rg-cards.rg-c2 { grid-template-columns: 1fr 1fr; } }
.rg-art .lp-block:has(.rg-c4) { max-width: 1200px; }

/* ============================================================ Normal oder Warnzeichen */
.rg-signs { display: grid; gap: 14px; text-align: left; }
@media (min-width: 760px) { .rg-signs { grid-template-columns: 1fr 1fr; } }
.rg-sign { padding: 20px 20px 22px; border-radius: var(--radius-lg); border: 1px solid rgba(255, 255, 255, .14); background: rgba(30, 26, 23, .42); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
.rg-sign h3 { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; color: #fff; font-size: 1.12rem; }
.rg-sign h3 svg { flex: none; width: 28px; height: 28px; }
.rg-sign.is-ok { border-color: rgba(205, 169, 81, .55); }
.rg-sign.is-ok h3 svg { color: var(--gold-soft); }
.rg-sign.is-warn { border-color: rgba(240, 150, 125, .7); background: rgba(72, 38, 31, .5); }
.rg-sign.is-warn h3 svg { color: #f6b19d; }
.rg-sign.is-warn .rg-pts li { color: #fff; }
.rg-sign.is-warn .rg-pts li::before { background: #f09a82; }
.rg-doc { display: flex; gap: 14px; align-items: flex-start; margin-top: 14px; padding: 16px 18px; border-radius: var(--radius-lg); border: 1px solid rgba(240, 150, 125, .7); background: rgba(72, 38, 31, .62); text-align: left; }
.rg-doc svg { flex: none; width: 28px; height: 28px; color: #f6b19d; }
.rg-doc p { color: #fff; line-height: 1.6; font-size: .96rem; }

/* ============================================================ Tabelle (Handy: jede Zeile eine Karte) */
.rg-tbl { overflow: hidden; border-radius: var(--radius-lg); border: 1px solid rgba(255, 255, 255, .14); background: rgba(30, 26, 23, .42); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
.rg-table { width: 100%; border-collapse: collapse; text-align: left; font-size: .94rem; }
.rg-table th, .rg-table td { padding: 13px 16px; border-bottom: 1px solid rgba(255, 255, 255, .1); vertical-align: top; line-height: 1.5; }
.rg-table tbody tr:last-child th, .rg-table tbody tr:last-child td { border-bottom: 0; }
.rg-table thead th { font-size: .7rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); background: rgba(0, 0, 0, .12); }
.rg-table tbody th { color: #fff; font-weight: 650; }
.rg-table td { color: var(--fg-soft); }
.rg-table td:nth-child(2) { color: var(--gold-soft); font-weight: 700; white-space: nowrap; }
@media (hover: hover) { .rg-table tbody tr:hover { background: rgba(205, 169, 81, .07); } }
@media (max-width: 639px) {
  .rg-table thead { display: none; }
  .rg-table, .rg-table tbody, .rg-table tr, .rg-table th, .rg-table td { display: block; }
  .rg-table tr { padding: 14px 16px; border-bottom: 1px solid rgba(255, 255, 255, .1); }
  .rg-table tbody tr:last-child { border-bottom: 0; }
  .rg-table th, .rg-table td { padding: 0; border: 0; }
  .rg-table tbody th { margin-bottom: 4px; font-size: 1.02rem; }
  .rg-table td { margin-top: 3px; font-size: .9rem; }
  .rg-table td:nth-child(2) { white-space: normal; }
  .rg-table td::before { content: attr(data-l) ": "; color: var(--muted); font-weight: 600; font-size: .78rem; letter-spacing: .04em; }
}

/* ============================================================ 10 Regeln (helle Karte zum Teilen) und Teilen */
.rg-rules { max-width: 560px; margin: 0 auto; padding: 22px 20px 16px; border-radius: 16px; background: #efe8d8; color: #2b2a22; text-align: left; border: 1px solid rgba(138, 109, 34, .4); box-shadow: 0 18px 40px rgba(24, 20, 18, .38); }
.rg-rules-head { display: flex; align-items: center; gap: 14px; padding-bottom: 14px; margin-bottom: 14px; border-bottom: 1px solid rgba(138, 109, 34, .3); }
.rg-rules-head img { display: block; width: 58px; height: auto; }
.rg-rules-head strong { display: block; font-family: "Bodoni 72", Didot, "Bodoni MT", Georgia, "Times New Roman", serif; font-style: italic; font-weight: 400; font-size: 1.5rem; line-height: 1.1; color: #2b2a22; }
.rg-rules-head small { display: block; margin-top: 4px; font-size: .68rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #6f5718; }
.rg-rules-list { list-style: none; display: grid; gap: 9px; }
.rg-rules-list li { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 10px; align-items: start; font-size: .95rem; line-height: 1.45; color: #2b2a22; }
.rg-rules-list .n { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; background: #2f2925; color: #f6e7bd; font-weight: 800; font-size: .8rem; }
.rg-rules-list li > span:last-child { padding-top: 3px; }
.rg-rules-foot { margin-top: 14px; padding-top: 10px; border-top: 1px solid rgba(138, 109, 34, .3); font-size: .74rem; font-weight: 700; letter-spacing: .08em; color: #6f5718; text-align: center; overflow-wrap: anywhere; }
.rg-share { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 20px; }
.rg-share .btn-line svg:not(.rg-i) { fill: currentColor; }
.rg-share-hint { margin-top: 12px; font-size: .84rem; color: var(--fg-soft); }
@media (max-width: 560px) { .rg-share > * { flex: 1 1 100%; } }
@media (min-width: 700px) { .rg-rules { padding: 28px 30px 18px; } .rg-rules-list li { font-size: 1rem; } }

/* ============================================================ Konto: Einladung (nicht angemeldet) */
.rg-teaser { max-width: 860px; }
.rg-tz { padding: 30px 20px 24px; border-radius: var(--radius-lg); border: 1px solid rgba(205, 169, 81, .6); background: rgba(30, 26, 23, .55); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); box-shadow: 0 16px 36px rgba(0, 0, 0, .26); text-align: center; }
.rg-tz-i { width: 56px; height: 56px; margin: 0 auto 14px; display: grid; place-items: center; border-radius: 50%; background: var(--gold); color: var(--btn-ink, #15120e); }
.rg-tz-i svg { width: 26px; height: 26px; }
.rg-tz h2 { color: var(--gold-soft); font-size: clamp(1.3rem, 4.4vw, 1.75rem); line-height: 1.2; margin-bottom: 10px; text-wrap: balance; }
.rg-tz > p { color: var(--fg-soft); line-height: 1.6; max-width: 560px; margin: 0 auto; }
.rg-tz ul { list-style: none; display: grid; gap: 10px; max-width: 520px; margin: 18px auto 22px; text-align: left; }
.rg-tz li { display: flex; gap: 12px; align-items: flex-start; color: #fff; line-height: 1.5; }
.rg-tz li svg { flex: none; width: 24px; height: 24px; color: var(--gold-soft); }
.rg-tz-btns { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.rg-tz-btns svg.rg-i { width: 19px; height: 19px; }
.rg-tz-fine { margin-top: 14px !important; font-size: .82rem; color: var(--fg-soft) !important; }
@media (max-width: 560px) { .rg-tz-btns > * { flex: 1 1 100%; } }
@media (min-width: 700px) { .rg-tz { padding: 36px 40px 30px; } }

/* ============================================================ Konto: Tipps und Tricks (angemeldet) */
.rg-member { max-width: 1080px; }
.rg-m-grid { display: grid; gap: 14px; text-align: left; }
@media (min-width: 900px) { .rg-m-grid { grid-template-columns: 1.35fr 1fr; align-items: start; } }
.rg-box { padding: 22px 20px; border-radius: var(--radius-lg); border: 1px solid rgba(205, 169, 81, .5); background: rgba(30, 26, 23, .5); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
.rg-box h3 { display: flex; align-items: center; gap: 10px; color: var(--gold-soft); font-size: 1.16rem; margin-bottom: 8px; }
.rg-box h3 svg { flex: none; width: 26px; height: 26px; }
.rg-box > p { color: var(--fg-soft); line-height: 1.6; font-size: .95rem; }
.rg-box .f-hint { color: var(--fg-soft); }
.rg-cal-f { display: grid; gap: 12px; margin-top: 16px; }
.rg-cal-f input { letter-spacing: .06em; }
.rg-cal-q { display: flex; flex-wrap: wrap; gap: 8px; }
.rg-cal-q .ta-chip { min-height: 44px; }
.rg-cal-err { padding: 10px 14px; border-radius: 8px; border: 1px solid rgba(255, 155, 155, .45); background: rgba(178, 59, 59, .2); color: #fff; font-size: .88rem; line-height: 1.5; }
.rg-cal-f .btn-gold, .rg-cal-act .btn-gold, .rg-cal-act .btn-line { width: 100%; }
.rg-cal-out { margin-top: 16px; }
.rg-cal-from { color: #fff; font-weight: 650; margin-bottom: 10px; }
.rg-cal-list { list-style: none; display: grid; gap: 8px; max-height: 460px; overflow-y: auto; overscroll-behavior: contain; padding-right: 2px; }
.rg-cal-list li { display: grid; grid-template-columns: 82px minmax(0, 1fr); gap: 12px; padding: 12px 14px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, .12); background: rgba(255, 255, 255, .06); }
.rg-cal-d { color: var(--gold-soft); font-size: .84rem; font-weight: 700; line-height: 1.3; }
.rg-cal-d b { display: block; margin-bottom: 2px; color: var(--fg-soft); font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; }
.rg-cal-t strong { display: block; color: #fff; font-size: .95rem; margin-bottom: 3px; }
.rg-cal-t span { display: block; color: var(--fg-soft); font-size: .88rem; line-height: 1.5; }
.rg-cal-list li.is-past { opacity: .78; }
.rg-cal-list li.is-past .rg-cal-d b::after { content: " ✓"; }
.rg-cal-list li.is-today { border-color: var(--gold); background: rgba(205, 169, 81, .16); }
.rg-cal-act { display: grid; gap: 10px; margin-top: 14px; }
@media (min-width: 480px) { .rg-cal-act { grid-template-columns: 1fr 1fr; } .rg-pc-box .rg-cal-act { grid-template-columns: 1fr; } }
.rg-tricks-h { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 34px 0 16px; color: var(--gold-soft); font-size: clamp(1.2rem, 3.6vw, 1.5rem); }
.rg-tricks-h svg { width: 28px; height: 28px; }
.rg-pcard { display: none; }

/* ============================================================ Hinweis am Ende */
.rg-disc { display: flex; gap: 12px; align-items: flex-start; width: 100%; max-width: 760px; margin: var(--sect-gap) auto 0; padding: 14px 16px; border-radius: var(--radius); border: 1px solid rgba(255, 255, 255, .16); background: rgba(30, 26, 23, .4); color: var(--fg-soft); text-align: left; font-size: .86rem; line-height: 1.55; }
.rg-disc svg { flex: none; width: 22px; height: 22px; color: var(--gold-soft); }
.rg-disc + .more-sect { margin-top: 48px; }

/* ============================================================ Übersicht /ratgeber/ */
.rg-hub { list-style: none; display: grid; gap: 14px; text-align: left; }
.rg-hub > li { display: flex; min-width: 0; }
.rg-hc { flex: 1; display: flex; flex-direction: column; color: var(--fg); text-decoration: none; }
.rg-hc:hover { color: var(--fg); }
.rg-hc .ico { width: 52px; height: 52px; border: 1px solid rgba(205, 169, 81, .4); }
.rg-hc h3 { font-size: 1.18rem; }
.rg-hc p { flex: 1; }
.rg-hc-m { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 18px; padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, .12); color: var(--fg-soft); font-size: .76rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.rg-hc-go { display: inline-flex; align-items: center; gap: 6px; color: var(--gold-soft); }
.rg-hc-go svg { width: 16px; height: 16px; fill: currentColor; transition: transform .2s ease; }
.rg-hc:hover .rg-hc-go svg { transform: translateX(3px); }
.rg-hub > li.is-top .card-hz { border-color: rgba(205, 169, 81, .55); }
@media (min-width: 700px) { .rg-hub { grid-template-columns: 1fr 1fr; gap: 16px; } }
@media (min-width: 1040px) { .rg-hub { grid-template-columns: repeat(3, 1fr); } .rg-hubpage .lp-block:first-of-type { max-width: 1200px; } }

/* ============================================================ Druck: Artikel lesbar auf Weiß; Pflegekarte allein (html.rg-pc) */
@media print {
  body::before, .rg .rg-toc, .rg .rg-share, .rg .rg-share-hint, .rg .rg-teaser, .rg .next-band, .rg .more-sect, .rg .rg-member, .rg .page-hero picture { display: none !important; }
  .rg .rv, .rg .rv-stagger > * { opacity: 1 !important; transform: none !important; }
  .rg .page-hero { min-height: 0; margin: 0 0 8mm; padding: 0; border: 0; box-shadow: none; }
  .rg .page-hero::before { display: none; }
  .rg h1, .rg h2, .rg h3, .rg .lp-h, .rg .pi-kicker, .rg .lp-k, .rg strong { color: #1c1a15 !important; }
  .rg p, .rg li, .rg td, .rg th, .rg summary, .rg .crumbs, .rg .rg-meta { color: #2b2a22 !important; }
  .rg .card-hz, .rg .rg-ph-c, .rg .good-box, .rg .rg-sign, .rg .rg-doc, .rg .rg-tbl, .rg .faq details, .rg .rg-steps li, .rg .seo-text, .rg .rg-note, .rg .rg-disc {
    background: #fff !important; border-color: #d9d2c2 !important; box-shadow: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; break-inside: avoid; }
  .rg .lp-block { margin-top: 8mm; }
  .rg .rg-ph-i, .rg .ico { filter: none !important; color: #6f5718 !important; background: #fff !important; box-shadow: none !important; }
  .rg .rg-time::before { background: #d9c9a0; }
  .rg .rg-when { background: #efe8d8; color: #1c1a15; }
  .rg a { color: #1c1a15 !important; }

  /* Pflegekarte: nur sie wird gedruckt */
  html.rg-pc body > *:not(main) { display: none !important; }
  html.rg-pc main > *:not(.rg-pcard) { display: none !important; }
  html.rg-pc main.wrap { padding: 0 !important; display: block; text-align: left; }
  html.rg-pc .rg-pcard { display: block !important; width: 100%; color: #1c1a15; font: 10pt/1.45 var(--font); }
  .rg-pcard .pc-head { display: flex; align-items: center; gap: 5mm; padding-bottom: 4mm; margin-bottom: 5mm; border-bottom: 1.5pt solid #cda951; }
  .rg-pcard .pc-head img { width: 22mm; height: auto; }
  .rg-pcard .pc-k { font-size: 7.5pt; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #6f5718 !important; }
  .rg-pcard h2 { font-family: "Bodoni 72", Didot, Georgia, serif; font-style: italic; font-weight: 400; font-size: 24pt; line-height: 1.1; color: #1c1a15 !important; }
  .rg-pcard .pc-date { margin-top: 1.5mm; font-size: 10pt; color: #2b2a22 !important; }
  .rg-pcard .pc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 7mm; }
  .rg-pcard h3 { margin: 0 0 2mm; font-size: 9pt; letter-spacing: .12em; text-transform: uppercase; color: #6f5718 !important; }
  .rg-pcard ul, .rg-pcard ol { margin: 0 0 5mm 4.5mm; padding: 0; }
  .rg-pcard li { margin-bottom: 1.4mm; color: #1c1a15 !important; }
  .rg-pcard .pc-plan { list-style: none; margin-left: 0; }
  .rg-pcard .pc-plan b { display: block; font-size: 8pt; letter-spacing: .08em; text-transform: uppercase; color: #6f5718; }
  .rg-pcard .pc-doc { padding: 3mm 4mm; border: 1pt solid #c7614a; border-radius: 2mm; color: #1c1a15 !important; font-weight: 600; }
  .rg-pcard .pc-foot { margin-top: 6mm; padding-top: 3mm; border-top: 1pt solid #d9d2c2; font-size: 8.5pt; }
  .rg-pcard .pc-foot p { margin-bottom: 1mm; color: #2b2a22 !important; }
}