/* fetch-1166: the working BEO follows its document; every rule stays inside this editor. */
.beo-editor {
  display: grid;
  grid-template-columns: 9.5rem minmax(0, 1fr);
  align-items: start;
  gap: var(--s-5);
  min-width: 0;
  color: var(--ink);
  font-family: Inter, Arial, sans-serif;
  font-size: var(--t-body);
  line-height: 1.55;
}
.beo-editor *, .beo-editor *::before, .beo-editor *::after { box-sizing: border-box; }
.beo-editor [hidden] { display: none !important; }
.beo-editor :is(h2, h3, h4, h5, p) { margin: 0; }
.beo-editor :is(h2, h3, h4, h5) { color: var(--text-heading); font-family: inherit; }
.beo-editor :is(a, button, summary, input, select, textarea):focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 3px; }
.beo-editor :is(button, summary) { -webkit-tap-highlight-color: transparent; }
.beo-editor .ci { flex: 0 0 auto; }
.beo-editor :is(.btn, .beo-editor-action) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--s-2);
  min-width: var(--control-height-touch);
  min-height: var(--control-height-touch);
  max-width: 100%;
  padding: var(--s-2) var(--s-3);
  border-radius: var(--r-s);
  font-family: inherit;
  font-size: var(--t-sub);
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
}
.beo-editor :is(.btn, .beo-editor-action):disabled { cursor: default; }
.beo-editor .beo-editor-nav { position: sticky; top: 90px; min-width: 0; max-height: calc(100vh - 90px - var(--s-4)); padding: var(--s-2) var(--s-1) 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.beo-editor .beo-editor-mobile-nav { display: none; }
.beo-editor .beo-editor-nav nav { display: grid; gap: var(--s-1); }
.beo-editor .beo-editor-nav-title { margin: 0 var(--s-2) var(--s-2); color: var(--muted); font-size: var(--t-sub); font-weight: 650; }
.beo-editor .beo-editor-nav a[data-beo-jump] {
  display: flex;
  align-items: center;
  gap: var(--s-2);
  min-height: var(--control-height-touch);
  padding: var(--s-2);
  border-left: 3px solid transparent;
  border-radius: var(--r-s);
  color: var(--navy);
  font-size: var(--t-sub);
  line-height: 1.4;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.beo-editor .beo-editor-nav a[data-beo-jump]:hover { background: var(--wash); }
.beo-editor .beo-editor-nav a[aria-current="location"] { border-left-color: var(--gold-dark); background: var(--paper); color: var(--navy-dark); font-weight: 700; }
.beo-editor .beo-editor-attention { display: inline-flex; align-items: center; gap: var(--s-1); padding: var(--s-1) var(--s-2); border-radius: var(--r-s); background: var(--warn-bg); color: var(--warn-fg); font-size: var(--t-sub); font-weight: 600; line-height: 1.4; }
.beo-editor .beo-editor-nav .beo-editor-attention { margin-left: auto; padding: var(--s-1); font-size: var(--t-label); }
.beo-editor .beo-editor-paper { container-type: inline-size; min-width: 0; width: 100%; padding: var(--s-5) var(--s-6); border: 1px solid var(--line); border-radius: var(--r-m); background: var(--paper); }
.beo-editor .beo-editor-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--s-2) var(--s-3); padding-bottom: var(--s-4); color: var(--muted); font-size: var(--t-sub); }
.beo-editor .beo-editor-toolbar > :first-child { display: flex; align-items: center; gap: var(--s-2); min-width: 0; }
.beo-editor .beo-editor-actions { display: flex; align-items: center; gap: var(--s-1) var(--s-2); flex-wrap: wrap; margin: 0; min-width: 0; }
.beo-editor .beo-editor-actions .btn { border-color: transparent; background: transparent; color: var(--navy); }
.beo-editor .beo-editor-actions .btn:hover { border-color: var(--line); background: var(--wash); }
.beo-editor .beo-editor-actions .btn:is(.primary, .btn-primary) { background: var(--action-primary); border-color: var(--action-primary); color: var(--paper); }
.beo-editor .beo-editor-masthead { display: flex; align-items: center; justify-content: space-between; gap: var(--s-5); padding-bottom: var(--s-5); }
.beo-editor .beo-brand { flex: 0 1 15rem; min-width: 0; max-width: 45%; }
.beo-editor .beo-brand-logo { display: block; width: 100%; max-height: 4.75rem; object-fit: contain; object-position: left center; }
.beo-editor .beo-brand-name { color: var(--text-heading); font-size: var(--t-section); font-weight: 650; }
.beo-editor .beo-editor-order { min-width: 0; text-align: right; color: var(--navy); font-size: var(--t-sub); line-height: 1.85; overflow-wrap: anywhere; }
.beo-editor .beo-editor-order :is(h2, strong) { color: var(--text-heading); }
.beo-editor .beo-editor-order > :is(strong, span) { display: block; }
.beo-editor .beo-editor-order h2 { font-size: var(--t-section); line-height: 1.4; }
.beo-editor .beo-editor-meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-4); padding-block: var(--s-4); border-top: 2px solid var(--gold); font-size: var(--t-sub); color: var(--navy); }
.beo-editor .beo-editor-meta > * { min-width: 0; overflow-wrap: anywhere; }
.beo-editor .beo-editor-meta strong { display: block; color: var(--text-heading); font-size: var(--t-mid); font-weight: 650; }
.beo-editor .beo-editor-field-label { display: block; margin-bottom: var(--s-1); color: var(--muted); font-size: var(--t-sub); font-weight: 400; }
.beo-editor .beo-editor-section { min-width: 0; margin-top: var(--s-4); border-top: 2px solid var(--gold); scroll-margin-top: 90px; }
.beo-editor .beo-editor-header { border-top: 0; margin-top: 0; }
.beo-editor .beo-editor-section-head { display: flex; align-items: center; justify-content: space-between; gap: var(--s-2) var(--s-3); min-height: 3.75rem; padding-block: var(--s-2); }
.beo-editor .beo-editor-section-head h3 { display: flex; align-items: center; gap: var(--s-2); min-width: 0; color: var(--text-heading); font-size: var(--t-title); font-weight: 650; line-height: 1.35; letter-spacing: -.015em; overflow-wrap: anywhere; }
.beo-editor .beo-editor-section-head .beo-editor-actions { justify-content: flex-end; }
.beo-editor .beo-editor-section-head small { color: var(--muted); font-size: var(--t-sub); font-weight: 400; }
.beo-editor .beo-editor-section:focus { outline: none; }
.beo-editor .beo-editor-section:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: var(--s-2); }
.beo-editor .beo-editor-function { min-width: 0; padding-block: var(--s-3); border-bottom: 1px solid var(--line); }
.beo-editor .beo-editor-function-main { display: grid; grid-template-columns: minmax(9rem, max-content) minmax(0, 1fr) minmax(0, 1.3fr) minmax(3.5rem, max-content) max-content; align-items: start; gap: var(--s-3); color: var(--navy); font-size: var(--t-mid); }
.beo-editor .beo-editor-function-main > * { min-width: 0; overflow-wrap: anywhere; }
.beo-editor .beo-editor-function-main strong { color: var(--text-heading); font-weight: 650; }
.beo-editor .beo-editor-function-main small { display: block; color: var(--muted); font-size: var(--t-sub); }
.beo-editor .beo-editor-function-main .beo-editor-actions { justify-content: flex-end; }
.beo-editor .beo-editor-function-main .btn { padding-inline: var(--s-2); }
.beo-editor .beo-editor-function-time { white-space: nowrap; overflow-wrap: normal; font-variant-numeric: tabular-nums; }
.beo-editor .beo-editor-function-guests { text-align: right; white-space: nowrap; overflow-wrap: normal; font-variant-numeric: tabular-nums; }
.beo-editor .beo-editor-context { display: flex; align-items: start; justify-content: space-between; gap: var(--s-2) var(--s-3); flex-wrap: wrap; min-width: 0; margin-block: var(--s-3); padding: var(--s-3); border-radius: var(--r-s); background: var(--wash); color: var(--navy); font-size: var(--t-sub); overflow-wrap: anywhere; }
.beo-editor .beo-editor-context strong { display: block; color: var(--text-heading); font-size: var(--t-mid); font-weight: 650; }
.beo-editor .beo-editor-context small { color: var(--muted); font-size: var(--t-sub); }
.beo-editor .beo-editor-menu { display: grid; grid-template-columns: minmax(0, 1fr) minmax(4.25rem, max-content) minmax(5.5rem, max-content) minmax(6rem, max-content) max-content; column-gap: var(--s-3); min-width: 0; margin-top: var(--s-3); }
.beo-editor .beo-editor-menu > * { grid-column: 1 / -1; }
.beo-editor .beo-editor-menu:has(> .beo-editor-no-money) { grid-template-columns: minmax(0, 1fr) minmax(4.25rem, max-content) max-content; }
.beo-editor .beo-editor-menu + .beo-editor-menu { margin-top: var(--s-5); }
.beo-editor .beo-editor-menu-head { display: flex; align-items: center; justify-content: space-between; gap: var(--s-2) var(--s-3); min-width: 0; margin-bottom: var(--s-1); }
.beo-editor .beo-editor-menu-head :is(h4, strong) { min-width: 0; font-size: var(--t-section); font-weight: 650; color: var(--navy); overflow-wrap: anywhere; }
.beo-editor .beo-editor-menu-head .beo-editor-actions { flex-shrink: 0; }
.beo-editor .beo-editor-course { display: flex; align-items: center; gap: var(--s-3); min-width: 0; padding: var(--s-4) 0 var(--s-2); color: var(--navy); font-size: var(--t-sub); font-weight: 600; letter-spacing: .06em; text-transform: uppercase; overflow-wrap: anywhere; }
.beo-editor .beo-editor-course::after { content: ""; flex: 1; min-width: var(--s-4); border-top: 1px solid var(--line); }
.beo-editor :is(.beo-editor-item, .beo-editor-columns) { display: grid; grid-template-columns: subgrid; align-items: start; column-gap: var(--s-3); }
.beo-editor .beo-editor-columns { padding-bottom: var(--s-2); color: var(--muted); font-size: var(--t-sub); }
.beo-editor .beo-editor-columns > :not(:first-child) { text-align: right; }
.beo-editor .beo-editor-item { padding-block: var(--s-3); border-bottom: 1px solid var(--hair); font-size: var(--t-mid); }
.beo-editor .beo-editor-item-copy { min-width: 0; overflow-wrap: anywhere; }
.beo-editor .beo-editor-item-copy > strong { color: var(--text-heading); font-size: var(--t-body); font-weight: 500; }
.beo-editor .beo-editor-item-copy > strong strong { font-size: inherit !important; font-weight: inherit; }
.beo-editor .beo-editor-item-description { margin-top: var(--s-1); color: var(--muted); font-size: var(--t-sub); line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }
.beo-editor .beo-editor-item-service { display: flex; align-items: start; gap: var(--s-2); margin-top: var(--s-2); color: var(--navy); font-size: var(--t-sub); line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; }
.beo-editor .beo-editor-number { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; overflow-wrap: normal; }
.beo-editor .beo-editor-item .beo-editor-actions { justify-content: flex-end; }
.beo-editor .beo-editor-item .beo-editor-actions .btn { padding-inline: var(--s-2); }
.beo-editor :is(.beo-editor-item, .beo-editor-columns).beo-editor-no-money { grid-template-columns: subgrid; }
.beo-editor .beo-editor-hint { margin-top: var(--s-3); color: var(--muted); font-size: var(--t-sub); line-height: 1.6; }
.beo-editor .beo-editor-more { position: relative; flex: 0 0 auto; }
.beo-editor .beo-editor-more > summary { display: flex; align-items: center; justify-content: center; min-width: var(--control-height-touch); min-height: var(--control-height-touch); list-style: none; border-radius: var(--r-s); color: var(--navy); cursor: pointer; }
.beo-editor .beo-editor-more > summary::-webkit-details-marker { display: none; }
.beo-editor .beo-editor-more > summary:hover { background: var(--wash); }
.beo-editor .beo-editor-more[open] { z-index: 5; }
.beo-editor .beo-editor-more[open] > .btn { position: absolute; right: 0; top: 100%; width: max-content; min-width: 10rem; max-width: min(18rem, calc(100vw - 3rem)); margin: 0; padding: var(--s-2) var(--s-3); justify-content: flex-start; border: 1px solid var(--line); background: var(--paper); }
.beo-editor .beo-editor-more[open] > .btn + .btn { top: calc(100% + var(--control-height-touch)); }
.beo-editor .beo-editor-function-choices { padding: var(--s-3); border-color: var(--line); background: var(--wash); }
.beo-editor .beo-editor-function-choices h4 { font-size: var(--t-mid); margin-bottom: var(--s-2); scroll-margin-top: 90px; }
.beo-editor .beo-editor-general-add { display: flex; align-items: center; gap: var(--s-2) var(--s-3); flex-wrap: wrap; margin-top: var(--s-3); padding-top: var(--s-2); border-top: 1px solid var(--line); }
.beo-editor .beo-editor-general-add small { color: var(--muted); font-size: var(--t-sub); }
.beo-editor .beo-editor-empty { display: flex; align-items: start; gap: var(--s-3); flex-wrap: wrap; padding: var(--s-4); border: 1px dashed var(--line); border-radius: var(--r-s); background: var(--wash); color: var(--navy); font-size: var(--t-mid); }
.beo-editor .beo-editor-empty > .ci { margin-top: var(--s-1); }
.beo-editor .beo-editor-empty p { color: var(--muted); font-size: var(--t-sub); line-height: 1.6; }
.beo-editor .beo-editor-empty .beo-editor-actions { margin-top: var(--s-2); }
.beo-editor .beo-editor-add-section { margin-top: var(--s-5); padding: var(--s-2) var(--s-4); border: 1px dashed var(--gold); border-radius: var(--r-s); }
.beo-editor .beo-editor-add-section > summary { display: flex; align-items: center; gap: var(--s-2); min-height: var(--control-height-touch); list-style: none; color: var(--navy); font-size: var(--t-mid); font-weight: 600; cursor: pointer; }
.beo-editor .beo-editor-add-section > summary::-webkit-details-marker { display: none; }
.beo-editor .beo-editor-add-section > summary::after { content: "+"; margin-left: auto; color: var(--gold-dark); font-size: var(--t-section); }
.beo-editor .beo-editor-add-section[open] > summary::after { content: "\2212"; }
.beo-editor .beo-editor-add-section > p { padding-bottom: var(--s-3); color: var(--muted); font-size: var(--t-sub); }
.beo-editor .beo-editor-chooser { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-3); padding-block: var(--s-3); }
.beo-editor .beo-editor-chooser > * { min-width: 0; }
.beo-editor .beo-editor-chooser .actions { align-self: end; }
.beo-editor .beo-editor-draft { min-width: 0; margin-block: var(--s-4); padding: var(--s-4); border: 1px solid var(--gold); border-radius: var(--r-s); background: var(--wash); }
.beo-editor .beo-editor-draft:has(> .fnm-builder) { padding: 0; border: 0; background: transparent; }
.beo-editor .beo-editor-draft > .fnm-builder { margin: 0; }
.beo-editor .beo-editor-draft :is(h3, h4) { margin-bottom: var(--s-3); font-size: var(--t-body); }
.beo-editor .beo-editor-draft > .fn-editor { margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.beo-editor .beo-editor-draft .fn-editor > p { margin-bottom: var(--s-3); font-size: var(--t-sub); line-height: 1.6; }
.beo-editor .beo-editor-draft .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-3); }
.beo-editor .beo-editor-draft .field { min-width: 0; }
.beo-editor .field :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) { width: 100%; max-width: 100%; min-width: 0; min-height: var(--control-height-touch); background: var(--paper); border-color: var(--line); font-family: inherit; font-size: var(--t-body); font-weight: 400; }
.beo-editor .field textarea { min-height: 5rem; resize: vertical; }
.beo-editor .combo-caret { width: var(--control-height-touch); min-height: var(--control-height-touch); margin-left: calc(-1 * var(--control-height-touch)); padding: 0; }
.beo-editor .combo-input { padding-right: var(--control-height-touch); }
.beo-editor .field > :is(label, span) { color: var(--navy); font-size: var(--t-sub); }
.beo-editor .beo-editor-draft > .actions { margin-top: var(--s-4); padding-top: var(--s-3); border-top: 1px solid var(--line); }
.beo-editor .beo-editor-timeline-row { display: grid; grid-template-columns: max-content minmax(0, 1fr) auto; align-items: start; gap: var(--s-3); padding-block: var(--s-3); border-top: 1px solid var(--hair); color: var(--navy); font-size: var(--t-mid); }
.beo-editor .beo-editor-timeline-row > * { min-width: 0; overflow-wrap: anywhere; }
.beo-editor .beo-editor-timeline-row > :first-child { white-space: nowrap; overflow-wrap: normal; font-variant-numeric: tabular-nums; }
.beo-editor .beo-editor-timeline-row small { display: block; color: var(--muted); font-size: var(--t-sub); }
.beo-editor .beo-editor-timeline-row .btn { padding-inline: var(--s-2); margin-top: calc(-1 * var(--s-2)); }
.beo-editor .beo-editor-charges { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: var(--s-6); width: 100%; margin-top: var(--s-3); color: var(--navy); font-size: var(--t-mid); font-variant-numeric: tabular-nums; }
.beo-editor .beo-editor-charges > section { min-width: 0; }
.beo-editor .beo-editor-charges h4 { margin-bottom: var(--s-2); color: var(--muted); font-size: var(--t-sub); font-weight: 650; }
.beo-editor .beo-editor-charges--summary-only { grid-template-columns: minmax(0, 1fr); }
.beo-editor .beo-editor-charge { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s-3); padding-block: var(--s-2); border-bottom: 1px solid var(--hair); }
.beo-editor .beo-editor-charge > span { min-width: 0; overflow-wrap: anywhere; }
.beo-editor .beo-editor-charge > strong { flex: 0 0 auto; white-space: nowrap; font-weight: 500; }
.beo-editor .beo-editor-charge-total { margin-top: var(--s-2); padding-top: var(--s-3); border-top: 1px solid var(--gold); color: var(--text-heading); }
.beo-editor .beo-editor-charge-total > :is(span, strong) { font-weight: 650; }
.beo-editor .beo-editor-charge-balance { border-top: 2px solid var(--gold); border-bottom: 0; font-size: var(--t-body); }
.beo-editor .beo-editor-calculated { display: inline-flex; align-items: center; gap: var(--s-1); color: var(--muted); font-size: var(--t-sub); }
.beo-editor .beo-editor-footer { display: flex; align-items: start; justify-content: space-between; gap: var(--s-3); flex-wrap: wrap; margin-top: var(--s-5); padding-top: var(--s-4); border-top: 2px solid var(--gold); color: var(--muted); font-size: var(--t-sub); }

