/* Route-scoped UI V2 Salon bundle. */
.salon-v2-page .salon-page{max-width:none;padding:0;border:0;background:transparent;color:var(--v2-ink)}
.salon-v2-page .salon-event-field.dark-salon{padding:clamp(1.5rem,4vw,4rem) clamp(1rem,3vw,3rem);border:1px solid var(--v2-line-strong);border-top:4px solid var(--v2-canonical);background:var(--v2-ink);color:var(--v2-paper)}
.salon-v2-page .salon-opening,.salon-v2-page .salon-working{grid-template-columns:minmax(0,1.25fr) minmax(15rem,.55fr);gap:clamp(2rem,6vw,6rem)}
.salon-v2-page .salon-question h1{max-width:15ch;margin:.625rem 0 0;color:var(--v2-paper);font-size:clamp(2.5rem,5vw,5rem);font-weight:400;line-height:.96;letter-spacing:-.04em}
.salon-v2-page .salon-question .moment-question{max-width:34rem;color:var(--v2-surface-muted);font-family:var(--v2-font-body);font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.42}
.salon-v2-page .salon-question .host-copy,.salon-v2-page .salon-event-field .margin-copy{max-width:43rem;color:var(--v2-surface-muted);line-height:1.5}
.salon-v2-page .salon-cadence{max-width:45rem;margin:1rem 0 0;padding:.65rem 0;border-top:1px solid rgba(255,253,248,.28);border-bottom:1px solid rgba(255,253,248,.2);color:var(--v2-surface-muted);font-family:var(--v2-font-ui);font-size:.84rem;line-height:1.45}
.salon-v2-page .salon-cadence span{padding:0 .35rem;color:rgba(255,253,248,.5)}
.salon-v2-page .salon-event-field :is(.meta,.kicker,.entry-foot){color:var(--v2-surface-muted)}
.salon-v2-page .salon-page .action-row{gap:.625rem}
.salon-v2-page .salon-page .action-row :is(a,button){min-height:var(--t)}
.salon-v2-page .salon-entry-actions{margin-top:.625rem}
.salon-v2-page .salon-participation-tools{max-width:45rem;margin-top:1rem}
.salon-v2-page .salon-event-field :is(.salon-participation-tools,.salon-noticeboard)>summary,.salon-v2-page .salon-working .salon-noticeboard>summary{display:flex;min-height:var(--t);align-items:center;padding:.7rem 0;border-top:1px solid rgba(255,253,248,.28);border-bottom:1px solid rgba(255,253,248,.2);color:var(--v2-paper);font:700 .86rem/1.3 var(--v2-font-ui);cursor:pointer}
.salon-v2-page :is(.salon-participation-tools,.salon-noticeboard)>summary::before{color:var(--v2-reader)}
.salon-v2-page :is(.salon-participation-tools,.salon-noticeboard)[open]>summary{border-bottom-color:transparent}
.salon-v2-page .salon-source-note{margin-top:1rem}
.salon-v2-page .salon-source-note .kicker{margin:.65rem 0 .3rem}
.salon-v2-page .salon-participation-tools>.action-row{margin-top:.625rem}
.salon-v2-page .salon-noticeboard{align-self:start}
.salon-v2-page .salon-noticeboard .margin-stack{margin-top:.625rem}
.salon-v2-page .salon-event-field .margin-stack{border-color:rgba(255,253,248,.28)}
.salon-v2-page .salon-event-field :is(.rail-note,.working-row,.answer-list){border-color:rgba(255,253,248,.2)}
.salon-v2-page .salon-event-field.dark-salon .room-mark.salon{color:var(--v2-surface-muted)}
.salon-v2-page .salon-event-field.dark-salon .room-mark.salon+:is(h2,h3,h4)>a{color:var(--v2-paper)}

/* The event is a dark placard; its durable conversation returns to the house. */
.salon-v2-page .salon-working{margin-top:clamp(2.75rem,6vw,5rem);padding:clamp(1.25rem,3vw,2.5rem) 0 0;border-top:3px solid var(--v2-canonical);color:var(--v2-ink)}
.salon-v2-page .salon-working :is(h2,h3,h4,a){color:var(--v2-ink)}
.salon-v2-page .salon-working :is(.meta,.entry-copy,.margin-copy){color:var(--v2-ink-soft)}
.salon-v2-page .salon-working :is(.working-row,.answer-list,.rail-note){border-color:var(--v2-line)}
.salon-v2-page .salon-working .salon-noticeboard>summary{border-color:var(--v2-line-strong) var(--v2-line);color:var(--v2-ink)}
.salon-v2-page .salon-working .salon-noticeboard>summary::before{color:var(--v2-reader)}

/* Salon facts keep the event rail useful without repeating the opening copy. */
.salon-v2-page .salon-fact-list{margin:0}
.salon-v2-page .salon-fact-list>div{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:.75rem;padding:.65rem 0;border-top:1px solid rgba(255,253,248,.2)}
.salon-v2-page .salon-fact-list>div:first-child{border-top:0}
.salon-v2-page .salon-fact-list dt{color:var(--v2-surface-muted);font:700 .68rem/1.3 var(--v2-font-ui);text-transform:uppercase}
.salon-v2-page .salon-fact-list dd{margin:0;color:var(--v2-paper);font-size:.88rem;line-height:1.4}

@media(max-width:800px){
  .salon-v2-page .salon-opening,.salon-v2-page .salon-working{grid-template-columns:1fr;gap:1.5rem}
  .salon-v2-page .salon-event-field.dark-salon{padding:1.25rem}
}