.ccna-visual-explainer-module__NnJHWq__explainer.ccna-visual-explainer-module__NnJHWq__explainer{color:#182332;letter-spacing:0;background:#fff;min-width:0;padding:28px 16px;container-type:inline-size}.ccna-visual-explainer-module__NnJHWq__explainer>header h2{overflow-wrap:anywhere;font-size:27px;line-height:1.25}.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__takeaway{max-width:72ch;font-size:17px;line-height:1.65}.ccna-visual-explainer-module__NnJHWq__explainer button{font:inherit;letter-spacing:0;cursor:pointer}.ccna-visual-explainer-module__NnJHWq__explainer button:focus-visible,.ccna-visual-explainer-module__NnJHWq__explainer summary:focus-visible{outline-offset:3px;outline:3px solid #3568cf}.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__comparisons{border-bottom:1px solid #9cabb2;flex-wrap:wrap;gap:4px 12px;margin:20px 0;display:flex}.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__comparisons button{color:#425564;text-align:left;overflow-wrap:anywhere;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;max-width:100%;min-height:48px;padding:10px 4px;font-size:16px;line-height:1.4}.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__comparisons button[aria-pressed=true]{color:#075e62;background:#edf7f5;border-color:#08777b}.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__stages{border-bottom:1px solid #9cabb2;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:24px;display:grid}.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__stages button{color:#425564;text-align:left;overflow-wrap:anywhere;background:#f5f7f8;border:0;border-bottom:3px solid #0000;border-radius:0;align-items:center;gap:10px;min-width:0;min-height:80px;padding:12px 8px;font-size:16px;font-weight:600;line-height:1.4;display:flex}.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__stages button>span{border:1px solid #71828c;border-radius:50%;flex:0 0 28px;place-items:center;height:28px;font-size:15px;display:grid}.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__stages button[aria-pressed=true]{color:#075e62;background:#edf7f5;border-bottom-color:#08777b}.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__stages button[aria-pressed=true]>span{color:#fff;background:#08777b;border-color:#08777b}.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__stage{background:#fafbfc;min-width:0}.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__canvas{padding:20px 0 0}.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__wide{display:block}.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__narrow{display:none}.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__wide>svg,.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__narrow>svg{width:100%;height:auto;margin:auto;display:block}.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__wide>svg{max-width:960px}.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__canvas[data-layout=layers]>div>svg{max-width:380px}.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__canvas[data-evidence=true]>div>svg{max-width:720px}.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__stageCopy{border-top:1px solid #d4dee2;min-height:190px;padding:20px 16px}.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__stageCopy>span{color:#075e62;font-size:14px;font-weight:700}.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__stageCopy h3{overflow-wrap:anywhere;margin:8px 0 12px;font-size:21px;line-height:1.4}.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__stageCopy p{overflow-wrap:anywhere;max-width:72ch;margin:0;font-size:17px;line-height:1.65}.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__controls{justify-content:flex-end;gap:12px;padding:16px 0;display:flex}.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__controls button{color:#075e62;background:#fff;border:1px solid #71828c;border-radius:6px;place-items:center;width:48px;height:48px;padding:0;display:grid}.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__controls svg{width:22px;height:22px}.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__controls button:disabled{color:#66757d;cursor:default;background:#f1f4f5;border-color:#bac5ca}.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__boundary{color:#425564;overflow-wrap:anywhere;border-left:3px solid #a32b59;margin:8px 0 24px;padding-left:14px;font-size:16px;line-height:1.65}.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__transcript{border-top:1px solid #d4dee2;padding:16px 0}.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__transcript summary{cursor:pointer;min-height:44px;font-size:16px;font-weight:600}.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__transcript p,.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__transcript li{overflow-wrap:anywhere;font-size:16px;line-height:1.65}.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__transcript a{color:#075e62;text-underline-offset:3px;overflow-wrap:anywhere;margin:4px 12px 4px 0;text-decoration:underline;display:inline-block}@media (hover:hover){.ccna-visual-explainer-module__NnJHWq__explainer button:not(:disabled):hover{background:#e5f0f1}}@container (max-width:740px){.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__wide{display:none}.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__narrow{display:block}.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__narrow>svg,.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__canvas[data-evidence=true]>.ccna-visual-explainer-module__NnJHWq__narrow>svg{max-width:380px}}@container (max-width:900px){.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__canvas[data-dense=true][data-evidence=false]>.ccna-visual-explainer-module__NnJHWq__wide{display:none}.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__canvas[data-dense=true][data-evidence=false]>.ccna-visual-explainer-module__NnJHWq__narrow{display:block}.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__canvas[data-dense=true][data-evidence=false]>.ccna-visual-explainer-module__NnJHWq__narrow>svg{max-width:380px}}@container (max-width:460px){.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__stages{grid-template-columns:1fr}.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__stages button{border-bottom-width:2px;min-height:56px;padding:10px 8px}.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__stageCopy{min-height:288px;padding-inline:8px}.ccna-visual-explainer-module__NnJHWq__explainer .ccna-visual-explainer-module__NnJHWq__comparisons{flex-direction:column;align-items:stretch}}@media (max-width:600px){.ccna-visual-explainer-module__NnJHWq__explainer.ccna-visual-explainer-module__NnJHWq__explainer{padding-inline:4px}}@media (prefers-reduced-motion:reduce){.ccna-visual-explainer-module__NnJHWq__explainer *,.ccna-visual-explainer-module__NnJHWq__explainer :before,.ccna-visual-explainer-module__NnJHWq__explainer :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}