/* Existing menu writers keep their controls; only their presentation changes here. */
.beo-editor .fnm-builder { border-color: var(--gold); background: var(--wash); overflow: visible; }
.beo-editor .fnm-builder-head { align-items: flex-start; padding: var(--s-4); border-bottom-color: var(--line); }
.beo-editor .fnm-builder-head :is(h3, h4) { margin: 0; font-size: var(--t-body); }
.beo-editor .fnm-context { margin-top: var(--s-1); color: var(--navy); font-size: var(--t-sub); overflow-wrap: anywhere; }
.beo-editor .fnm-draft-controls { display: flex; align-items: center; flex-wrap: wrap; gap: var(--s-2); }
.beo-editor .fnm-menu-details { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: var(--s-4); border-bottom-color: var(--line); }
.beo-editor .fnm-workbench { grid-template-columns: minmax(0, 1fr); }
.beo-editor .fnm-library { grid-row: 2; padding: var(--s-4); border-right: 0; border-top: 1px solid var(--line); border-bottom: 0; background: var(--paper); }
.beo-editor .fnm-library-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.beo-editor .fnm-results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-2); max-height: 18rem; padding: var(--s-1); margin: calc(-1 * var(--s-1)); }
.beo-editor .fnm-results > .muted { grid-column: 1 / -1; }
.beo-editor .fnm-choice { margin: 0; min-height: var(--control-height-touch); border-color: var(--line); }
.beo-editor .fnm-choice-title { font-size: var(--t-mid); }
.beo-editor .fnm-choice-price { margin-top: auto; }
.beo-editor .fnm-composition { grid-row: 1; padding: var(--s-4); }
.beo-editor .fnm-composition > :is(h4, h5) { font-size: var(--t-body); margin-bottom: var(--s-3); }
.beo-editor .fnm-draft-row { min-width: 0; padding: 0; border-color: var(--line); background: var(--paper); }
.beo-editor .fnm-draft-row[open] { border-color: var(--gold); }
.beo-editor .fnm-item-summary { display: flex; align-items: center; gap: var(--s-3); min-height: var(--control-height-touch); padding: var(--s-3); list-style: none; color: var(--navy); font-size: var(--t-sub); cursor: pointer; }
.beo-editor .fnm-item-summary::-webkit-details-marker { display: none; }
.beo-editor .fnm-draft-row[open] > .fnm-item-summary { border-bottom: 1px solid var(--line); }
.beo-editor .fnm-item-heading { display: flex; align-items: center; gap: var(--s-2); flex: 1 1 10rem; min-width: 0; }
.beo-editor .fnm-item-position { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 1.5rem; min-height: 1.5rem; border-radius: var(--r-s); background: var(--wash); color: var(--muted); font-variant-numeric: tabular-nums; }
.beo-editor .fnm-item-name { min-width: 0; color: var(--text-heading); font-size: var(--t-mid); font-weight: 600; overflow-wrap: anywhere; }
.beo-editor .fnm-item-name small { display: block; margin-top: var(--s-1); color: var(--muted); font-size: var(--t-sub); font-weight: 400; }
.beo-editor .fnm-item-numbers { display: flex; gap: var(--s-2) var(--s-3); flex-wrap: wrap; justify-content: flex-end; color: var(--muted); font-variant-numeric: tabular-nums; }
.beo-editor .fnm-item-numbers > * { white-space: nowrap; }
.beo-editor .fnm-item-numbers strong { color: var(--navy); }
.beo-editor .fnm-item-toggle { display: inline-flex; align-items: center; gap: var(--s-1); flex: 0 0 auto; font-weight: 600; }
.beo-editor .fnm-item-body { padding: var(--s-4); }
.beo-editor .fnm-row-main { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-3); }
.beo-editor .fnm-row-detail { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-3); margin-top: var(--s-3); }
.beo-editor .fnm-row-options { margin-top: var(--s-3); border-top: 1px solid var(--line); }
.beo-editor .fnm-row-options > summary { display: flex; align-items: center; gap: var(--s-2); min-height: var(--control-height-touch); }
.beo-editor .fnm-flags label { min-height: var(--control-height-touch); gap: var(--s-2); font-size: var(--t-sub); }
.beo-editor .fnm-savebar { gap: var(--s-3); padding: var(--s-4); border-top-color: var(--line); }
.beo-editor .fnm-savebar > :first-child { min-width: 0; overflow-wrap: anywhere; }
.beo-editor .fnm-savebar .actions { flex-wrap: wrap; }

