/* Small adapters for SQL-driven C$ components; vendor styles are unchanged. */
#branded-drug-page .branded-section-heading { display: flex; flex: 1; min-width: 0; margin: 0; font: inherit; }
#branded-drug-page .branded-resource-main { appearance: none; border: 0; background: transparent; padding: 0; font: inherit; text-align: left; }
#branded-drug-page .branded-pi { border: 0; background: transparent; padding: 0; font: inherit; text-align: left; }
#branded-drug-page .branded-resource-main:disabled,
#branded-drug-page .hf-actions__item:disabled { color: inherit; opacity: 1; cursor: default; }
#branded-drug-page .branded-preview-note { color: var(--text-tertiary); font-size: var(--font-size-text-sm); margin-block: var(--spacing-xl); }
#branded-drug-page .branded-legal { display: block; }
#branded-drug-page .hf-drughero__attribution { color: var(--text-secondary); font-weight: var(--font-weight-semibold); }
/* Stored Word spans are sponsor copy, not C$'s optional muted metadata span. */
#branded-drug-page .hf-drughero__attribution * { color: inherit; }
#branded-drug-page .hf-drughero__attribution span { margin-left: 0; }
#branded-drug-page .hf-isi__head-text > div > :first-child { margin-top: 0; }
#branded-drug-page .hf-prose a:not([href]) { color: inherit; cursor: text; text-decoration: none; }
#branded-drug-page:not(.is-enhanced) .hf-resource__body { display: block; }
#branded-drug-page:not(.is-enhanced) .hf-resource__list[hidden] { display: flex; }
#branded-drug-page .branded-resource-info { flex: 1; min-width: 0; }
#branded-drug-page .branded-resource-info .hf-resource__file-main { width: 100%; }
#branded-drug-page .hf-resource__file-desc { width: 100%; max-width: 100%; margin-top: var(--spacing-sm); }
#branded-drug-page .hf-drugsec { scroll-margin-top: calc(112px + var(--spacing-2xl)); }
#branded-drug-page.is-enhanced .hf-resource__body {
    display: grid;
    grid-template-rows: 0fr;
    visibility: hidden;
    overflow: hidden;
    padding-block: 0;
    border-bottom-width: 0;
    transition:
        grid-template-rows var(--motion-duration) var(--motion-ease),
        padding-block var(--motion-duration) var(--motion-ease),
        border-bottom-width 0s linear var(--motion-duration),
        visibility 0s linear var(--motion-duration);
}
#branded-drug-page.is-enhanced .hf-resource.is-open .hf-resource__body {
    display: grid;
    grid-template-rows: 1fr;
    visibility: visible;
    padding-block: var(--spacing-3xl);
    border-bottom-width: 1px;
    transition-delay: 0s;
}
#branded-drug-page .branded-resource-body-inner { min-height: 0; overflow: hidden; }
@media (prefers-reduced-motion: reduce) {
    #branded-drug-page.is-enhanced .hf-resource__body { transition: none; }
}

