html {
  scroll-behavior: unset !important;
}
.container {
    max-width: 1240px;
    margin: 0 auto;
  }

  .muted {
    color: #666;
    margin: 6px 0 4px;
  }

  /*.card {
   border: 1px solid #ddd; border-radius: 10px; padding: 16px; margin: 16px 0; 
   }
  */
  h1 {
    margin: 0 0 8px;
  }

  h2 {
    margin-top: 28px;
  }

  h3 {
    margin: 18px 0 8px;
  }

  h4 {
    margin: 14px 0 6px;
  }

  .room_types_label {
    font-family: "Tiempos Text Semibold";
    font-size: 1rem;
    line-height: 1.2rem;
    margin-left: 8px;
    margin-bottom: 0;
  }


  .pill {
    display: inline-block;
    padding: 4px 10px;
    border: 1px solid #ddd;
    border-radius: 999px;
    margin: 4px 6px 0 0;
    font-size: 14px;
    background: #f5f5f5;
  }


  /*.card .card-section .rm-type-tag {
    font-family: "trade-gothic-next", Franklin Gothic, Verdana, sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: .8rem;
    padding: .6rem 0 .4rem 0 !important;
    /*height: 25px;
    background: #EDEDED;
    border-radius: 15px;
    text-align: center;
    line-height: 2rem;
    width: 95px;
    padding: 8px 5px;
    
   }*/

  .llc-tag {
    font-family: "trade-gothic-next", Franklin Gothic, Verdana, sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 2rem;
    text-align: center;
    background: #f5f5f5;
    width: 95px;
    height: 25px;
    padding: 8px 5px;
    border-radius: 15px;

  }

  ul.rm-type {
    margin: 0;

  }

  .card .card-section li.rm-type-tag {
    display: flex;
    list-style: none;
    /* Remove default bullets */
    font-family: "trade-gothic-next", Franklin Gothic, Verdana, sans-serif;
    font-weight: normal;
    font-size: .875rem;
    line-height: .8rem;
    padding: 0 0 1rem 0;
  }

  .card .card-section li.rm-type-tag::before {
    content: "•";
    margin-right: 2px;
    /* Precise control over the gap */
    padding-left: .3rem;
    color: #B94700;
    /* Can style the bullet separately */
  }

  .matrix .rates-input {
    margin-bottom: 0 !important;
    /*padding-inline: 20px;*/
    padding: 0;
    height: auto;
  }



  .cu-module .cu-wc .card .card-section {
    position: relative;
    padding: 0 18px;

  }

  .cu-module .cell .card img {

    border-radius: 5px 5px 0 0;
    /*min-height: 150px;*/
    object-fit: cover;
    aspect-ratio: 16 / 9;

  }

  .gen-info {
    font-size: 1rem;
    line-height: 1rem;
  }

  .cu-module .grid-container .grid-x .cell .compare-card .cu-accent-link,
  .small-3 {
    margin: 1rem 4% 1rem 0;
    font-size: 1rem;
  }

  .grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .cu-accent-link.small-3 .cu-icon {
    width: 50px;
    height: 50px;
    color: #B94700;

  }

  .clemson-icon {
    font-size: 3rem;
  }

  .small-3 .cu-icon .clemson-icon {
    color: #B94700;
  }

  .cu-accent-link.small-3 .cu-icon .las,
  .cu-accent-link .cu-icon .lab {
    font-size: 3rem;
  }

  .small-3 .cu-icon .las,
  .small-3 .cu-icon .lab {
    color: #B94700;
  }

  .cu-module .grid-container .grid-x {}


  @media (min-width: 900px) {

    .grid {
      grid-template-columns: 1fr 1fr;
    }

    .gen-info {
      font-size: .94rem;
      line-height: 1.25rem;
    }

  }

  .kv {
    margin: 0;
  }

  .kv dt {
    font-weight: 600;
  }

  .kv dd {
    margin: 0 0 8px;
  }



  ul {
    margin: 8px 0 0 18px;
  }

  .badge {
    background: #B94700;
    span. {
        
    }
  }

  textarea {
    /*min-height: 90px; */
    /*field-sizing: content !important;*/
    height: 6rem !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
  }

  .comp-link {
    color: #B94700;
    text-decoration: underline;
    font-size: 1.125rem;
    line-height: 1.75rem;
    display: inline-block;
  }


  .row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
  }

  @media (min-width: 900px) {
    .row {
      grid-template-columns: 1fr 1fr;
    }

  }

  .muted {
    color: #555;
  }

  .error {
    background: #fff1f1;
    border: 1px solid #f1b3b3;
    padding: 10px;
    border-radius: 8px;
    margin: 10px 0;
  }

  .success {
    background: #eef9f0;
    border: 1px solid #b7e2be;
    padding: 10px;
    border-radius: 8px;
    margin: 10px 0;
  }

  .btn {
    padding: 10px 14px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #fafafa;
    cursor: pointer;
  }

  .checks {
    columns: 2;
    column-gap: 20px;
  }

  @media (max-width: 700px) {
    .checks {
      columns: 1;
    }

  }

  .checks label {
    font-weight: 500;
    display: flex;
    gap: 10px;
    align-items: center;
    margin: 6px 0;
  }


  .actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 18px;
  }

  .status-pill {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    background: #f2f2f2;
    font-size: 13px;
  }

  .status-pill.inactive {
    background: #ececec;
    color: #666;
  }

  .table-wrap {
    overflow-x: auto;
  }

  .page-lead {
    margin-bottom: 20px;
  }

  .icon-col {
    text-align: center;
    white-space: nowrap;
  }

  .icon-status {
    font-size: 22px;
    line-height: 1;
  }

  .icon-status.present {
    color: #2e7d32;
  }

  .icon-status.missing {
    color: #c0392b;
  }

  .amenities {
    border: 1px solid #888B8D;
    border-radius: 15px;
    /* Adds a 15px curve to all corners */
  }

  .layout-img {
    max-height: 445px;
    width: auto;
    /* Maintains aspect ratio */
  }

  .compare-results table ul.no-bull li {
    font-size: 14px;
    font-weight: normal;
  }

  /* Card button fix */
  .card.compare-card .card-section {
    display: flex;
    flex-direction: column;
  }

  .card.compare-card .card-section .text-center {
    display: block;
    margin-top: auto;
  }

  .card.compare-card .card-section .text-center a {
    margin-right: 0;
  }

  /*Tutorial page*/
  .tutorial-hero {
    background: linear-gradient(48deg, #B94700 20.46%, #B94700 21.82%, #9C4746 48.45%, #673470 67.23%, #522D80 76.35%);
    color: #fff;
    padding: 2.5rem 0;
  }

  .tutorial-hero h1,
  .tutorial-hero p {
    color: #fff;
  }

  .tutorial-shell {
    display: grid;
    gap: 1.5rem;
  }

  .tutorial-toc,
  .tutorial-card {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    padding: 1.5rem;
  }

  .tutorial-toc ul {
    margin: 0;
    padding-left: 1.25rem;
  }

  .tutorial-card+.tutorial-card {
    margin-top: 1.5rem;
  }

  .tutorial-card h2 {
    margin-top: 0;
  }

  .tutorial-note {
    background: #f7f4fb;
    border-left: 4px solid #522d80;
    padding: 1rem;
    margin-top: 1rem;
  }

  .tutorial-steps {
    padding-left: 1.25rem;
  }

  .tutorial-grid {
    display: grid;
    gap: 1rem;
  }

  @media (min-width: 1024px) {
    .tutorial-shell {
      grid-template-columns: 18rem minmax(0, 1fr);
      align-items: start;
    }

    .tutorial-toc {
      position: sticky;
      top: 1.5rem;
    }
  }

  .canto-photo-button {
    display: block;
    width: 100%;
    aspect-ratio: 1;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    overflow: hidden;
  }

  .canto-photo-button img {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    padding-bottom: 0 !important;
  }

  .canto-photo-button:focus-visible {
    outline: 3px solid #f56600;
    outline-offset: 0;
  }

  /*Hiding cards when filters are set*/
  .js-building-card[hidden] {
    display: none !important;
  }

  /*Filters*/
  #building-filters {
    p.cu-subtle {
      padding-bottom: 10px;
    }
  }

  .reset-link {
    color: #B94700;
    text-decoration: underline;
    font-size: 1.125rem;
    line-height: 1.75rem;
    display: inline-block;
    margin-top: 30px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    text-align: left;
  }

  #comparison-table:focus {
    outline: 3px solid #F56600;
    outline-offset: 4px;
  }

  #comparison_container .compare-selection-message {
    display: block !important;
    margin: 0.5rem 0 0;
  }

  /* Comparison Stuff */
  #comparison-selection-message-container {
      p {
        margin-bottom: 0;    
      }
  }
  #comparison_container {
    p {
      display: inline-block;
      margin-right: 10px;
      margin-bottom: 0;
    }

    button,
    a {
      margin-right: 10px;
    }

    span.badge {
      width: 3em;
      height: 3em;
      position: relative;
      padding: 0;
      top: -4px;
    }
  }

  #comparison_container.is-stuck {
    background-color: #fff0e6;
    position: fixed !important;
    top: 70px !important;
    right: 0 !important;
    /*transform: translateX(-50%) !important;*/
    width: 100% !important;
    max-width: 1920px;
    z-index: 9999 !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    padding: 0.5rem 6rem;
    margin: 0 auto;

    /* The Animation */
    /*animation: stickySlideIn 0.4s cubic-bezier(0.16, 1, 0.3, 1);*/
  }

  /* Right Ribbon Fold */
  #comparison_container.is-stuck::after {
    /* content: '';
  position: absolute;
  right: 0;
  bottom: -1rem;
  border-right: 1rem solid transparent;
  border-top: 1rem solid #d4c1b5;
  z-index: -1; */
  }

  @keyframes stickySlideIn {
    from {
      transform: translateX(-50%) translateY(-100%);
      opacity: 0;
    }

    to {
      transform: translateX(-50%) translateY(0);
      opacity: 1;
    }
  }

  #sticky-wrapper {
    min-height: auto;
  }
  .cards_area {
      z-index: 0;
  }

  @media (max-width: 1023px) {
    #comparison_container.is-stuck {
      top: 54px !important;
    }
  }


/* Compare drawer */
#compareDrawer.off-canvas.position-bottom {
  position: fixed;
  bottom: 0;
  top: auto;
  left: 0;
  width: 100%;
  height: auto;
  max-height: 70vh;
}
.close-button {
    padding: 10px;
    margin-right: 20px;
}