/* What's new, in video (MEDA-93). Scoped to .wn-page so site.css is untouched. */
.wn-page .eyebrow { margin: 0; color: var(--c-blue-600); font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
.wn-page .lede { margin: 0 0 8px; font-size: 18px; color: var(--c-text-muted); }
.wn-page .note { margin: 0 0 24px; font-size: 14px; color: var(--c-text-muted); }
.wn-page ol.parts-nav { margin: 0 0 32px; padding: 16px 20px 16px 40px; background: var(--c-bg-alt); border-radius: var(--radius); }
.wn-page ol.parts-nav li { margin: 4px 0; }
.wn-page section.part { padding-top: 28px; border-top: 1px solid var(--c-border); margin-bottom: 36px; }
.wn-page .part-head { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.wn-page .part-num { color: var(--c-text-muted); font-size: 14px; font-weight: 600; }
.wn-page section.part h2 { margin: 4px 0 14px; }
.wn-page .tag { padding: 2px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; }
.wn-page .tag--live { background: #e6f6ee; color: #1d6b43; }
.wn-page .tag--off { background: var(--c-bg-banner); color: var(--c-text-muted); }
.wn-page video { display: block; width: 100%; height: auto; border: 1px solid var(--c-border); border-radius: var(--radius); background: var(--c-bg-alt); }
.wn-page .video-meta { margin: 6px 0 16px; font-size: 12px; color: var(--c-text-muted); }
.wn-page p.caption { margin: 0 0 10px; }
.wn-page p.why { margin: 0 0 14px; padding: 10px 14px; border-left: 3px solid var(--c-cyan-400); background: var(--c-bg-alt); border-radius: 0 8px 8px 0; }
.wn-page p.why strong { color: var(--c-navy-800); }
.wn-page details.transcript { border: 1px solid var(--c-border); border-radius: 8px; padding: 8px 14px; font-size: 15px; }
.wn-page details.transcript summary { cursor: pointer; color: var(--c-blue-600); font-weight: 600; }
.wn-page details.transcript ol { margin: 10px 0 4px; padding-left: 0; list-style: none; }
.wn-page details.transcript li { margin: 6px 0; }
.wn-page details.transcript .t { display: inline-block; min-width: 42px; color: var(--c-text-muted); font-variant-numeric: tabular-nums; }
.wn-page section.faq { padding-top: 28px; border-top: 1px solid var(--c-border); }
.wn-page .qa h3 { margin: 20px 0 6px; }
.wn-page .qa p { margin: 0; }
.wn-page .series-card { display: block; padding: 16px; border: 1px solid var(--c-border); border-radius: var(--radius); color: inherit; text-decoration: none; }
.wn-page .series-card:hover { border-color: var(--c-blue-600); }
.wn-page .series-card img { display: block; width: 100%; height: auto; border-radius: 8px; margin: 10px 0; }

/* MEDA-112: Practice Data Import page */
.wn-page ol.steps { margin: 0 0 8px; padding-left: 22px; }
.wn-page ol.steps li { margin: 4px 0; }
.wn-page ul.limits { margin: 0 0 14px; padding: 12px 16px 12px 34px; background: #fff8e6; border: 1px solid #f0c36d; border-radius: 8px; }
.wn-page ul.limits li { margin: 6px 0; }
.wn-page figure { margin: 0 0 24px; }
.wn-page figure img { display: block; width: 100%; height: auto; border: 1px solid var(--c-border); border-radius: var(--radius); }
.wn-page figcaption { margin-top: 6px; font-size: 13px; color: var(--c-text-muted); }
.wn-page table.sample { width: 100%; border-collapse: collapse; font-size: 13px; margin: 8px 0 6px; }
.wn-page table.sample th, .wn-page table.sample td { border: 1px solid var(--c-border); padding: 4px 6px; text-align: left; }
.wn-page table.sample th { background: var(--c-bg-alt); }
.wn-page table.sample td.uid { font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 12px; }