@media (min-width: 1600px) {
  .beo-editor { grid-template-columns: 10.5rem minmax(0, 1fr); }
  .beo-editor .beo-editor-paper { padding-inline: calc(var(--s-6) + var(--s-2)); }
  .beo-editor .fnm-workbench { grid-template-columns: minmax(13rem, .75fr) minmax(0, 1.5fr); }
  .beo-editor .fnm-library { grid-row: auto; border-right: 1px solid var(--line); border-top: 0; border-bottom: 0; }
  .beo-editor .fnm-composition { grid-row: auto; }
  .beo-editor .fnm-library-filters, .beo-editor .fnm-results { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 1100px) {
  .beo-editor { grid-template-columns: minmax(0, 1fr); gap: var(--s-3); }
  .beo-editor .beo-editor-nav { position: static; display: flex; align-items: center; flex-wrap: wrap; gap: var(--s-1); max-height: none; padding: 0; overflow: visible; overscroll-behavior: auto; }
  .beo-editor .beo-editor-nav-title { flex-basis: 100%; margin: 0 0 var(--s-1); }
  .beo-editor .beo-editor-nav nav { display: flex; align-items: center; gap: var(--s-1); flex-wrap: wrap; width: 100%; }
  .beo-editor .beo-editor-nav a[data-beo-jump] { border-left: 0; border-bottom: 2px solid transparent; padding-inline: var(--s-2); }
  .beo-editor .beo-editor-nav a[aria-current="location"] { border-bottom-color: var(--gold-dark); }
  .beo-editor .beo-editor-paper { padding: var(--s-5); }
  .beo-editor .beo-editor-function-main { gap: var(--s-2); }
}
@media (max-width: 640px) {
  .beo-editor { gap: var(--s-3); }
  .beo-editor .beo-editor-paper { padding: var(--s-3) 0; border: 0; border-radius: 0; }
  .beo-editor .beo-editor-nav { gap: 0 var(--s-1); }
  .beo-editor .beo-editor-nav > :is(.beo-editor-nav-title, nav) { display: none; }
  .beo-editor .beo-editor-mobile-nav { display: flex; align-items: center; gap: var(--s-3); width: 100%; min-width: 0; }
  .beo-editor .beo-editor-mobile-nav > span { display: inline-flex; align-items: center; gap: var(--s-2); flex: 0 1 auto; color: var(--navy); font-size: var(--t-sub); line-height: 1.4; }
  .beo-editor .beo-editor-mobile-nav select { flex: 1 1 9rem; width: 100%; min-width: 0; max-width: 100%; min-height: var(--control-height-touch); padding: var(--s-2); border: 1px solid var(--line); border-radius: var(--r-s); background: var(--paper); color: var(--navy); font-family: inherit; font-size: 1rem; }
  .beo-editor .beo-editor-nav a[data-beo-jump] { padding-inline: var(--s-2); }
  .beo-editor .beo-editor-toolbar { align-items: center; padding-bottom: var(--s-3); }
  .beo-editor .beo-editor-toolbar > span { flex: 1 1 7rem; }
  .beo-editor .beo-editor-toolbar > .beo-editor-actions { flex: 0 0 auto; width: auto; }
  .beo-editor .beo-editor-masthead { gap: var(--s-3); padding-bottom: var(--s-4); }
  .beo-editor .beo-brand { max-width: 43%; flex-basis: 11rem; }
  .beo-editor .beo-brand-logo { max-height: 3.5rem; }
  .beo-editor .beo-editor-order { font-size: var(--t-sub); line-height: 1.65; }
  .beo-editor .beo-editor-order h2 { font-size: var(--t-body); }
  .beo-editor .beo-editor-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-3); }
  .beo-editor .beo-editor-meta > :last-child { grid-column: 1 / -1; }
  .beo-editor .beo-editor-section-head { flex-wrap: wrap; align-items: flex-start; padding-block: var(--s-3); }
  .beo-editor .beo-editor-section-head h3 { align-self: center; font-size: var(--t-title); }
  .beo-editor .beo-editor-section-head .beo-editor-actions { margin-left: auto; }
  .beo-editor .beo-editor-section-head .btn { padding-inline: var(--s-2); }
  .beo-editor .beo-editor-context { padding: var(--s-3); }
  .beo-editor .beo-editor-menu-head { flex-wrap: wrap; }
  .beo-editor .beo-editor-menu-head .beo-editor-actions { margin-left: auto; }
  .beo-editor .beo-editor-empty { padding: var(--s-3); }
  .beo-editor .beo-editor-add-section { padding-inline: var(--s-3); }
  .beo-editor .beo-editor-chooser,
  .beo-editor .beo-editor-draft .grid,
  .beo-editor .fnm-menu-details,
  .beo-editor .fnm-library-filters,
  .beo-editor .fnm-results,
  .beo-editor .fnm-row-main,
  .beo-editor .fnm-row-detail { grid-template-columns: minmax(0, 1fr); }
  .beo-editor .beo-editor-draft { padding: var(--s-3); }
  .beo-editor .field :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) { font-size: 1rem; }
  .beo-editor .beo-editor-draft > .actions { flex-wrap: wrap; }
  .beo-editor .beo-editor-timeline-row { grid-template-columns: max-content minmax(0, 1fr); gap: var(--s-2); font-size: var(--t-sub); }
  .beo-editor .beo-editor-timeline-row > .beo-editor-actions { grid-column: 2; justify-content: flex-end; }
  .beo-editor .beo-editor-charges { grid-template-columns: minmax(0, 1fr); gap: var(--s-5); }
  .beo-editor .beo-editor-footer { flex-direction: column; gap: var(--s-1); }
  .beo-editor :is(.fnm-builder-head, .fnm-menu-details, .fnm-library, .fnm-composition, .fnm-savebar, .fnm-item-body) { padding: var(--s-3); }
  .beo-editor .fnm-item-summary { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--s-2); }
  .beo-editor .fnm-item-heading { grid-column: 1; }
  .beo-editor .fnm-item-toggle { grid-column: 2; grid-row: 1; }
  .beo-editor .fnm-item-numbers { grid-column: 1 / -1; justify-content: flex-start; padding-left: calc(1.5rem + var(--s-2)); }
  .beo-editor .fnm-results { max-height: 18rem; }
  .beo-editor .fnm-savebar { flex-direction: column; align-items: stretch; }
  .beo-editor .fnm-savebar .actions { justify-content: flex-end; }
}
@media (max-width: 360px) {
  .beo-editor .beo-editor-paper { padding-block: var(--s-3); }
  .beo-editor .beo-editor-meta { grid-template-columns: minmax(0, 1fr); }
  .beo-editor .beo-editor-section-head { flex-direction: column; align-items: stretch; gap: var(--s-1); }
  .beo-editor .beo-editor-section-head h3 { align-self: start; }
  .beo-editor .beo-editor-section-head .beo-editor-actions { margin-left: 0; justify-content: flex-start; }
  .beo-editor .beo-editor-masthead { flex-direction: column; align-items: start; }
  .beo-editor .beo-brand { max-width: 100%; flex-basis: auto; width: 11rem; }
  .beo-editor .beo-editor-order { text-align: left; }
  .beo-editor .beo-editor-timeline-row { grid-template-columns: max-content minmax(0, 1fr); }
  .beo-editor .beo-editor-timeline-row .beo-editor-actions { grid-column: 2; }
}
/* fetch-1168: numeric content owns its width; narrow paper becomes a readable item list. */
.beo-editor :is(.beo-editor-function-main, .beo-editor-item) > .beo-editor-actions:not(:empty) { justify-self: end; align-self: start; flex-wrap: nowrap; gap: 0; width: max-content; border: 1px solid var(--line); border-radius: var(--r-s); background: var(--paper); }
.beo-editor :is(.beo-editor-function-main, .beo-editor-item) > .beo-editor-actions > .btn { margin: 0; border: 0; border-radius: 0; white-space: nowrap; overflow-wrap: normal; }
.beo-editor :is(.beo-editor-function-main, .beo-editor-item) > .beo-editor-actions > .btn:not(:last-child) { border-right: 1px solid var(--line); }
.beo-editor :is(.beo-editor-function-main, .beo-editor-item) > .beo-editor-actions > .btn:first-child { border-start-start-radius: var(--r-s); border-end-start-radius: var(--r-s); }
.beo-editor :is(.beo-editor-function-main, .beo-editor-item) > .beo-editor-actions > .btn:last-child { border-start-end-radius: var(--r-s); border-end-end-radius: var(--r-s); }
.beo-editor :is(.beo-editor-function-main, .beo-editor-item) > .beo-editor-actions:empty { display: none; }
@container (max-width: 42rem) {
  .beo-editor .beo-editor-function-main { grid-template-columns: minmax(0, 1fr) auto; gap: var(--s-2) var(--s-4); font-size: var(--t-sub); }
  .beo-editor .beo-editor-function-main > .beo-editor-function-name { grid-column: 1 / -1; grid-row: 1; font-size: var(--t-mid); }
  .beo-editor .beo-editor-function-time { grid-column: 1 / -1; grid-row: 2; }
  .beo-editor .beo-editor-function-location { grid-column: 1; grid-row: 3; }
  .beo-editor .beo-editor-function-guests { grid-column: 2; grid-row: 3; }
  .beo-editor .beo-editor-function-main > .beo-editor-actions { grid-column: 1 / -1; grid-row: 4; }
  .beo-editor .beo-editor-menu { display: block; }
  .beo-editor .beo-editor-columns { display: none; }
  .beo-editor .beo-editor-item, .beo-editor .beo-editor-item.beo-editor-no-money { display: flex; flex-wrap: wrap; gap: var(--s-3); }
  .beo-editor .beo-editor-item-copy { flex: 1 0 100%; }
  .beo-editor .beo-editor-number[data-label] { flex: 1 1 max-content; min-width: 4.25rem; text-align: left; font-size: var(--t-sub); }
  .beo-editor .beo-editor-number[data-label]::before { content: attr(data-label); display: block; color: var(--muted); font-size: var(--t-sub); font-weight: 400; }
  .beo-editor .beo-editor-item > .beo-editor-actions:not(:empty) { margin-left: auto; }
  .beo-editor .beo-editor-charges { grid-template-columns: minmax(0, 1fr); gap: var(--s-5); }
}
/* fetch-1166.1: identity and everyday documents share the event header's width. */
#evtHeader.evt-record-head--document { border-top: 2px solid var(--gold); }
/* fetch-1256: one identity block beside one action row, the workspace tiles under both (portal.css, .evt-workspace-tiles). */
#evtHeader.evt-record-head--document .evt-record-main { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: var(--s-4) var(--s-5); padding: var(--s-4) var(--s-5) var(--s-3); }
#evtHeader.evt-record-head--document .evt-record-identity { min-width: 0; }
#evtHeader.evt-record-head--document .evt-record-identity h2 { font-size: var(--t-title); line-height: 1.3; letter-spacing: -.015em; }
#evtHeader.evt-record-head--document .evt-record-context { display: flex; flex-wrap: wrap; gap: var(--s-2) var(--s-4); margin-top: var(--s-2); color: var(--navy); font-size: var(--t-sub); line-height: 1.6; }
#evtHeader.evt-record-head--document .evt-record-context > span { display: inline-flex; align-items: start; gap: var(--s-2); min-width: 0; }
#evtHeader.evt-record-head--document .evt-record-context > span > span { min-width: 0; overflow-wrap: anywhere; }
#evtHeader.evt-record-head--document .evt-record-context .ci { flex: 0 0 auto; margin-top: var(--s-1); }
#evtHeader.evt-record-head--document .evt-record-context { align-items: center; }
#evtHeader.evt-record-head--document .evt-record-state { display: inline-flex; align-items: center; flex-wrap: wrap; gap: var(--s-2); margin: 0; } /* fetch-1256: the status rides the date / venue line */
#evtHeader.evt-record-head--document .evt-record-state .badge { margin: 0; }
#evtHeader.evt-record-head--document .evt-record-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: var(--s-2); min-width: 0; justify-self: end; }
#evtHeader.evt-record-head--document .evt-record-primary,
#evtHeader.evt-record-head--document .evt-record-shortcuts { display: contents; } /* fetch-1256: primary, Edit details, Contract, Documents, More share one row */
#evtHeader.evt-record-head--document :is(.btn, .evt-readiness-summary) { display: inline-flex; align-items: center; justify-content: center; gap: var(--s-2); min-height: var(--control-height-touch); max-width: 100%; padding: var(--s-2) var(--s-3); border-radius: var(--r-s); font-family: Inter, Arial, sans-serif; font-size: var(--t-sub); line-height: 1.4; white-space: normal; overflow-wrap: anywhere; }
#evtHeader.evt-record-head--document .btn .ci { flex: 0 0 auto; }
#evtHeader.evt-record-head--document .btn > span { min-width: 0; }
#evtHeader.evt-record-head--document .evt-record-shortcuts > .btn,
#evtHeader.evt-record-head--document .evt-record-shortcuts > .evt-action-menu > summary { width: auto; color: var(--navy); }
#evtHeader.evt-record-head--document .evt-record-shortcuts > .btn:hover,
#evtHeader.evt-record-head--document .evt-record-shortcuts > .evt-action-menu > summary:hover { border-color: var(--line); background: var(--wash); }
#evtHeader.evt-record-head--document [data-ctrtoggle][aria-expanded="true"] { border-color: var(--gold); background: var(--wash); }
#evtHeader.evt-record-head--document .evt-action-menu { min-width: 0; }
/* fetch-1256: Documents is a real menu at every width (it was an inline grid on a desktop). */
#evtHeader.evt-record-head--document .evt-record-document-menu { display: block; position: relative; min-width: 0; }
#evtHeader.evt-record-head--document .evt-record-document-list { display: none; position: absolute; right: 0; top: calc(100% + var(--s-1)); z-index: 320; flex-direction: column; gap: var(--s-1); min-width: 14rem; max-width: calc(100vw - var(--s-6)); padding: var(--s-2); border: 1px solid var(--line); border-radius: var(--r-m); background: var(--paper); box-shadow: 0 var(--s-2) var(--s-5) color-mix(in srgb, var(--navy-dark) 18%, transparent); }
#evtHeader.evt-record-head--document .evt-record-document-menu.is-open > .evt-record-document-list { display: flex; }
#evtHeader.evt-record-head--document:has(.evt-record-document-menu.is-open) { position: relative; z-index: 300; }
#evtHeader.evt-record-head--document [data-evt-documents-toggle] { display: inline-flex; }
#evtHeader.evt-record-head--document .evt-record-document-list > .btn { justify-content: flex-start; width: 100%; border-color: transparent; background: transparent; color: var(--navy); text-align: left; }
#evtHeader.evt-record-head--document .evt-record-document-list > .btn:hover { border-color: var(--line); background: var(--wash); }
#evtHeader.evt-record-head--document .evt-action-menu-list { min-width: 14rem; max-width: min(22rem, calc(100vw - var(--s-6))); }
#evtHeader.evt-record-head--document .evt-action-menu-list .btn { justify-content: flex-start; }
#evtHeader.evt-record-head--document .evt-readiness { display: flex; align-items: center; gap: 0 var(--s-3); margin-top: var(--s-2); padding-top: var(--s-2); border-top: 1px solid var(--line); font-size: var(--t-sub); line-height: 1.6; }
#evtHeader.evt-record-head--document .evt-readiness-summary { flex: 0 0 auto; justify-content: flex-start; margin-left: 0; padding-inline: 0; }
#evtHeader.evt-record-head--document .evt-readiness-needs { flex: 1 1 17rem; }
#evtHeader.evt-record-head--document .evt-readiness-list { margin-top: var(--s-2); gap: var(--s-2) var(--s-3); }
@media (max-width: 1100px) {
  #evtHeader.evt-record-head--document .evt-record-main { grid-template-columns: minmax(0, 1fr); gap: var(--s-4); }
  #evtHeader.evt-record-head--document .evt-record-actions { max-width: none; }
  #evtHeader.evt-record-head--document .evt-record-actions { justify-content: flex-start; justify-self: start; }
}
@media (max-width: 640px) {
  #evtHeader.evt-record-head--document .evt-record-main { padding: var(--s-4); gap: var(--s-3); }
  #evtHeader.evt-record-head--document .evt-record-identity h2 { font-size: var(--t-section); line-height: 1.4; }
  #evtHeader.evt-record-head--document .evt-record-context { gap: var(--s-1); margin-top: var(--s-2); }
  #evtHeader.evt-record-head--document .evt-record-context > span { flex-basis: 100%; }
  #evtHeader.evt-record-head--document .evt-record-state { margin-top: 0; }
  #evtHeader.evt-record-head--document .evt-record-primary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-2); }
  #evtHeader.evt-record-head--document .evt-record-shortcuts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--s-2); padding-top: var(--s-2); border-top: 1px solid var(--line); }
  #evtHeader.evt-record-head--document .evt-record-actions { display: grid; grid-template-columns: minmax(0, 1fr); width: 100%; gap: var(--s-2); }
  #evtHeader.evt-record-head--document .evt-record-shortcuts > .btn,
  #evtHeader.evt-record-head--document .evt-record-shortcuts > .evt-action-menu > summary { justify-content: flex-start; width: 100%; padding-inline: var(--s-2); border-color: transparent; background: transparent; text-align: left; }
  #evtHeader.evt-record-head--document .evt-record-document-menu { display: block; position: relative; min-width: 0; }
  #evtHeader.evt-record-head--document [data-evt-documents-toggle] { display: inline-flex; justify-content: flex-start; width: 100%; border-color: transparent; background: transparent; color: var(--navy); text-align: left; }
  #evtHeader.evt-record-head--document [data-evt-documents-toggle]:hover { border-color: var(--line); background: var(--wash); }
  #evtHeader.evt-record-head--document .evt-record-document-list { display: none; position: absolute; right: 0; top: calc(100% + var(--s-1)); z-index: 320; flex-direction: column; gap: var(--s-1); min-width: 14rem; max-width: calc(100vw - var(--s-6)); padding: var(--s-2); border: 1px solid var(--line); border-radius: var(--r-m); background: var(--paper); box-shadow: 0 var(--s-2) var(--s-5) color-mix(in srgb, var(--navy-dark) 18%, transparent); }
  #evtHeader.evt-record-head--document .evt-record-document-menu.is-open > .evt-record-document-list { display: flex; }
  #evtHeader.evt-record-head--document:has(.evt-record-document-menu.is-open) { position: relative; z-index: 300; }
  #evtHeader.evt-record-head--document .evt-record-document-menu:nth-child(odd) > .evt-record-document-list { left: 0; right: auto; }
  #evtHeader.evt-record-head--document .evt-readiness { gap: 0 var(--s-2); padding-top: var(--s-1); margin-top: var(--s-2); }
  #evtHeader.evt-record-head--document .evt-readiness-needs { flex-basis: 100%; }
  #evtHeader.evt-record-head--document .evt-action-menu:nth-child(odd) > .evt-action-menu-list { left: 0; right: auto; }
  #evtHeader.evt-record-head--document .evt-action-menu:nth-child(even) > .evt-action-menu-list { right: 0; left: auto; }
}
/* fetch-1332 (Jack's ruling 09-26): on a phone the event header gives way to the work below it. The status rides the venue
   line when it fits, and the primary, Edit details, Contract, Documents and More share one wrapping row instead of two
   stacked grids. Their menus open under the whole row, whichever button wrapped where. Desktop is unchanged. */
