.school-lunch-guidance--compact {
  margin-top: 14px;
  padding: 13px;
  border: 1px solid #e7dfcf;
  border-left: 3px solid #d7b76d;
  background: #fbfaf7;
}
.school-lunch-guidance--compact .school-lunch-guidance__notice {
  align-items: center;
  gap: 12px;
  padding-bottom: 9px;
  border-bottom-color: #ece7dc;
}
.school-lunch-guidance--compact .school-lunch-guidance__eyebrow {
  color: #7b6a42;
  font-size: .59rem;
}
.school-lunch-guidance--compact .school-lunch-guidance__notice strong {
  margin-top: 3px;
  font-size: .9rem;
}
.school-lunch-guidance--compact .school-lunch-guidance__badge {
  max-width: none;
  padding: 4px 7px;
  color: #676767;
  background: #efefed;
  font-size: .62rem;
  text-align: center;
}
.school-lunch-guidance--compact .school-lunch-guidance__lead {
  margin: 10px 0 9px;
  color: #4a4a4a;
  font-size: .79rem;
  line-height: 1.38;
}
.school-lunch-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}
.school-lunch-option {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  gap: 7px;
  padding: 7px 8px;
  border: 1px solid #e5e1d8;
  background: #fff;
}
.school-lunch-option__key {
  display: inline-flex;
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  background: #b9974e;
  font-size: .6rem;
  font-weight: 850;
}
.school-lunch-option strong,
.school-lunch-option small {
  display: block;
  overflow-wrap: anywhere;
}
.school-lunch-option strong {
  color: #393939;
  font-size: .7rem;
  line-height: 1.2;
}
.school-lunch-option small {
  margin-top: 2px;
  color: #686868;
  font-size: .67rem;
  line-height: 1.2;
}
.school-lunch-guidance--compact .school-lunch-guidance__summary {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 12px;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #ece7dc;
  color: #575757;
  font-size: .68rem;
  line-height: 1.3;
}
.school-lunch-guidance--compact .school-lunch-guidance__reference {
  margin: 7px 0 0;
  color: #766b55;
  font-size: .66rem;
  line-height: 1.32;
}
.school-lunch-guidance--compact .school-lunch-guidance__footnote {
  margin: 8px 0 0;
  color: #766b55;
  font-size: .65rem;
  line-height: 1.3;
}
@media (max-width: 720px) {
  .school-lunch-guidance--compact { margin-top: 11px; padding: 11px; }
  .school-lunch-guidance--compact .school-lunch-guidance__notice { align-items: flex-start; flex-direction: row; gap: 8px; }
  .school-lunch-guidance--compact .school-lunch-guidance__badge { margin-left: auto; }
  .school-lunch-guidance--compact .school-lunch-guidance__lead { font-size: .76rem; }
  .school-lunch-options { grid-template-columns: 1fr; gap: 5px; }
  .school-lunch-option { padding: 6px 7px; }
  .school-lunch-guidance--compact .school-lunch-guidance__summary { display: grid; gap: 3px; }
}
@media print {
  .school-lunch-guidance--compact { margin-top: 0; padding: 2mm; border-left-width: .8pt; }
  .school-lunch-guidance--compact .school-lunch-guidance__notice { gap: 2mm; padding-bottom: 1mm; }
  .school-lunch-guidance--compact .school-lunch-guidance__lead { margin: 1.2mm 0 1mm; font-size: 6pt; line-height: 1.22; }
  .school-lunch-options { gap: 1mm; }
  .school-lunch-option { gap: 1.2mm; padding: 1mm 1.2mm; }
  .school-lunch-option__key { width: 4mm; height: 4mm; font-size: 5pt; }
  .school-lunch-option strong { font-size: 5.6pt; }
  .school-lunch-option small { margin-top: .3mm; font-size: 5.2pt; }
  .school-lunch-guidance--compact .school-lunch-guidance__summary { gap: 1mm 3mm; margin-top: 1mm; padding-top: 1mm; font-size: 5.3pt; }
  .school-lunch-guidance--compact .school-lunch-guidance__reference { margin-top: 1mm; font-size: 5.2pt; line-height: 1.2; }
  .school-lunch-guidance--compact .school-lunch-guidance__footnote { margin-top: 1mm; font-size: 5.1pt; line-height: 1.2; }
}