/* Rogo workspace reconstruction from rogo-workspace.jpg.
   Three real panes, neutral application chrome and a white working document.
   NA owns branding and actions; native content and event hooks remain intact. */
body[data-direction=rogo] .workspace-frame {
  background: #f5f5f3;
  border: 1px solid #dedede;
  border-radius: 14px;
  box-shadow: 0 3px 16px #41414108;
}
body[data-direction=rogo] .workspace-bar {
  background: #fafaf9;
  border-bottom-color: #e6e6e6;
  color: #2d2d2d;
}
body[data-direction=rogo] .workspace-bar a,
body[data-direction=rogo] .workspace-identity > span { color: #555 !important; }
body[data-direction=rogo] .workspace-identity img { filter: none !important; }

html[data-direction=rogo] body[data-design=atelier][data-finish=polished] #studyRoot {
  --scene-blue: #05308c;
  --scene-blue-soft: #f0f1ef;
  --scene-ink: #414141;
  --scene-muted: #5f5f5f;
  --scene-line: #efefef;
  --scene-field: #f7f7f5;
  --wf-ink: #414141;
  --wf-body: #414141;
  --wf-muted: #5f5f5f;
  --wf-line: #efefef;
  --wf-field: #fafaf8;
  --wf-selected: #f7f7f5;
  --wf-accent: #414141;
  --wf-edge: #e4e4e4;
  --wf-radius: 8px;
  --wf-shadow: none;
  --craft-model-gutter: 30px;

  [data-guided-platform-demo] { background: #f7f7f5 !important; }
  [class*="guided-platform-demo_toolbar__"] {
    min-height: 43px !important;
    padding: 5px 14px !important;
    background: #fafaf9 !important;
    border-bottom: 1px solid #e8e8e8 !important;
  }
  [class*="guided-platform-demo_toolbar__"] h2 { color: #464646 !important; font-size: 12px !important; }
  [aria-label="Choose a walkthrough"] { background: #f1f1ef !important; border: 1px solid #efefef !important; border-radius: 6px !important; }
  [aria-label="Choose a walkthrough"] button { min-height: 29px !important; padding: 4px 11px !important; color: #464646 !important; }
  [aria-label="Choose a walkthrough"] button[aria-pressed=true] { color: #2d2d2d !important; background: #fff !important; box-shadow: 0 1px 3px #4141410b !important; }
  [class*="guided-platform-demo_workspace__"] { background: #f7f7f5 !important; padding: 7px !important; }
  [class*="guided-platform-demo_modules__"] {
    background: #f8f8f6 !important;
    border-color: #efefef !important;
    box-shadow: none !important;
  }
  [aria-label="Platform preview modules"] button {
    color: #2d2d2d !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    border: 1px solid transparent !important;
    border-radius: 5px !important;
    background: transparent !important;
    box-shadow: none !important;
    gap: 8px !important;
  }
  [aria-label="Platform preview modules"] button[aria-selected=true] {
    color: #2d2d2d !important;
    background: #f7f7f5 !important;
    background: #f7f7f5 !important;
    border-color: transparent !important;
    font-weight: 500 !important;
  }
  .replica-module-icon { width: 15px; height: 15px; flex: 0 0 15px; color: #6b6b6b; stroke-width: 1.4; }
  .replica-rail-brand { display: flex; align-items: center; gap: 7px; min-height: 31px; padding: 3px 8px; margin: 2px 0 15px; }
  .replica-rail-brand img { display: block; width: 19px; height: 19px; object-fit: contain; }
  .replica-rail-brand strong { color: #292b27; font-size: 12px; font-weight: 550; letter-spacing: -.025em; }
  .replica-nav-label { display: block; padding: 6px 9px 10px; color: #898989; font-size: 10px; line-height: 1.4; }
  .replica-rail-footer { display: flex; align-items: center; gap: 7px; margin-top: auto; padding: 18px 8px 7px; color: #777; font-size: 10px; line-height: 1.45; }
  .replica-rail-footer img { display: block; width: 18px; height: 18px; object-fit: contain; }
  .section-moments { background: #f7f7f5 !important; border: 0 !important; padding-block: 4px !important; }
  .section-moments button { color: #464646 !important; border-radius: 4px !important; }
  .section-moments button[aria-current=step] { background: #f7f7f5 !important; color: #2d2d2d !important; }
  [class*="guided-platform-demo_stage__"] { background: #f7f7f5 !important; }
  [data-tour-viewport] {
    border: 1px solid #efefef !important;
    border-radius: 11px !important;
    background: #fff !important;
    box-shadow: 0 1px 5px #41414104 !important;
  }
  [class*="guided-platform-demo_body__"] { border-radius: 11px !important; }
  [data-tour-caption] {
    background: #fbfbfa !important;
    border-color: #efefef !important;
    color: #2d2d2d !important;
    box-shadow: none !important;
  }
  [data-tour-caption] .signature-kicker {
    text-transform: none !important;
    color: #2d2d2d !important;
    font-size: 12px !important;
    font-weight: 550 !important;
    letter-spacing: -.01em !important;
  }
  [data-tour-caption] .signature-kicker::before { display: none !important; }
  [data-tour-caption] [class*="spotlightNarration"] h3 {
    font: 500 15px/1.45 "NA Preview Geist", Arial, sans-serif !important;
    letter-spacing: -.02em !important;
    color: #2d2d2d !important;
  }
  [data-tour-caption] [class*="spotlightNarration"] > p { color: #6b6b6b !important; font-size: 12px !important; line-height: 1.6 !important; }
  [data-tour-caption] [class*="guideActions__"] button[data-guide-action] {
    color: #2d2d2d !important;
    background: #fff !important;
    border-color: #efefef !important;
    border-radius: 6px !important;
    box-shadow: 0 1px 2px #41414104 !important;
  }
  [data-tour-caption] [class*="guideActions__"] :is(button[data-guide-action=next], button[data-guide-action=replay]) {
    color: #fff !important;
    background: #05308c !important;
    border-color: #05308c !important;
  }
  [data-tour-caption] .signature-progress span { background: #efefef !important; }
  [data-tour-caption] .signature-progress span::after { background: #7a7a7a !important; }

  /* These are the actual Marlow source files, supplied by the local bridge. */
  .replica-source-list { display: none; margin: 0 0 25px; }
  &:has(.model-story) .replica-source-list[data-replica-scope=model] { display: block; }
  .replica-source-list > strong { display: block; margin-bottom: 8px; font-size: 10px; line-height: 1.4; color: #6b6b6b; font-weight: 400; }
  .replica-source-list > button {
    display: block;
    width: 100%;
    min-height: 61px;
    padding: 11px 0;
    border: 0;
    border-bottom: 1px solid #f7f7f5;
    border-radius: 0;
    background: transparent;
    color: #2d2d2d;
    font: 400 12px/1.5 "NA Preview Geist", Arial, sans-serif;
    text-align: left;
    cursor: pointer;
  }
  .replica-source-list > button > span { display: block; }
  .replica-source-list > button > small { display: block; margin-top: 4px; color: #6b6b6b; font-size: 10px; overflow-wrap: anywhere; }
  .replica-source-list > button:hover, .replica-source-list > button[aria-current=true] { color: #05308c; background: #f7f7f5; }

  /* Marlow is a document being worked on, rather than a set of dashboard cards. */
  .model-story { border-radius: 11px !important; background: #fff !important; }
  .ms-header {
    display: block !important;
    padding: 35px 30px 24px !important;
    border: 0 !important;
    background: #fff !important;
    text-align: center !important;
  }
  .ms-header h2 {
    font: 400 31px/1.2 Georgia, "Times New Roman", serif !important;
    letter-spacing: -.03em !important;
    color: #2d2d2d !important;
    margin-bottom: 7px !important;
  }
  .ms-header p { font-size: 11px !important; color: #6b6b6b !important; }
  .ms-content { padding: 0 30px 28px !important; }
  .ms-returns {
    grid-template-columns: 1fr 1fr 1fr !important;
    padding: 21px 0 20px !important;
    background: #fff !important;
    border: 0 !important;
    border-top: 1px solid #f7f7f5 !important;
    border-bottom: 1px solid #f7f7f5 !important;
    border-radius: 0 !important;
  }
  .ms-return {
    background: transparent !important;
    border: 0 !important;
    border-right: 1px solid #f7f7f5 !important;
    padding: 0 17px !important;
    border-radius: 0 !important;
  }
  .ms-return:first-child { padding-left: 0 !important; }
  .ms-return:last-child { padding-right: 0 !important; border: 0 !important; }
  .ms-return > span { color: #6b6b6b !important; font-size: 11px !important; font-weight: 400 !important; }
  .ms-return > strong, .ms-return-primary > strong { color: #2d2d2d !important; font-size: 27px !important; font-weight: 400 !important; letter-spacing: -.04em !important; }
  .ms-return-primary small { color: #6b6b6b !important; font-size: 10px !important; }
  .ms-analysis-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 20px !important; margin-top: 22px !important; }
  .ms-scenarios h3, .ms-assumptions h3 { color: #2d2d2d !important; font-size: 12px !important; font-weight: 500 !important; }
  .ms-scenarios header > span { color: #6b6b6b !important; font-size: 10px !important; }
  .ms-case-row { min-height: 34px !important; font-size: 11px !important; color: #6b6b6b !important; border-radius: 5px !important; }
  .ms-case-row.is-current { background: #f7f7f5 !important; border-color: #efefef !important; color: #2d2d2d !important; }
  .ms-case-row strong, .ms-case-row.is-current strong { color: #2d2d2d !important; font-size: 11px !important; }
  .ms-case-track { height: 3px !important; background: #f7f7f5 !important; }
  .ms-case-track i { background: #c6c6c6 !important; }
  .ms-case-row.is-current i { background: #949494 !important; }
  .ms-assumptions { border-color: #f7f7f5 !important; padding-left: 20px !important; }
  .ms-assumptions dl { gap: 9px !important; }
  .ms-assumptions dt { color: #6b6b6b !important; font-size: 11px !important; }
  .ms-assumptions dd { color: #2d2d2d !important; font-size: 16px !important; }
  .ms-cost-options { background: #f7f7f5 !important; border-radius: 6px !important; }
  .ms-cost-options button { color: #6b6b6b !important; font-size: 11px !important; }
  .ms-cost-options button[aria-pressed=true] { color: #2d2d2d !important; background: #fff !important; border-color: #efefef !important; }
  .ms-source-ref { background: #f7f7f5 !important; border-color: #efefef !important; color: #526c98 !important; border-radius: 3px !important; }
  .ms-workbook { margin-top: 25px !important; border-color: #efefef !important; border-radius: 8px !important; box-shadow: 0 1px 3px #41414103 !important; }
  .ms-workbook-summary { padding: 13px 14px !important; background: #fefefe !important; }
  .ms-workbook-icon { width: 28px !important; height: 31px !important; background: #fcfcfb !important; border-color: #efefef !important; color: #6b6b6b !important; }
  .ms-workbook-name strong { font-size: 12px !important; font-weight: 500 !important; color: #464646 !important; }
  .ms-workbook-name small, .ms-sync { font-size: 10px !important; color: #6b6b6b !important; }
  .ms-workbook-action { color: #6b6b6b !important; font-size: 10px !important; }
  .ms-sheet-tabs { padding: 5px 8px !important; background: #fcfcfb !important; border-color: #efefef !important; gap: 3px !important; }
  .ms-sheet-tabs button { font-size: 11px !important; color: #6b6b6b !important; border-radius: 4px !important; }
  .ms-sheet-tabs button[aria-pressed=true] { color: #464646 !important; background: #fff !important; border-color: #efefef !important; }
  .ms-sheet { color: #464646 !important; }
  .ms-sheet :is(th, td) { padding: 10px 11px !important; border-color: #f7f7f5 !important; font-size: 12px !important; }
  .ms-sheet thead th { color: #6b6b6b !important; background: #fcfcfb !important; font-size: 11px !important; }
  .ms-sheet .ms-sheet-letters { display: none !important; }
  .ms-sheet .ms-row-index { color: #838383 !important; background: #fefefe !important; font-size: 9px !important; }
  .ms-sheet .ms-current-column { color: #2d2d2d !important; background: #fcfcfb !important; box-shadow: none !important; }
  .ms-sheet .ms-sheet-results :is(th, td) { border-top: 1px solid #efefef !important; font-weight: 550 !important; }
  .ms-sheet-footer { background: #fcfcfb !important; border-color: #efefef !important; color: #6b6b6b !important; }
  .ms-sheet-tab { border-color: #c6c6c6 !important; color: #6b6b6b !important; }
  .ms-research { border-color: #f7f7f5 !important; }
  .ms-research-name > strong { color: #464646 !important; font-size: 12px !important; }
  .ms-research-action { color: #6b6b6b !important; font-size: 11px !important; }
  .ms-research-evidence { background: #fcfcfb !important; }
  .ms-evidence-record { border-color: #efefef !important; border-radius: 7px !important; }
  .ms-evidence-record[data-selected=true] { border-color: #c6c6c6 !important; box-shadow: 0 0 0 2px #f7f7f5 !important; }
  .ms-evidence-title h4 { color: #464646 !important; }
  .ms-source-id { color: #6b6b6b !important; background: #f7f7f5 !important; }
  .ms-source-signal strong { color: #464646 !important; }
  .ms-source-excerpt { color: #6b6b6b !important; }
}

/* Desktop reference geometry: modules / saved context / working document. */
@media (min-width: 1050px) {
  body[data-direction=rogo] .workspace-bar { display: none !important; }
  html[data-direction=rogo] body[data-design=atelier][data-finish=polished] #studyRoot {
    [data-guided-platform-demo] { --atelier-native-height: 620px !important; }
    [class*="guided-platform-demo_workspace__"] { display: grid !important; grid-template-columns: 153px minmax(0, 1fr) !important; align-items: stretch !important; column-gap: 7px !important; }
    [class*="guided-platform-demo_modules__"] { grid-column: 1 !important; grid-row: 1 / span 2 !important; flex-direction: column !important; justify-content: flex-start !important; align-items: stretch !important; min-height: 0 !important; padding: 10px 5px !important; border: 0 !important; gap: 4px !important; }
    [aria-label="Platform preview modules"] > [role=presentation] { display: flex !important; flex-direction: column !important; width: 100% !important; gap: 4px !important; margin: 0 !important; }
    [aria-label="Platform preview modules"] > :is(.replica-rail-brand, .replica-rail-footer)[role=presentation] {
      flex-direction: row !important;
      align-items: center !important;
      justify-content: flex-start !important;
      gap: 7px !important;
      text-align: left !important;
    }
    [aria-label="Platform preview modules"] > .replica-rail-brand[role=presentation] { margin: 2px 0 15px !important; }
    [aria-label="Platform preview modules"] > .replica-rail-brand strong { white-space: nowrap; }
    [aria-label="Platform preview modules"] > .replica-rail-footer[role=presentation] { margin-top: auto !important; }
    [aria-label="Platform preview modules"] button { display: flex !important; width: 100% !important; min-height: 34px !important; padding: 7px 9px !important; text-align: left !important; justify-content: flex-start !important; }
    .section-moments { grid-column: 2 !important; padding-left: 228px !important; }
    [class*="guided-platform-demo_stage__"] { grid-column: 2 !important; display: grid !important; grid-template-columns: 210px minmax(0, 1fr) !important; grid-template-rows: auto !important; gap: 7px !important; padding: 0 !important; min-height: 620px !important; align-items: stretch !important; }
    [data-tour-viewport] { grid-column: 2 !important; grid-row: 1 !important; min-width: 0 !important; width: 100% !important; align-self: start !important; }
    [data-tour-caption] {
      grid-column: 1 !important;
      grid-row: 1 !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: stretch !important;
      align-self: stretch !important;
      height: auto !important;
      min-height: 620px !important;
      margin: 0 !important;
      padding: 17px 14px !important;
      border: 1px solid #efefef !important;
      border-radius: 10px !important;
      gap: 0 !important;
    }
    [data-tour-caption] .signature-kicker { order: 0; margin-bottom: 23px !important; }
    [data-tour-caption] .replica-source-list { order: 1; }
    [data-tour-caption] [class*="spotlightNarration"] { order: 2; margin-top: 0 !important; }
    [data-tour-caption] [class*="guided-platform-demo_guide__"] { order: 3; margin: auto 0 0 !important; padding: 22px 0 0 !important; border: 0 !important; width: 100% !important; }
    [data-tour-caption] [class*="guideActions__"] { gap: 4px !important; }
    [data-tour-caption] [class*="guideActions__"] button[data-guide-action] { padding: 5px 6px !important; font-size: 11px !important; }
    [data-tour-caption] [class*="guideActions__"] button[data-guide-action=previous] { flex-basis: 30px !important; width: 30px !important; }
    [data-tour-caption] .signature-progress { order: 4; margin-top: 14px !important; }
    [data-guided-platform-demo]:has(.model-story) [data-tour-viewport],
    [data-guided-platform-demo]:has(.model-story) [class*="guided-platform-demo_body__"] {
      height: 620px !important;
      min-height: 0 !important;
      overflow: hidden !important;
    }
    [data-guided-platform-demo]:has(.model-story) [data-guided-presentation] {
      height: 100% !important;
      min-height: 0 !important;
      overflow: hidden !important;
    }
    .model-story { height: 100% !important; min-height: 0 !important; overflow-y: auto !important; overflow-x: hidden !important; scrollbar-width: thin; scrollbar-color: #d3d3ce transparent; }
  }
}
@media (max-width: 1049px) {
  html[data-direction=rogo] body[data-design=atelier][data-finish=polished] #studyRoot {
    .replica-rail-brand, .replica-nav-label, .replica-rail-footer { display: none !important; }
  }
}
@media (min-width: 861px) and (max-width: 1049px) {
  html[data-direction=rogo] body[data-design=atelier][data-finish=polished] #studyRoot {
    [class*="guided-platform-demo_workspace__"] { display: block !important; }
    [class*="guided-platform-demo_modules__"] { flex-direction: row !important; }
    [class*="guided-platform-demo_stage__"] { grid-template-columns: 190px minmax(0, 1fr) !important; grid-template-rows: auto !important; gap: 7px !important; }
    [data-tour-viewport] { grid-column: 2 !important; grid-row: 1 !important; }
    [data-tour-caption] { grid-column: 1 !important; grid-row: 1 !important; display: flex !important; flex-direction: column !important; align-self: stretch !important; padding: 16px 12px !important; border: 1px solid #efefef !important; border-radius: 10px !important; margin: 0 !important; }
    [data-tour-caption] [class*="guided-platform-demo_guide__"] { margin-top: auto !important; padding-top: 22px !important; border: 0 !important; }
    [data-tour-caption] [class*="guideActions__"] button[data-guide-action] { font-size: 11px !important; padding-inline: 5px !important; }
  }
}
@container (max-width: 630px) {
  html[data-direction=rogo] body[data-design=atelier][data-finish=polished] #studyRoot {
    .ms-content { padding-inline: 23px !important; }
    .ms-analysis-row { grid-template-columns: 1fr !important; }
    .ms-assumptions { padding: 15px 0 0 !important; border-left: 0 !important; border-top: 1px solid #efefef !important; }
    .ms-header h2 { font-size: 28px !important; }
    .ms-return > strong { font-size: 24px !important; }
  }
}
@media (max-width: 860px) {
  html[data-direction=rogo] body[data-design=atelier][data-finish=polished] #studyRoot {
    [class*="guided-platform-demo_workspace__"] { padding: 6px !important; }
    [class*="guided-platform-demo_stage__"] { gap: 7px !important; }
    [data-tour-caption] { margin-top: 7px !important; border: 1px solid #efefef !important; border-radius: 8px !important; }
    .replica-source-list { margin-bottom: 17px; }
    .replica-source-list > button { min-height: 43px; padding-block: 8px; }
    .ms-header { padding-top: 26px !important; }
    .ms-content { padding-inline: 20px !important; }
    .ms-return { padding-inline: 12px !important; }
  }
}

/* Eight actual feature facts, re-composed as restrained Rogo application windows. */
body[data-direction=rogo] .features .feature .artwork {
  position: relative;
  display: block;
  height: 332px;
  min-height: 332px;
  padding: 7px;
  overflow: hidden;
  border: 1px solid #e4e4e4;
  border-radius: 12px;
  background: #f7f7f5;
  box-shadow: 0 2px 5px #41414104;
  color: #2d2d2d;
}
body[data-direction=rogo] .features .artwork > div {
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 0;
  margin: 0;
  border: 1px solid #efefef;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
  box-shadow: none;
}
body[data-direction=rogo] .features .artwork .surface { border-color: #efefef; background: #fff; box-shadow: none; }
body[data-direction=rogo] .features .artwork :is(.field,.inputField,.stageChip,.reviewPill) { color: #464646; background: #fcfcfb; border-color: #efefef; box-shadow: none; }
body[data-direction=rogo] .features .artwork :is(.propertyIcon,.relationshipIcon,.relationshipBlue,.mailAvatar,.taskAvatar,.platformMark) { background: #f7f7f5; color: #6b6b6b; border-color: #efefef; box-shadow: none; }
body[data-direction=rogo] .features .artwork :is(.fragmentLabel,.editorTitle,.documentTitle h4,.nextAction strong,.platformNode strong) { color: #2d2d2d; }
body[data-direction=rogo] .features .artwork :is(.operator,.inputLabel,.menuLabel,.recordHead,.documentTitle > span,.permissionLine) { color: #6b6b6b; }
body[data-direction=rogo] .features .artwork .fragmentLabel { margin: 0 0 15px; padding: 0; border: 0; font-size: 12px; }
body[data-direction=rogo] .features .artwork .selectedField { color: #2d2d2d; background: #f7f7f5; border-color: #efefef; }

/* Buy-box history at left; the selected property is the current working result. */
body[data-direction=rogo] .features .sourcingFragment { display: grid; grid-template-columns: 145px minmax(0, 1fr); padding: 0; }
body[data-direction=rogo] .features .filterBuilder { padding: 16px 12px; border: 0; border-right: 1px solid #efefef; border-radius: 0; background: #fcfcfb; }
body[data-direction=rogo] .features .filterRow { flex-wrap: wrap; gap: 6px; margin-top: 17px; font-size: 10px; }
body[data-direction=rogo] .features .filterRow .operator { display: none; }
body[data-direction=rogo] .features .filterRow .field { padding: 5px 6px; font-size: 10px; }
body[data-direction=rogo] .features .filterRow .field > svg { width: 11px; }
body[data-direction=rogo] .features .selectedProperty {
  position: relative;
  inset: auto;
  width: auto;
  max-width: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: center;
  gap: 13px;
  margin: 18px;
  padding: 0;
  border: 0;
  text-align: center;
}
body[data-direction=rogo] .features .selectedProperty strong { color: #464646; font: 400 23px/1.2 Georgia, serif; letter-spacing: -.03em; }
body[data-direction=rogo] .features .selectedProperty > div > span { margin-top: 9px; color: #6b6b6b; font-size: 11px; }
body[data-direction=rogo] .features .selectedProperty .checkMark { width: 17px; height: 17px; color: #6b6b6b; background: #fcfcfb; }

/* Ownership is a source list and a reading pane, rather than a floating graph. */
body[data-direction=rogo] .features .ownerGraph { display: grid; grid-template-columns: 142px minmax(0, 1fr); align-items: stretch; }
body[data-direction=rogo] .features .ownerTrunk { padding: 16px 10px; background: #fcfcfb; border-right: 1px solid #efefef; }
body[data-direction=rogo] .features .ownerTrunk .relationshipCard { border: 0; border-bottom: 1px solid #f7f7f5; border-radius: 0; background: transparent; }
body[data-direction=rogo] .features .ownerTrunk .relationshipCard + .relationshipCard { margin-top: 16px; }
body[data-direction=rogo] .features :is(.verticalWire,.graphBranch) { display: none; }
body[data-direction=rogo] .features .ownerBranches { justify-content: center; padding: 18px; gap: 18px; }
body[data-direction=rogo] .features .ownerBranches .relationshipCard { border: 0; border-radius: 0; }
body[data-direction=rogo] .features .relationshipCard header { padding: 9px 0; background: transparent; gap: 6px; }
body[data-direction=rogo] .features .relationshipCard header strong { color: #6b6b6b; font-size: 11px; }
body[data-direction=rogo] .features .relationshipCard > div { padding: 10px 0; border-color: #f7f7f5; }
body[data-direction=rogo] .features .relationshipCard p { color: #6b6b6b; font-size: 12px; line-height: 1.55; }
body[data-direction=rogo] .features .relationshipCard > div > span { color: #838383; font-size: 10px; }

/* Correspondence becomes an unadorned chat and its approval composer. */
body[data-direction=rogo] .features .outreachFragment { display: flex; flex-direction: column; justify-content: space-between; padding: 24px 20px 17px; gap: 18px; }
body[data-direction=rogo] .features .receivedMessage { padding: 0; margin: 0; gap: 10px; }
body[data-direction=rogo] .features .receivedMessage strong { color: #464646; font-size: 11px; }
body[data-direction=rogo] .features .receivedMessage p { color: #6b6b6b; font-size: 12px; line-height: 1.6; }
body[data-direction=rogo] .features .draftFragment { padding: 13px 14px 0; border-radius: 11px; border-color: #efefef; box-shadow: 0 3px 9px #41414108; }
body[data-direction=rogo] .features .draftFragment header > span { color: #464646; font-size: 11px; }
body[data-direction=rogo] .features .draftFragment header > small { color: #838383; font-size: 10px; }
body[data-direction=rogo] .features .draftFragment > p { margin: 12px 0 14px; color: #6b6b6b; font-size: 12px; line-height: 1.55; }
body[data-direction=rogo] .features .draftFragment footer { padding: 10px 0; border-color: #f7f7f5; }
body[data-direction=rogo] .features .draftFragment footer > span:first-child { color: #6b6b6b; font-size: 10px; }
body[data-direction=rogo] .features .reviewPill { font-size: 9px; padding: 3px 5px; }

/* Scenario history sits alongside a clean single-input working document. */
body[data-direction=rogo] .features .analysisFragment { display: grid; grid-template-columns: 115px minmax(0, 1fr); padding: 0; }
body[data-direction=rogo] .features .inputEditor { grid-column: 2; grid-row: 1; align-self: center; padding: 18px; border: 0; border-radius: 0; }
body[data-direction=rogo] .features .editorTitle { font: 400 23px/1.2 Georgia, serif; margin-bottom: 24px; }
body[data-direction=rogo] .features .inputValues { padding: 0; margin: 17px 0; gap: 24px; background: transparent; border: 0; }
body[data-direction=rogo] .features .inputValues strong { color: #6b6b6b; font-size: 12px; }
body[data-direction=rogo] .features .inputValues > div:first-child strong { font-size: 20px; color: #464646; }
body[data-direction=rogo] .features .inputValues span { color: #838383; font-size: 10px; }
body[data-direction=rogo] .features .inputField { min-height: 32px; padding: 7px; font-size: 11px; }
body[data-direction=rogo] .features .inputField > strong { color: #6b6b6b; font-size: 10px; }
body[data-direction=rogo] .features .scenarioMenu { position: static; grid-column: 1; grid-row: 1; width: auto; padding: 16px 8px; border: 0; border-right: 1px solid #efefef; border-radius: 0; background: #fcfcfb; }
body[data-direction=rogo] .features .menuLabel { margin-bottom: 14px; padding-inline: 5px; border-color: #efefef; font-size: 11px; }
body[data-direction=rogo] .features .scenarioMenu > div:not(:first-child) { padding: 10px 5px; font-size: 11px; color: #6b6b6b; }
body[data-direction=rogo] .features .scenarioMenu > div[data-selected] { background: #f7f7f5; color: #464646; }
body[data-direction=rogo] .features .scenarioIcon { border-color: #c6c6c6; }
body[data-direction=rogo] .features .scenarioMenu > div[data-selected] .scenarioIcon { background: #949494; border-color: #949494; }

body[data-direction=rogo] .features .analysisFragment .inputEditor { width: auto; min-width: 0; align-self: center; }
body[data-direction=rogo] .features .analysisFragment .editorTitle { font-weight: 400; }
body[data-direction=rogo] .features .analysisFragment .scenarioMenu {
  position: static;
  inset: auto;
  align-self: stretch;
  width: auto;
  margin: 0;
  z-index: auto;
}

/* A document window has a file-status rail and a readable editorial page. */
body[data-direction=rogo] .features .documentFragment { display: grid; grid-template-columns: 104px minmax(0, 1fr); padding: 0; }
body[data-direction=rogo] .features .documentBehind { display: none; }
body[data-direction=rogo] .features .documentSheet { grid-column: 2; grid-row: 1; padding: 19px 20px; border: 0; border-radius: 0; }
body[data-direction=rogo] .features .documentTitle { margin: 23px 0 16px; }
body[data-direction=rogo] .features .documentTitle h4 { font: 400 24px/1.17 Georgia, serif; letter-spacing: -.03em; color: #6b6b6b; }
body[data-direction=rogo] .features .documentTitle > span { font-size: 10px; color: #838383; }
body[data-direction=rogo] .features .documentTitle p { color: #838383; font-size: 10px; }
body[data-direction=rogo] .features .documentSheet li { padding-block: 8px; font-size: 10px; color: #6b6b6b; border-color: #f7f7f5; }
body[data-direction=rogo] .features .documentTag { position: static; grid-column: 1; grid-row: 1; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 11px; padding: 22px 13px; border: 0; border-right: 1px solid #efefef; border-radius: 0; background: #fcfcfb; color: #6b6b6b; font-size: 11px; }

/* A property history list leads to one centered next action. */
body[data-direction=rogo] .features .pipelineFragment { display: grid; grid-template-columns: 147px minmax(0, 1fr); padding: 0; }
body[data-direction=rogo] .features .recordRows { padding: 14px 11px; border: 0; border-right: 1px solid #efefef; border-radius: 0; background: #fcfcfb; }
body[data-direction=rogo] .features .recordHead { grid-template-columns: 1fr; gap: 2px; padding: 5px 3px 12px; background: transparent; border-color: #efefef; font-size: 10px; }
body[data-direction=rogo] .features .recordHead > span:last-child { padding: 0; color: #838383; }
body[data-direction=rogo] .features .recordRow { grid-template-columns: 1fr; gap: 7px; padding: 14px 3px; background: transparent; color: #6b6b6b; font-size: 11px; border-color: #f7f7f5; }
body[data-direction=rogo] .features .recordRow[data-selected] { background: transparent; }
body[data-direction=rogo] .features .recordRow[data-selected] > span:first-child { color: #6b6b6b; }
body[data-direction=rogo] .features .stageChip { font-size: 9px; padding: 3px 5px; }
body[data-direction=rogo] .features .nextAction { position: static; width: auto; display: flex; flex-direction: column; align-self: center; align-items: center; margin: 20px; padding: 0; gap: 13px; border: 0; text-align: center; }
body[data-direction=rogo] .features .nextAction > div { flex: none; }
body[data-direction=rogo] .features .nextAction strong { font: 400 23px/1.23 Georgia, serif; color: #6b6b6b; }
body[data-direction=rogo] .features .nextAction small { margin-bottom: 10px; font-size: 10px; color: #838383; }
body[data-direction=rogo] .features .taskCheck { border-color: #d6d6d6; color: #838383; }

/* Cole is a request-and-response conversation, not cards joined by a wire. */
body[data-direction=rogo] .features .coleFragment { display: flex; flex-direction: column; justify-content: center; padding: 20px; gap: 22px; }
body[data-direction=rogo] .features .coleBrief { width: 92%; margin-left: auto; padding: 13px 15px; background: #fcfcfb; border: 0; border-radius: 11px; }
body[data-direction=rogo] .features .coleBrief header { color: #838383; font-size: 10px; }
body[data-direction=rogo] .features .coleBrief header > strong { color: #6b6b6b; font-size: 11px; }
body[data-direction=rogo] .features .coleBrief > p { margin: 11px 0; color: #6b6b6b; font-size: 12px; line-height: 1.65; }
body[data-direction=rogo] .features .attachment { padding-top: 7px; border-color: #efefef; font-size: 10px; color: #838383; }
body[data-direction=rogo] .features .coleWire { display: none; }
body[data-direction=rogo] .features .coleOutputs { width: 100%; margin: 0; padding: 0 8px; border: 0; border-radius: 0; }
body[data-direction=rogo] .features .coleOutputs > div { padding: 9px 0; color: #6b6b6b; font-size: 12px; border-color: #f7f7f5; }

/* Connections read as an application list beside the selected platform. */
body[data-direction=rogo] .features .connectionsFragment { display: grid; grid-template-columns: 116px minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto; }
body[data-direction=rogo] .features .providers { grid-column: 1; grid-row: 1 / span 2; display: flex; flex-direction: column; justify-content: flex-start; padding: 21px 9px; gap: 4px; background: #fcfcfb; border-right: 1px solid #f7f7f5; }
body[data-direction=rogo] .features .providers > .surface { justify-content: flex-start; min-height: 39px; padding: 9px 5px; border: 0; border-radius: 5px; background: transparent; color: #6b6b6b; font-size: 11px; gap: 8px; }
body[data-direction=rogo] .features .providers > .surface:last-child { background: #f7f7f5; }
body[data-direction=rogo] .features .providers svg { width: 15px; height: 15px; }
body[data-direction=rogo] .features .claudeMark { font-size: 21px; color: #838383; }
body[data-direction=rogo] .features .providerWires { display: none; }
body[data-direction=rogo] .features .platformNode { grid-column: 2; grid-row: 1; align-self: center; display: flex; flex-direction: column; width: auto; margin: 17px; padding: 0; border: 0; gap: 14px; text-align: center; }
body[data-direction=rogo] .features .platformNode strong { color: #6b6b6b; font: 400 23px/1.2 Georgia, serif; letter-spacing: -.03em; }
body[data-direction=rogo] .features .platformNode > div > span { font-size: 10px; color: #838383; margin-bottom: 5px; }
body[data-direction=rogo] .features .permissionLine { grid-column: 2; grid-row: 2; flex-wrap: wrap; gap: 5px; margin: 0; padding: 14px 13px 19px; font-size: 10px; color: #838383; }

@container feature-art (max-width: 380px) {
  body[data-direction=rogo] .features :is(.sourcingFragment,.ownerGraph,.pipelineFragment) { grid-template-columns: 119px minmax(0, 1fr); }
  body[data-direction=rogo] .features :is(.analysisFragment,.documentFragment,.connectionsFragment) { grid-template-columns: 96px minmax(0, 1fr); }
  body[data-direction=rogo] .features .filterBuilder { padding-inline: 9px; }
  body[data-direction=rogo] .features .filterRow { gap: 4px; margin-top: 12px; }
  body[data-direction=rogo] .features .filterRow .field { padding-inline: 4px; font-size: 9px; }
  body[data-direction=rogo] .features :is(.selectedProperty,.nextAction,.platformNode) { margin-inline: 12px; }
  body[data-direction=rogo] .features :is(.selectedProperty strong,.editorTitle,.documentTitle h4,.nextAction strong,.platformNode strong) { font-size: 20px; }
  body[data-direction=rogo] .features :is(.inputEditor,.documentSheet,.ownerBranches) { padding-inline: 12px; }
  body[data-direction=rogo] .features .draftFragment header > small { display: none; }
  body[data-direction=rogo] .features .documentSheet li { gap: 5px; font-size: 9px; }
}

/* Uniform-frame revision. --app-height describes the entire native app, including
   its toolbar. The three panes divide the remaining space without adding height. */
@media (min-width: 861px) {
  html[data-direction=rogo] body[data-design=atelier][data-finish=polished] #studyRoot {
    height: var(--app-height, 620px) !important;
    min-height: 0 !important;
    overflow: hidden !important;

    [data-guided-platform-demo] {
      --atelier-native-height: calc(var(--app-height, 620px) - 90px) !important;
      display: flex !important;
      flex-direction: column !important;
      height: 100% !important;
      min-height: 0 !important;
      overflow: hidden !important;
    }
    [class*="guided-platform-demo_toolbar__"] {
      flex: 0 0 48px !important;
      height: 48px !important;
      min-height: 48px !important;
      padding: 7px 14px !important;
    }
    [class*="guided-platform-demo_workspace__"] {
      display: grid !important;
      flex: 1 1 0 !important;
      grid-template-columns: minmax(0, 1fr) !important;
      grid-template-rows: auto auto minmax(0, 1fr) !important;
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
      padding: 7px !important;
      overflow: hidden !important;
      align-items: stretch !important;
    }
    [class*="guided-platform-demo_modules__"] {
      grid-column: 1 !important;
      grid-row: 1 !important;
      min-height: 0 !important;
      height: auto !important;
    }
    .section-moments {
      grid-column: 1 !important;
      grid-row: 2 !important;
      min-height: 34px !important;
      height: auto !important;
    }
    .section-moments[hidden] { display: none !important; min-height: 0 !important; }
    [class*="guided-platform-demo_stage__"] {
      grid-column: 1 !important;
      grid-row: 3 !important;
      grid-template-columns: 190px minmax(0, 1fr) !important;
      grid-template-rows: minmax(0, 1fr) !important;
      height: 100% !important;
      min-height: 0 !important;
      max-height: none !important;
      overflow: hidden !important;
      align-items: stretch !important;
    }
    [data-tour-viewport],
    [class*="guided-platform-demo_body__"],
    [data-guided-platform-demo]:has(.model-story) [data-tour-viewport],
    [data-guided-platform-demo]:has(.model-story) [class*="guided-platform-demo_body__"],
    [data-guided-platform-demo]:has(.model-story) [data-guided-presentation] {
      height: 100% !important;
      min-height: 0 !important;
      max-height: none !important;
      overflow: hidden !important;
    }
    [data-tour-viewport] {
      grid-column: 2 !important;
      grid-row: 1 !important;
      align-self: stretch !important;
      border-color: #e4e5df !important;
    }
    .model-story {
      height: 100% !important;
      min-height: 0 !important;
      overflow-y: auto !important;
      overflow-x: hidden !important;
    }
    [data-tour-caption] {
      grid-column: 1 !important;
      grid-row: 1 !important;
      height: 100% !important;
      min-height: 0 !important;
      max-height: none !important;
      display: flex !important;
      flex-direction: column !important;
      align-self: stretch !important;
      padding: 16px 13px !important;
      overflow: hidden !important;
    }
    [data-tour-caption] .signature-kicker { flex: 0 0 auto; margin-bottom: 16px !important; }
    [data-tour-caption] .replica-source-list { flex: 0 0 auto; margin-bottom: 16px; }
    .replica-source-list > strong { margin-bottom: 6px; font-size: 10px; color: #8b8d85; }
    .replica-source-list > button {
      display: grid;
      grid-template-columns: 14px minmax(0, 1fr);
      align-items: start;
      gap: 3px 7px;
      min-height: 50px;
      padding-block: 8px;
      line-height: 1.4;
      border-color: #e9eae4;
    }
    .replica-source-list > button > svg { grid-column: 1; grid-row: 1 / span 2; width: 12px; height: 14px; margin-top: 1px; color: #8a8d83; }
    .replica-source-list > button > span:not(.replica-module-icon) { grid-column: 2; grid-row: 1; }
    .replica-source-list > button > .replica-module-icon { grid-column: 1; grid-row: 1 / span 2; width: 12px; height: 14px; margin-top: 1px; color: #8a8d83; }
    .replica-source-list > button > small { grid-column: 2; grid-row: 2; margin-top: 0; color: #858880; font-size: 10px; }
    [data-tour-caption] [class*="spotlightNarration"] { flex: 0 1 auto; min-height: 0 !important; }
    [data-tour-caption] [class*="spotlightNarration"] h3 { margin-bottom: 7px !important; font-size: 14px !important; line-height: 1.4 !important; }
    [data-tour-caption] [class*="spotlightNarration"] > p { font-size: 11px !important; line-height: 1.55 !important; color: #777b70 !important; }
    [data-tour-caption] [class*="guided-platform-demo_guide__"] {
      flex: 0 0 auto !important;
      margin-top: auto !important;
      padding-top: 13px !important;
      gap: 8px !important;
    }
    [data-tour-caption] .signature-progress { flex: 0 0 2px; margin-top: 11px !important; }
    [aria-label="Platform preview modules"] button[aria-selected=true] {
      color: #282b24 !important;
      background: #e9eae5 !important;
      border-color: #dedfd8 !important;
      font-weight: 550 !important;
    }
    [aria-label="Platform preview modules"] button[aria-selected=true] .replica-module-icon { color: #53584a !important; }
    .ms-sheet :is(th, td) { border-color: #e9ebe3 !important; }
    .ms-returns { border-block-color: #e8eae2 !important; }
    .ms-return { border-right-color: #e8eae2 !important; }
  }
}
@media (min-width: 1050px) {
  html[data-direction=rogo] body[data-design=atelier][data-finish=polished] #studyRoot {
    [class*="guided-platform-demo_workspace__"] {
      grid-template-columns: 153px minmax(0, 1fr) !important;
      grid-template-rows: auto minmax(0, 1fr) !important;
    }
    [class*="guided-platform-demo_modules__"] {
      grid-column: 1 !important;
      grid-row: 1 / span 2 !important;
      padding: 8px 5px !important;
      gap: 4px !important;
    }
    [aria-label="Platform preview modules"] button { min-height: 32px !important; padding-block: 6px !important; }
    [aria-label="Platform preview modules"] > .replica-rail-brand[role=presentation] { margin: 0 0 10px !important; }
    .replica-nav-label { padding-block: 4px 7px; }
    .replica-rail-footer { padding-top: 12px; }
    .section-moments { grid-column: 2 !important; grid-row: 1 !important; }
    [class*="guided-platform-demo_stage__"] {
      grid-column: 2 !important;
      grid-row: 2 !important;
      grid-template-columns: 210px minmax(0, 1fr) !important;
    }
  }
}