.sw-root{border:1px solid var(--rule);box-shadow:8px 8px 0 var(--pale);color:var(--navy);background:#fff;overflow:hidden;container-type:inline-size}.sw-header{justify-content:space-between;align-items:center;gap:18px;padding:24px 28px;display:flex}.sw-kicker{text-transform:uppercase;letter-spacing:.13em;color:var(--blue);margin-bottom:8px;font:500 11px/1.4 Josefin Sans,sans-serif}.sw-header h2{letter-spacing:-.035em;font-size:28px;line-height:1.16}.sw-example{color:var(--muted);white-space:nowrap;font:400 12px/1.4 Cardo,Georgia,serif}.sw-mode{border-block:1px solid var(--rule);grid-template-columns:1fr 1fr;display:grid}.sw-root button{color:inherit;background:0 0;border:0;min-height:44px;font:500 14px/1.4 Josefin Sans,sans-serif}.sw-root button:focus-visible,.sw-root summary:focus-visible,.sw-full-link:focus-visible{outline:3px solid var(--blue);outline-offset:-4px}.sw-mode button{color:var(--muted);padding:14px 12px}.sw-mode button+button{border-left:1px solid var(--rule)}.sw-mode button[aria-pressed=true]{background:var(--pale);color:var(--navy)}.sw-stages{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:0 25px;display:grid}.sw-stages button{text-align:left;border-bottom:2px solid #0000;padding:15px 0 12px;position:relative}.sw-stages button>span{color:var(--blue);margin-bottom:4px;font-size:10px;display:block}.sw-stages button[aria-pressed=true]{border-color:var(--teal)}.sw-tests{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:15px 25px;display:grid}.sw-tests button{border:1px solid var(--rule);padding:10px 7px;font-size:13px}.sw-tests button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}.sw-diagram{background:var(--navy);height:380px;color:var(--pale);isolation:isolate;background-image:linear-gradient(#c9e7f20b 1px,#0000 1px),linear-gradient(90deg,#c9e7f20b 1px,#0000 1px);background-size:28px 28px;position:relative}.sw-diagram-label{text-transform:uppercase;letter-spacing:.1em;color:var(--pale);justify-content:space-between;font:400 10px/1.4 Josefin Sans,sans-serif;display:flex;position:absolute;top:14px;left:20px;right:20px}.sw-wires{width:100%;height:100%;color:var(--blue);z-index:-1;position:absolute;inset:0;overflow:visible}.sw-wires-small{display:none}.sw-node{left:calc(var(--wide-x) - 13%);top:calc(var(--wide-y) - 49px);background:var(--teal);border:1px solid var(--blue);width:26%;height:98px;padding:12px 15px;position:absolute}.sw-node-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sw-node-top>span{color:var(--pale);font:400 10px/1 Josefin Sans,sans-serif}.sw-node h3{letter-spacing:-.02em;color:#fff;margin:0 0 5px;font-size:18px;line-height:1.15}.sw-node p{color:var(--pale);margin:0;font:400 14px/1.3 Cardo,Georgia,serif}.sw-active{background:var(--pale);border-color:var(--pale);color:var(--navy);box-shadow:0 0 0 4px #c9e7f21f}.sw-active :is(h3,p),.sw-active .sw-node-top>span{color:var(--navy)}.sw-attention{border-style:dashed;border-width:2px}.sw-unconnected .sw-node{background:var(--navy)}.sw-caption{min-height:150px;padding:25px 28px 22px}.sw-caption h3{margin:0 0 10px;font-size:25px;line-height:1.2}.sw-caption p{margin:0;font-size:18px;line-height:1.5}.sw-footer{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:10px;padding:9px 25px;display:flex}.sw-footer>span{color:var(--muted);font:400 12px/1.4 Cardo,Georgia,serif}.sw-controls{align-items:center;gap:17px;display:flex}.sw-controls button{color:var(--teal);align-items:center;gap:9px;padding:5px 0;font-size:13px;display:flex}.sw-controls button:hover,.sw-full-link:hover{color:var(--blue)}.sw-test-state{padding:0 28px 18px}.sw-counts{border:1px solid var(--rule);background:var(--near);grid-template-columns:1fr 1fr 1fr;margin:0 0 15px;display:grid}.sw-counts>div{padding:12px 13px}.sw-counts>div+div{border-left:1px solid var(--rule)}.sw-counts dt{font:400 13px/1.4 Cardo,Georgia,serif}.sw-counts dd{margin:6px 0 0;font:600 25px/1.3 Josefin Sans,sans-serif}.sw-counts dd.sw-state-label{padding-top:5px;font-size:18px}.sw-root .sw-primary{text-align:center;background:var(--navy);color:#fff;border:1px solid var(--navy);width:100%;margin:0 0 14px;padding:14px;font-size:14px}.sw-root .sw-primary:hover{background:var(--teal)}.sw-log summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;font:500 13px/1.5 Josefin Sans,sans-serif;display:flex}.sw-log summary:before{content:"+"}.sw-log[open] summary:before{content:"−"}.sw-log summary>span{color:var(--muted);margin-left:auto;font:400 12px Cardo,Georgia,serif}.sw-log ol{margin:10px 0 0;padding-left:23px;font-size:15px}.sw-log li{padding:6px 0 9px 5px}.sw-context{background:var(--near);border-top:1px solid var(--rule);padding:22px 28px}.sw-context p{margin:0;font-size:16px}.sw-context p+p{color:var(--muted);margin-top:10px}.sw-full-link{background:var(--near);border-top:1px solid var(--rule);justify-content:space-between;align-items:center;padding:15px 25px;font:500 12px/1.4 Josefin Sans,sans-serif;text-decoration:none;display:flex}.sw-compact .sw-header{padding:18px 21px}.sw-compact .sw-header h2{font-size:23px}.sw-compact .sw-header{align-items:flex-start}.sw-compact .sw-example{white-space:normal;text-align:right;max-width:65px;font-size:11px}.sw-compact .sw-diagram{height:275px}.sw-compact .sw-node{height:85px;top:calc(var(--wide-y) - 42px);padding:9px 10px}.sw-compact .sw-node h3{font-size:14px}.sw-compact .sw-node p{font-size:12px}.sw-compact .sw-node-top{margin-bottom:6px}.sw-compact .sw-node-top svg{width:17px;height:17px}.sw-compact .sw-caption{min-height:154px;padding:20px 22px}.sw-compact .sw-caption h3{font-size:22px}.sw-compact .sw-caption p{font-size:16px}.sw-compact .sw-counts dt{font-size:12px}.sw-compact .sw-test-state{padding-inline:20px}.sw-compact .sw-stages{padding-inline:21px}.sw-compact .sw-tests{padding-inline:17px}@container (max-width:440px){.sw-header{align-items:flex-start;padding:19px 18px}.sw-header h2{font-size:23px}.sw-example{white-space:normal;text-align:right;max-width:60px;font-size:11px}.sw-mode button{padding:12px 8px;font-size:13px}.sw-stages{gap:8px;padding-inline:18px}.sw-stages button{font-size:12px}.sw-tests{gap:6px;padding:12px}.sw-tests button{padding:10px 4px;font-size:11px}.sw-diagram,.sw-compact .sw-diagram{height:360px}.sw-wires-wide{display:none}.sw-wires-small{display:block}.sw-node,.sw-compact .sw-node{left:calc(var(--small-x) - 20%);top:calc(var(--small-y) - 43px);width:40%;height:86px;padding:9px 11px}.sw-node h3{font-size:15px}.sw-node p{font-size:12px}.sw-node-top{margin-bottom:6px}.sw-node-top svg{width:18px;height:18px}.sw-caption,.sw-compact .sw-caption{min-height:170px;padding:20px 18px}.sw-caption h3{font-size:23px}.sw-caption p{font-size:16px}.sw-test-state,.sw-compact .sw-test-state{padding-inline:15px}.sw-counts>div{padding:10px 8px}.sw-counts dt{font-size:12px}.sw-counts dd.sw-state-label{font-size:15px}.sw-footer{padding-inline:18px}.sw-footer>span{font-size:11px}.sw-controls{gap:14px}.sw-controls button{font-size:12px}.sw-context{padding:20px 18px}.sw-full-link{padding-inline:18px}}@media (prefers-reduced-motion:reduce){.sw-root *{scroll-behavior:auto!important}}