/* C$ v4.64 playlist grammar; scoped so the new adapter doesn't alter other pages. */
#branded-drug-page .branded-share .hf-modal__panel { max-height: 90dvh; overflow-y: auto; }
#branded-drug-page .branded-share-body { padding: 0; }
#branded-drug-page .branded-share-body > p, #branded-drug-page [data-share-email-preview] p { font-size: var(--font-size-text-sm); color: var(--text-tertiary); }
#branded-drug-page .branded-share [hidden] { display: none !important; }
#branded-drug-page .branded-share .hf-share__option:disabled { opacity: .6; cursor: not-allowed; }
#branded-drug-page .branded-action-lock { margin-left: auto; flex: none; color: var(--text-tertiary); }
#branded-drug-page .branded-action-lock svg { width: 18px; height: 18px; }
#branded-drug-page [data-share-email-preview] { padding: var(--spacing-xl); }
#branded-drug-page .branded-email-scroll { max-height: 32dvh; overflow: auto; overscroll-behavior: contain; }
#branded-drug-page .branded-email-scroll img { max-width: 100%; height: auto; }
#branded-drug-page .branded-email-buttons { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 20px; }
#branded-drug-page [data-share-email-back] { margin-left: auto; }
#branded-drug-page .branded-toast { max-width: min(90vw, 540px); }
#branded-drug-page .hf-videomodal--playlist .hf-modal__panel { max-width: 1060px; }
#branded-drug-page .hf-videomodal__layout { position: relative; }
#branded-drug-page .hf-videomodal__main { min-width: 0; }
#branded-drug-page .hf-videomodal--playlist .hf-videomodal__main { margin-right: 300px; }
#branded-drug-page .hf-videomodal__rail { position: absolute; inset: 0 0 0 auto; width: 300px; display: flex; flex-direction: column; min-height: 0; border-left: 1.5px solid var(--border-primary); background: var(--bg-secondary); }
#branded-drug-page .hf-videomodal__rail[hidden] { display: none; }
#branded-drug-page .hf-videomodal__raillabel { margin: 0; padding: var(--spacing-lg) var(--spacing-xl) var(--spacing-md); font-size: var(--font-size-text-xs); font-weight: var(--font-weight-semibold); text-transform: uppercase; letter-spacing: .06em; color: var(--text-tertiary); }
#branded-drug-page .hf-videomodal__raillist { display: flex; flex-direction: column; gap: 4px; list-style: none; margin: 0; padding: 0 0 1px; flex: 1; min-height: 0; overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--color-accent-300) transparent; }
#branded-drug-page .hf-videomodal__railitem { display: grid; grid-template-columns: 18px minmax(0, 1fr); column-gap: 8px; width: 100%; padding: 10px 12px; background: var(--bg-primary); border: 1px solid var(--border-primary); border-radius: 6px; text-align: left; font-family: inherit; cursor: pointer; }
#branded-drug-page .hf-videomodal__railitem:hover { background: var(--color-accent-50); }
#branded-drug-page .hf-videomodal__railitem:focus-visible { outline: none; box-shadow: var(--focus-ring-brand) inset; }
#branded-drug-page .hf-videomodal__railitem.is-current { border-color: var(--color-accent-700); background: var(--color-accent-50); }
#branded-drug-page .hf-videomodal__railplay { grid-column: 1; grid-row: 1 / 3; color: var(--text-tertiary); }
#branded-drug-page .hf-videomodal__railplay svg { width: 18px; height: 18px; }
#branded-drug-page .hf-videomodal__railtitle { grid-column: 2; display: block; font-size: var(--font-size-text-sm); line-height: var(--line-height-text-sm); font-weight: var(--font-weight-medium); color: var(--text-primary); }
#branded-drug-page .hf-videomodal__railmeta { grid-column: 2; display: inline-flex; align-items: center; gap: var(--spacing-sm); margin-top: 2px; font-family: var(--font-family-mono); font-size: var(--font-size-text-xs); color: var(--text-quaternary); }
#branded-drug-page .hf-videomodal__railmeta svg { width: 14px; height: 14px; }
#branded-drug-page .hf-videomodal__stage iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
/* Requested wireframe spacing, scoped to video so PDF/HTML viewers do not move. */
#branded-drug-page .branded-viewer--video .hf-modal__panel { padding-bottom: 10px; max-height: 90dvh; overflow-y: auto; }
#branded-drug-page .branded-viewer--video .hf-videomodal__layout { padding: 6px 10px 0 6px; }
#branded-drug-page .branded-viewer--video .hf-videomodal__stage { border: 1px solid var(--border-primary); border-radius: 6px; overflow: hidden; }
#branded-drug-page .branded-video-loading { color: var(--color-white); font-size: var(--font-size-text-sm); }
#branded-drug-page .branded-viewer--video .hf-videomodal__rail { top: 6px; right: 10px; width: 290px; border-left: 0; background: transparent; }
#branded-drug-page .branded-viewer--video .hf-videomodal__raillabel { padding: 0 6px 8px; }
#branded-drug-page .branded-viewer-status { padding: var(--spacing-md) var(--spacing-xl); margin: 0; color: var(--text-tertiary); font-size: var(--font-size-text-sm); }
#branded-drug-page .branded-viewer-status:empty { display: none; }
#branded-drug-page .branded-viewer--document .hf-modal__panel { max-width: 1100px; }
#branded-drug-page .branded-viewer--pdf .hf-share__head { padding: 10px 16px; gap: 12px; }
#branded-drug-page .branded-viewer--pdf .hf-share__title { font-size: 18px; line-height: 1.3; }
#branded-drug-page .branded-viewer--pdf .hf-share__eyebrow { font-size: 10px; }
#branded-drug-page .branded-pdf-toolbar, #branded-drug-page .branded-pdf-search { display: flex; align-items: center; flex-wrap: wrap; gap: 2px; padding: 4px 8px; background: var(--bg-primary); border-bottom: 1px solid var(--border-primary); }
#branded-drug-page .branded-pdf-search[hidden] { display: none; }
#branded-drug-page .branded-pdf-tool { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex: none; border: 0; background: transparent; color: var(--text-secondary); border-radius: var(--radius-sm); cursor: pointer; }
#branded-drug-page .branded-pdf-tool svg { width: 17px; height: 17px; }
#branded-drug-page .branded-pdf-tool:hover { background: var(--bg-secondary); }
#branded-drug-page .branded-pdf-tool:focus-visible, #branded-drug-page .branded-pdf-number:focus-visible { outline: none; box-shadow: var(--focus-ring-brand); }
#branded-drug-page .branded-pdf-tool:disabled { opacity: .4; cursor: default; }
#branded-drug-page .branded-pdf-number { width: 44px; height: 30px; padding: 2px; text-align: center; font: inherit; font-size: 16px; border: 1px solid var(--border-primary); border-radius: var(--radius-sm); appearance: textfield; }
#branded-drug-page .branded-pdf-number::-webkit-inner-spin-button { appearance: none; }
#branded-drug-page .branded-pdf-total, #branded-drug-page .branded-pdf-scale { padding: 0 4px; font-size: 12px; color: var(--text-secondary); }
#branded-drug-page .branded-pdf-search input { min-width: 120px; flex: 1; border: 1px solid var(--border-primary); border-radius: var(--radius-sm); font: inherit; font-size: 16px; padding: 4px 8px; }
#branded-drug-page .branded-pdf-surface { position: relative; height: min(66dvh, 760px); isolation: isolate; }
#branded-drug-page .branded-html-resource { padding: var(--spacing-xl); max-height: 70vh; overflow: auto; }
#branded-drug-page .branded-embedded-resource { width: 100%; height: 70vh; border: 0; }
@media (max-width: 768px) {
    #branded-drug-page .hf-videomodal--playlist .hf-videomodal__main { margin-right: 0; }
    #branded-drug-page .hf-videomodal__rail { position: static; width: auto; max-height: 200px; border-left: 0; border-top: 1.5px solid var(--border-primary); }
    #branded-drug-page .branded-viewer--video .hf-videomodal__rail { width: auto; margin-top: 6px; border-top: 0; }
}
