/* Fridays: briefing page, v2 "Place Card". base.css carries the components (face, chip, mark, agenda, proof, promise band, release,
   social art, tables); this file adds the document header, the sticky contents and the long-document rhythm.
   Single-class selectors, loaded after base.css, so a rule here replaces its base twin without a specificity fight. */

.briefing{overflow-x:clip}

/* ---- document header: one framed face. Left: the title block. Right: the facts of the evening on a blind Seal. Bottom: the season. ---- */
.briefing-face{margin-top:var(--s2);padding-block:var(--s8) var(--s6)}
.briefing-face-inner{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s7)}
.doc-top{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3) var(--s4);margin-bottom:var(--s6)}
.doc-friday{font-size:var(--fs-ui)}
.doc-audience{min-height:32px}
.doc-audience .mark{color:var(--gilt)}
.doc-title{max-width:14ch}
.doc-parasha{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s1) var(--s4);margin-top:var(--s5)}
.doc-parasha-en{font-family:var(--font-display);font-size:var(--fs-h2);line-height:1.1;color:var(--mist)}
.doc-parasha .doc-parasha-he{font-family:var(--font-he);font-size:clamp(2.25rem,1.6rem + 2vw,3.5rem);line-height:1.1;color:var(--gilt)}
.doc-holiday{margin-top:var(--s4);max-width:46ch;color:var(--mist);font-size:var(--fs-small);line-height:1.5}
.doc-actions{margin-top:var(--s6)}

.briefing-scene{--sx:72%;--sy:34%}
.briefing[data-friday="01"] .briefing-scene{--sx:76%}.briefing[data-friday="02"] .briefing-scene{--sx:68%;--sy:40%}.briefing[data-friday="03"] .briefing-scene{--sx:74%;--sy:30%}
.briefing[data-friday="04"] .briefing-scene{--sx:66%;--sy:36%}.briefing[data-friday="05"] .briefing-scene{--sx:78%;--sy:38%}.briefing[data-friday="06"] .briefing-scene{--sx:70%;--sy:28%}
.briefing[data-friday="07"] .briefing-scene{--sx:64%;--sy:34%}.briefing[data-friday="08"] .briefing-scene{--sx:80%;--sy:32%}.briefing[data-friday="09"] .briefing-scene{--sx:72%;--sy:42%}
.briefing[data-friday="10"] .briefing-scene{--sx:68%;--sy:30%}
.doc-prepared{margin-bottom:var(--s3);color:var(--gilt);font-size:var(--fs-small);font-weight:500;letter-spacing:.06em}
.doc-facts{border-top:1px solid var(--line)}
.doc-fact{display:grid;gap:var(--s1);padding:var(--s4) 0;border-bottom:1px solid var(--line)}
.doc-fact dt{color:var(--mist);font-size:var(--fs-small);font-weight:500;line-height:1.3}
.doc-fact dd{margin:0;font-family:var(--font-text);font-size:var(--fs-lead);line-height:1.25;font-variant-numeric:tabular-nums lining-nums}
.doc-fact .doc-date{font-family:var(--font-display);font-size:1.75rem;line-height:1.15}
.doc-candles,.doc-holiday-name{display:inline-flex;align-items:center;gap:var(--s3)}
.doc-candles{font-size:var(--fs-figure);line-height:1}
.doc-holiday-name .menorah{margin-right:var(--s1)}

.doc-season{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1) var(--s5);padding-top:var(--s4);border-top:1px solid var(--line)}
.briefing-rail{margin-left:-7px}
.briefing-rail .rail{justify-content:flex-start}

@media (min-width:900px){
  .briefing-face{padding-block:var(--s9) var(--s6)}
  .briefing-face-inner{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);row-gap:var(--s8);align-items:end}
  .doc-main{grid-column:1 / 8}
  .doc-side{grid-column:9 / 13}
  .doc-season{grid-column:1 / -1}
}
@media (max-width:599px){
  .briefing-face{padding-block:var(--s7) var(--s4)}
  .briefing-face-inner{gap:var(--s6)}
  .doc-top{margin-bottom:var(--s5)}
  .doc-actions{margin-top:var(--s5)}
  .doc-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s5)}
  .doc-fact:first-child,.doc-fact:last-child{grid-column:1 / -1}
  .doc-fact:nth-child(2) + .doc-fact:last-child{grid-column:auto}
  .doc-fact .doc-date{font-size:1.5rem}
  .doc-candles{font-size:1.75rem}
  
}