@media (max-width: 640px) {
  #evtHeader.evt-record-head--document .evt-record-main { padding: var(--s-3) var(--s-4); gap: var(--s-2); }
  #evtHeader.evt-record-head--document .evt-record-context { column-gap: var(--s-3); }
  #evtHeader.evt-record-head--document .evt-record-context > span + span { flex-basis: auto; }
  #evtHeader.evt-record-head--document .evt-readiness { margin-top: var(--s-1); }
  #evtHeader.evt-record-head--document .evt-record-actions { position: relative; display: flex; flex-wrap: wrap; gap: var(--s-1); }
  #evtHeader.evt-record-head--document .evt-record-primary,
  #evtHeader.evt-record-head--document .evt-record-shortcuts { display: contents; }
  #evtHeader.evt-record-head--document .evt-record-primary > .btn { flex: 1 1 auto; }
  #evtHeader.evt-record-head--document .evt-record-shortcuts > .btn,
  #evtHeader.evt-record-head--document .evt-record-shortcuts > .evt-action-menu > summary,
  #evtHeader.evt-record-head--document [data-evt-documents-toggle] { width: auto; }
  #evtHeader.evt-record-head--document .evt-record-actions .evt-record-document-menu,
  #evtHeader.evt-record-head--document .evt-record-actions .evt-action-menu { position: static; }
  #evtHeader.evt-record-head--document .evt-record-actions .evt-record-document-menu > .evt-record-document-list,
  #evtHeader.evt-record-head--document .evt-record-actions .evt-action-menu > .evt-action-menu-list { left: 0; right: 0; min-width: 0; max-width: none; }
}
/* The shared phone back affordance otherwise hides the document-specific return. */
body.has-navback #beoDocBack.beo-editor-preview-back,
body.has-navback #evtSheetBack.evt-document-back { display: inline-flex; }
@media print {
  .beo-editor .beo-editor-nav, .beo-editor .beo-editor-toolbar, .beo-editor .beo-editor-edge, .beo-editor .beo-editor-drawer,
  .beo-editor .beo-editor-actions, .beo-editor .beo-editor-draft,
  .beo-editor .beo-editor-add-section, .beo-editor .fnm-builder { display: none !important; }
  .beo-editor { display: block; }
  .beo-editor .beo-editor-paper { padding: 0; border: 0; }
  .beo-editor .beo-editor-section-head { break-after: avoid; }
  .beo-editor .beo-editor-item, .beo-editor .beo-editor-function, .beo-editor .beo-editor-timeline-row { break-inside: avoid; }
}

