:root{color:#242923;font-synthesis:none;--orange:#ff5100;--ink:#242923;--muted:#625f55;--paper:#fffaf0;background:#eee9df;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}a{color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}[hidden]{display:none!important}:focus-visible{outline-offset:5px;outline:3px solid #ad3700}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:10;background:var(--paper);padding:12px;position:fixed;top:8px;left:16px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.workshop{width:min(1440px,100% - 80px);margin:0 auto}.rack-header{border-bottom:1px solid #bdb7aa;justify-content:space-between;align-items:center;gap:20px;min-height:112px;display:flex}.rack-brand{letter-spacing:-.7px;align-items:center;gap:12px;font-size:22px;font-weight:700;text-decoration:none;display:flex}.rack-brand img{object-fit:contain;width:64px;height:64px;display:block}.rack-brand small{letter-spacing:1.7px;margin-top:6px;font:10px/1.4 Courier New,monospace;display:block}.rack-header nav{align-items:center;gap:10px;display:flex}.rack-header nav a{border-radius:3px;padding:13px 18px;font-size:13px;font-weight:600;text-decoration:none}.rack-header nav a[aria-current]{background:var(--ink);color:var(--paper);box-shadow:inset 0 -3px var(--orange)}.rack-header nav a:hover{box-shadow:inset 0 -3px var(--orange)}.rack-intro{justify-content:space-between;align-items:center;gap:20px;padding:30px 0 27px;display:flex}.rack-intro h1{letter-spacing:-1.1px;margin:0;font-size:clamp(21px,2.5vw,32px);font-weight:600;line-height:1.25}.rack-intro h1 span{color:var(--muted);font-weight:400}.rack-intro p{letter-spacing:1px;white-space:nowrap;margin:0;font:10px/1.5 Courier New,monospace}.rack-intro p span{color:#a64515;padding:0 9px}.rack-controls{padding-bottom:23px}.rack-search-row{justify-content:space-between;align-items:center;gap:25px;margin-bottom:17px;display:flex}.rack-search{background:#f9f6ef;border:1px solid #aea99d;border-radius:3px;flex:0 610px;align-items:center;gap:13px;height:49px;padding:0 15px;display:flex;box-shadow:inset 0 1px 2px #24292308}.rack-search:focus-within{outline-offset:2px;outline:2px solid #ad3700}.rack-search svg{flex-shrink:0;width:20px;height:20px}.rack-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:none;height:100%;font-size:14px}.rack-search input::placeholder{color:#68665e;opacity:1}.rack-search kbd{color:#777268;border:1px solid #c8c2b6;border-radius:2px;padding:2px 7px;font-size:12px}.rack-count{color:var(--muted);white-space:nowrap;margin:0;font:11px/1.5 Courier New,monospace}.rack-filters{flex-wrap:wrap;gap:7px;display:flex}.rack-filters button{color:#46483f;background:0 0;border:1px solid #c0b9ac;border-radius:3px;min-height:36px;padding:8px 12px;font-size:11px;font-weight:500}.rack-filters button span{margin-left:7px;font:10px Courier New,monospace}.rack-filters button[aria-pressed=true]{border-color:var(--orange);background:var(--orange);color:#1e241e;font-weight:700}.rack-filters button:hover{background:#e4dccd;border-color:#8a5940}.rack-filters button[aria-pressed=true]:hover{background:#ff6724}.pegboard{background-color:#b69a72;background-image:radial-gradient(circle at 4px 4px,#79634480 1.6px,#0000 2.1px),radial-gradient(circle at 4px 5px,#dfc8a180 2px,#0000 2.5px);background-size:22px 22px;border:1px solid #8c6c46;border-radius:5px;padding:0 28px;position:relative;box-shadow:inset 0 2px 3px #f4deb860,0 3px #80674825}.rack-rail{letter-spacing:1.5px;color:#322c21;justify-content:space-between;align-items:center;gap:15px;padding:19px 0 17px;font:9px/1.5 Courier New,monospace;display:flex}.rack-rail span{background:#b69a72;padding:2px 7px}.rack-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:0;padding:0;list-style:none;display:grid}.rack-grid>li{min-width:0;display:flex}.rack-card{background:var(--paper);border:1px solid #ede2ce;border-radius:5px;flex-direction:column;width:100%;min-height:272px;padding:13px 21px 18px;text-decoration:none;transition:transform .16s,box-shadow .16s;display:flex;position:relative;box-shadow:0 3px #765b3a55,0 5px 6px #58422319}.rack-card:hover{transform:translateY(-3px);box-shadow:0 3px #ad3700,0 6px 7px #58422326}.rack-card:focus-visible{outline-offset:0;outline:3px solid #242923;box-shadow:0 0 0 6px #ff5100}.rack-card-top{justify-content:space-between;align-items:center;gap:10px;height:20px;display:flex}.rack-number{color:#787265;font:10px Courier New,monospace}.rack-slot{background:#ad916b;border-radius:3px;width:24px;height:5px;box-shadow:inset 0 1px 2px #59422960}.rack-open{color:#766e5f;font-size:17px;line-height:1}.rack-icon{object-fit:contain;width:76px;height:76px;margin:9px 0 13px;display:block}.rack-card h2{letter-spacing:-.55px;overflow-wrap:break-word;margin:0 0 9px;font-size:18px;font-weight:700;line-height:1.2}.rack-card p{color:#625e54;margin:0 0 20px;font-size:12px;line-height:1.6}.rack-meta{letter-spacing:.5px;color:#706858;border-top:1px solid #e4ddcf;margin-top:auto;padding-top:11px;font:8px/1.5 Courier New,monospace;display:block}.rack-bottom{letter-spacing:1px;color:#3f3527;justify-content:space-between;align-items:center;gap:12px;padding:21px 0 18px;font:9px/1.5 Courier New,monospace;display:flex}.rack-bottom span{background:#b69a72;padding:2px 5px}.rack-empty{background:var(--paper);text-align:center;border-radius:4px;padding:50px 20px}.rack-empty h2{margin:0 0 12px;font-size:24px}.rack-empty p{color:var(--muted);font-size:14px}.rack-empty button{border:1px solid var(--ink);background:var(--ink);color:var(--paper);border-radius:3px;margin-top:10px;padding:12px 20px}.rack-footer{justify-content:space-between;align-items:center;gap:30px;padding:32px 0 38px;display:flex}.rack-footer h2{margin:0 0 7px;font-size:13px;font-weight:600}.rack-footer p{color:var(--muted);margin:0;font-size:11px;line-height:1.8}.rack-footer>a{text-underline-offset:4px;white-space:nowrap;font-size:12px}@media (width>=1450px){.rack-card{min-height:280px}.rack-card h2{font-size:20px}.rack-card p{font-size:13px}}@media (width<=1100px){.workshop{width:calc(100% - 48px)}.rack-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pegboard{padding:0 22px}.rack-card{padding-inline:18px}.rack-footer{flex-wrap:wrap}}@media (width<=760px){.workshop{width:calc(100% - 32px)}.rack-header{min-height:95px}.rack-brand{gap:6px;font-size:18px}.rack-brand img{width:52px;height:52px}.rack-brand small{letter-spacing:1px;font-size:8px}.rack-header nav{gap:0}.rack-header nav a{padding:12px 10px;font-size:12px}.rack-intro{flex-direction:column;align-items:start;gap:9px;padding:23px 0}.rack-intro h1{font-size:27px}.rack-search-row{flex-direction:column;align-items:start;gap:10px}.rack-search{flex:auto;width:100%}.rack-count{font-size:10px}.rack-filters{gap:6px}.rack-filters button{min-height:40px;padding-inline:11px}.rack-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pegboard{padding:0 16px}.rack-rail{letter-spacing:.5px;font-size:8px}.rack-rail span:last-child{display:none}.rack-card{min-height:270px;padding:11px 15px 15px}.rack-card h2{font-size:17px}.rack-card p{font-size:12px}.rack-icon{width:68px;height:68px}.rack-footer{align-items:start;gap:20px}.rack-footer>p{max-width:280px}.rack-meta{letter-spacing:0;font-size:8px}}@media (width<=470px){.rack-header{flex-wrap:wrap;gap:5px;padding:12px 0 15px}.rack-brand{flex:1 0 100%;font-size:21px}.rack-header nav{gap:12px;width:100%}.rack-header nav a{padding:9px 15px}.rack-intro h1{letter-spacing:-.8px;font-size:24px}.rack-grid{grid-template-columns:1fr;gap:18px}.rack-card{grid-template-columns:74px minmax(0,1fr);align-content:start;column-gap:15px;min-height:193px;padding:13px 17px 17px;display:grid}.rack-card-top{grid-column:1/-1;margin-bottom:17px}.rack-icon{grid-area:2/1/4;width:74px;height:74px;margin:0}.rack-card h2{grid-column:2;margin-bottom:8px;font-size:18px}.rack-card p{grid-column:2;margin-bottom:14px}.rack-meta{grid-column:1/-1;margin-top:7px}.rack-bottom{letter-spacing:.3px;font-size:7px}.rack-search kbd{display:none}.rack-footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}@media (forced-colors:active){.rack-card,.rack-search,.rack-filters button{border:1px solid buttontext}.rack-filters button[aria-pressed=true]{outline:2px solid highlight}.rack-icon{filter:grayscale()}}
