/* Artikelbausteine des Verlagsclusters.
   Seitenrahmen, Navigation, Themenspalte und Footer kommen ausschliesslich aus
   der gemeinsamen Seitenschale (Inline-Style der Seite plus css/site-shell.css).
   Hier stehen nur Inhaltsklassen innerhalb von article.article. Keine globalen
   Selektoren (body, *, a) und keine Layoutregeln, sonst kollidiert die Datei
   mit der Schale. */
:root{--pg-green:#006b3e;--pg-mint:#ecf8f2;--pg-muted:#52606d;--pg-line:#dce7e1}

.pg-lead{color:var(--text)!important;font-size:1.05rem!important;margin-bottom:1.5rem!important}
.pg-answer,.pg-note{background:var(--pg-mint);border:1px solid #cde7d9;border-radius:10px;padding:16px 18px;margin:22px 0}
.pg-answer p:last-child,.pg-note p:last-child{margin-bottom:0}
.pg-warning{background:#fff7e8;border-color:#f0d9a8}
.pg-table-wrap{overflow-x:auto;margin:20px 0}
.pg-table{border-collapse:collapse;width:100%;min-width:620px;font-size:.86rem}
.pg-table th,.pg-table td{border:1px solid var(--pg-line);text-align:left;vertical-align:top;padding:11px}
.pg-table th{background:var(--pg-mint)}
.pg-figure{margin:26px 0}
.pg-figure img{width:100%;height:auto;border:1px solid var(--pg-line);border-radius:12px;display:block}
.pg-figure figcaption{text-align:center;color:var(--pg-muted);font-size:.84rem;margin-top:7px}
.pg-list{padding-left:22px}
.pg-list li{margin:7px 0}
.pg-cta{background:linear-gradient(135deg,#007c49,#004d2e);color:#fff;border-radius:12px;padding:24px;margin-top:34px}
.pg-cta p{color:#fff}
.pg-cta a{display:inline-block;background:#fff;color:#005f37;text-decoration:none;font-weight:800;border-radius:8px;padding:10px 15px;margin-top:5px}

/* Dark Mode: die Schale faerbt Text global um (h1-h6/strong und p/li), aber
   nicht die hellen Flaechen dieser Bausteine. Ohne die folgenden Regeln stuende
   heller Text auf hellem Grund. */
html[data-theme="dark"] .pg-answer,
html[data-theme="dark"] .pg-note{background:#173c2b;border-color:#2f6b4d}
html[data-theme="dark"] .pg-warning{background:#3b2f16;border-color:#6d5626}
html[data-theme="dark"] .pg-table th{background:#173c2b}
html[data-theme="dark"] .pg-table th,
html[data-theme="dark"] .pg-table td{border-color:var(--border)}
html[data-theme="dark"] .pg-figure img{border-color:var(--border)}
html[data-theme="dark"] .pg-figure figcaption{color:var(--muted)}
html[data-theme="dark"] .pg-cta p,
html[data-theme="dark"] .pg-cta strong{color:#fff}
html[data-theme="dark"] .pg-cta a{background:#fff;color:#00502e}