/* Product examples share the existing Adstrateo palette and typography. */
.content .product-example { margin:0 0 64px; }
.content .product-example > h2 { margin:0 0 24px; }
.product-example figure { margin:0; }
.product-example-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.example-sheet { min-width:0; padding:28px; background:#fff; border:1px solid #e3e8e5; border-radius:18px; }
.example-sheet-accent { background:#f0edff; border-color:#d9d2ff; }
.example-label { display:block; color:#6551cd; font:800 11px/1.5 Manrope,sans-serif; letter-spacing:.04em; }
.content .example-sheet h3 { margin:18px 0 14px; font:800 21px/1.35 Manrope,sans-serif; letter-spacing:-.5px; }
.content .example-sheet p { font-size:14px; line-height:1.65; }
.example-fields,.example-account-list,.example-report-sections { list-style:none; margin:0; padding:0; }
.example-fields li { margin:8px 0; padding:12px 14px; border:1px solid #e3e8e5; border-radius:8px; font-size:14px; }
.example-tags { display:flex; flex-wrap:wrap; gap:8px; }
.example-tags span { padding:7px 10px; background:#f1f3f2; border-radius:7px; font-size:12px; overflow-wrap:anywhere; }
.example-settings { margin:16px 0 0; }
.example-settings > div { display:flex; justify-content:space-between; gap:18px; padding:14px 0; border-bottom:1px solid #d9d2ff; font-size:14px; }
.example-settings dt { color:#596477; }
.example-settings dd { margin:0; text-align:right; font-weight:700; overflow-wrap:anywhere; }
.product-example figcaption { margin-top:14px; color:#667085; font-size:12px; line-height:1.6; }
.example-demo-link { display:inline-block; margin-top:16px; font-weight:700; text-underline-offset:4px; }
.example-account-list li { padding:16px 0; border-bottom:1px solid #e3e8e5; display:grid; gap:5px; }
.example-account-list strong { font-size:15px; }.example-account-list span { font-size:13px; color:#667085; }
.example-report { border-top:4px solid #7867e8; }
.report-brand-line { height:4px; width:50px; margin:24px 0; background:#7867e8; }
.example-report-sections li { padding:13px 0; border-bottom:1px solid #e3e8e5; font-size:14px; }
.example-demo-link:focus-visible { outline:3px solid #7867e8; outline-offset:5px; }
@media(max-width:760px) { .product-example-grid { grid-template-columns:1fr; }.example-sheet { padding:22px; }.content .product-example { margin-bottom:44px; } }