.coordinated-preview{margin:0 0 30px;padding:24px;border:1px solid #b9c8bb;border-radius:14px;background:#fff}.coordinated-preview h2{font:32px/1.2 Georgia,serif;margin:8px 0 22px}.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.preview-grid article{padding:18px;background:#f3f5ef;border-radius:9px}.preview-grid h3{margin:0 0 8px}.preview-grid p{font-size:16px;margin:0}header nav{flex-wrap:wrap}@media(max-width:650px){.preview-grid{grid-template-columns:1fr}.coordinated-preview{padding:18px}}