
.preview-bar { background: #f0e8d8; border-bottom: 1px solid #ddd0b9; color: #514332; padding: .52rem 1rem; text-align: center; font: 600 .75rem/1.4 var(--pap-sans, sans-serif); }
.preview-kicker { font: 500 .76rem/1.45 var(--pap-mono, monospace); letter-spacing: .09em; text-transform: uppercase; color: var(--pap-muted, #655b4d); margin: 0 0 .8rem; }
.preview-actions { display: flex; flex-wrap: wrap; gap: 1rem 1.35rem; align-items: center; margin-top: 1.4rem; }
.preview-section-title { margin-bottom: 1.75rem; }
.preview-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.preview-card { border: var(--pap-rule-row, 1px solid #ded7ca); padding: clamp(1rem, 2.5vw, 2rem); display: flex; flex-direction: column; gap: .85rem; }
.preview-card .preview-kicker, .preview-card p { margin: 0; }
.preview-cue { font-weight: 600; }
.preview-card-action { margin-top: auto; padding-top: .6rem; }
.preview-proof { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }
.preview-service { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); gap: 2rem; padding: 2.3rem 0; border-top: var(--pap-rule-row, 1px solid #ded7ca); }
.preview-service:first-child { padding-top: 0; border-top: 0; }
.preview-service:last-child { padding-bottom: 0; }
.preview-scope { font-weight: 600; margin-top: 1rem; }
.preview-input { border: 1px solid #a9a197; border-radius: 3px; color: inherit; background: #fff; font: inherit; width: 100%; min-height: 2.75rem; padding: .7rem .85rem; }
.preview-input:focus-visible { outline: 2px solid #245953; outline-offset: 2px; }
.preview-contact { border: 0; padding: 0; margin: 0; min-width: 0; }
.preview-contact legend { margin-bottom: 1rem; }
.preview-form-note { padding: .8rem 1rem; background: #f0e8d8; }
.pap [hidden] { display: none !important; }
@media (max-width: 840px) { .preview-cards { grid-template-columns: 1fr; } }
@media (max-width: 660px) { .preview-proof, .preview-service { grid-template-columns: 1fr; gap: 1rem; } }
