/* Shared "watch page" component — one video, its own shareable page.
   Used across every video collection (Police Chaplain Project, Survivor
   Network, homepage). Built on chaplainusa-site.css's Cotton Ledger tokens. */
.watch-shell{padding:56px 0 90px;max-width:820px;}
.watch-back{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--gold-deep);margin-bottom:22px;}
.watch-back:hover{color:var(--gold);}
.watch-eyebrow{margin-bottom:14px;}
.watch-title{font-size:clamp(28px,4vw,42px);line-height:1.12;letter-spacing:-0.02em;margin:0 0 18px;text-wrap:balance;}
.watch-desc{font-size:17px;line-height:1.65;color:var(--body);max-width:64ch;margin:0 0 30px;text-wrap:pretty;}
.watch-frame{border-radius:var(--r);overflow:hidden;box-shadow:var(--sh-soft);background:#161d27;margin-bottom:30px;}
.watch-frame iframe{width:100%;aspect-ratio:16/9;border:0;display:block;}

.watch-share{margin:0 0 8px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.watch-share [hidden]{display:none!important}
.watch-share .share-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--body);font-weight:700;}
.watch-share .share-options{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.watch-share .share-fallback-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.watch-share .share-link{font:13px var(--font);color:var(--ink);border:none;border-bottom:1px solid var(--border);padding:0 0 2px;background:none;cursor:pointer;}
.watch-share .share-link:hover{color:var(--gold-deep);border-color:var(--gold-deep);}
.watch-share .btn.share-native{font-size:13px;padding:11px 22px;}
.watch-share .share-status{flex-basis:100%;font-size:12.5px;color:var(--body);margin-top:2px;}
.watch-share .share-status.is-success{color:var(--gold-deep);}

.watch-footer{text-align:center;font-size:13px;color:var(--body);padding:40px 20px 60px;border-top:1px solid var(--border);}
.watch-footer p{margin:0 0 8px;}
.watch-footer a{color:var(--gold-deep);font-weight:700;}

@media(max-width:600px){
  .watch-shell{padding:40px 0 64px;}
  .watch-share{gap:14px;}
  .watch-share .share-options,.watch-share .share-fallback-row{gap:14px;}
}