/* fetch-1253: the paper's edge - one order, three views, and the tools beside them (Crystal
   Workspaces, direction A). The edge hugs the paper's top border; the drawer is a third column. */
.beo-editor .beo-editor-edge { display: flex; align-items: center; flex-wrap: wrap; gap: var(--s-1) var(--s-3); margin: calc(-1 * var(--s-5)) calc(-1 * var(--s-6)) var(--s-4); padding: 0 var(--s-3) 0 var(--s-4); border-bottom: 1px solid var(--line); border-radius: var(--r-m) var(--r-m) 0 0; background: var(--wash); }
.beo-editor .beo-editor-views { display: flex; align-items: stretch; gap: var(--s-1); min-width: 0; overflow-x: auto; scrollbar-width: none; }
.beo-editor .beo-editor-views [role="tab"] { flex: 0 0 auto; min-height: var(--control-height-touch); margin: 0; padding: 0 var(--s-3); border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent; color: var(--muted); font-family: inherit; font-size: var(--t-mid); font-weight: 600; line-height: 1.4; white-space: nowrap; cursor: pointer; }
.beo-editor .beo-editor-views [role="tab"]:hover { color: var(--navy); }
.beo-editor .beo-editor-views [role="tab"][aria-selected="true"] { color: var(--navy-dark); border-bottom-color: var(--gold); }
.beo-editor .beo-editor-state { flex: 1 1 12rem; min-width: 0; color: var(--muted); font-size: var(--t-sub); line-height: 1.4; overflow-wrap: anywhere; }
.beo-editor .beo-editor-tools { flex: 0 0 auto; flex-wrap: nowrap; margin-left: auto; }
.beo-editor .beo-editor-tools #beoMtgStartBtn { border-color: var(--line); background: var(--paper); }
.beo-editor .beo-editor-tools .btn[aria-pressed="true"] { border-color: var(--gold); background: var(--paper); color: var(--navy-dark); }
.beo-editor .beo-editor-more > .beo-editor-menu { display: none; }
.beo-editor .beo-editor-more[open] > .beo-editor-menu { display: grid; position: absolute; right: 0; top: 100%; z-index: 6; min-width: 15rem; max-width: min(20rem, calc(100vw - var(--s-6))); padding: var(--s-1); border: 1px solid var(--line); border-radius: var(--r-s); background: var(--paper); box-shadow: 0 var(--s-2) var(--s-5) color-mix(in srgb, var(--navy-dark) 18%, transparent); }
.beo-editor .beo-editor-more[open] > .beo-editor-menu > .btn { justify-content: flex-start; width: 100%; margin: 0; border-color: transparent; text-align: left; white-space: nowrap; }
.beo-editor .beo-editor-more[open] > .beo-editor-menu > .btn:hover { border-color: var(--line); background: var(--wash); }
.beo-editor.beo-editor--drawer { grid-template-columns: 9.5rem minmax(0, 1fr) minmax(18rem, 22rem); }
.beo-editor .beo-editor-drawer { position: sticky; top: 90px; min-width: 0; max-height: calc(100vh - 90px - var(--s-4)); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.beo-editor .beo-editor-copy { min-width: 0; overflow-x: auto; }
.beo-editor .beo-editor-copy-section { scroll-margin-top: 90px; }
.beo-editor .beo-editor-copy-section:focus { outline: none; }
.beo-editor .beo-editor-copy-section:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: var(--s-1); }
@media (min-width: 1600px) {
  .beo-editor .beo-editor-edge { margin-inline: calc(-1 * (var(--s-6) + var(--s-2))); }
  .beo-editor.beo-editor--drawer { grid-template-columns: 10.5rem minmax(0, 1fr) 24rem; }
}
@media (max-width: 1100px) {
  .beo-editor .beo-editor-edge { margin: calc(-1 * var(--s-5)) calc(-1 * var(--s-5)) var(--s-4); }
  .beo-editor.beo-editor--drawer { grid-template-columns: minmax(0, 1fr); }
  .beo-editor .beo-editor-drawer { position: static; order: 1; max-height: none; overflow: visible; }
  .beo-editor .beo-editor-paper { order: 2; }
}
@media (max-width: 640px) {
  .beo-editor .beo-editor-edge { margin: 0 0 var(--s-3); padding: 0 var(--s-2); border-top: 1px solid var(--line); border-radius: 0; }
  .beo-editor .beo-editor-views { flex: 1 1 100%; order: -1; }
  .beo-editor .beo-editor-views [role="tab"] { padding-inline: var(--s-2); }
  .beo-editor .beo-editor-state { flex-basis: 8rem; }
  .beo-editor .beo-editor-tools { margin-left: auto; }
  .beo-editor .beo-editor-tools .btn { padding-inline: var(--s-2); }
}