/* Product tutorial: readable instructions alongside the original app captures. */
.correction-template { padding: 1.5rem; margin-block: 1.5rem; border: 1px dashed #94a3b8; border-radius: .75rem; background: #f8fafc; }
.correction-template p { overflow-wrap: anywhere; }
.correction-template .dispute-template-label { margin-bottom: .75rem; color: #0f766e; font-size: .8125rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.correction-screenshot { margin: 1.5rem 0; border: 1px solid #cbd5e1; border-radius: .75rem; background: #fff; }
.correction-screenshot-link { display: block; padding: .5rem; border-radius: .75rem .75rem 0 0; }
.correction-screenshot-link:hover { background: #f0fdfa; }
.correction-screenshot img { display: block; width: 100%; height: auto; }
.correction-screenshot figcaption { padding: 1rem 1.25rem; border-top: 1px solid #e2e8f0; color: #475569; font-size: .9375rem; line-height: 1.75; }
.correction-screenshot figcaption strong { color: #0f172a; }
.dispute-instruction { display: grid; grid-template-columns: 14rem minmax(0, 1fr); align-items: start; gap: 2rem; margin-top: 1.5rem; }
.dispute-instruction .correction-screenshot { margin: 0; }
.correction-screenshot--app img { width: min(100%, 196px); margin-inline: auto; }
.correction-screenshot--app figcaption { padding: .85rem; font-size: .8125rem; }
.dispute-comparison { display: grid; grid-template-columns: 1fr 1fr; margin-block: 1.5rem; border: 1px solid #c7ddd8; border-radius: .75rem; background: #f0fdfa; }
.dispute-comparison > div { padding: 1.25rem; }
.dispute-comparison > div + div { border-left: 1px solid #c7ddd8; }
.dispute-comparison span { display: block; margin-bottom: .5rem; font-size: .875rem; font-weight: 800; color: #0f766e; }
@media (max-width: 640px) {
  .correction-template { padding: 1rem; }
  .dispute-instruction { grid-template-columns: 1fr; gap: 1.25rem; }
  .dispute-instruction .correction-screenshot { width: min(100%, 16rem); margin-inline: auto; }
  .dispute-comparison { grid-template-columns: 1fr; }
  .dispute-comparison > div + div { border-left: 0; border-top: 1px solid #c7ddd8; }
}
@media print {
  .corrections-guide .guide-hero { padding-block: 0 1rem; }
  .corrections-guide h1 { font-size: 24pt; }
  .corrections-guide .oryon-breadcrumb { display: none; }
  .correction-screenshot, .dispute-comparison { break-inside: avoid; }
}