.ic-legal {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
  gap: var(--gblRowGapLarge);
  padding: var(--gblPaddingSidebar);
  max-width: var(--gblHeroContainerMaxWidth);
  margin: 0 auto;
}

.ic-legal__sidebar {
  display: flex;
  flex-direction: column;
  gap: var(--gblRowGapSmall);
  min-width: 0;
}

.ic-legal__sidebar-title {
  margin: 0;
  color: var(--gblBlue);
  font-size: var(--gblFontSizeSmall);
  font-weight: var(--gblFontWeightBold);
  letter-spacing: var(--gblLetterSpacingTitle);
  text-transform: uppercase;
  padding-bottom: var(--gblSpaceUnit);
  border-bottom: var(--gblBorderThin) solid var(--gblGlassBorder);
}

.ic-legal__nav {
  display: flex;
  flex-direction: column;
  gap: var(--gblRowGapSmall);
}

.ic-legal__nav-link {
  color: var(--gblTextWhite);
  font-size: clamp(0.75rem, 1vw, 0.9rem);
  font-weight: var(--gblFontWeightRegular);
  text-decoration: none;
  opacity: 0.8;
  transition: var(--gblTransitionStandard);
}

.ic-legal__nav-link:hover,
.ic-legal__nav-link--active {
  color: var(--gblBlue);
  opacity: 1;
  font-weight: var(--gblFontWeightBold);
}

.ic-legal__article {
  display: flex;
  flex-direction: column;
  gap: var(--gblRowGap);
  color: var(--gblTextWhite);
  font-family: var(--gblFontFamilyAgdasima);
  min-width: 0;
}

.ic-legal__title {
  margin: 0;
  font-size: var(--gblFontSizeLarge);
  color: var(--gblBlue);
}

.ic-legal__updated {
  margin: 0;
  font-size: var(--gblFontSizeTiny);
  opacity: 0.6;
}

.ic-legal__section {
  display: flex;
  flex-direction: column;
  gap: var(--gblSpaceUnit);
}

.ic-legal__section h2 {
  margin: 0;
  font-size: var(--gblFontSizeMedium);
  color: var(--gblTextWhite);
}

.ic-legal__section p,
.ic-legal__section li {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  line-height: var(--gblLineHeightNormal);
  opacity: 0.9;
  overflow-wrap: break-word;
}

.ic-legal__section a {
  color: var(--gblBlue);
  text-decoration: underline;
}