/* Content Automator front-end layout */
.ca-section { margin: 2.5rem 0; }
.ca-full { max-width: 60rem; margin-left: auto; margin-right: auto; padding: 0 1rem; }
.ca-split { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 2rem; align-items: center; max-width: 75rem; margin-left: auto; margin-right: auto; padding: 0 1rem; }
.ca-split.ca-reverse { grid-template-columns: 0.85fr 1.15fr; }
.ca-text > :first-child { margin-top: 0; }
.ca-media { margin: 0; }
.ca-media img { width: 100%; height: auto; display: block; border-radius: 8px; }
.ca-sec { padding: 4rem 0; }
.ca-wrap { max-width: 72.5rem; margin-left: auto; margin-right: auto; padding: 0 1rem; }
.ca-sec-head { max-width: 42.5rem; margin: 0 auto; text-align: center; }
.ca-sec-head h2 { margin: 0.5rem 0 0; color: var(--tx, #0F1B2D); font-size: clamp(1.4rem, 2.8vw, 2.1rem); line-height: 1.2; }
.ca-eyebrow { margin: 0; color: var(--at, #F5A800); font-size: 0.7rem; font-weight: 800; letter-spacing: 0.18em; text-transform: uppercase; }
.ca-related-list { display: grid; gap: 16px; margin-top: 28px; list-style: none; padding-left: 0; margin-left: 0; width: 100%; box-sizing: border-box; }
.ca-related-cols-1 { grid-template-columns: 1fr; }
.ca-related-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ca-related-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ca-related-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ca-related-list.ca-related-list { overflow-wrap: anywhere; grid-auto-rows: 1fr; align-items: stretch; clear: both; max-width: 100%; min-width: 0; }
.ca-related-card { border: 1px solid var(--bd, #E5E9EF); border-radius: 8px; background: var(--card, #fff); padding: 16px; box-sizing: border-box; min-width: 0; }
.ca-related-card a { color: var(--tx, #0F1B2D); font-weight: 800; text-decoration: none; overflow-wrap: anywhere; }
.ca-related-card span { display: block; margin-top: 5px; color: var(--mu, #5B6A7E); font-size: 13px; }
.ca-related-style-list { display: block; }
.ca-related-style-list .ca-related-card { margin-bottom: 10px; }
.ca-related-list.ca-related-list.ca-related-list { position: static; transform: none; opacity: 1; visibility: visible; white-space: normal; word-break: normal; }
.ca-related-list.ca-related-list.ca-related-list.ca-related-list { pointer-events: auto; isolation: auto; contain: none; flex: initial; float: none; text-align: initial; }
.ca-related-list.ca-related-list.ca-related-list.ca-related-list.ca-related-list { vertical-align: baseline; text-transform: none; letter-spacing: normal; height: auto; min-height: 0; max-height: none; }

@media (max-width: 980px) {
  .ca-split, .ca-split.ca-reverse { grid-template-columns: 1fr; }
  .ca-media { order: 2; }
  .ca-split.ca-reverse .ca-media { order: 1; }
}

@media (max-width: 900px) {
  .ca-related-cols-3, .ca-related-cols-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
  .ca-related-cols-2, .ca-related-cols-3, .ca-related-cols-4 { grid-template-columns: 1fr; }
}