.customer-access-example{max-width:800px;margin:2rem 0;border:1px solid #cbd4c4;border-radius:14px;overflow:hidden;background:#fffefa}.customer-example-label{display:flex;flex-wrap:wrap;gap:.35rem 1rem;padding:1rem 1.25rem;background:#e7ecdf;color:#254a35;font-size:.9rem;font-weight:700;letter-spacing:.03em}.customer-example-label span{font-weight:400;letter-spacing:0}.customer-access-diagram{display:block;width:100%;height:auto;padding:1rem}.customer-access-diagram text{font:24px system-ui,sans-serif;fill:#243e2a}.customer-access-diagram .customer-diagram-light{fill:#fffefa}.customer-diagram-number circle{fill:#fffefa;stroke:#243e2a;stroke-width:3}.customer-diagram-number text{text-anchor:middle;font-weight:700}.customer-access-example figcaption{padding:0 1.5rem 1.25rem;line-height:1.65}.customer-access-example ol{padding-left:1.6rem;display:grid;grid-template-columns:1fr 1fr;gap:.5rem 2rem}.customer-access-example li{margin:.25rem 0}.customer-access-example figcaption p{font-size:.9rem;color:#536154;margin-bottom:0}@media(max-width:600px){.customer-access-diagram{padding:.5rem}.customer-access-example ol{grid-template-columns:1fr;gap:.25rem}.customer-access-example figcaption{padding:0 1rem 1rem}.customer-example-label{padding:.85rem 1rem}}@media print{.customer-access-example{break-inside:avoid;max-width:560px}.customer-access-diagram{max-height:350px}.customer-access-example ol{grid-template-columns:1fr 1fr}}