.site-header,.page-shell,footer{max-width:1320px;margin:auto;padding:24px}.site-header{padding-top:32px}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:40px}.brand{font-weight:800;font-size:1.1rem}.intro{max-width:680px;font-size:1.08rem}.hero-explorer{margin-bottom:24px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.explorer-toolbar,.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.explorer-toolbar label{flex:1;min-width:150px}.explorer-toolbar label:last-child{flex:0 1 240px}.explorer-toolbar label span{display:block;font-size:.8rem;margin-bottom:8px;color:var(--muted)}.explorer-toolbar input,.explorer-toolbar select{width:100%}.hero-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}.workshop{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:20px;align-items:start;scroll-margin-top:20px}.leftcol{display:grid;gap:20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;min-width:0}.sidebar section+section{margin-top:26px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.toolbar input{flex:1 1 170px}.dashboard{display:grid;grid-template-columns:minmax(0,1fr)}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.stack{display:grid;gap:10px}.profile-bars{display:grid;gap:10px;margin-top:16px}footer{border-top:1px solid var(--line);margin-top:32px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}footer p{margin:0}.data-tools{margin-top:24px}.data-tools summary{cursor:pointer;padding:8px 0}.hero-gallery>.empty{grid-column:1/-1}.copy-fallback{width:100%;min-height:100px}.skip-link{position:absolute;left:16px;top:-100px;padding:12px;background:var(--panel);z-index:10}.skip-link:focus{top:16px}@media(max-width:1000px){.workshop{grid-template-columns:minmax(0,1fr)}.hero-gallery{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}}@media(max-width:560px){.site-header,.page-shell,footer{padding:18px}.brand-row{margin-bottom:30px}.hero-gallery{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.cards{grid-template-columns:minmax(0,1fr)}.panel{padding:16px}.toolbar select,.toolbar input{width:100%;flex:1 1 100%}.hero-title{flex-wrap:wrap}.bar-row{grid-template-columns:80px minmax(0,1fr) 30px}.explorer-toolbar label{min-width:0;flex-basis:100%}.explorer-toolbar label:last-child{flex-basis:100%}}
.brand-row{flex-wrap:wrap}