/* Shared decision-point proof using the existing brand and public album. */
.pp-delivery-proof { border: 1px solid var(--pp-brand-border); border-radius: 20px; padding: clamp(16px, 3vw, 28px); background: var(--pp-brand-cream); color: var(--pp-brand-text); }
.pp-delivery-proof h3 { margin: 0 0 18px; color: var(--pp-brand-navy); font-family: Manrope, sans-serif; font-size: clamp(20px, 3vw, 28px); }
.pp-delivery-proof__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 0; margin: 0; list-style: none; }
.pp-delivery-proof__grid li { min-width: 0; }
.pp-delivery-proof__grid a { display: block; color: var(--pp-brand-navy); text-decoration: none; }
.pp-delivery-proof__grid img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: 12px; }
.pp-delivery-proof__grid span { display: block; margin-top: 8px; font-size: 13px; line-height: 1.4; }
.pp-delivery-proof > p { margin: 18px 0 0; }
.pp-delivery-proof > p a { display: inline-flex; align-items: center; min-height: 44px; color: var(--pp-brand-navy); text-underline-offset: 3px; }
.pp-delivery-proof a:focus-visible { outline: 3px solid var(--pp-brand-coral-action); outline-offset: 4px; border-radius: 4px; }
.pp-content-page .pp-delivery-proof { margin-top: 32px; }
@media (max-width: 640px) { .pp-delivery-proof__grid { gap: 8px; } .pp-delivery-proof__grid span { font-size: 12px; } }