@layer archetypes{[data-archetype=breaker-panel]{--bp-enamel:#15181c;--bp-enamel-2:#101216;--bp-door-w:clamp(170px, 24%, 300px);--bp-pad:clamp(18px, 2.6vw, 36px)}.bp-grid{grid-template-columns:minmax(0,1fr);gap:clamp(32px,4vw,64px);display:grid}.bp-grid.is-long .bp-copy{max-width:min(100%,60rem)}@media (width>=1000px){.bp-grid.is-split{grid-template-columns:repeat(var(--cols,12), minmax(0, 1fr));column-gap:var(--col-gap,24px);align-items:start}.bp-grid.is-split .bp-object{grid-area:1/1/auto/span 7}.bp-grid.is-split .bp-copy{padding-left:clamp(8px,2.4vw,44px);padding-top:calc(var(--bp-pad) + 4px);grid-area:1/8/auto/span 5}}@media (width>=1000px) and (width<=1199px){.bp-grid.is-split .bp-object{grid-column:1/span 5}.bp-grid.is-split .bp-copy{grid-column:6/span 3;padding-left:0}}.bp-head .kicker{flex-wrap:wrap;margin-bottom:18px}.bp-title{margin:0}.bp-lede{margin-top:20px}.bp-fine{font:var(--t-caption);color:var(--bone-mute);max-width:76ch;margin-top:22px}.bp-install{isolation:isolate;grid-template-columns:minmax(0,1fr);align-items:stretch;padding-top:56px;display:grid;position:relative}.bp-install.has-door.door-right{grid-template-columns:minmax(0, 1fr) var(--bp-door-w)}.bp-install.has-door.door-left{--bp-door-w:clamp(190px, 29%, 280px);grid-template-columns:var(--bp-door-w) minmax(0, 1fr)}.bp-grid.is-long .bp-install.has-door.door-right{grid-template-columns:minmax(0,9fr) minmax(0,3fr)}.bp-wall{z-index:-1;inset:-64px calc(-1 * max(0px, min(64px, var(--gutter) - 12px))) -72px;background:radial-gradient(70% 60% at 8% 0%, color-mix(in oklab, var(--key,var(--sodium)) 12%, transparent), transparent 70%), var(--tex-wall);-webkit-mask-composite:source-in;pointer-events:none;position:absolute;-webkit-mask-image:linear-gradient(#0000,#000 22% 72%,#0000),linear-gradient(90deg,#0000,#000 14% 84%,#0000);mask-image:linear-gradient(#0000,#000 22% 72%,#0000),linear-gradient(90deg,#0000,#000 14% 84%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.bp-install:before{content:"";z-index:2;background:linear-gradient(90deg, transparent 14px, #1b1c1f 14px, #1b1c1f 16px, transparent 16px) 0 0 / 30px 22px no-repeat, linear-gradient(#26282c, #121315) 8px 20px / 14px 9px no-repeat, radial-gradient(circle at 50% 42%, #fff4dc 0 12%, color-mix(in oklab, var(--key,var(--sodium)) 85%, #fff) 30%, transparent 58%) 0 26px / 30px 30px no-repeat, repeating-linear-gradient(90deg, transparent 0 6px, #3c3a36f2 6px 7px) 1px 28px / 28px 28px no-repeat;width:30px;height:58px;filter:drop-shadow(0 0 10px color-mix(in oklab, var(--key,var(--sodium)) 70%, transparent)) drop-shadow(0 0 34px color-mix(in oklab, var(--key,var(--sodium)) 40%, transparent));border-radius:0 0 14px 14px;position:absolute;top:0;left:clamp(18px,4%,48px)}.bp-install.door-left:before{left:calc(var(--bp-door-w) + 24px)}.bp-panel{padding:var(--bp-pad);background:radial-gradient(120% 75% at 4% 0%, color-mix(in oklab, var(--key,var(--sodium)) 16%, transparent), transparent 62%), linear-gradient(180deg, #ffffff08, #00000047), var(--bp-enamel);border:1px solid #0000;border-radius:6px;position:relative;box-shadow:inset 1px 1px #ffffff17,inset -1px -1px #000000b3,0 30px 70px #0009,10px 14px 0 -4px #00000047;container-type:inline-size}.bp-panel:before{content:"";border-radius:inherit;background-image:var(--grain-img);opacity:.05;mix-blend-mode:overlay;pointer-events:none;position:absolute;inset:0}.bp-screw{background:linear-gradient(35deg,#0000 44%,#000000bf 44% 56%,#0000 56%),radial-gradient(circle at 35% 30%,#7b7e83,#34373c 60%,#16181b);border-radius:50%;width:10px;height:10px;position:absolute;box-shadow:1px 2px 2px #0009}.bp-screw.is-tl{top:10px;left:10px}.bp-screw.is-tr{top:10px;right:10px}.bp-screw.is-bl{bottom:10px;left:10px}.bp-screw.is-br{bottom:10px;right:10px}.bp-plate{width:fit-content;max-width:100%;font:600 13px / 1.35 var(--f-mono);text-align:center;color:var(--bone);text-shadow:0 -1px #000000d9,0 1px #ffffff12;background:linear-gradient(#252a31,#181b20 60%,#14171b);border-radius:3px;justify-items:center;gap:6px;margin:0 auto clamp(18px,2.4vw,28px);padding:14px 34px 13px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff24,inset 0 -1px #000000b3,0 2px #00000073,3px 5px 6px #00000073}.bp-plate-l:first-of-type:not(:only-of-type){font-size:clamp(17px,1.6vw,22px);font-weight:700}.bp-plate-l.is-sub{color:var(--bone-dim)}.bp-rivet{background:radial-gradient(circle at 35% 30%,#a3a6ab,#474a4f 55%,#1c1e21);border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:1px 1px 1px #000000b3}.bp-rivet:first-child{top:6px;left:7px}.bp-rivet:nth-child(2){top:6px;right:7px}.bp-rivet:nth-child(3){bottom:6px;left:7px}.bp-rivet:nth-child(4){bottom:6px;right:7px}[data-archetype=breaker-panel]{--bp-inset:8px;--bp-pilot:8px;--bp-hwgap:14px;--bp-tw:28px;--bp-th:56px;--bp-lw:20px;--bp-lh:26px;--bp-lpad:5px}.bp-rows{border-top:1px solid #000000b3;display:grid;position:relative;box-shadow:0 -1px #ffffff09}.bp-rows:before{content:"";top:0;bottom:0;left:calc(var(--bp-inset) + var(--bp-pilot) + var(--bp-hwgap) - 7px);width:calc(var(--bp-tw) + 14px);pointer-events:none;background:linear-gradient(90deg,#0000008c,#00000052 45%,#00000080);position:absolute;box-shadow:inset 2px 0 3px #000000b3,inset -1px 0 #ffffff0a,1px 0 #ffffff08}.bp-row{min-height:calc(var(--bp-th) + 28px);padding:14px 8px 14px var(--bp-inset);border-bottom:1px solid #000000b3;grid-template-columns:auto minmax(170px,232px) minmax(0,1fr) auto;grid-template-areas:"hw strip line tags";align-items:center;column-gap:clamp(16px,1.8vw,26px);display:grid;position:relative;box-shadow:0 1px #ffffff09}@container (width<=760px){.bp-row{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"hw strip""hw line""hw tags";align-items:start;row-gap:8px;padding-block:16px}.bp-hw{align-self:start}.bp-tags{justify-self:start!important}}.bp-hw{align-items:flex-start;gap:var(--bp-hwgap);grid-area:hw;display:flex}.bp-pilot{width:var(--bp-pilot);height:var(--bp-pilot);margin-top:calc(var(--bp-lpad) + var(--bp-lh) / 2 - var(--bp-pilot) / 2);background:radial-gradient(circle at 36% 32%,#4a3a26,#2a2016 60%,#17120c);border-radius:50%;flex:none;position:relative;box-shadow:0 0 0 2px #08090b,0 0 0 3px #ffffff12}.bp-pilot:after{content:"";background:radial-gradient(circle at 36% 32%, #fff4dc 0 18%, #ffc56e 42%, var(--gold) 62%, #b8681a);transition:opacity .12s linear;transition-delay:calc(var(--i,0) * .18s + .33s);border-radius:50%;position:absolute;inset:0;box-shadow:0 0 7px 2px #ffb454cc,0 0 18px 6px #ffa03c42}.bp-toggle{width:var(--bp-tw);height:var(--bp-th);background:radial-gradient(120% 60% at 20% 0%, color-mix(in oklab, var(--key,var(--sodium)) 12%, transparent), transparent 70%), linear-gradient(180deg, #2b2d32, #1a1b1f 55%, #111215);border-radius:4px;flex:none;position:relative;box-shadow:inset 1px 1px #ffffff1f,inset -1px -1px #000000d9,0 0 0 1px #0009,3px 5px 7px #000000b3}.bp-slot{left:50%;top:var(--bp-lpad);bottom:var(--bp-lpad);width:calc(var(--bp-lw) - 6px);background:linear-gradient(#030304,#0b0c0e);border-radius:3px;position:absolute;transform:translate(-50%);box-shadow:inset 0 2px 4px #000000f2,0 1px #ffffff0f}.bp-lever{left:50%;top:var(--bp-lpad);width:var(--bp-lw);height:var(--bp-lh);margin-left:calc(var(--bp-lw) / -2);background:repeating-linear-gradient(180deg, transparent 0 4px, #0000004d 4px 5px, #ffecd212 5px 6px) 0 62% / 100% 40% no-repeat, linear-gradient(180deg, color-mix(in oklab, var(--key,var(--sodium)) 22%, #6d645b) 0%, #4a433d 22%, #2c2825 62%, #1b1917 100%);transition:transform .15s cubic-bezier(.6,0,.9,.4);transition-delay:calc(var(--i,0) * .18s + .18s);border-radius:3px 3px 4px 4px;position:absolute;box-shadow:inset 0 1px #ffecd261,inset 1px 0 #ffecd21f,inset 0 -3px #0009,0 0 0 1px #0000008c,3px 8px 7px #000000c7}.bp-lever:after{content:"";background:color-mix(in oklab, var(--key,var(--sodium)) 55%, transparent);border-radius:1px;height:2px;position:absolute;top:2px;left:3px;right:3px}html.js:not(.motion-off) [data-archetype=breaker-panel]:not(.is-in) .bp-lever{transform:translateY(calc(var(--bp-th) - var(--bp-lh) - 2 * var(--bp-lpad)))}html.js:not(.motion-off) [data-archetype=breaker-panel]:not(.is-in) .bp-pilot:after{opacity:0}.bp-strip{grid-area:strip;justify-self:start;min-width:0;max-width:100%}@container (width<=760px){.bp-strip{padding-top:2px}}.bp-strip-t{max-width:100%;color:var(--bone);font:650 19px / 1.3 var(--f-sans);letter-spacing:-.01em;display:inline-block}.bp-line{font:420 17px / 26px var(--f-sans);color:var(--bone);grid-area:line;max-width:56ch}.bp-tags{flex-wrap:wrap;grid-area:tags;justify-self:end;align-items:center;gap:6px;display:inline-flex}.bp-door{perspective:1500px;perspective-origin:0%;position:relative}.bp-door.is-left{perspective-origin:100%}.bp-door-leaf{background:radial-gradient(90% 60% at 0% 0%, color-mix(in oklab, var(--key,var(--sodium)) 10%, transparent), transparent 70%), linear-gradient(90deg, #00000059, #ffffff05 30%, #0000004d), var(--bp-enamel-2);transform-origin:0%;height:100%;transform:rotateY(var(--door-a,50deg));transform-style:preserve-3d;border-radius:6px;padding:clamp(18px,2vw,28px) clamp(14px,1.6vw,22px);position:relative;box-shadow:inset 0 0 0 5px #00000059,inset 0 0 0 6px #ffffff0d,0 26px 50px #0009}.bp-door.is-left .bp-door-leaf{transform-origin:100%;transform:rotateY(calc(-1 * var(--door-a,14deg)))}.bp-handle{background:linear-gradient(90deg,#2a2c30,#5a5d62 45%,#1c1e21);border-radius:4px;width:8px;height:46px;margin-top:-23px;position:absolute;top:50%;right:12px;box-shadow:2px 3px 4px #0009}.bp-door.is-left .bp-handle{left:12px;right:auto}.bp-card{border-radius:var(--r-paper);color:var(--paper-ink);margin-top:clamp(6px,3vw,44px);padding:18px 16px 20px;position:relative;box-shadow:0 10px 22px #00000080,0 1px #0000004d}.bp-tape{background:#f2efe857;width:46px;height:17px;position:absolute;top:-8px;box-shadow:0 1px 1px #0000001f}.bp-tape.a{left:-8px;transform:rotate(-38deg)}.bp-tape.b{right:-8px;transform:rotate(36deg)}.bp-card-h{font:700 12px / 1.3 var(--f-mono);color:var(--paper-ink);border-bottom:1px solid #07080a59;margin-bottom:10px;padding-bottom:8px}.bp-card-l{font:500 13px / 1.5 var(--f-mono);white-space:pre-wrap;color:var(--paper-ink);gap:4px;display:grid}.bp-card.is-print .bp-card-l{font:450 15px / 22px var(--f-sans);white-space:normal;gap:6px}.bp-card-stamp{margin-top:16px}.bp-card .stamp{--stamp-delay:calc(var(--rows,5) * .18s + .5s)}.bp-legend{display:none}@media (width<=999px){.bp-grid.is-split .bp-install.has-door.door-left,.bp-grid.is-long .bp-install.has-door.door-right{grid-template-columns:minmax(0,1fr)}.bp-install.has-door .bp-door{display:none}.bp-install.door-left:before{left:clamp(18px,4%,48px)}.bp-legend{display:block}.bp-legend .bp-door{perspective:none}.bp-legend .bp-door-leaf,.bp-legend .bp-door.is-left .bp-door-leaf{box-shadow:none;background:0 0;padding:0;transform:none}.bp-legend .bp-card-h{font-size:13px}.bp-legend .bp-handle{display:none}.bp-legend .bp-card{max-width:30rem;margin:8px 0 0}}@media (width<=759px){[data-archetype=breaker-panel]{--bp-pad:16px}.bp-install{padding-top:50px}.bp-wall{inset:-20px calc(-1 * var(--gutter)) -24px}.bp-plate{padding:12px 22px 11px}[data-archetype=breaker-panel]{--bp-inset:4px;--bp-hwgap:12px;--bp-tw:22px;--bp-th:44px;--bp-lw:16px;--bp-lh:20px;--bp-lpad:4px}.bp-rows:before{display:none}.bp-row,.bp-row:nth-child(n){min-height:0;padding:16px 4px 18px var(--bp-inset);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"hw strip""line line""tags tags";align-items:center;gap:12px 14px}.bp-hw{align-self:center;align-items:center}.bp-pilot{margin-top:0}.bp-strip{padding-top:0}.bp-line{font-size:16px;line-height:25px}.bp-card-h{font-size:13px}.bp-tags{justify-self:start}}@media (prefers-contrast:more){.bp-pilot:after{box-shadow:none}.bp-install:before{filter:none}}@media (forced-colors:active){.bp-panel,.bp-door-leaf,.bp-card,.bp-strip-t{border:1px solid canvastext}}@media print{.bp-install:before,.bp-wall,.bp-door{display:none}.bp-panel{box-shadow:none;background:#fff;border:1px solid #000}.bp-line{color:#000}}}