#main-content {
   /* These settings help ensure that full-screen app-mode is active, and the annoying-ass address bar on mobile isn't fucking up my beatiful page */
   min-height: unset;
   position: fixed;
   inset: 0;
}


#bi-area {
   display: flex;
   gap: 20px;
}
#bi-area.vertical-mode {
   flex-direction: column;
}

#house-map {
   height:100%;
   flex-grow: 1;
   max-width: none;
}
#bi-area.vertical-mode #house-map {
   width: 100%;
}

#model-area {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   padding-bottom: 10px;
   width: 475px;
}
#bi-area.vertical-mode #model-area {
   height: 50%;
   width: 100%;
}
#bi-area:not(.vertical-mode).squeeze-sedcards #model-area {
   width: 325px;
}
.house-title-area {
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 100%;
   margin-bottom: calc(0.5*var(--main-content-padding-topbot-base) + 15px);
   border-bottom: 2px solid black;
}
.house-title {
   font-size: 30px;
   font-weight: 600;
   filter: drop-shadow(0px 0px 4px hsl(320, 100%, 80%));
}
.house-get-directions {
   padding: 2px 6px;
   font-style: italic;
   transition: 0.3s;
}
.house-get-directions:hover {
   color: var(--pretty-button-color-on);
}

.model-area-inner {
   display: flex;
   flex-wrap: wrap;
   gap: 20px;
   overflow: overlay;
   align-items: center;
   align-content: flex-start;
   justify-content: center;
   --edgefade-clear-top: 10px;
   --edgefade-clear-bottom: 5px;
   --edgefade-clear-left: 15px;
   --edgefade-clear-right: 20px;
   /* --edgefade-apparent-max-height: 100%;
   --edgefade-apparent-width: 490px; */
}
.sedcard {
   --sedcard-scale: 0.75;
}
.squeeze-sedcards .sedcard {
   --sedcard-scale: 0.5;
}


#intro-text {
   font-size: 30px;
   line-height: 1.2;
   text-align: center;
   color: hsl(320, 30%, 70%);
   padding: 0px 10%;
}