/* Scope all styles to the purchase-evidence component. */
.pc-purchase-note {
    margin: 18px 0 22px;
    padding: 16px 18px;
    border: 1px solid #d4dfe5;
    border-left: 3px solid #d65b00;
    border-radius: 10px;
    background: #f4f7f8;
    color: #18313f;
    font-size: 14px;
    line-height: 1.6;
}
.pc-purchase-note > strong { display: block; font-size: 16px; }
.pc-purchase-note p { margin: 6px 0 10px; }
.pc-purchase-note a { color: #18313f; text-decoration: underline; text-underline-offset: 3px; font-weight: 650; }
.pc-purchase-note a:focus-visible { outline: 3px solid #d65b00; outline-offset: 4px; }
.pc-purchase-details {
    margin: 32px 0;
    padding: clamp(20px, 3vw, 36px);
    background: #f4f7f8;
    color: #18313f;
    border: 1px solid #d4dfe5;
    border-radius: 16px;
    scroll-margin-top: 100px;
    overflow-wrap: anywhere;
}
.pc-purchase-details h2 { margin: 0 0 24px; font-size: clamp(24px, 2.2vw, 32px); line-height: 1.2; }
.pc-purchase-details h3 { margin: 0 0 12px; font-size: 20px; line-height: 1.3; }
.pc-purchase-details-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 36px; }
.pc-purchase-details p, .pc-purchase-details li { font-size: 16px; line-height: 1.6; }
.pc-purchase-details p { margin: 0 0 12px; }
.pc-purchase-details ul { margin: 0; padding-left: 22px; }
.pc-purchase-details li { padding-left: 0; margin: 0 0 8px; }
.pc-purchase-details li::before { content: none; }
.pc-purchase-details li::marker { color: #a94500; }
@media (max-width: 760px) {
    .pc-purchase-details-grid { grid-template-columns: minmax(0, 1fr); }
    .pc-purchase-details { scroll-margin-top: 24px; }
    .pc-purchase-note { padding: 14px; }
}