/* VideoVault: event-page module (loaded only when it renders; tokens and shared parts are in base.css). */
/* ---- Event page (board 04, "US Airways 1549 event timeline") ----
   Structure for every appearance; the board's type scale. Colours and fonts stay the theme's
   (--vv-strong is the theme's accent). Markup order is the phone order: title, hero video, sequence
   of events, key facts; wide pages put the video and facts in a right-hand column. The page is its
   own container (vvev): in a block theme every module sits in its own .vvault-front wrapper, so the
   vv container would measure a single column. Selectors allow for that optional wrapper. */
.vvault-front .vvault-evpage{container:vvev/inline-size;display:flex;flex-direction:column;gap:var(--vv-s6);}
.vvault-front .vvault-evpage>*,.vvault-front .vvault-evpage :is(.vvault-evpage__main,.vvault-evpage__aside,.vvault-evpage__body,.vvault-evpage__more)>*{margin-top:0;margin-bottom:0}
.vvault-front .vvault-evpage>:empty,.vvault-front .vvault-evpage :is(.vvault-evpage__main,.vvault-evpage__aside,.vvault-evpage__body,.vvault-evpage__more)>:empty{display:none}
.vvault-front .vvault-evpage__top{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(0,1fr);gap:var(--vv-s6);align-items:start}
.vvault-front .vvault-evpage__main,.vvault-front .vvault-evpage__aside{display:flex;flex-direction:column;gap:var(--vv-s5);min-width:0}
/* Title block: name, dateline, standfirst, then a hairline before the sequence. */
.vvault-front .vvault-evpage__head{margin:0;padding:0 0 var(--vv-s5);border-bottom:1px solid var(--vv-card-line);gap:0}
/* No sequence below: no hairline and no space for one. A Cinema head is a framed panel and keeps its padding (R34). */
.vvault-front .vvault-evpage__main:not(:has(.vvault-seqev)) .vvault-evpage__head:not(:has(.vvault-module--cinema)){padding-bottom:0;border-bottom:0}
.vvault-front .vvault-evpage__head h1{margin:0 0 var(--vv-s2);font-size:clamp(1.875rem,1.3rem + 3cqi,3.5rem);line-height:1.04;letter-spacing:-.02em}
.vvault-front .vvault-evpage__head .vvault-ai-label{margin:var(--vv-s3) 0 0}
/* Frames: the event-page forms draw their own (or none); Cinema keeps its dark panel. */
.vvault-front .vvault-evpage .vvault-module:is(.vvault-evfacts,.vvault-evbox,.vvault-evmore,.vvault-seqev):not(.vvault-module--cinema){padding:0;border:0;border-radius:0;background:transparent}
/* Further reading beside More coverage (one column when only one of them has content). */
.vvault-front .vvault-evpage__more{display:flex;align-items:flex-start}
.vvault-front .vvault-evpage__more>*{flex:1 1 0;min-width:0}
.vvault-front .vvault-evpage__more>*+*{margin-left:var(--vv-s6);padding-left:var(--vv-s6);border-left:1px solid var(--vv-card-line)}
.vvault-front .vvault-evpage__more>*>.vvault-evmore{height:100%}
/* The finding box fills the page width like board 04 (R33: no fixed width on a module root). Its text keeps the
   reading measure and "View the report" sits at the right edge (evidence_status.css), so the tint is not left empty (R34). */
/* The rest of the page: the article runs in the sequence's column (it ends on the same grid line as the timeline, R34
   shared edges) with its prose at the reading measure; the sources line and related events span the page. */
