/* ==========================================================================
   Legal / policy pages — readable editorial prose on the CineNow shell
   ========================================================================== */

.legal-nav { position: sticky; top: 0; z-index: var(--z-nav); background: rgba(248,245,239, 0.9); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom: 1px solid var(--hairline); }
.legal-nav__inner { max-width: var(--container-max); margin-inline: auto; padding-inline: var(--gutter); height: 70px; display: flex; align-items: center; justify-content: space-between; }
.legal-nav__brand { display: inline-flex; align-items: center; }
.legal-nav__logo { height: 46px; width: auto; display: block; }
.legal-nav__home { font-size: var(--fs-sm); color: var(--text-secondary); }
.legal-nav__home:hover { color: var(--text-primary); }

.legal { padding-block: var(--space-8) var(--space-9); }
.legal__container { max-width: 800px; margin-inline: auto; padding-inline: var(--gutter); }
.legal__eyebrow { font-family: var(--font-body); font-weight: 700; font-size: var(--fs-overline); text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--text-tertiary); }
.legal h1 { font-family: var(--font-display); font-weight: var(--fw-light); font-size: var(--fs-h1); line-height: var(--lh-tight); letter-spacing: var(--tracking-tight); margin-top: var(--space-3); }
.legal__updated { margin-top: var(--space-3); color: var(--text-tertiary); font-size: var(--fs-sm); }
.legal__body { margin-top: var(--space-7); }
.legal__body h2 { font-family: var(--font-display); font-weight: var(--fw-regular); font-size: var(--fs-h3); letter-spacing: var(--tracking-snug); margin-top: var(--space-7); margin-bottom: var(--space-3); }
.legal__body p, .legal__body li { color: var(--text-secondary); line-height: 1.75; font-size: var(--fs-body); }
.legal__body p + p { margin-top: var(--space-4); }
.legal__body ul { margin-top: var(--space-3); padding-left: 1.25em; list-style: disc; }
.legal__body li { margin-top: var(--space-2); }
.legal__body a { color: var(--color-yellow-deep); text-decoration: underline; text-underline-offset: 2px; }
.legal__back { display: inline-flex; align-items: center; gap: var(--space-2); margin-top: var(--space-8); font-size: var(--fs-sm); color: var(--text-secondary); }
.legal__back:hover { color: var(--text-primary); }

.legal-foot { border-top: 1px solid var(--hairline); padding-block: var(--space-6); background: var(--color-surface); }
.legal-foot__inner { max-width: var(--container-max); margin-inline: auto; padding-inline: var(--gutter); display: flex; flex-wrap: wrap; gap: var(--space-4); justify-content: space-between; align-items: center; font-size: var(--fs-xs); color: var(--text-tertiary); }
.legal-foot__inner nav { display: flex; flex-wrap: wrap; gap: var(--space-4); }
.legal-foot__inner a, .legal-foot__inner button { font-size: var(--fs-xs); color: var(--text-tertiary); }
.legal-foot__inner a:hover, .legal-foot__inner button:hover { color: var(--color-yellow-deep); }