/* Shared reading surface for the Backflow buyer guides and video watch page. */
.resource-shell { max-width: 1200px; margin: auto; padding: calc(var(--header-h) + 2.5rem) var(--pad) 5rem; }
.resource-shell .platform-breadcrumb { margin: 0 0 2.5rem; color: #b9cbdc; line-height: 1.7; }
.resource-shell h1 { font-size: clamp(2.6rem,5.3vw,5.3rem); line-height: 1.07; margin: .7rem 0 1.7rem; }
.resource-shell h1 em { color: var(--cyan); font-style: normal; }
.resource-lede { color: #b9cbdc; font-size: clamp(1.05rem,1.6vw,1.25rem); line-height: 1.75; max-width: 65ch; margin-bottom: 1.8rem; }
.resource-body { margin-top: 4rem; max-width: 900px; }
.resource-body h2 { font-size: clamp(1.75rem,3vw,2.6rem); line-height: 1.18; margin: 3rem 0 1.2rem; }
.resource-body h3 { font-size: 1.25rem; margin: 0 0 .5rem; }
.resource-body p, .resource-body li { color: #c8d4df; line-height: 1.8; }
.resource-body strong, .resource-body h3 { color: var(--paper); }
.resource-body a:not(.button), .platform-breadcrumb a, .watch-next .inline-link { color: var(--cyan); text-decoration: underline; text-underline-offset: .2em; }
.resource-body li { padding-left: .4rem; margin-block: .65rem; }
.workflow-list { padding-left: 1.5rem; }
.workflow-list li { padding-block: 1.2rem; padding-left: 1rem; border-top: 1px solid #405772; }
.workflow-list li::marker { color: var(--cyan); }
.workflow-list p { margin-bottom: 0; }
.resource-body .source-note { font-size: .82rem; line-height: 1.7; color: #b9cbdc; }
.table-scroll { overflow-x: auto; margin: 1.6rem 0 1rem; border: 1px solid #405772; border-radius: 8px; }
.table-scroll table { border-collapse: collapse; width: 100%; min-width: 590px; font-size: .95rem; line-height: 1.65; }
.table-scroll caption { text-align: left; padding: 1rem 1.2rem; background: #122336; font-weight: 600; }
.table-scroll :is(th,td) { text-align: left; vertical-align: top; padding: 1.1rem 1.2rem; border-top: 1px solid #405772; }
.table-scroll th { color: var(--paper); font-weight: 600; }
.table-scroll td { color: #c8d4df; }
.table-scroll thead { background: #0e1b2a; }
.resource-cta { border-top: 1px solid #405772; margin-top: 3rem; padding: .5rem 0 1.5rem; }
.resource-cta .inline-link { margin-left: 1.5rem; }
.related-reading { font-size: .9rem; padding-top: 1.5rem; border-top: 1px solid #405772; }
.watch-page .resource-shell { max-width: 1300px; }
.watch-page h1 { font-size: clamp(2.1rem,3.5vw,3.8rem); margin-bottom: 1.5rem; }
.watch-page .tour-player { max-width: 1100px; }
.watch-page video { aspect-ratio: 16/9; }
.watch-next { margin-top: 2rem; }
.watch-next p { color: #b9cbdc; line-height: 1.75; }
.watch-next .inline-link { margin-left: 1.5rem; }
.watch-page #transcript { scroll-margin-top: calc(var(--header-h) + 1.5rem); }
@media(max-width:760px) { .resource-shell { padding-top: calc(var(--header-h) + 1.5rem); } .resource-shell .platform-breadcrumb { margin-bottom: 1.7rem; } .resource-body { margin-top: 3rem; } .resource-cta .inline-link, .watch-next .inline-link { display: flex; margin: .8rem 0 0; } .watch-page h1 { font-size: 2rem; } }