/* The homepage owns scrolling. Fit the guide to the frame it is given. */
html[data-atelier-layout=fit],
html[data-atelier-layout=fit] body {
 height:100%;
 margin:0;
 overflow:clip;
}

html[data-atelier-layout=fit] body[data-design=atelier][data-finish=polished][data-embedded=true][data-proposal=false] {
 --fit-action-height:32px;
 --fit-gutter:clamp(8px,1.6vw,18px);

 .study {
  box-sizing:border-box;
  height:100%;
  padding:var(--fit-gutter)!important;
 }

 .tm-mobile-controls { display:none!important; }

 #studyRoot {
  height:100%;

  [data-guided-platform-demo] {
   display:flex;
   flex-direction:column;
   height:100%;
   min-height:0;
  }

  [class*='guided-platform-demo_toolbar__'] {
   display:grid;
   flex:none;
   grid-template-columns:minmax(0,1fr);
   grid-template-rows:auto;
   height:auto;
   min-height:0;
   gap:8px 14px;
   padding:0 0 8px;
  }

  [class*='guided-platform-demo_toolbar__'] h2 {
   height:auto;
   min-height:0;
   overflow:visible;
   font-size:clamp(17px,2.6vw,22px);
   line-height:1.2;
  }

  [class*='guided-platform-demo_toolbar__'] p {
   margin:3px 0 0;
   font-size:11px;
   line-height:1.45;
  }

  [class*='guided-platform-demo_toolbarControls__'] {
   gap:6px;
  }

  [aria-label='Choose a walkthrough'] button {
   min-height:var(--fit-action-height);
   padding:4px 8px;
   font-size:11px;
  }

  [class*='guided-platform-demo_workspace__'] {
   display:flex;
   flex:1 1 auto;
   flex-direction:column;
   min-height:0;
  }

  [class*='guided-platform-demo_modules__'],
  .section-moments,
  .section-moment-list {
   display:flex;
   flex:none;
   flex-wrap:wrap;
   height:auto;
   min-height:0;
   gap:3px;
   overflow:visible;
  }

  [class*='guided-platform-demo_modules__'],
  .section-moments {
   padding:4px 7px;
  }

  .section-moments {
   /* Keep the application frame steady in single-moment modules. */
   min-height:36px;
  }

  .section-moment-list { max-width:100%; }

  [aria-label='Platform preview modules'] button,
  .section-moments button {
   height:auto;
   min-height:27px;
   padding:3px 7px;
   font-size:11px;
   line-height:1.2;
  }

  [class*='guided-platform-demo_stage__'] {
   flex:1 1 auto;
   min-height:0;
   grid-template-columns:minmax(0,1fr);
   grid-template-rows:auto minmax(0,1fr);
   align-items:stretch;
  }

  [data-tour-viewport] {
   grid-column:1;
   grid-row:2;
   width:100%;
   height:100%;
   min-height:0;
  }

  [class*='guided-platform-demo_body__'] {
   height:100%;
   min-height:0;
   overflow:hidden;
   overscroll-behavior:auto;
   padding-bottom:0;
  }

  [data-guided-presentation],
  :is(.owner-study,.cole-story,.pipeline-story,.model-story,.document-study,.agent-study),
  [data-tour-module=sourcing] [class*='native-sourcing-preview_sourcing__'] {
   height:100%;
   min-height:0;
  }

  [data-guided-presentation] { overflow:hidden; }

  /* The tour can still reveal a focused record. Wheel and swipe belong to the page. */
  [data-tour-viewport] :is(
   .owner-study,.cole-story,.pipeline-story,.model-story,.document-study,
   .as-settings-scroll,.as-chat-scroll,.ms-sheet-wrap,.editorial-table-wrap,
   [class*='native-sourcing-preview_propertyCard__'],
   [class*='native-document-preview_paperStage__'],
   [class*='native-document-preview_preparationBody__']
  ) {
   overflow-y:hidden;
   overscroll-behavior-y:auto;
  }

  [data-tour-caption] {
   grid-column:1;
   grid-row:1;
   gap:5px;
   position:relative;
   inset:auto!important;
   width:auto!important;
   height:auto;
   margin:6px!important;
   padding:9px 11px!important;
  }

  [data-tour-caption] .signature-kicker {
   height:auto;
   min-height:0;
   margin:0;
  }

  [data-tour-caption] [class*='spotlightNarration'] {
   flex:0 0 auto;
   overflow:visible;
  }

  [data-tour-caption] [class*='spotlightNarration'] h3 {
   min-height:0;
   margin:0 0 3px;
   font-size:clamp(15px,2.35vw,19px);
   line-height:1.22;
  }

  [data-tour-caption] [class*='spotlightNarration'] > p {
   font-size:11px;
   line-height:1.45;
  }

  [data-tour-caption] [class*='guided-platform-demo_guide__'] {
   display:flex;
   align-items:center;
   justify-content:space-between;
   flex-wrap:wrap;
   gap:4px 8px;
   visibility:visible;
   height:auto;
   min-height:0;
   overflow:visible;
   margin:0!important;
   padding:5px 0 0!important;
   border:0!important;
  }

  [data-tour-caption] [class*='guideActions'] {
   display:flex;
   flex:none;
   gap:4px;
  }

  [data-tour-caption] [class*='guideActions'] button[data-guide-action] {
   flex:0 0 auto;
   width:64px;
   min-width:var(--fit-action-height);
   max-width:none;
   height:var(--fit-action-height);
   min-height:var(--fit-action-height);
   gap:4px;
   padding:0 6px;
   border-radius:5px!important;
   box-shadow:none;
  }

  [data-tour-caption] [class*='guideActions'] button[data-guide-action=previous] {
   width:var(--fit-action-height);
  }

  [data-tour-caption] [class*='guideActions'] button[data-guide-action=play]:focus-visible {
   outline-color:#0049b8;
  }

  [data-tour-caption] .signature-progress {
   margin:3px 0 0;
  }

  [class*='guided-platform-demo_caption__'] {
   flex:none;
   align-items:center;
   justify-content:flex-end;
   gap:8px;
   padding-top:4px;
   font-size:10px;
   line-height:1.35;
  }

  [class*='guided-platform-demo_caption__'] > a {
   min-height:var(--fit-action-height);
   font-size:11px;
  }

  [data-tour-module=sourcing]:is([data-tour-scene=map],[data-tour-scene=property]) {
   [class*='native-sourcing-preview_sourcing__'] > [role=region],
   [class*='native-sourcing-preview_screen__'] {
    height:100%;
    min-height:0;
   }

   [class*='native-sourcing-preview_results__'],
   [class*='native-sourcing-preview_mapWrap__'] {
    display:flex;
    flex-direction:column;
    min-height:0;
   }

   [class*='native-sourcing-preview_mapWrap__'],
   [class*='native-sourcing-preview_mapCanvas__'] {
    flex:1 1 auto;
    min-height:0;
   }

   [class*='native-sourcing-preview_mapCanvas__'] { height:auto; }
  }

  [data-tour-module=sourcing][data-tour-scene=property] {
   .institutional-buybox { display:none; }

   [class*='native-sourcing-preview_screen__'] {
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:minmax(0,1fr);
   }
  }
 }

 @media (min-width:520px), (min-width:320px) and (max-height:610px) {
  #studyRoot [class*='guided-platform-demo_toolbar__'] {
   grid-template-columns:minmax(0,1fr) auto;
   align-items:center;
  }

  #studyRoot [class*='guided-platform-demo_toolbarControls__'] {
   grid-column:2;
   grid-row:1;
  }
 }

 @media (min-width:580px) and (max-width:759px) {
  #studyRoot [data-tour-caption] {
   display:grid!important;
   grid-template-columns:minmax(0,1fr) auto;
   column-gap:14px;
  }

  #studyRoot [data-tour-caption] [class*='guided-platform-demo_guide__'] {
   grid-column:2;
   grid-row:1 / 3;
   align-self:center;
   padding:0!important;
  }

  #studyRoot [data-tour-caption] .signature-progress { grid-column:1 / -1; }
 }

 @media (min-width:760px) {
  #studyRoot [class*='guided-platform-demo_stage__'] {
   grid-template-columns:minmax(0,1fr) clamp(206px,26%,280px);
   grid-template-rows:minmax(0,1fr);
  }

  #studyRoot [data-tour-viewport] { grid-row:1; }

  #studyRoot [data-tour-caption] {
   grid-column:2;
   align-self:start;
   gap:9px;
   margin:10px!important;
   padding:13px!important;
  }
 }

 @media (max-width:600px), (max-height:660px) {
  #studyRoot [data-tour-module=sourcing][data-tour-scene=property] {
   [class*='native-sourcing-preview_propertyCard__'] {
    padding:8px 10px;

    h4 { margin-block:0 2px; font-size:16px; }
    > p { font-size:11px; }
    dl {
     display:grid;
     grid-template-columns:repeat(2,minmax(0,1fr));
     gap:0 10px;
     margin:5px 0;
    }
    dl > div {
     display:grid;
     gap:0;
     min-width:0;
     padding:3px 0;
    }
    dt,dd { font-size:11px; text-align:left; }
   }
  }
 }

 @media (max-width:600px) {
  #studyRoot [data-tour-module=sourcing][data-tour-scene=property] {
   [class*='native-sourcing-preview_viewBar__'] { display:none; }

   [class*='native-sourcing-preview_propertyCard__'] {
    position:absolute;
    top:6px;
    right:6px;
    width:min(250px,calc(100% - 12px));
    max-height:calc(100% - 12px);
    margin:0;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-content:start;
    column-gap:8px;

    h4 { grid-area:1 / 1; margin-right:0; }
    > p { grid-area:2 / 1; }
    > :is(dl,button) { grid-column:1 / -1; }
    > .institutional-maps-link {
     grid-area:1 / 2 / 3;
     align-self:center;
     width:auto;
     margin:0;
     padding:0 3px;
     gap:4px;
    }
   }
  }

  #studyRoot [data-tour-module=sourcing][data-tour-scene=map] {
   [class*='native-sourcing-preview_screen__'] { grid-template-rows:auto minmax(0,1fr); }

   [class*='native-sourcing-preview_viewBar__'] {
    min-height:0;
    padding:4px 10px;
   }
  }

  #studyRoot .institutional-buybox {
   padding:8px 10px;

   > header { padding-bottom:6px; }
   .buybox-fields > div { padding:5px 0; }
   .buybox-fields dt { margin-bottom:3px; }
  }
 }

 @media (max-width:519px) and (max-height:610px) {
  #studyRoot {
   [class*='guided-platform-demo_toolbar__'] {
    gap:4px;
    padding-bottom:5px;
   }

   [class*='guided-platform-demo_toolbar__'] h2 { font-size:16px; }

   /* On short phones the guide controls are the step navigation. */
   .section-moments { display:none; }

   [data-tour-caption] {
    gap:3px;
    margin:4px!important;
    padding:6px 8px!important;
   }

   [data-tour-caption] [class*='guided-platform-demo_guide__'] { padding-top:2px!important; }

   [data-tour-module=sourcing][data-tour-scene=property] [class*='native-sourcing-preview_propertyCard__'] {
    width:calc(100% - 12px);

    [class*='native-sourcing-preview_enrichProperty__'] {
     min-height:32px;
     padding:5px 8px;
     font-size:11px;
    }
   }
  }
 }

 @media (any-pointer:coarse) {
  --fit-action-height:44px;
 }

 @media (forced-colors:active) {
  #studyRoot [data-tour-caption] [class*='guideActions'] button[data-guide-action]:focus-visible {
   outline-color:Highlight;
  }
 }
}

@media (forced-colors:none) {
 html[data-atelier-layout=fit] body[data-design=atelier][data-finish=polished][data-embedded=true][data-proposal=false]
 #studyRoot:not([data-motion-mode=playing]) [data-tour-caption] [class*='guideActions'] button[data-guide-action=play] {
  border-color:#dce3e8!important;
  background:#fff!important;
  color:#34546d!important;
 }
}