.content-details { padding-top: 64px; padding-bottom: 64px; }
.content-details h2 { max-width: 920px; margin-bottom: 24px; }
.content-details-intro { max-width: 900px; }
.content-details p { line-height: 1.7; }
.content-details-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 32px; }
.content-details-grid article { min-width: 0; padding: 28px; border: 1px solid #d6dfdf; border-radius: 16px; background: #fff; }
.content-details-grid h3 { margin: 0 0 16px; font-size: 23px; line-height: 1.25; }
.content-details a { color: #075d62; text-underline-offset: 4px; overflow-wrap: anywhere; }
.content-details a:hover { text-decoration-thickness: 2px; }
.content-details-example { margin: 40px 0; padding: 32px; border-radius: 16px; background: #edf3f2; }
.content-details-example h3 { margin-top: 0; }
.content-table-scroll { overflow-x: auto; }
.content-table-scroll:focus-visible { outline: 2px solid #075d62; outline-offset: 4px; }
.content-details table { width: 100%; border-collapse: collapse; text-align: left; }
.content-details caption { text-align: left; font-weight: 700; padding: 16px 0; }
.content-details th, .content-details td { padding: 16px 12px; border-bottom: 1px solid #bacbca; vertical-align: top; }
.content-details td:nth-child(2) { white-space: nowrap; }
.content-details-related { border-top: 1px solid #d6dfdf; }
@media (max-width: 900px) { .content-details-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) {
  .content-details { padding-top: 40px; padding-bottom: 40px; }
  .content-details-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .content-details-grid article { padding: 22px; }
  .content-details-example { padding: 20px; margin: 28px 0; }
  .content-details th, .content-details td { padding: 12px 8px; font-size: 14px; }
}