/* ==========================================================================
   REDESIGN — RESSOURCEN-DETAILSEITE (single-pdn_resource.php)
   Quelle: redesign-quellen/01-BOILERPLATE.html. Nur resource-spezifische Regeln.
   Geteilte Komponenten (.hero--detail, .pain-card, .usecase-card, .serv-grid/
   .check-panel, .serv-card, .prose, .cta-band, .ck, Breadcrumb-Bruecke,
   Heading-/Button-Re-Asserts) kommen aus redesign-detail.css (Dependency).
   Laedt gegatet auf is_singular('pdn_resource'), nach redesign-detail.css, vor style.css.

   Inhaltsverzeichnis + Preview-Galerie folgen in eigenen Bau-Schritten.
   Keine erfundenen Werte.
   ========================================================================== */

/* HERO — Split (.hero--detail.hero--resource). Basis .hero--detail (dunkler Grund,
   weisse H1, Button-Re-Asserts) aus redesign-detail.css. Hier: 2-Spalten wiederherstellen
   (Wert 1:1 aus .hero .wrap, detail.css:33) + Medien-Spalte + Meta-Zeile. */
.hero--detail.hero--resource .wrap{grid-template-columns:1.15fr .85fr}
.hero-visual{position:relative;max-width:420px;justify-self:end;width:100%}   /* aus Boilerplate Z.133, ohne 1:1 */
.hero-visual .hero-media{border-radius:var(--r);overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.2)}   /* Schatten = Bestandswert aus altem Cover-Inline */
.hero-visual .hero-media img,.hero-visual .hero-media video,.hero-visual .hero-media iframe{width:100%;height:auto;display:block}
.hero-visual .hero-media--embed{aspect-ratio:16/9}   /* Bestandswert aus altem Embed-Inline */
.hero-visual .hero-media--embed iframe{height:100%;border:none}

/* .hero-meta liegt jetzt in redesign-detail.css (CPT-agnostisch, Resource + Blog). */

/* Mobile: Split stapeln, Medien sichtbar (nicht ausblenden wie Boilerplate). */
@media(max-width:980px){
  .hero--detail.hero--resource .wrap{grid-template-columns:1fr}
  .hero-visual{max-width:100%;justify-self:stretch;margin-top:32px}
}

/* INHALTSVERZEICHNIS — getokte Karte mit kompakter Nummernliste. Kein 1:1-Boilerplate-Bauteil;
   Werte geborgt: Breite/margin aus .faq-list (detail.css:246); Karte aus .serv-card (detail.css:334);
   Zeilen-Padding aus .comp .row (detail.css:206); Nummer-Typografie aus .serv-card .ic .num / .step .n
   (--font-display/800/--blue), 18px aus .dtable thead th (detail.css:147); Titel navy + 15px (.faq .a p). */
/* .toc-Basis liegt jetzt in redesign-detail.css (CPT-agnostisch). Hier nur die
   Ressourcen-Zentrierung — im Blog fuellt die Karte stattdessen die Sidebar-Spalte. */
.toc{max-width:820px;margin:0 auto}