/* Published-content components generated by the ChatGPT-to-WordPress Formatter. */
.aitc-cwpf-affiliate-disclosure {
  background: #f7f7f8;
  border-left: 4px solid #8d95a3;
  color: #4e5765;
  font-size: .9em;
  padding: 10px 12px;
}

.aitc-cwpf-toc {
  background: #f7f9fc;
  border: 1px solid #dce3ed;
  border-radius: 10px;
  margin: 1.25em 0;
  padding: 16px;
}
.aitc-cwpf-toc__title { display: block; margin-bottom: 8px; }
.aitc-cwpf-toc ul { margin-bottom: 0; margin-top: 0; padding-left: 20px; }
.aitc-cwpf-toc__subitem { margin-left: 16px; }

.aitc-cwpf-callout {
  background: #f6f8fb;
  border: 1px solid #d8dee8;
  border-left: 6px solid #5e6f87;
  border-radius: 10px;
  margin: 1.3em 0;
  padding: 15px 17px;
}
.aitc-cwpf-callout__title {
  font-size: .82em;
  font-weight: 900;
  letter-spacing: .055em;
  margin: 0 0 6px;
  text-transform: uppercase;
}
.aitc-cwpf-callout > :last-child { margin-bottom: 0; }
.aitc-cwpf-callout--quick-win { background: #f1faf5; border-left-color: #268152; }
.aitc-cwpf-callout--level-up { background: #f2f6ff; border-left-color: #345aa8; }
.aitc-cwpf-callout--reality-check { background: #fff8ed; border-left-color: #b56a00; }
.aitc-cwpf-callout--mistake-fix,
.aitc-cwpf-callout--warning { background: #fff3f4; border-left-color: #a11d2f; }
.aitc-cwpf-callout--garbage-rescue { background: #f8f3ff; border-left-color: #7c3aaa; }
.aitc-cwpf-callout--pro-tip { background: #eff9fb; border-left-color: #16728a; }
.aitc-cwpf-callout--key-takeaway { background: #f7f4ff; border-left-color: #6646a3; }
.aitc-cwpf-callout--important { background: #fff8ed; border-left-color: #a76000; }
.aitc-cwpf-callout--what-you-need,
.aitc-cwpf-callout--who-for { background: #f4f7fb; border-left-color: #455a78; }

.aitc-cwpf-table-scroll,
figure.aitc-cwpf-table-scroll { max-width: 100%; overflow-x: auto; }
.aitc-cwpf-table-scroll table { min-width: 620px; }

.aitc-cwpf-stacked-table { display: grid; gap: 12px; margin: 1.25em 0; }
.aitc-cwpf-stacked-table__row { border: 1px solid #d8dee8; border-radius: 10px; overflow: hidden; }
.aitc-cwpf-stacked-table__row > div {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(110px, .35fr) minmax(0, 1fr);
  padding: 9px 12px;
}
.aitc-cwpf-stacked-table__row > div:nth-child(odd) { background: #f7f9fb; }

.aitc-cwpf-image-placeholder {
  align-items: center;
  background: repeating-linear-gradient(45deg, #f8fafc, #f8fafc 10px, #eef2f7 10px, #eef2f7 20px);
  border: 2px dashed #aeb8c7;
  border-radius: 10px;
  color: #4a5669;
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
  margin: 1.3em 0;
  min-height: 160px;
  padding: 18px;
  text-align: center;
}

@media (max-width: 600px) {
  .aitc-cwpf-stacked-table__row > div { grid-template-columns: 1fr; gap: 4px; }
}

.aitc-cwpf-button--large .wp-block-button__link {
  font-size: 1.08em;
  padding: 14px 22px;
}

@media (max-width: 600px) {
  .aitc-cwpf-buttons--mobile-full,
  .aitc-cwpf-buttons--mobile-full .wp-block-button { width: 100%; }
  .aitc-cwpf-buttons--mobile-full .wp-block-button__link { display: block; text-align: center; width: 100%; }
}