/* ---- layout: text in columns 2 to 8, sticky contents in 10 to 12 (one grid row, so the contents can stick the whole way) ---- */
.briefing-grid{align-items:start;padding-top:var(--s9)}
.briefing-body{grid-row:1;padding-bottom:var(--s6)}
.briefing-aside{grid-row:1;position:sticky;top:var(--s6);z-index:5}
.contents-label{margin-bottom:var(--s3)}
.contents ul{display:flex;flex-direction:column}
.contents a{display:flex;align-items:center;min-height:40px;padding-left:var(--s4);border-left:2px solid var(--edge);
  color:var(--sage);font-size:var(--fs-small);font-weight:500;text-decoration:none;transition:color 160ms var(--ease-set),border-color 160ms var(--ease-set)}
.contents a:hover{color:var(--myrtle);border-left-color:var(--sage);text-decoration:none}
.contents a[aria-current="location"]{color:var(--myrtle);border-left-color:var(--myrtle)}
@media (pointer:coarse){.contents a{min-height:44px}}

/* under 900px the contents become a sticky strip across the top of the document */
@media (max-width:899px){
  html{scroll-padding-top:72px}
  .briefing-grid{display:block;padding-top:0}
  .briefing-body{padding-top:var(--s7)}
  .briefing-aside{top:0;margin:var(--s4) calc(-1 * var(--margin)) 0;padding-inline:var(--margin);background:var(--cotton);border-bottom:1px solid var(--edge)}
  .contents-label{display:none}
  .contents ul{flex-direction:row;gap:var(--s5);padding:0 2px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .contents ul::-webkit-scrollbar{display:none}
  .contents a{min-height:48px;padding:0;border-left:0;border-bottom:2px solid transparent;white-space:nowrap}
  .contents a:hover{border-bottom-color:var(--sage)}
  .contents a[aria-current="location"]{border-bottom-color:var(--myrtle)}
}

/* ---- sections ---- */
.section-first{padding-top:0}
.owner-word{text-transform:capitalize}
.facts{margin-top:var(--s6)}
.section-links{margin-top:var(--s6)}

/* story: the tagline leads, the theme closes as a pulled line */
.story-tagline{font-family:var(--font-display);font-size:var(--fs-h3);line-height:1.3;max-width:34ch}
.story-narrative{margin-top:var(--s6)}
.story-theme{margin-top:var(--s7);padding-left:var(--s5);border-left:2px solid var(--gilt-deep);max-width:var(--measure)}
.story-theme-text{margin-top:var(--s2);font-family:var(--font-display);font-size:1.5rem;line-height:1.3}

/* promise: the band runs edge to edge, its words stay in the column */
.promise-band{margin-top:var(--s9);box-shadow:0 0 0 100vmax var(--linen);clip-path:inset(0 -100vmax)}
.promise-band::before{inset:0 -100vmax}
@media (max-width:599px){.promise-band{margin-top:var(--s8)}}

/* proof: a ledger. The kind badge first, then the claim, then the evidence */
.proof > li{padding-block:var(--s6)}
.proof > li:first-child{padding-top:0}
.proof-row{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s3)}
.proof-row > p{margin:0}
.proof-claim{max-width:36ch}
.proof-kind{padding-top:0}
.proof-kind .status{gap:0}
.proof-kind .status-measured{background:var(--myrtle);color:var(--cotton)}
.proof-kind .status-measured .mark{color:var(--gilt)}
.proof-kind .status-illustrative{background:transparent;box-shadow:inset 0 0 0 1px var(--sage)}

