/* Scoped reading layout for the owner-approved fluid-therapy editorial article. */
.cm-article--fluid { background: var(--dvm-color-page); padding: 104px 0 64px; }
.cm-article--fluid .cm-container--narrow { max-width: 960px; }
.cm-article--fluid .cm-article__header { max-width: 800px; margin: 24px auto 28px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background: none; color: var(--dvm-color-text); overflow: visible; }
.cm-article--fluid .cm-article__title { color: var(--dvm-color-secondary); font-size: clamp(2rem, 5vw, 3.25rem); line-height: 1.08; max-width: 23ch; margin-bottom: 24px; text-wrap: balance; }
.cm-article--fluid .cm-article__labels { margin-bottom: 20px; }
.cm-article--fluid .cm-article__labels .cm-label { color: var(--dvm-color-primary); background: var(--dvm-color-surface); border: 1px solid var(--dvm-color-border); }
.cm-article--fluid .cm-article__meta { color: var(--dvm-color-text-muted); gap: 8px 16px; margin: 0 0 20px; line-height: 1.5; }
.cm-article--fluid .cm-article__header .cm-article__meta span { border: 0; padding: 0; border-radius: 0; background: none; color: var(--dvm-color-text-muted); }
.cm-article--fluid .cm-article__lede { color: var(--dvm-color-text-muted); font-size: 1.125rem; line-height: 1.6; max-width: 65ch; }
.cm-article--fluid .cm-feature { max-width: 800px; margin: 0 auto 28px; }
.cm-article--fluid .cm-feature img { display: block; width: 100%; height: auto; border-radius: var(--dvm-radius-lg); }
.cm-article--fluid .cm-feature figcaption { color: var(--dvm-color-text-muted); font-size: .875rem; line-height: 1.5; margin-top: 10px; }
.cm-article--fluid .cm-author { max-width: 800px; margin: 0 auto 28px; border: 0; padding: 16px 0; background: none; box-shadow: none; }
.cm-article--fluid .cm-article__body { max-width: 800px; padding: 32px 40px; border: 1px solid var(--dvm-color-border); border-radius: var(--dvm-radius-lg); background: var(--dvm-color-surface); box-shadow: none; color: var(--dvm-color-text); font-size: 1.125rem; line-height: 1.8; }
.cm-article--fluid .cm-article__body > p:first-of-type { font-size: 1.2rem; line-height: 1.7; }
.cm-article--fluid .cm-article__body h2 { scroll-margin-top: 100px; margin-top: 40px; font-size: clamp(1.3rem, 3vw, 1.65rem); line-height: 1.3; border-left: 3px solid var(--dvm-color-primary); padding-left: 14px; }
.cm-article--fluid .disclaimer-box { margin: 24px 0; padding: 18px 20px; border-left: 3px solid var(--dvm-color-accent); border-radius: var(--dvm-radius-sm); background: var(--dvm-color-surface-elevated); font-size: 1rem; line-height: 1.65; }
.cm-article--fluid .cm-toc { margin: 0 0 32px; padding: 20px 24px; background: var(--dvm-color-surface-elevated); border-color: var(--dvm-color-border); }
.cm-article--fluid .cm-toc h2 { margin-top: 0; border: 0; padding-left: 0; font-size: 1.125rem; }
.cm-article--fluid .cm-official { margin-top: 36px; padding: 24px; background: var(--dvm-color-surface-elevated); border-color: var(--dvm-color-border); }
.cm-article--fluid .cm-official p, .cm-article--fluid .cm-official li { font-size: 1rem; line-height: 1.6; }
.cm-article--fluid .cm-official a { overflow-wrap: anywhere; }
@media (max-width: 600px) {
  .cm-article--fluid { padding-top: 88px; }
  .cm-article--fluid .cm-article__body { padding: 24px 20px; font-size: 1rem; line-height: 1.75; }
  .cm-article--fluid .cm-article__body > p:first-of-type { font-size: 1.0625rem; }
  .cm-article--fluid .cm-article__body h2 { margin-top: 32px; }
  .cm-article--fluid .cm-toc, .cm-article--fluid .cm-official { padding: 16px; }
}