.ModuleDesignLab-module__59DA5a__bench{color:var(--bp-ink);scroll-margin-top:128px;font-size:12px;line-height:1.7;container-type:inline-size}.ModuleDesignLab-module__59DA5a__controls{border:0;flex-wrap:wrap;gap:8px;min-width:0;margin:0 0 20px;padding:0;display:flex}.ModuleDesignLab-module__59DA5a__controls legend{margin-bottom:12px;font-weight:600}.ModuleDesignLab-module__59DA5a__controls button{border:1px solid var(--bp-line);background:var(--background);color:var(--bp-ink);cursor:pointer;text-align:start;border-radius:6px;padding:9px 12px}.ModuleDesignLab-module__59DA5a__controls button[aria-pressed=true]{background:var(--bp-ink);border-color:var(--bp-ink);color:var(--bp-bg)}.ModuleDesignLab-module__59DA5a__controls button:focus-visible{outline:3px solid var(--bp-amber);outline-offset:3px}.ModuleDesignLab-module__59DA5a__comparison{gap:22px;display:grid}.ModuleDesignLab-module__59DA5a__panel{border:1px solid var(--bp-line);background-color:var(--bp-screen);background-image:radial-gradient(var(--bp-grid) 1px, transparent 1px);background-size:12px 12px;min-width:0;padding:16px}.ModuleDesignLab-module__59DA5a__bench .ModuleDesignLab-module__59DA5a__panel h3{margin:0 0 6px;font-size:15px}.ModuleDesignLab-module__59DA5a__bench .ModuleDesignLab-module__59DA5a__panel>p{color:var(--bp-muted);margin:0 0 23px}.ModuleDesignLab-module__59DA5a__mixedBlocks{gap:22px;display:grid}.ModuleDesignLab-module__59DA5a__brick{--brick-color:var(--bp-muted);border:1px solid var(--brick-color);border-top:4px solid var(--brick-color);background:var(--card);min-width:0;box-shadow:0 4px 0 color-mix(in srgb, var(--brick-color) 20%, transparent);padding:12px;position:relative}.ModuleDesignLab-module__59DA5a__brick:before{content:"";border:1px solid var(--brick-color);background:var(--card);border-bottom:0;border-radius:3px 3px 0 0;width:27px;height:7px;position:absolute;top:-11px;left:14px}.ModuleDesignLab-module__59DA5a__brick[data-role=rule]{--brick-color:var(--bp-green)}.ModuleDesignLab-module__59DA5a__brick[data-role=storage]{--brick-color:var(--bp-cyan)}.ModuleDesignLab-module__59DA5a__brick[data-role=ui]{--brick-color:var(--bp-muted)}.ModuleDesignLab-module__59DA5a__brick[data-affected=true]{outline:2px dashed var(--bp-amber);outline-offset:4px}.ModuleDesignLab-module__59DA5a__brickHeading{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:4px 8px;display:flex}.ModuleDesignLab-module__59DA5a__brickHeading small{color:var(--bp-muted);font-size:10px}.ModuleDesignLab-module__59DA5a__brick[data-affected=true] .ModuleDesignLab-module__59DA5a__brickHeading small{color:var(--bp-amber);font-weight:600}.ModuleDesignLab-module__59DA5a__bench .ModuleDesignLab-module__59DA5a__brick p{color:var(--brick-color);margin:7px 0 0}.ModuleDesignLab-module__59DA5a__pieces{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.ModuleDesignLab-module__59DA5a__pieces span{border:1px solid;padding:2px 6px;font-size:11px}.ModuleDesignLab-module__59DA5a__pieces [data-role=rule]{color:var(--bp-green)}.ModuleDesignLab-module__59DA5a__pieces [data-role=storage]{color:var(--bp-cyan)}.ModuleDesignLab-module__59DA5a__pieces [data-active=true]{text-underline-offset:4px;font-weight:700;text-decoration:underline}.ModuleDesignLab-module__59DA5a__connector{color:var(--bp-muted);text-align:center;padding:20px 0 10px}.ModuleDesignLab-module__59DA5a__branches{gap:20px;display:grid}.ModuleDesignLab-module__59DA5a__branch{border-top:1px solid var(--bp-line);min-width:0}.ModuleDesignLab-module__59DA5a__contract{border-left:1px solid var(--bp-line);color:var(--bp-muted);overflow-wrap:anywhere;margin-left:14px;padding:8px 10px 18px;font-size:10px;display:block}.ModuleDesignLab-module__59DA5a__bench .ModuleDesignLab-module__59DA5a__explanation{border-left:3px solid var(--bp-amber);background:color-mix(in srgb, var(--bp-amber) 7%, transparent);margin:22px 0 28px;padding:10px 14px}.ModuleDesignLab-module__59DA5a__reuse{text-align:center;background:var(--bp-screen);border:1px solid var(--bp-line);align-items:center;gap:10px;padding:16px;display:grid}.ModuleDesignLab-module__59DA5a__reuse>div{min-width:0}.ModuleDesignLab-module__59DA5a__reuse code,.ModuleDesignLab-module__59DA5a__reuse small{overflow-wrap:anywhere;display:block}.ModuleDesignLab-module__59DA5a__reuse code{font-family:var(--font-mono-stack);margin:5px 0;font-size:12px}.ModuleDesignLab-module__59DA5a__reuse small{color:var(--bp-muted)}.ModuleDesignLab-module__59DA5a__arrow{color:var(--bp-muted);transform:rotate(90deg)}.ModuleDesignLab-module__59DA5a__functionBlock{border:2px solid var(--bp-green);color:var(--bp-green);padding:14px 10px}.ModuleDesignLab-module__59DA5a__bench .ModuleDesignLab-module__59DA5a__note{color:var(--bp-muted);margin-top:12px}.ModuleDesignLab-module__59DA5a__bench .ModuleDesignLab-module__59DA5a__progress{color:var(--bp-muted);margin-top:16px;font-size:11px}.ModuleDesignLab-module__59DA5a__progress[data-observation-complete=true]{color:var(--bp-green)}@container (min-width:400px){.ModuleDesignLab-module__59DA5a__branches{grid-template-columns:1fr 1fr}.ModuleDesignLab-module__59DA5a__reuse{grid-template-columns:1fr auto 1.5fr auto 1fr;gap:8px}.ModuleDesignLab-module__59DA5a__arrow{transform:none}}@container (min-width:560px){.ModuleDesignLab-module__59DA5a__comparison{grid-template-columns:1fr 1fr}.ModuleDesignLab-module__59DA5a__branches{grid-template-columns:1fr}}