/* ForeGlass review films (2026-10-10): a right-hand "Related videos" panel, open by default and collapsible
   (owner 2026-10-10: do not put a large frame in front of the metrics). Internal review surface: every use sits
   inside internal-only sentinels and never reaches the production image. */
:root{--fg-rail-w:340px}
body.fg-rail-open{padding-right:calc(var(--fg-rail-w) + 20px)}
.fg-film-rail{position:fixed;top:0;right:0;bottom:0;width:var(--fg-rail-w);z-index:60;display:flex;flex-direction:column;
  background:var(--color-surface,#fff);border-left:1px solid var(--color-border,var(--fg-border,#dce5e7));
  box-shadow:-6px 0 18px rgba(0,0,0,.06);font:14px/1.45 system-ui,sans-serif;color:var(--color-ink,var(--fg-ink,#11232b))}
body.fg-rail-closed .fg-film-rail{display:none}
.fg-film-rail__head{display:flex;align-items:center;gap:.6rem;padding:.8rem 1rem;border-bottom:1px solid var(--color-border,var(--fg-border,#dce5e7))}
.fg-film-rail__head strong{font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-accent,var(--fg-teal,#087e83))}
.fg-film-rail__head button,.fg-film-rail__tab{margin-left:auto;font:inherit;font-size:.78rem;padding:.25rem .6rem;border-radius:999px;cursor:pointer;
  border:1px solid var(--color-accent,var(--fg-teal,#087e83));color:var(--color-accent,var(--fg-teal,#087e83));background:transparent}
.fg-film-rail__body{overflow:auto;padding:.8rem 1rem 1.2rem;display:flex;flex-direction:column;gap:1rem}
.fg-film-rail__item h3{margin:.45rem 0 .2rem;font-size:.92rem;line-height:1.3}
.fg-film-rail__item p{margin:0;font-size:.8rem;color:var(--color-muted,var(--fg-muted,#536c7b));line-height:1.45}
.fg-film-rail__item video{display:block;width:100%;aspect-ratio:16/9;background:#0a1830;border-radius:8px}
.fg-film-rail__eyebrow{font-size:.68rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-accent,var(--fg-teal,#087e83))}
.fg-film-rail__badge{display:inline-block;font-size:.62rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.1rem .45rem;
  border-radius:999px;border:1px solid var(--color-accent,#087e83);color:var(--color-accent,#087e83);margin-left:.4rem;vertical-align:middle}
.fg-film-rail__note{font-size:.72rem;color:var(--color-muted,var(--fg-muted,#536c7b));margin:.2rem 0 0;border-top:1px solid var(--color-border,#dce5e7);padding-top:.6rem}.fg-film-rail__note a{text-decoration:underline;text-underline-offset:2px}
.fg-film-rail__tab{position:fixed;right:0;top:50%;transform:rotate(-90deg) translate(50%,-100%);transform-origin:right top;z-index:60;
  background:var(--color-surface,#fff);display:none}
body.fg-rail-closed .fg-film-rail__tab{display:inline-block}
@media (max-width:1180px){
  body.fg-rail-open{padding-right:0}
  .fg-film-rail{position:static;width:auto;border-left:0;border-top:1px solid var(--color-border,#dce5e7);box-shadow:none;margin-top:1.5rem}
  .fg-film-rail__body{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}
  .fg-film-rail__tab{top:auto;bottom:1rem;transform:none}
}
/* the Learn hub keeps its films in the page body */
.fg-film{margin:1.6rem 0;padding:1.2rem 1.3rem 1rem;border:1px solid var(--color-border,var(--fg-border,#dce5e7));
  border-left:4px solid var(--color-accent,var(--fg-teal,#087e83));border-radius:var(--radius-lg,12px);background:var(--color-surface,#fff)}
.fg-film__eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-accent,var(--fg-teal,#087e83));margin:0 0 .4rem}
.fg-film h2{margin:0 0 .35rem;font-size:1.25rem;line-height:1.3}
.fg-film p{margin:0 0 .8rem;color:var(--color-muted,var(--fg-muted,#536c7b));max-width:70ch;line-height:1.55}
.fg-film video{display:block;width:100%;max-width:960px;aspect-ratio:16/9;background:#0a1830;border-radius:10px}
.fg-film__note{font-size:.78rem;color:var(--color-muted,var(--fg-muted,#536c7b));margin:.6rem 0 0}
.fg-film__badge{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.15rem .5rem;
  border-radius:999px;border:1px solid var(--color-accent,#087e83);color:var(--color-accent,#087e83);margin-left:.5rem;vertical-align:middle}
.fg-film-rail__code,.fg-film__code{font-size:.78rem;color:var(--color-muted,var(--fg-muted,#536c7b));margin:.4rem 0 0}

/* 2026-10-11: Vimeo players (Full HD publication cuts) */
.fg-film-rail__player{position:relative;width:100%;aspect-ratio:16/9;background:#0a1830;border-radius:8px;overflow:hidden}
.fg-film-rail__player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.fg-film__player{position:relative;width:100%;max-width:960px;aspect-ratio:16/9;background:#0a1830;border-radius:10px;overflow:hidden}
.fg-film__player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.fg-film__pending{margin:.6rem 0 0;padding:.9rem 1rem;border:1px dashed var(--color-muted,#536c7b);border-radius:10px;font-size:.9rem;color:var(--color-muted,var(--fg-muted,#536c7b))}
/* 2026-10-11: large view + full screen (the narrow Vimeo player hides its full-screen control) */
.fg-film-rail__actions,.fg-film__actions{display:flex;gap:.4rem;margin-top:.45rem;min-height:27px}
.fg-film-rail__actions button,.fg-film__actions button,.fg-lightbox__head button{font:inherit;font-size:.74rem;padding:.22rem .6rem;border-radius:999px;cursor:pointer;
  border:1px solid var(--color-accent,var(--fg-teal,#087e83));color:var(--color-accent,var(--fg-teal,#087e83));background:transparent}
.fg-film-rail__actions button:hover,.fg-film__actions button:hover,.fg-lightbox__head button:hover{background:var(--color-accent,#087e83);color:#fff}
.fg-lightbox{position:fixed;inset:0;z-index:1000;background:rgba(6,14,24,.82);display:grid;place-items:center;padding:1rem}
.fg-lightbox[hidden]{display:none}
.fg-lightbox__box{width:min(96vw,1400px);background:var(--color-surface,#fff);border-radius:12px;padding:.8rem 1rem 1rem;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.fg-lightbox__head{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}
.fg-lightbox__head strong{flex:1;font-size:1rem;line-height:1.3}
.fg-lightbox__head button{font-size:.8rem;padding:.3rem .75rem}
.fg-lightbox__player{position:relative;width:100%;aspect-ratio:16/9;max-height:82vh;background:#0a1830;border-radius:10px;overflow:hidden}
.fg-lightbox__player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}