/* invitation, venue */
.venue-hood{margin-top:calc(-1 * var(--s3));color:var(--sage)}
.venue-card{margin-top:var(--s5);padding:var(--s2) var(--s6) var(--s4)}
.venue-card .review{margin-top:0;border-top:0}
.venue-card .review > div:last-child{border-bottom:0}
.venue-held-card{padding:var(--s5) var(--s6);background:var(--linen);border-radius:var(--r-face);display:grid;gap:var(--s3);justify-items:start}
.venue-chip{background:var(--white);color:var(--held)}
.venue-held{margin:0}
@media (max-width:599px){.venue-card{padding-inline:var(--s5)}.venue-held-card{padding:var(--s5)}}

/* agenda: rules between the rows, the horizon row stays the one gilt line */
.agenda > li:not(.agenda-horizon){padding-block:var(--s4)}
.agenda > li:not(.agenda-horizon) + li:not(.agenda-horizon){border-top:1px solid var(--edge)}
.agenda-time{padding-top:.4rem}
.agenda-owner{margin-top:var(--s1)}

/* menu: numbered courses */
.menu-courses > li{display:grid;grid-template-columns:3rem minmax(0,1fr);column-gap:var(--s3);padding-block:var(--s4)}
.menu-courses > li:first-child{padding-top:0}
.menu-n{padding-top:.45rem;color:var(--sage);font-size:var(--fs-small);font-weight:500;font-variant-numeric:tabular-nums lining-nums}
.menu-name{font-family:var(--font-display);font-size:var(--fs-h3);line-height:1.2}
.menu-detail{color:var(--sage);font-size:var(--fs-small);margin-top:var(--s1)}
.menu-dietary{margin-top:var(--s6)}

/* partners: name and role, the kind on a chip */
.partner-rows > li{display:grid;gap:var(--s3);justify-items:start;padding-block:var(--s5)}
.partner-rows > li:first-child{padding-top:0}
.partner-name{font-family:var(--font-display);font-size:var(--fs-h3);line-height:1.2}
.partner-role{margin-top:var(--s1);color:var(--sage)}
.partner-kind{display:flex;flex-wrap:wrap;gap:var(--s2);margin:0}
.partner-chip{padding-inline:12px}
.partner-chip .mark{margin-left:0}
.partner-ill{background:transparent;box-shadow:inset 0 0 0 1px var(--sage)}

/* action items */
.status-summary{display:flex;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s5)}
.status-summary:empty{display:none}
.status-summary .chip{padding-inline:12px 14px}
.status-summary .chip .mark{margin-left:0}
.status-summary .chip.is-zero{color:var(--sage)}
.status-word{text-transform:capitalize}
.actions-table .task{font-size:var(--fs-ui);line-height:1.4}
.actions-table .why{line-height:1.45}
.actions-table th:nth-child(2){width:6.5rem}
.actions-table th:nth-child(3){width:7.5rem}
.actions-table td:nth-child(3){white-space:nowrap}
.actions-table td.is-late time{color:var(--claret);font-weight:500}
.actions-table .late-word{display:block;color:var(--claret);font-weight:500}
.status-form{display:grid;justify-items:start;gap:var(--s2);min-width:15rem}
.status-line{display:flex;align-items:center;gap:var(--s2);width:100%}
.status-line select{flex:1 1 auto;min-width:0}
.status-line .btn{flex:none}
.status-form input{min-height:44px}
.status-form .btn{min-height:44px;padding:0 16px}
.status-result{min-height:1.5em;font-weight:500}
.status-result:empty{display:none}
.status-result.is-ok{color:var(--myrtle)}
.status-result.is-error{color:var(--claret)}
.status-form .status{transition:background-color 160ms var(--ease-set)}
@media (max-width:599px){.status-form{min-width:0;width:100%}}

/* schedule */
@media (min-width:600px){.timeline > li{grid-template-columns:13rem minmax(0,1fr)}}
.timeline-when{line-height:1.45}
.schedule-what{max-width:var(--measure)}
.chips{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s2)}
.chips .chip{padding-inline:12px;text-transform:capitalize}

