:root {
  --hsd-overview-background-color: #f6f6f6;
  --hsd-overview-text-color: ;
}
.hsd-at-a-glance {
  background: var(--hsd-overview-background-color);
  color: var(--hsd-overview-text-color);
  max-width: 1440px;
  width: 100%;
  margin: 1rem auto;
  padding: 2em 2em 4rem;
  text-align: center;
}
.hsd-at-a-glance ul {
  text-align: left;
  max-width: 850px;
  margin: 0 auto;
} /* Content w/ Lifestyles customizable root variables */
:root {
  /* cwl = Content w/ Lifestyles */ /* Accent Class */
  --hsd-mod-cwl-50-50-accent-background-color: #eee;
  --hsd-mod-cwl-50-50-accent-text-color: #000;
  --hsd-mod-cwl-50-50-accent-link-color: #000;
} /* Module Parent */
.hsd-mod-content-w-lifestyle-50-50 {
  display: grid;
  grid-template-columns: 50% 50%;
  align-items: center;
  justify-items: center;
  max-width: 1440px;
  width: 100%;
  margin: 1rem auto;
} /* Image Cont */
.hsd-mod-cwl-50-50-img {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.hsd-mod-cwl-50-50-img img {
  width: 100%;
  height: auto;
  object-fit: contain;
} /* Content Cont */
.hsd-mod-cwl-50-50-content {
  margin: 1rem;
  padding: 4rem;
  box-sizing: border-box;
} /* ** Optional Classes ** */ /* Reverse Class */ /* (swaps image and content position when added) */
.hsd-mod-cwl-50-50-reverse {
  grid-template-columns: 50% 50%;
}
.hsd-mod-cwl-50-50-reverse .hsd-mod-cwl-50-50-content {
  order: 1;
} /* Accent styling */
.hsd-mod-cwl-50-50-accent {
  color: var(--hsd-mod-cwl-50-50-accent-text-color) !important;
  background-color: var(--hsd-mod-cwl-50-50-accent-background-color);
}
.hsd-mod-cwl-50-50-accent a {
  color: var(--hsd-mod-cwl-50-50-accent-link-color) !important;
} /* Media Query for mobile */
@media screen and (max-width: 767px) {
  /* Module Parent */
  .hsd-mod-content-w-lifestyle-50-50 {
    grid-template-columns: 1fr;
  } /* Content Cont */
  .hsd-mod-cwl-50-50-content {
    margin: 1rem;
    padding: 1rem;
  } /* Have the content above the image */
  .hsd-mod-content-w-lifestyle-50-50 .hsd-mod-cwl-50-50-content {
    order: 2;
  }
}
:root {
  /* PCS - Pros & Cons Cont */
  --hsd-mod-pcs-cont-background: #f9f9f9;
  --hsd-mod-pcs-cont-border: 1px solid #ddd;
  --hsd-mod-pcs-cont-border-radius: 4px; /* PCS - Pros & Cons h3 */
  --hsd-mod-pcs-heading-font-color: ; /* PCS - Pros */ /* h3 */
  --hsd-mod-pcs-pros-heading-border: 2px solid #008000; /* ::before */
  --hsd-mod-pcs-pros-marker: "\2713";
  --hsd-mod-pcs-pros-font-size: 10px;
  --hsd-mod-pcs-pros-font-color: #008000; /* PCS - Cons */ /* h3 */
  --hsd-mod-pcs-cons-heading-border: 2px solid #ff0000; /* ::before */
  --hsd-mod-pcs-cons-marker: "\274C";
  --hsd-mod-pcs-cons-font-size: 10px;
  --hsd-mod-pcs-cons-font-color: #ff0000; /* PCS - Pros & Cons li */
  --hsd-mod-pcs-li-font-color: ;
} /* Parent Container */
.hsd-mod-pro-con-section {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1440px;
  margin: 0 auto; /* padding: 1rem; */
} /* Heading (larger) */
.hsd-mod-pro-con-section > h2 {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  gap: 2px;
  margin: 32px auto !important;
} /* Heading (smaller) */
.hsd-mod-pro-con-section > h2 span {
  font-size: 14px !important;
  line-height: 100% !important;
} /* Single Pros & Cons Container */
.hsd-mod-pcs-pro-con-cont {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  background: var(--hsd-mod-pcs-cont-background);
  border: var(--hsd-mod-pcs-cont-border);
  border-radius: var(--hsd-mod-pcs-cont-border-radius);
} /* Pros cont and Cons cont */
:is(.hsd-mod-pcs-pros, .hsd-mod-pcs-cons) {
  max-width: 550px;
  min-width: 350px;
  width: calc(50% - 16px);
  box-sizing: border-box;
} /* Pros heading */
:is(.hsd-mod-pcs-pros h2, .hsd-mod-pcs-pros h3) {
  border-bottom: var(--hsd-mod-pcs-pros-heading-border);
  width: fit-content;
  margin: 0 auto !important;
  color: var(--hsd-mod-pcs-heading-font-color) !important;
  text-align: center;
} /* Cons headings */
:is(.hsd-mod-pcs-cons h2, .hsd-mod-pcs-cons h3) {
  border-bottom: var(--hsd-mod-pcs-cons-heading-border);
  width: fit-content;
  margin: 0 auto !important;
  color: var(--hsd-mod-pcs-heading-font-color) !important;
  text-align: center;
} /* Pros List and Cons List */
:is(.hsd-mod-pcs-pros ul, .hsd-mod-pcs-cons ul) {
  padding: 14px;
}
:is(.hsd-mod-pcs-pros ul li, .hsd-mod-pcs-cons ul li) {
  color: var(--hsd-mod-pcs-li-font-color) !important;
  list-style: none;
} /* Check */
.hsd-mod-pcs-pros ul li::before {
  content: var(--hsd-mod-pcs-pros-marker);
  margin-right: var(--hsd-mod-pcs-pros-font-size);
  color: var(--hsd-mod-pcs-pros-font-color);
} /* X */
.hsd-mod-pcs-cons ul li::before {
  content: var(--hsd-mod-pcs-cons-marker);
  margin-right: var(--hsd-mod-pcs-cons-font-size);
  color: var(--hsd-mod-pcs-cons-font-color);
}
@media screen and (max-width: 850px) {
  /* Pros & Cons Container */
  .hsd-mod-pcs-pro-con-cont {
    gap: 16px;
    padding: 20px;
  } /* Pros cont and Cons cont */
  :is(.hsd-mod-pcs-pros, .hsd-mod-pcs-cons) {
    width: 100%;
  } /* Pros heading */
  :is(.hsd-mod-pcs-pros h2, .hsd-mod-pcs-pros h3) {
    margin: 0 0 0 14px !important;
  } /* Cons headings */
  :is(.hsd-mod-pcs-cons h2, .hsd-mod-pcs-cons h3) {
    margin: 0 0 0 14px !important;
  }
}
  .revwid-box {
    height: 100%;
  }
  .revwid-container {
    margin-top: 0 !important;
  }
    .hsd-link-grid td {
    border-width: 1px !important;
    border-style: ridge !important;
    border-color: #808080 !important;
    padding: 0.7rem;
    margin: 0.7rem;
  }
  @media screen and (max-width: 768px) {
    .hsd-link-grid td {
      display: block;
      width: 100%;
    }
    .hsd-empty-cell {
      display: none !important;
    }
  }