/* Public SEO: present existing copy as readable sections. No runtime or content changes. */
.content-panels { display: grid; gap: 20px; margin-block: 24px; min-width: 0; max-width: 100%; }
.content-panels--grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.content-panels--reading { grid-template-columns: minmax(0, 1fr); }
.content-panels > .content-panel { box-sizing: border-box; min-width: 0; padding: clamp(20px, 2.8vw, 32px); color: #334155; background: #fff; border: 1px solid #dbe4f0; border-radius: 20px; box-shadow: 0 6px 20px rgba(23, 50, 77, .035); }
.content-panels > .content-panel > :first-child { margin-top: 0; }
.content-panels > .content-panel > :last-child { margin-bottom: 0; }
.content-panels > .content-panel > h2,
.content-panels > .content-panel > h3 { max-width: 40ch; margin: 0 0 16px; color: #172b45; font-size: clamp(21px, 2vw, 26px); line-height: 1.3; overflow-wrap: anywhere; }
.content-panels > .content-panel > p,
.content-panels > .content-panel > ul,
.content-panels > .content-panel > ol { max-width: 76ch; margin-block: 0 16px; font-size: 16px; line-height: 1.75; overflow-wrap: anywhere; }
.content-panels > .content-panel > ul,
.content-panels > .content-panel > ol { padding-left: 1.4em; }
.content-panels > .content-panel > p:last-child,
.content-panels > .content-panel > ul:last-child,
.content-panels > .content-panel > ol:last-child { margin-bottom: 0; }
.content-panels > .content-panel > p + h3 { margin-top: 24px; }
.content-panel a:not(.btn) { color: #2454c6; text-decoration: underline; text-underline-offset: 3px; }
.content-panel a:focus-visible { outline: 3px solid #2454c6; outline-offset: 4px; border-radius: 2px; }
.content-panel > .responsive-table,
.content-panel > .pricing-table-wrap { max-width: 100%; overflow-x: auto; }
.content-panel img { max-width: 100%; height: auto; }
.content-panels--grid > .content-panel:only-child { grid-column: 1 / -1; }
@media (max-width: 760px) {
  .content-panels--grid { grid-template-columns: minmax(0, 1fr); }
  .content-panels { gap: 16px; margin-block: 20px; }
  .content-panels > .content-panel { padding: 20px; border-radius: 16px; }
}
@media print {
  .content-panels { display: block; }
  .content-panels > .content-panel { box-shadow: none; margin-bottom: 16px; }
}