.jp-quality-example { background: #f7f7f7; }
.jp-solution-page #ejemplo-verificable { scroll-margin-top: 100px; }
.jp-quality-example-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: start; }
.jp-quality-query { padding: 32px; border-left: 3px solid #9a6d23; background: #fff; }
.jp-quality-query > p { color: #172b43; font-size: 23px; line-height: 1.5; margin: 18px 0 28px; }
.jp-quality-query small { display: block; margin-top: 14px; color: #526171; font-size: 13px; line-height: 1.6; }
.jp-quality-example .jp-solution-resolution-card p { color: #415366; font-size: 16px; line-height: 1.7; }
.jp-quality-reading { margin: 28px 0 0; max-width: 960px; color: #415366; font-size: 16px; line-height: 1.75; }
.jp-quality-information { border-top: 1px solid #e2e6ea; background: #f7f7f7; }
.jp-quality-information .jp-solution-heading { max-width: 640px; margin-bottom: 36px; }
:root body main .jp-quality-information .jp-solution-heading h2 { font-size: 36px; line-height: 1.18; letter-spacing: -.02em; }
.jp-quality-information .jp-solution-heading .jp-solution-kicker { margin: 0 0 14px; color: #926b28; font-size: 10px; line-height: 1.6; }
.jp-quality-info-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.jp-quality-info-grid article { border: 1px solid #e0e5e9; padding: 26px; border-radius: 10px; background: #fff; }
:root body main .jp-quality-information h3 { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #172b43; font-size: 18px; font-weight: 650; line-height: 1.4; margin: 0 0 12px; }
.jp-quality-information p { margin: 0 0 12px; color: #5e6a79; font-size: 14px; line-height: 1.75; }
.jp-quality-information a:not(.jp-solution-button), .jp-quality-reading a { color: #032d5e; text-decoration: underline; text-underline-offset: 3px; }
.jp-quality-information a:not(.jp-solution-button) { font-size: 14px; line-height: 1.6; }
.jp-quality-info-grid article > :last-child { margin-bottom: 0; }
.jp-quality-responsibility { margin-top: 24px; padding: 24px 26px; background: #fff; border-left: 2px solid #b98a3b; }
:root body main .jp-quality-responsibility h3 { font-size: 16px; }
.jp-quality-responsibility p { margin-bottom: 0; }
.jp-quality-help { margin-top: 28px; padding-top: 24px; max-width: 960px; border-top: 1px solid #dfe4e9; }
.jp-solution-page :is(a, summary):focus-visible { outline: 3px solid #9a6d23; outline-offset: 5px; }
.jp-solution-page .jp-solution-resolution-card dd { overflow-wrap: anywhere; }
@media (max-width: 1050px) { .jp-quality-example-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; } }
@media (max-width: 760px) {
  :root body main .jp-quality-information .jp-solution-heading h2 { font-size: 30px; }
  .jp-quality-information .jp-solution-heading { margin-bottom: 28px; }
  .jp-quality-info-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .jp-quality-query, .jp-quality-info-grid article, .jp-quality-responsibility { padding: 24px 20px; }
  .jp-quality-query > p { font-size: 21px; }
  .jp-quality-example .jp-solution-button { white-space: normal; text-align: center; }
  .jp-solution-page .jp-solution-contrast-header { display: grid; position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .jp-solution-contrast-row:not(.jp-solution-contrast-header) [role="cell"]::before { display: block; margin-bottom: 8px; color: #d6ad63; font-weight: 650; font-size: 12px; }
  .jp-solution-contrast-row:not(.jp-solution-contrast-header) [role="cell"]:first-child::before { content: "Punto de partida"; }
  .jp-solution-contrast-row:not(.jp-solution-contrast-header) [role="cell"]:last-child::before { content: "Con Jurisprudencia.io"; }
}