/* press excerpt: the White sheet, 68ch at most, with its embargo bar */
.press-excerpt{margin-inline:0;padding:var(--s7)}
.press-headline{font-size:var(--fs-h2);line-height:1.1;margin-top:var(--s6)}
.press-held{margin-top:var(--s3)}
.release-sub{font-size:var(--fs-lead)}
.embargo-bar{display:flex;align-items:center;gap:var(--s3)}
.embargo-bar::before{content:"";flex:none;width:8px;height:8px;border:1.5px solid var(--gilt);transform:rotate(45deg)}
.embargo-bar.is-released::before{background:var(--gilt)}
.embargo-bar.is-awaiting::before{border-color:var(--gilt);background:linear-gradient(to top left,var(--gilt) 50%,transparent 50%)}
.embargo-bar.is-released{background:var(--myrtle-lit)}
@media (max-width:599px){.press-excerpt{padding:var(--s5)}}

/* social kit: two across inside the column, one on a phone */
.social-grid{display:block;columns:15rem 2;column-gap:var(--s6)}
.social-grid > .social-card{break-inside:avoid;margin-bottom:var(--s6)}
.social-art-friday{order:2;font-family:var(--font-text);font-size:4.4cqw;line-height:1.2;color:var(--mist);white-space:nowrap}
.ratio-191x100 .social-art-friday{display:none}
.social-art.ratio-9x16{margin-inline:0}
.ratio-9x16 .social-art-friday{font-size:6cqw}
.social-tags{margin-top:var(--s2);color:var(--sage)}
.social-copy{min-width:0}
.social-count.is-over{color:var(--claret);font-weight:500}
.alt-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:var(--s4) var(--s5);margin-top:var(--s6);padding-top:var(--s5);border-top:1px solid var(--edge)}
.alt-row > div{max-width:var(--measure);min-width:0}

/* crew: the run of show, on screen a calm sheet, in print the program */
.crew-actions{margin-top:var(--s5)}
.print-meta{padding:var(--s4) var(--s5);margin-top:var(--s4);background:var(--linen);border-radius:var(--r-face);color:var(--myrtle)}
.print-meta p + p{margin-top:var(--s1)}
.print-meta:empty{display:none}
.runsheet td.done{width:3.5rem}
.crew .table-wrap{margin-top:var(--s2)}
.runsheet tr.is-candles td{border-top-color:var(--gilt-deep)}

/* stakeholder */
.live-block{margin-bottom:var(--s8)}
.stake-sub{margin-top:var(--s8)}
.stake-sub:first-of-type{margin-top:0}
.budget-table td.budget-item{font-weight:400}
.budget-ill{display:flex;align-items:center;color:var(--sage);margin-top:2px}
.budget-ill .mark{margin-left:0}
.budget-table tfoot td{font-weight:500;border-top:2px solid var(--myrtle);background:var(--linen)}
.risk-rows > li{padding-block:var(--s5)}
.risk-rows > li:first-child{padding-top:0}
.risk-name{font-family:var(--font-display);font-size:var(--fs-h3);line-height:1.2}
.risk-fix{margin-top:var(--s2);max-width:var(--measure);color:var(--sage)}

@media print{
  .briefing-aside,.contents,.briefing-face{display:none!important}
  .briefing-grid{display:block;padding-top:0}
  .promise-band{box-shadow:none;clip-path:none}
  .print-meta{padding:0;background:none}
}

/* public closing band: the one ask, again, at the end */
.briefing-close{margin-block:var(--s9) var(--s9);padding-block:clamp(56px,8vw,104px);text-align:center;--lamp-x:50%}
.briefing-close-inner{display:flex;flex-direction:column;align-items:center}
.briefing-close-title{margin-top:var(--s3);max-width:16ch}
.briefing-close-lead{margin-top:var(--s4);max-width:44ch;color:var(--mist)}
.briefing-close-actions{margin-top:var(--s6);justify-content:center}
@media (max-width:599px){.briefing-close{margin-block:var(--s8)}.briefing-close-actions .btn:not(.btn-quiet){flex:1 1 100%}}