/* Additive scope disclosures; do not change the existing product layout. */
.scope-note { box-sizing: border-box; margin: 1rem 0; padding: 1rem 1.2rem; border: 1px solid #b5b8ad; border-radius: 8px; color: #252a25; background: #f7f5ed; font: 400 0.94rem/1.65 system-ui, sans-serif; overflow-wrap: anywhere; }
.scope-note a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.scope-note p:first-child, .scope-note h3 { margin-top: 0; }
.scope-note p:last-child { margin-bottom: 0; }
.scope-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem 1.5rem; }
.scope-grid dt { font-weight: 650; }
.scope-grid dd { margin: .25rem 0 0; }
.receipt-body .scope-note { color: #f4f4eb; background: #252b27; border-color: #586258; }
.verification-page { margin: 0; background: #f2eee3; color: #252a25; font: 400 1rem/1.7 system-ui, sans-serif; }
.verification-page main, .verification-page header, .verification-page footer { box-sizing: border-box; width: min(100%, 880px); margin: auto; padding: 1.5rem; }
.verification-page header { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; border-bottom: 1px solid #b5b8ad; }
.verification-page a { color: #234b39; text-underline-offset: 3px; }
.verification-page h1 { font-size: clamp(2rem, 5vw, 3rem); line-height: 1.15; }
.verification-page h2 { margin-top: 2rem; font-size: 1.3rem; }
.verification-page code { overflow-wrap: anywhere; }
.verification-page .skip { position: absolute; left: -10000px; }
.verification-page .skip:focus { left: 1rem; top: 1rem; background: white; padding: 1rem; }
@media (max-width: 600px) { .scope-grid { grid-template-columns: minmax(0, 1fr); } .scope-note { padding: .9rem; } }