.views-element-container .contextual-region {
  display: flex;
}
.service-plan--nutrition-label--row {
  width: 600px;
}




/* Vars */
:root {
  --nutrition-label-scale: 0.9;
  --broadband-typography-scale: 1;
}
@media( min-width: 768px ) {
  :root {
    --nutrition-label-scale: 1.025;
    --broadband-typography-scale: 2;
  }
}
@media( min-width: 1024px ) {
  :root {
    --nutrition-label-scale: 1.15;
    --test: calc(100%/1024);
  }
}

/* Wrapper */
html body .broadband-service-plan article.nutrition-label {
  display: inline-block;
  color: #000;
  margin: 10px;
  padding: 10px;
  font-size: 16px;
  font-family: sans-serif;
  box-shadow: 1px 1px 1px 1px #000;
  border: 4px solid #000;
  width: 100%;
  max-width: 600px;
}

/* Typography */
html body .broadband-service-plan article.nutrition-label h1,
html body .broadband-service-plan article.nutrition-label h2,
html body .broadband-service-plan article.nutrition-label h3,
html body .broadband-service-plan article.nutrition-label h4,
html body .broadband-service-plan article.nutrition-label h5,
html body .broadband-service-plan article.nutrition-label h6,
html body .broadband-service-plan article.nutrition-label p,
html body .broadband-service-plan article.nutrition-label dl,
html body .broadband-service-plan article.nutrition-label dt,
html body .broadband-service-plan article.nutrition-label dd {
  margin: 0;
  padding: 0;
  line-height: 1.25;
}
html body .broadband-service-plan article.nutrition-label h1.title {
  line-height: 1;
}
html body .broadband-service-plan article.nutrition-label {
  container-type: inline-size;
}
@container (min-width: 320px) and (max-width: 600px) {
  html body .broadband-service-plan article.nutrition-label h1 {
    font-size: clamp(2em, 10vw, 4em);
    font-weight: 900;
    letter-spacing: -3px
  }
  html body .broadband-service-plan article.nutrition-label h2 {
    font-size: clamp(1.2em, 3vw, 1.5em);
    font-weight: 600;
    letter-spacing: -1px
  }
  html body .broadband-service-plan article.nutrition-label h3 {
    font-size: clamp(0.9em, 3vw, 1.25em);
    font-weight: 900;
    letter-spacing: -1px
  }
}
html body .broadband-service-plan article.nutrition-label h3.fcc-label {
  color: #144485;
  text-align: right;
}

/* Borders */
html body .broadband-service-plan article.nutrition-label hr {
  margin: 0.5em 0;
  padding: 0;
  border: none;
  border-bottom: 1px solid #000;
}
html body .broadband-service-plan article.nutrition-label dl hr {
  display: block;
  grid-column: 1/-1;
}
html body .broadband-service-plan article.nutrition-label hr.section-border--major {
  border: 8px solid #000;
}
html body .broadband-service-plan article.nutrition-label hr.section-border--minor {
  border: 4px solid #000;
}
html body .broadband-service-plan article.nutrition-label hr.section-border {
  border: 2px solid #000;
}

/* Lists */
html body .broadband-service-plan article.nutrition-label dl {
  display: grid;
  grid-gap: 0.25em 1em;
  grid-template-columns: auto max-content;
  justify-content: space-between;
  align-items: self-end;
}
html body .broadband-service-plan article.nutrition-label dl.inline {
  grid-template-columns: auto 1fr;
}
html body .broadband-service-plan article.nutrition-label dt,
html body .broadband-service-plan article.nutrition-label dd{
  font-weight: 300;
  margin: 0;
}
html body .broadband-service-plan article.nutrition-label dt.heading {
  display: block;
  grid-column: 1/-1;
}
html body .broadband-service-plan article.nutrition-label .value-hilight dd {
  font-weight: 600;
}
html body .broadband-service-plan article.nutrition-label .fee-right dd {
  text-align: right;
}

/* Layout */
html body .broadband-service-plan article.nutrition-label .spacer {
  line-height: 1;
  display: block;
  grid-column: 1/-1;
}
html body .broadband-service-plan article.nutrition-label .interior {
  margin: 0 2em;
}
.unit-label {
  width: var(--unit-label-size);
  min-width: 4em;
  display: inline-block;
  text-align: left;
  margin-left: 0.5em;
}