.pegboard-page{--pb-board: #F7F7F8;--pb-hole: rgba(20, 20, 24, .14);--pb-hole-r: 2.5px;--pb-tile: #FFFFFF;--pb-tile-line: rgba(20, 20, 24, .1);--pb-text: #16161A;--pb-text-2: #55555E;--pb-text-3: #8C96A5;--pb-peg: #F7941D;--pb-cord: rgba(20, 20, 24, .28);--pb-shadow: 0 10px 24px -12px rgba(20, 20, 24, .28);--pb-shadow-hover: 0 14px 30px -10px rgba(20, 20, 24, .22);--pb-glow: rgba(247, 148, 29, 0);--pb-on-accent: #FFFFFF;--pb-focus-ring: #F7941D;--pb-accent: #F7941D;--pb-accent-hi: #FFAE4A;--pb-accent-lo: #B86200;--pb-accent-wash: rgba(247, 148, 29, .12);--pb-tile-raised: #FFFFFF;--pb-line: rgba(20, 20, 24, .1);--pb-panel-edge: rgba(20, 20, 24, .12);--pb-page: #F7F7F8;--pb-blue: #1E4B8F;--pb-blue-deep: #1E4B8F;--pb-blue-wash: rgba(30, 75, 143, .08);--pb-hole-alt: rgba(30, 75, 143, .14)}:root[data-theme=dark] .pegboard-page{--pb-page: #04060A;--pb-board: #0B1018;--pb-tile: #131A26;--pb-tile-raised: #19222F;--pb-tile-line: rgba(255, 255, 255, .07);--pb-line: rgba(255, 255, 255, .09);--pb-panel-edge: rgba(91, 143, 224, .22);--pb-text: #F5F7FB;--pb-text-2: #BAC3D2;--pb-text-3: #8A95A8;--pb-blue: #5B8FE0;--pb-blue-deep: #1E4B8F;--pb-blue-wash: rgba(91, 143, 224, .14);--pb-accent-wash: rgba(247, 148, 29, .14);--pb-hole: rgba(247, 148, 29, .16);--pb-hole-alt: rgba(91, 143, 224, .18);--pb-cord: rgba(140, 170, 225, .55);--pb-hole-r: 1.6px;--pb-hole-ring: rgba(255, 255, 255, .035);--pb-peg: #F7941D;--pb-glow: rgba(247, 148, 29, .55);--pb-on-accent: #14110F;--pb-focus-ring: #FFAE4A;--pb-accent: #F7941D;--pb-accent-hi: #FFAE4A;--pb-accent-lo: #B86200;--pb-shadow: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 0 0 1px rgba(255, 255, 255, .05), 0 2px 4px rgba(0, 0, 0, .55), 0 18px 28px -14px rgba(0, 0, 0, .85), 0 26px 44px -22px rgba(30, 75, 143, .45);--pb-tile-glow: var(--pb-shadow);--pb-shadow-hover: 0 1px 0 rgba(255, 255, 255, .08) inset, 0 0 0 1px rgba(247, 148, 29, .55), 0 0 34px -8px rgba(247, 148, 29, .45), 0 22px 34px -14px rgba(0, 0, 0, .9)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .pegboard-page{--pb-page: #04060A;--pb-board: #0B1018;--pb-tile: #131A26;--pb-tile-raised: #19222F;--pb-tile-line: rgba(255, 255, 255, .07);--pb-line: rgba(255, 255, 255, .09);--pb-panel-edge: rgba(91, 143, 224, .22);--pb-text: #F5F7FB;--pb-text-2: #BAC3D2;--pb-text-3: #8A95A8;--pb-blue: #5B8FE0;--pb-blue-deep: #1E4B8F;--pb-blue-wash: rgba(91, 143, 224, .14);--pb-accent-wash: rgba(247, 148, 29, .14);--pb-hole: rgba(247, 148, 29, .16);--pb-hole-alt: rgba(91, 143, 224, .18);--pb-cord: rgba(140, 170, 225, .55);--pb-hole-r: 1.6px;--pb-hole-ring: rgba(255, 255, 255, .035);--pb-peg: #F7941D;--pb-glow: rgba(247, 148, 29, .55);--pb-on-accent: #14110F;--pb-focus-ring: #FFAE4A;--pb-accent: #F7941D;--pb-accent-hi: #FFAE4A;--pb-accent-lo: #B86200;--pb-shadow: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 0 0 1px rgba(255, 255, 255, .05), 0 2px 4px rgba(0, 0, 0, .55), 0 18px 28px -14px rgba(0, 0, 0, .85), 0 26px 44px -22px rgba(30, 75, 143, .45);--pb-tile-glow: var(--pb-shadow);--pb-shadow-hover: 0 1px 0 rgba(255, 255, 255, .08) inset, 0 0 0 1px rgba(247, 148, 29, .55), 0 0 34px -8px rgba(247, 148, 29, .45), 0 22px 34px -14px rgba(0, 0, 0, .9)}}html:has(.pegboard-page),body:has(.pegboard-page){background-color:var(--pb-page, #F7F7F8);transition:background-color .25s ease}:root[data-theme=dark] html:has(.pegboard-page),:root[data-theme=dark] body:has(.pegboard-page),:root[data-theme=dark] .peg-board-page-main,:root[data-theme=dark] .pegboard-page{background-color:var(--pb-page, #04060A)!important}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) html:has(.pegboard-page),:root:not([data-theme=light]) body:has(.pegboard-page),:root:not([data-theme=light]) .peg-board-page-main,:root:not([data-theme=light]) .pegboard-page{background-color:var(--pb-page, #04060A)!important}}.pb-board{background-color:var(--pb-board);background-image:radial-gradient(circle at center,var(--pb-hole) 0 var(--pb-hole-r),transparent calc(var(--pb-hole-r) + .6px));background-size:32px 32px;background-position:16px 16px}:root[data-theme=dark] .pb-board,:root:not([data-theme=light]) .pb-board{background-color:var(--pb-board);background-image:radial-gradient(ellipse 60% 35% at 12% 0%,rgba(30,75,143,.28),transparent 70%),radial-gradient(ellipse 40% 25% at 100% 0%,rgba(247,148,29,.07),transparent 70%),radial-gradient(circle at center,var(--pb-hole-alt) 0 var(--pb-hole-r),transparent calc(var(--pb-hole-r) + .5px)),radial-gradient(circle at center,var(--pb-hole) 0 var(--pb-hole-r),transparent calc(var(--pb-hole-r) + .5px)),radial-gradient(circle at center,var(--pb-hole-ring) 0 4px,transparent 4.5px);background-size:100% 100%,100% 100%,128px 128px,32px 32px,32px 32px;background-position:0 0,0 0,16px 16px,16px 16px,16px 16px;background-repeat:no-repeat,no-repeat,repeat,repeat,repeat;background-blend-mode:normal}@media(max-width:640px){.pb-board{background-size:24px 24px;background-position:12px 12px}:root[data-theme=dark] .pb-board,:root:not([data-theme=light]) .pb-board{background-size:100% 100%,100% 100%,96px 96px,24px 24px,24px 24px;background-position:0 0,0 0,12px 12px,12px 12px,12px 12px}}.pb-tile{background:var(--pb-tile);border:1px solid var(--pb-tile-line);box-shadow:var(--pb-shadow);color:var(--pb-text);border-radius:16px;position:relative;transform-origin:50% -22px}.pb-tile:before{content:"";position:absolute;left:50%;top:-22px;width:1.5px;height:22px;background:var(--pb-cord);transform:translate(-50%)}.pb-tile:after{content:"";position:absolute;left:50%;top:-27px;width:10px;height:10px;border-radius:50%;background:var(--pb-peg);transform:translate(-50%);box-shadow:0 0 12px var(--pb-glow)}.pb-tile:hover,.pb-tile:focus-within{box-shadow:var(--pb-shadow-hover);border-color:var(--pb-peg)}.pb-tile[aria-pressed=true]:after,.pb-tile.is-pinned:after{box-shadow:0 0 18px 2px var(--pb-glow)}:root[data-theme=dark] .pb-tile,:root:not([data-theme=light]) .pb-tile{box-shadow:var(--pb-shadow);border-color:var(--pb-tile-line)}:root[data-theme=dark] .pb-tile:hover,:root[data-theme=dark] .pb-tile:focus-within,:root:not([data-theme=light]) .pb-tile:hover,:root:not([data-theme=light]) .pb-tile:focus-within{border-color:var(--pb-peg);box-shadow:var(--pb-shadow-hover)}:root[data-theme=dark] .pb-tile h3,:root[data-theme=dark] .tile-title,:root[data-theme=dark] .pb-title,:root[data-theme=dark] .board-heading,:root[data-theme=dark] .pb-board h1,:root:not([data-theme=light]) .pb-tile h3,:root:not([data-theme=light]) .tile-title,:root:not([data-theme=light]) .pb-title,:root:not([data-theme=light]) .board-heading,:root:not([data-theme=light]) .pb-board h1{color:var(--pb-text)}:root[data-theme=dark] .pb-tile:after,:root:not([data-theme=light]) .pb-tile:after{box-shadow:0 0 14px 2px var(--pb-glow)}:root[data-theme=dark] .pb-tile.is-pinned,:root[data-theme=dark] .pb-tile[data-pinned=true],:root[data-theme=dark] .board-tile-wrapper[data-pinned=true],:root:not([data-theme=light]) .pb-tile.is-pinned,:root:not([data-theme=light]) .pb-tile[data-pinned=true],:root:not([data-theme=light]) .board-tile-wrapper[data-pinned=true]{border-color:#f7941d73;box-shadow:0 1px #ffffff0f inset,0 0 0 1px #f7941d73,0 2px 4px #0000008c,0 18px 28px -14px #000000d9,0 26px 44px -22px #1e4b8f73}:root[data-theme=dark] .pb-chip,:root[data-theme=dark] .zone-filter-chip,:root:not([data-theme=light]) .pb-chip,:root:not([data-theme=light]) .zone-filter-chip{background:var(--pb-tile);border:1px solid var(--pb-line);color:var(--pb-text-2);box-shadow:none}:root[data-theme=dark] .pb-chip:hover,:root[data-theme=dark] .zone-filter-chip:hover,:root:not([data-theme=light]) .pb-chip:hover,:root:not([data-theme=light]) .zone-filter-chip:hover{background:var(--pb-tile-raised);color:var(--pb-text);border-color:#ffffff26}:root[data-theme=dark] .pb-chip.is-active,:root[data-theme=dark] .zone-filter-chip.is-active,:root:not([data-theme=light]) .pb-chip.is-active,:root:not([data-theme=light]) .zone-filter-chip.is-active{background:var(--pb-accent-wash, rgba(247, 148, 29, .14));border-color:var(--pb-peg, #F7941D);color:#fff;box-shadow:0 0 16px -4px #f7941d80}:root[data-theme=dark] .zone-plaque.zone-blue,:root:not([data-theme=light]) .zone-plaque.zone-blue,:root[data-theme=dark] .zone-plaque-row:has(.zone-blue),:root:not([data-theme=light]) .zone-plaque-row:has(.zone-blue),:root[data-theme=dark] .pb-plaque-row:has(.zone-blue),:root:not([data-theme=light]) .pb-plaque-row:has(.zone-blue){--zone-accent: var(--pb-blue, #5B8FE0)}:root[data-theme=dark] .zone-plaque.zone-orange,:root:not([data-theme=light]) .zone-plaque.zone-orange,:root[data-theme=dark] .zone-plaque-row:has(.zone-orange),:root:not([data-theme=light]) .zone-plaque-row:has(.zone-orange),:root[data-theme=dark] .pb-plaque-row:has(.zone-orange),:root:not([data-theme=light]) .pb-plaque-row:has(.zone-orange){--zone-accent: var(--pb-peg, #F7941D)}:root[data-theme=dark] .zone-plaque.zone-blue,:root:not([data-theme=light]) .zone-plaque.zone-blue{background:#5b8fe01f;border:1px solid rgba(91,143,224,.35);color:#9dbbf0;box-shadow:0 0 16px -6px #5b8fe066}:root[data-theme=dark] .zone-plaque.zone-blue .plaque-dot,:root:not([data-theme=light]) .zone-plaque.zone-blue .plaque-dot{background-color:var(--pb-blue, #5B8FE0)}:root[data-theme=dark] .zone-plaque.zone-orange,:root:not([data-theme=light]) .zone-plaque.zone-orange{background:#f7941d1f;border:1px solid rgba(247,148,29,.35);color:#ffd9a8;box-shadow:0 0 16px -6px #f7941d66}:root[data-theme=dark] .zone-plaque.zone-orange .plaque-dot,:root:not([data-theme=light]) .zone-plaque.zone-orange .plaque-dot{background-color:var(--pb-peg, #F7941D)}:root[data-theme=dark] .pb-search,:root[data-theme=dark] .board-search-input,:root:not([data-theme=light]) .pb-search,:root:not([data-theme=light]) .board-search-input{background:var(--pb-board, #0B1018);border:1px solid var(--pb-line, rgba(255, 255, 255, .09));color:var(--pb-text, #F5F7FB)}:root[data-theme=dark] .board-search-box:focus-within .board-search-input,:root[data-theme=dark] .pb-search:focus-within,:root:not([data-theme=light]) .board-search-box:focus-within .board-search-input,:root:not([data-theme=light]) .pb-search:focus-within{border-color:var(--pb-blue, #5B8FE0);box-shadow:0 0 0 3px #5b8fe040}.zone-shelf-line{flex:1;height:1px;background:linear-gradient(to right,var(--zone-accent, var(--pb-accent-lo)) 0%,transparent 95%);opacity:.6}:root[data-theme=dark] .zone-shelf-line,:root:not([data-theme=light]) .zone-shelf-line{background:linear-gradient(to right,var(--zone-accent, rgba(247, 148, 29, .35)) 0%,transparent 95%);box-shadow:0 0 8px var(--zone-accent, rgba(247, 148, 29, .2));opacity:.7}.pb-canvas{position:relative;width:100%;min-height:480px;background-image:radial-gradient(circle at center,var(--pb-hole) 0 var(--pb-hole-r),transparent calc(var(--pb-hole-r) + .5px));background-size:32px 32px;background-position:16px 16px,0 0,0 0}:root[data-theme=dark] .pb-canvas,:root:not([data-theme=light]) .pb-canvas{background-image:radial-gradient(circle at center,var(--pb-hole-alt) 0 var(--pb-hole-r),transparent calc(var(--pb-hole-r) + .5px)),radial-gradient(circle at center,var(--pb-hole) 0 var(--pb-hole-r),transparent calc(var(--pb-hole-r) + .5px)),radial-gradient(circle at center,var(--pb-hole-ring) 0 4px,transparent 4.5px);background-size:128px 128px,32px 32px,32px 32px;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat}.pb-canvas[hidden]{display:none}[data-mode=free] .board-zones-container,.board-zones-container[hidden]{display:none!important}[data-mode=free].pb-board,[data-mode=free] .pb-board,:root[data-theme=dark] [data-mode=free].pb-board,:root[data-theme=dark] [data-mode=free] .pb-board,:root:not([data-theme=light]) [data-mode=free].pb-board,:root:not([data-theme=light]) [data-mode=free] .pb-board{background-image:radial-gradient(ellipse 60% 35% at 12% 0%,rgba(30,75,143,.28),transparent 70%),radial-gradient(ellipse 40% 25% at 100% 0%,rgba(247,148,29,.07),transparent 70%);background-size:100% 100%,100% 100%;background-position:0 0,0 0}[data-mode=free] .pb-tile,.pb-canvas .pb-tile{position:absolute!important;left:0!important;top:0!important;width:208px!important;height:192px!important;min-height:0!important;margin:0!important;translate:var(--x, 0) var(--y, 0);transition:translate .24s cubic-bezier(.22,1,.36,1),border-color .2s,box-shadow .2s,opacity .25s}[data-mode=free] .pb-tile .tile-description{-webkit-line-clamp:3}[data-mode=free] .pb-plaque-row,[data-mode=free] [data-plaque]{position:absolute;left:0;right:0;top:0;translate:0 var(--y, 0);height:96px;display:flex;align-items:center;gap:16px}@media(hover:hover)and (pointer:fine)and (min-width:900px){[data-mode=free] .pb-tile{cursor:grab;touch-action:none;user-select:none;-webkit-user-drag:none}}.pb-tile.is-dragging{z-index:60!important;cursor:grabbing!important;transition:none!important;will-change:translate,transform;backface-visibility:hidden;box-shadow:0 28px 48px -12px #000000e6,0 0 0 1px #f7941d99!important;outline:none!important}.pb-tile.is-dragging:before,.pb-tile.is-dragging:after{display:none}html.pb-is-dragging{cursor:grabbing;user-select:none}html.pb-is-dragging .pb-tile:not(.is-dragging){pointer-events:none;transition:none}.pb-ghost{position:absolute;left:0;top:0;width:208px;height:192px;border-radius:16px;pointer-events:none;z-index:5;border:1.5px dashed rgba(247,148,29,.6);background:#f7941d0f;will-change:translate;transition:translate .1s ease-out;contain:layout paint}.pb-ghost:before{content:"";position:absolute;inset:-22px -8px -16px;pointer-events:none;background-image:radial-gradient(circle at center,#F7941D 0 2.6px,transparent 3.2px);background-size:32px 32px;background-position:center;opacity:.9}.pb-ghost.is-nudged{border-color:#ffffff59}.pb-hole-origin{position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;pointer-events:none;box-shadow:0 0 0 2px #f7941db3,0 0 18px #f7941d99;opacity:.9}:root[data-theme=light] .pb-ghost,:root:not([data-theme=dark]) .pb-ghost{background-color:#ee4b2b0d}@media(prefers-reduced-motion:reduce){[data-mode=free] .pb-tile,.pb-ghost{transition:none}}@media(max-width:899px),(hover:none){.pb-canvas{display:none}}.board-zone-band:not(:first-child){content-visibility:auto;contain-intrinsic-size:auto 520px}.board-zone-band,[data-mode=free] [data-plaque]{scroll-margin-top:calc(var(--nav-height, 72px) + 64px)}.board-reset-layout-btn{background:transparent;border:none;font-family:inherit;font-size:.8125rem;font-weight:500;color:var(--pb-muted);cursor:pointer;padding:.35rem .65rem;border-radius:9999px;transition:color .15s,background-color .15s;white-space:nowrap;margin-left:auto}.board-reset-layout-btn:hover{color:var(--pb-ink);background-color:var(--pb-chip-bg)}@media(max-width:899px),(hover:none){.board-reset-layout-btn{display:none}}@keyframes pbTileSwing{0%{transform:rotate(0)}20%{transform:rotate(1.5deg)}45%{transform:rotate(-1.2deg)}70%{transform:rotate(.6deg)}88%{transform:rotate(-.3deg)}to{transform:rotate(0)}}.pb-tile.is-swinging{animation:pbTileSwing 1.2s cubic-bezier(.25,1,.5,1)}.pb-tile--playground{border:1.5px dashed var(--pb-peg, #F7941D)}.pb-tile--playground .tile-tag{background:var(--pb-accent-wash, rgba(247, 148, 29, .16));border:1px dashed var(--pb-peg, #F7941D);color:var(--pb-peg, #F7941D)}.board-filter-ledge{position:sticky;top:var(--nav-h, 72px);z-index:20;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0;margin-bottom:3rem;background:var(--pb-board)}:root[data-theme=dark] .board-filter-ledge.is-stuck,:root:not([data-theme=light]) .board-filter-ledge.is-stuck{border:1px solid rgba(91,143,224,.25);box-shadow:0 4px 20px #0006}:root[data-theme=dark] .ring-bg,:root:not([data-theme=light]) .ring-bg{stroke:var(--pb-blue-wash, rgba(91, 143, 224, .14))}:root[data-theme=dark] .guide-page-main a:not(.btn):not(.cta-pin-btn),:root:not([data-theme=light]) .guide-page-main a:not(.btn):not(.cta-pin-btn){color:var(--pb-blue, #5B8FE0)}:root[data-theme=dark] .guide-page-main a:not(.btn):not(.cta-pin-btn):hover,:root:not([data-theme=light]) .guide-page-main a:not(.btn):not(.cta-pin-btn):hover{color:#8cbaf5}@media(max-width:899px),(hover:none){.pb-tile{cursor:pointer;touch-action:auto}}
