/* Only the public service information page; application forms keep their layout. */
.consular-layout.gt-service-layout {
  display: block;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  margin: 0;
  padding: 32px 20px 48px;
}
.gt-service-layout > .gt-info {
  display: grid;
  width: 100%;
  max-width: 1320px;
  margin-inline: auto;
  grid-template-columns: 320px minmax(0, 1fr);
  grid-template-areas: "services information";
  gap: 28px;
  align-items: start;
}
.gt-service-layout > .gt-info > .content-card {
  grid-area: information;
  min-width: 0;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  margin: 0;
  order: initial;
  overflow-wrap: anywhere;
}
.gt-service-layout > .gt-info > .gt-side {
  grid-area: services;
  width: 100%;
  min-width: 0;
  position: static;
  order: initial;
}
@media (min-width: 801px) and (max-width: 1100px) {
  .gt-service-layout > .gt-info {
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 20px;
  }
}
@media (max-width: 800px) {
  .consular-layout.gt-service-layout { padding: 20px 12px 32px; }
  .gt-service-layout > .gt-info {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "information" "services";
    gap: 20px;
  }
}
@media print {
  .consular-layout.gt-service-layout { padding: 0; }
  .gt-service-layout > .gt-info { display: block; }
  .gt-service-layout > .gt-info > .gt-side { display: none; }
}