/* WolfCO Podcasts: "The Risk Register" section. Design values from the handoff snippet (changes/snippets/podcast-html-widget.html, 2026-10-02). */

/* Plus Jakarta Sans 700 (OFL, Latin subset), used only by the Coming-soon wordmark. Private family name so the
   site's own "Plus Jakarta Sans" family (300/400/500/600) is untouched. */
@font-face{font-family:'WCP Jakarta';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/plus-jakarta-sans-700-latin.woff2) format('woff2')}

/* Section frame. Side padding follows the site grid (30px / 20px mobile) so it aligns with the Insights feed below.
   The theme header overlays the page (100px desktop / 80px tablet / 70px mobile), so top padding = header + design spacing (56/48/40).
   Bottom padding is reduced because the Insights container below already has 120px top padding. */
.wcp-section{--wcp-pad-x:30px;padding:156px var(--wcp-pad-x) 56px;border-bottom:1px solid #cfcfcf}
.wcp-section .rr{max-width:2000px;margin:0 auto}

.rr{--rr-ink:#141414;--rr-muted:#666;--rr-rule:#cfcfcf;--rr-ph:#dcdcdc;font-family:'Plus Jakarta Sans',sans-serif;font-weight:400;line-height:1.4;color:var(--rr-ink);display:flex;flex-direction:column;gap:48px;letter-spacing:normal;text-transform:none}
.rr *{box-sizing:border-box}
.rr-row{display:grid;grid-template-columns:355px minmax(0,1fr)}
.rr-head{align-items:end}
.rr-label{font-size:12px;padding-bottom:10px}
.rr-label-more{padding:6px 0 0}
.rr-headmain{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.rr-titles{display:flex;flex-direction:column;gap:10px}
.rr-kicker{font-size:13px;color:var(--rr-muted)}
.rr .rr-title{margin:0;padding:0;font-family:inherit;font-weight:400;font-size:56px;line-height:1.1;letter-spacing:normal;text-transform:none;color:var(--rr-ink)}
.rr .rr-btn{display:inline-flex;align-items:center;gap:10px;background:var(--rr-ink);color:#fff!important;font-family:inherit;font-weight:400;font-size:13px;line-height:1.4;letter-spacing:.08em;padding:16px 26px;border:0;border-radius:999px;white-space:nowrap;text-decoration:none;transition:background .2s}
.rr .rr-btn:hover,.rr .rr-btn:focus-visible{background:#333;color:#fff!important}
.rr .rr-btn-mob,.rr-swipe{display:none}
.rr-player{display:flex;flex-direction:column;gap:20px}
.rr-video{position:relative;aspect-ratio:16/9;background:var(--rr-ink);overflow:hidden}
.rr-video video,.rr-video iframe{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;border:0}
.rr-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:start;border-top:1px solid var(--rr-rule);padding-top:18px}
.rr-metamain{display:flex;flex-direction:column;gap:6px}
.rr-epno,.rr-dur{font-size:13px;color:var(--rr-muted)}
.rr-dur{padding-top:2px}
.rr-meta{row-gap:36px;padding-top:20px}
.rr-metamain{gap:8px}
.rr .rr-eptitle{margin:0;padding:0;font-family:inherit;font-weight:400;font-size:32px;line-height:1.2;letter-spacing:normal;text-transform:none;color:var(--rr-ink);text-wrap:pretty}
.rr-with{font-size:15px;line-height:1.4;color:var(--rr-muted)}
.rr-notes{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
.rr-notes[hidden],.rr-note[hidden]{display:none}
.rr-note{display:flex;flex-direction:column;gap:10px}
.rr-notelabel{font-size:12px}
.rr .rr-note p{margin:0;padding:0;font-family:inherit;font-size:15px;line-height:1.65;letter-spacing:normal;color:#2a2a2a;text-wrap:pretty}
.rr-more{display:flex;flex-direction:column;gap:18px;min-width:0}
.rr-nav{display:flex;justify-content:flex-end;gap:8px}
.rr .rr-arrow{width:44px;height:44px;min-width:0;min-height:0;border-radius:50%;border:1px solid var(--rr-ink);background:transparent;color:var(--rr-ink);font:inherit;font-size:18px;line-height:1;letter-spacing:normal;text-transform:none;box-shadow:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,opacity .2s}
.rr .rr-arrow:hover{background:var(--rr-ink);color:#fff}
.rr .rr-arrow[aria-disabled="true"]{opacity:.3;cursor:default;background:transparent;color:var(--rr-ink)}
.rr-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.rr-track::-webkit-scrollbar{display:none}
.rr .rr-card{scroll-snap-align:start;display:flex;flex-direction:column;gap:12px;background:none;border:0;border-radius:0;box-shadow:none;padding:0;margin:0;min-height:0;height:auto;width:auto;text-align:left;font:inherit;line-height:1.4;letter-spacing:normal;text-transform:none;color:inherit;cursor:pointer}
.rr .rr-card:hover,.rr .rr-card:focus{background:none;color:inherit}
.rr .rr-card[disabled]{cursor:default;opacity:1}
.rr-thumb{position:relative;aspect-ratio:16/9;background:var(--rr-ph);overflow:hidden;outline-offset:-2px}
.rr-card.is-active .rr-thumb{outline:2px solid var(--rr-ink)}
.rr-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.rr-thumb{container-type:inline-size}
.rr-soon{position:absolute;inset:0;background:var(--rr-ink);color:#fff;line-height:1.2}
.rr-soon-mark{position:absolute;top:6cqw;right:6cqw;display:flex;flex-direction:column;font-family:'WCP Jakarta','Plus Jakarta Sans',sans-serif;font-weight:700;font-size:4.4cqw;line-height:.92;letter-spacing:-.01em}
.rr-soon-mark small{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.4cqw;font-weight:500;letter-spacing:0;line-height:1.2;margin-bottom:.7cqw}
.rr-soon-text{position:absolute;left:6cqw;bottom:7cqw;display:flex;flex-direction:column;gap:1.6cqw;text-align:left}
.rr-soon-ep{font-size:3.6cqw;letter-spacing:.12em;line-height:1.2;color:#bdbdbd}
.rr-soon-label{font-size:8.4cqw;line-height:1;font-weight:500}
.rr-card[disabled] .rr-cardguest{color:var(--rr-muted)}
.rr-cardno{font-size:12px;color:var(--rr-muted)}
.rr-cardguest{font-size:17px;line-height:1.3;margin-top:4px}

/* YouTube: poster + play button, iframe loads on click. */
.rr .rr-yt{position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;border:0;border-radius:0;background:var(--rr-ink);cursor:pointer;box-shadow:none}
.rr-yt img{width:100%;height:100%;object-fit:cover;display:block}
.rr-yt-play{position:absolute;left:50%;top:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:rgba(20,20,20,.8);transition:background .2s}
.rr-yt-play::after{content:"";position:absolute;left:29px;top:23px;border-style:solid;border-width:13px 0 13px 21px;border-color:transparent transparent transparent #fff}
.rr-yt:hover .rr-yt-play{background:#141414}

/* Theme/kit override. The Elementor kit styles every button state (".elementor-kit-9 button:hover/:focus", 0-2-1):
   border-radius 0, 1px black border, black background. Lock our buttons in every state (0-4-0+). Scoped to .wcp-section. */
.wcp-section .rr .rr-arrow,
.wcp-section .rr .rr-arrow:hover,
.wcp-section .rr .rr-arrow:focus,
.wcp-section .rr .rr-arrow:focus-visible,
.wcp-section .rr .rr-arrow:active{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;margin:0;border:1px solid var(--rr-ink);border-radius:50%;box-shadow:none;outline:none;line-height:1}
.wcp-section .rr .rr-arrow,
.wcp-section .rr .rr-arrow:focus{background:transparent;color:var(--rr-ink)}
.wcp-section .rr .rr-arrow:hover,
.wcp-section .rr .rr-arrow:focus-visible,
.wcp-section .rr .rr-arrow:active{background:var(--rr-ink);color:#fff}
.wcp-section .rr .rr-arrow:focus-visible{outline:2px solid var(--rr-ink);outline-offset:2px}
.wcp-section .rr .rr-arrow[aria-disabled="true"],
.wcp-section .rr .rr-arrow[aria-disabled="true"]:hover,
.wcp-section .rr .rr-arrow[aria-disabled="true"]:focus,
.wcp-section .rr .rr-arrow[aria-disabled="true"]:active{background:transparent;color:var(--rr-ink);opacity:.3;cursor:default}
.wcp-section .rr .rr-card,
.wcp-section .rr .rr-card:hover,
.wcp-section .rr .rr-card:focus,
.wcp-section .rr .rr-card:active,
.wcp-section .rr .rr-yt,
.wcp-section .rr .rr-yt:hover,
.wcp-section .rr .rr-yt:focus,
.wcp-section .rr .rr-yt:active{border:0;border-radius:0;box-shadow:none;padding:0;outline:none}
.wcp-section .rr .rr-card,
.wcp-section .rr .rr-card:hover,
.wcp-section .rr .rr-card:focus,
.wcp-section .rr .rr-card:active{background:none;color:inherit}
.wcp-section .rr .rr-yt:hover,
.wcp-section .rr .rr-yt:focus,
.wcp-section .rr .rr-yt:active{background:var(--rr-ink)}
.wcp-section .rr .rr-card:focus-visible .rr-thumb,
.wcp-section .rr .rr-yt:focus-visible{outline:2px solid var(--rr-ink);outline-offset:-2px}

@media (max-width:1024px){
	.wcp-section{padding:128px var(--wcp-pad-x) 40px}
	.rr-row{grid-template-columns:1fr}
	.rr-label{padding-bottom:12px}
	.rr-label:empty{display:none}
	.rr .rr-title{font-size:44px}
}
@media (max-width:767px){
	.wcp-section{--wcp-pad-x:20px;padding:110px var(--wcp-pad-x) 32px}
	.rr{gap:36px}
	.rr-head .rr-label{padding-bottom:20px}
	.rr-titles{gap:8px}
	.rr .rr-title{font-size:36px}
	.rr .rr-btn-desk,.rr-nav{display:none}
	.rr .rr-btn-mob{display:flex;justify-content:center;height:52px;padding:0 26px}
	.rr-player{gap:16px}
	.rr-meta{grid-template-columns:1fr;gap:6px;padding-top:16px}
	/* Mobile artboard (reference/mobile-390.png): duration sits on the episode-number line, right-aligned. */
	.rr-meta{row-gap:6px;position:relative}
	.rr-dur{position:absolute;top:16px;right:0;padding-top:0}
	.rr .rr-eptitle{font-size:24px}
	.rr-with{font-size:14px}
	.rr-notes{grid-template-columns:1fr;gap:28px;margin-top:22px}
	.rr-note{gap:8px}
	.rr-label-more{display:flex;justify-content:space-between;align-items:baseline;padding:0 0 16px}
	.rr-swipe{display:inline;color:var(--rr-muted)}
	.rr-more{gap:0}
	.rr-track{grid-auto-columns:44%;gap:12px;margin-right:calc(-1 * var(--wcp-pad-x));padding-right:var(--wcp-pad-x);scroll-padding-left:0}
	.rr .rr-card{gap:10px}
	.rr-cardguest{font-size:14px}
	.rr-soon-mark{font-size:5.6cqw}
	.rr-soon-mark small,.rr-soon-ep{display:none}
	.rr-soon-label{font-size:9.5cqw}
	.rr-yt-play{width:56px;height:56px;margin:-28px 0 0 -28px}
	.rr-yt-play::after{left:22px;top:17px;border-width:11px 0 11px 17px}
}

/* Details below the player, desktop + tablet (requested 2026-10-05): two columns.
   Left: episode number, title, duration, "with" line. Right: The Guest stacked over The Conversation.
   Uses the existing elements (no new markup): .rr-metamain is flattened with display:contents so its
   children join the .rr-meta grid. The trailing 1fr row absorbs the notes' extra height so the left
   column stays tight. Mobile (≤767px) keeps the approved stacked layout above. */
@media (min-width:768px){
	.rr-meta{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:repeat(4,auto) 1fr;grid-template-areas:"epno notes" "title notes" "dur notes" "with notes" ". notes";column-gap:48px;row-gap:8px;align-items:start}
	.rr-metamain{display:contents}
	.rr-epno{grid-area:epno}
	.rr .rr-eptitle{grid-area:title}
	.rr-dur{grid-area:dur;padding-top:0}
	.rr-with{grid-area:with}
	.rr-notes{grid-area:notes;grid-template-columns:minmax(0,1fr);gap:28px}
}

/* No divider between the player and the episode details (requested 2026-10-09). Removes only the
   .rr-meta top border; the player gap and .rr-meta padding-top are kept, so the spacing stays. */
.wcp-section .rr .rr-meta{border-top:0}