.vvault-front .vvault-evpage__body{display:flex;flex-direction:column;gap:var(--vv-s6)}
@container vvev (min-width:761px){.vvault-front .vvault-evpage__body{width:calc((100% - var(--vv-s6)) * 1.42 / 2.42)}
/* Cinema draws Further reading and More coverage as two dark panels: they take the top row's two columns, with its gap,
   each as tall as its content, instead of meeting edge to edge in the middle of the page. */
.vvault-front .vvault-evpage__more:has(>.vvault-module--cinema:not(:empty)+.vvault-module--cinema:not(:empty)){display:grid;grid-template-columns:minmax(0,1.42fr) minmax(0,1fr);gap:var(--vv-s6);align-items:start}.vvault-front .vvault-evpage__more>.vvault-module--cinema+.vvault-module--cinema{margin-left:0;padding-left:var(--vv-pad);border-left:0}}
/* Phones and narrow pages: one column in phone order; facts, finding, reading and coverage fold
   into one run of disclosures. */
@container vvev (max-width:760px){.vvault-front .vvault-evpage{gap:var(--vv-s5)}.vvault-front .vvault-evpage__top{display:flex;flex-direction:column;align-items:stretch;gap:var(--vv-s5)}.vvault-front .vvault-evpage__main,.vvault-front .vvault-evpage__aside,.vvault-front .vvault-evpage__aside>.vvault-front{display:contents}.vvault-front .vvault-evpage__head{order:1;padding:0;border:0}.vvault-front .vvault-evpage__main>:not(.vvault-evpage__head){order:3}.vvault-front .vvault-evpage .vvault-acc{display:block;padding:0;border:0;border-bottom:1px solid var(--vv-card-line);border-radius:0;background:transparent}.vvault-front .vvault-evpage .vvault-evfacts__panel{border-top:1px solid var(--vv-card-line)}.vvault-front .vvault-evpage .vvault-acc__sum{display:flex;min-height:2.75rem;margin:0;padding:var(--vv-s2) 0}.vvault-front .vvault-evpage .vvault-acc[open]{padding-bottom:var(--vv-s4)}.vvault-front .vvault-evpage .vvault-acc__title{font-size:1.05rem}.vvault-front .vvault-evpage>:is(.vvault-evbox,:has(>.vvault-evbox),.vvault-evpage__more){margin-top:calc(-1 * var(--vv-s5));--vv-rhythm-intent:join}.vvault-front .vvault-evpage__more{flex-direction:column;align-items:stretch}.vvault-front .vvault-evpage__more>*{flex:none}.vvault-front .vvault-evpage__more>*+*{margin-left:0;padding-left:0;border-left:0}}
/* The key-facts panel's rows carry their own vertical padding and dividers, so the panel itself pads only the sides (R34). */
.vvault-front .vvault-evfacts__panel{--vv-pad-intent:asym}
/* Cinema frames the article: its first section's top margin would sit inside the padding (R34 inset). */
.vvault-front .vvault-module--cinema.vvault-event-article>.vvault-section:first-child{margin-top:0}
/* Phones: a Cinema finding or facts box keeps its dark frame, so its disclosure needs no rule or extra space of its own under it. */
@container vvev (max-width:760px){.vvault-front .vvault-evpage .vvault-module.vvault-module--cinema .vvault-acc{border-bottom:0;padding-bottom:0}}
/* Related guides (the aside's last card) follow the facts in phone order. */
@container vvev (max-width:760px){.vvault-front .vvault-evpage .vvault-relguides{order:5}}

/* Wide stage (assets/event-page.js): the video plays across the page's full width, above the two columns, in the page flow.
   No width of its own: it is as wide as the page and the embed keeps 16:9 (R33). The poster in the aside is untouched. */
.vvault-front .vvault-evstage{display:flex;flex-direction:column;gap:var(--vv-s3);scroll-margin-top:var(--vv-s4)}
.vvault-front .vvault-evstage[hidden]{display:none}
.vvault-front .vvault-evstage__bar{display:flex;justify-content:flex-end}
.vvault-front .vvault-evstage .vvault-embed{border-radius:var(--vv-radius)}
.vvault-front .vvault-evstage__close{min-height:var(--vv-control-h);padding:0 var(--vv-s4);font-size:.9375rem}