.automation-intro h1 { max-width: 18ch; }
.automation-intro p { max-width: 49ch; }
body.studio .automation-intro .automation-primary {
  display: inline-flex; align-items: center; gap: 12px; min-height: 44px;
  margin-top: 20px; padding: 7px 14px; background: #f4b34a;
  color: #182b36 !important; border-radius: 6px; font-weight: 800;
  text-decoration: none;
}
.automation-primary:focus-visible { outline: 2px solid #fefcff; outline-offset: 4px; }
.automation-feature, .automation-workflow {
  padding: clamp(22px, 4vw, 50px) clamp(20px, 5vw, 72px);
  scroll-margin-top: 15px;
}
.automation-feature {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  align-items: center; gap: clamp(22px, 5vw, 70px);
  border-bottom: 1px solid #ccd8df;
}
.automation-feature h2, .automation-workflow h2 {
  font-size: clamp(1.7rem, 3.5vw, 3.1rem); line-height: 1.09; margin: 0 0 12px;
  letter-spacing: -.03em;
}
.automation-feature p, .automation-workflow p { margin: 0 0 12px; line-height: 1.5; }
.automation-feature figure { margin: 0; min-width: 0; }
.automation-feature img {
  display: block; width: 100%; height: auto; aspect-ratio: 3 / 2;
  object-fit: cover; object-position: center 40%; border-radius: 8px;
}
.automation-feature figcaption { font-size: .8rem; margin-top: 6px; }
.automation-results {
  display: grid; grid-template-columns: repeat(2, minmax(0,1fr));
  margin: 18px 0 8px; border-block: 1px solid #ccd8df;
}
.automation-results div { padding: 8px 9px 8px 0; }
.automation-results div + div { border-inline-start: 1px solid #ccd8df; padding-inline-start: 11px; }
.automation-results dt { font-size: .88rem; line-height: 1.3; }
.automation-results dd { margin: 0; font-size: clamp(1.35rem, 3vw, 2.1rem); font-weight: 800; font-variant-numeric: tabular-nums; }
.automation-feature .automation-note { font-size: .86rem; }
.automation-workflow-link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-weight: 800; }
.automation-workflow { background: #edf2f5; }
.automation-workflow ol { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px 28px; padding-inline-start: 24px; }
.automation-workflow details { max-width: 720px; }
.automation-workflow summary { cursor: pointer; font-weight: 800; min-height: 44px; padding-block: 8px; }
.automation-workflow table { border-collapse: collapse; width: 100%; margin-bottom: 10px; }
.automation-workflow caption { text-align: start; font-weight: 700; }
.automation-workflow :is(th,td) { padding: 6px 9px; border-bottom: 1px solid #aabecb; text-align: start; }
.automation-workflow th { white-space: nowrap; }
.automation-series-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 26px; }
.automation-series-grid article { min-width: 0; }
.automation-series-grid img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 7px; }
.automation-series-grid h3 { margin: 8px 0; font-size: 1.35rem; }
.automation-table-scroll { overflow-x: auto; margin-block: 1rem; }
.automation-table-scroll table { width: 100%; border-collapse: collapse; font-size: .92rem; }
.automation-table-scroll caption { text-align: start; font-weight: 700; }
.automation-table-scroll :is(th,td) { padding: .5rem .65rem; border-bottom: 1px solid #829bab; text-align: start; }
.automation-article li { margin-bottom: .5rem; }
.automation-video { margin: 1rem 0; border-block: 1px solid #829bab; }
.automation-video summary { cursor: pointer; padding: .7rem 0; font-weight: 700; }
.automation-video video { display: block; width: min(100%, 300px); height: auto; aspect-ratio: 9 / 16; margin: 0 auto 1rem; background: #1f4760; }
html[data-reader-theme="night"] body.studio .automation-workflow { background: #1a2c39; }
html[data-reader-theme="night"] body.studio .automation-intro .automation-primary span { color: #182b36 !important; }
@media (max-width: 720px) {
  .automation-feature, .automation-workflow ol, .automation-series-grid { grid-template-columns: minmax(0,1fr); }
  .automation-feature figure { grid-row: 1; }
  .automation-feature img { aspect-ratio: 16 / 9; }
  .automation-workflow ol p { margin-bottom: 2px; }
}
