.sre-toc {
  margin-block: 28px;
  padding: 24px;
  border-radius: 14px;
  background: #ede9df;
}
.sre-toc ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px 28px;
  margin-bottom: 0;
}
.sre-guide-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.sre-guide-card { padding: 22px; border: 1px solid var(--line-dark); border-radius: 14px; }
.sre-guide-card h3 { margin-top: 0; line-height: 1.4; font-size: 21px; }
.sre-guide-card p { margin-bottom: 0; }
.sre-related { margin-top: 32px; padding: 24px; border-radius: 14px; background: #ede9df; }
.sre-lifecycle { padding-left: 24px; }
#lifecycle .sre-table table { min-width: 0; }
#lifecycle .sre-table th:first-child, #lifecycle .sre-table td:first-child { width: 28%; }
.sre-table {
  overflow-x: auto;
  margin-block: 24px;
  border: 1px solid var(--line-dark);
  border-radius: 12px;
}
.sre-table table { width: 100%; min-width: 640px; border-collapse: collapse; }
.sre-table caption { padding: 18px; text-align: left; font-weight: 700; }
.sre-table th, .sre-table td {
  padding: 16px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid var(--line-dark);
  line-height: 1.65;
}
.sre-table th { background: #ede9df; }
.content-page section[id] { scroll-margin-top: 24px; }
.content-page :not(pre) > code { overflow-wrap: anywhere; }
@media (max-width: 620px) {
  .sre-toc ul, .sre-guide-grid { grid-template-columns: minmax(0, 1fr); }
  .sre-toc, .sre-related, .sre-guide-card { padding-inline: 18px; }
  #lifecycle .sre-table th, #lifecycle .sre-table td { padding: 12px; font-size: 14px; }
}
@media print {
  .content-header, .content-footer, .content-cta, .skip-link { display: none; }
  .content-page { padding: 0; }
  .content-shell { width: 100%; }
  .content-page h1 { font-size: 28px; }
  .content-page pre { white-space: pre-wrap; color: #142028; background: #fff; }
  .sre-table { overflow: visible; }
  .sre-table table { min-width: 0; }
}