:root{--color-hub-content-padding-inline: 0;--color-hub-route-margin-top: var(--space-5);--color-hub-route-margin-bottom: var(--space-5);--color-hub-route-gap: var(--space-5);--color-hub-hero-links-margin-top: var(--space-6)}.pal-hero{background:linear-gradient(180deg,#fffffffa,#f4f8fcfa);color:var(--text-primary);border-bottom:1px solid var(--border-light)}.pal-hero__inner{max-width:var(--site-shell-outer-max-width);margin-inline:auto;padding:var(--space-7) var(--content-padding) var(--space-6);text-align:left}.pal-hero__title{font-family:var(--font-heading);font-size:var(--page-hero-title-size);font-weight:var(--font-bold);letter-spacing:var(--tracking-normal);color:var(--text-primary);margin-bottom:var(--space-2)}.pal-hero__subtitle{font-size:var(--text-base);color:var(--text-secondary);max-width:min(100%,44rem);margin-inline:0}.pal-hero__search{max-width:var(--color-directory-hero-search-max);margin:var(--space-4) 0 0}.pal-grid-container{display:grid;gap:var(--space-5)}.pal-toolbar{margin-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.pal-toolbar__filters{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pal-filter{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:var(--space-2-5) var(--space-3-5);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-white);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast)}.pal-filter span{color:var(--text-muted);font-size:var(--text-2xs)}.pal-filter.is-active{border-color:var(--color-primary);background:var(--color-primary);color:var(--text-white)}.pal-filter.is-active span{color:var(--alpha-white-84)}.pal-toolbar__status{color:var(--text-secondary);font-size:var(--text-sm)}.pal-toolbar__empty{padding:var(--space-4);border:1px dashed var(--border);border-radius:var(--radius-xl);color:var(--text-muted);background:var(--bg-white)}.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.featured-card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-2xl);overflow:hidden;background:var(--bg-white);text-decoration:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.featured-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.featured-card__strip{display:flex;height:76px}.featured-card__band{flex:1;min-width:0}.featured-card__info{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.featured-card__eyebrow{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted)}.featured-card__title{font-family:var(--font-heading);font-size:var(--section-title-size-compact);font-weight:var(--font-bold);color:var(--text-primary)}.featured-card__desc{color:var(--text-secondary);line-height:var(--leading-relaxed)}.pal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.pal-card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-2xl);overflow:hidden;background:var(--bg-white);text-decoration:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.pal-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.pal-card__strip{display:flex;height:100px}.pal-card__band{flex:1;min-width:0}.pal-card__info{padding:var(--space-4) var(--space-4) var(--space-2)}.pal-card__name{display:block;margin-bottom:var(--space-1);font-family:var(--font-heading);font-size:var(--section-title-size-compact);font-weight:var(--font-bold);color:var(--text-primary)}.pal-card__year{margin-right:var(--space-3);font-size:var(--text-sm);color:var(--text-muted)}.pal-card__count{padding:2px 8px;border-radius:var(--radius-full);background:var(--bg-light);font-size:var(--text-xs);color:var(--text-muted)}.pal-card__hexes{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1-5);padding:var(--space-2) var(--space-4) var(--space-4)}.pal-card__hex-dot{width:22px;height:22px;border-radius:50%;border:1px solid color-mix(in srgb,var(--text-primary) 16%,transparent);box-shadow:inset 0 0 0 1px #ffffff3d,0 0 0 3px var(--bg-white),0 3px 10px #0f172a1f}@media(max-width:768px){.pal-hero__title{font-size:var(--page-hero-title-size-mobile)}.featured-grid,.pal-grid{grid-template-columns:1fr}.pal-toolbar__filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}}