:root{--hub-space:1.5rem;--hub-title:clamp(2.2rem,6vw,4.5rem);--hub-heading:clamp(1.3rem,3vw,2rem);--hub-control:3rem;--hub-card-min:19rem}
.hub-nav{display:flex;align-items:center;gap:var(--hub-space);min-height:var(--header);flex-wrap:wrap;padding-block:var(--grid-gap)}.hub-nav .brand{margin-right:auto}.hub-main{padding-block:var(--rhythm-breath);display:grid;gap:var(--hub-space)}.hub-main h1{font-size:var(--hub-title);line-height:var(--leading-title);max-width:var(--measure);overflow-wrap:anywhere}.hub-main h2{font-size:var(--hub-heading)}.hub-main section{margin-block:var(--hub-space);max-width:var(--measure-reading)}.hub-stack{display:grid;gap:var(--grid-gap)}.hub-main li+li{margin-top:var(--grid-gap)}.hub-notice{padding:var(--hub-space);border:1px solid var(--line);border-left:4px solid var(--rust);border-radius:var(--r-sm);background:var(--paper-2);max-width:var(--measure-reading)}.hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--hub-card-min)),1fr));gap:var(--hub-space)}.tool-card{max-width:var(--measure-reading)}.tool-card a{overflow-wrap:anywhere}.hub-filters{display:flex;gap:var(--grid-gap);flex-wrap:wrap}.hub-filters label{display:grid;gap:var(--grid-gap);flex:1;min-width:min(100%,var(--hub-card-min))}.hub-filters input,.hub-filters select{font:inherit;min-height:var(--hub-control);padding:var(--grid-gap);color:var(--ink);background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-sm);width:100%}.hub-main .actions{flex-wrap:wrap}.hub-stack h2:not(:first-child){margin-top:var(--hub-space)}

.hub-icon{border-radius:var(--r-sm);width:5rem;height:5rem;object-fit:contain}