:root{--color-directory-hero-padding-top: var(--space-7);--color-directory-hero-padding-bottom: var(--space-6);--color-directory-hero-search-max: 520px;--color-hub-content-padding-inline: var(--content-padding);--color-hub-route-columns: 2;--color-hub-route-columns-tablet: 2;--color-hub-route-gap: var(--space-6);--color-hub-answer-bg: var(--bg-white);--color-hub-route-bg: var(--bg-light);--color-hub-chip-bg: var(--bg-white);--color-hub-link-color: var(--color-accent);--color-hub-link-hover: var(--text-primary);--color-hub-answer-margin-bottom: var(--space-6);--color-hub-route-margin-top: 0;--color-hub-route-margin-bottom: 0;--color-hub-hero-links-margin-top: 0}.directory-hero{background:linear-gradient(180deg,#fffffffa,#f4f8fcfa);color:var(--text-primary);border-bottom:1px solid var(--border-light)}.directory-hero__inner{max-width:var(--site-shell-outer-max-width);margin-inline:auto;padding:var(--color-directory-hero-padding-top) var(--content-padding) var(--color-directory-hero-padding-bottom);text-align:left}.directory-hero__title{font-family:var(--font-heading);font-size:var(--page-hero-title-size);font-weight:var(--font-semibold);letter-spacing:var(--tracking-normal);color:var(--text-primary);margin-bottom:var(--space-2)}.directory-hero__subtitle{max-width:min(100%,44rem);margin-inline:0;margin-bottom:var(--space-5);font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed)}.directory-hero__search{max-width:var(--color-directory-hero-search-max);margin-inline:0;margin-bottom:var(--space-4)}.breadcrumb{font-size:var(--text-sm);margin-bottom:var(--space-4);display:flex;gap:var(--space-2);align-items:center;justify-content:flex-start}.breadcrumb a{color:var(--text-muted);text-decoration:none}.breadcrumb a:hover{color:var(--text-primary)}.breadcrumb__sep{color:var(--text-tertiary)}.breadcrumb span:last-child{color:var(--text-primary)}.search-input{width:100%;padding:var(--space-3-5) var(--space-5-5);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-white);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-input:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,transparent)}.featured-links,.hero-links{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--space-2)}.hero-links{margin-top:var(--color-hub-hero-links-margin-top)}.featured-links a,.hero-links__item{color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:var(--bg-white);border:1px solid var(--border);transition:border-color var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast)}.featured-links a:hover,.hero-links__item:hover{color:var(--text-primary);border-color:var(--color-primary-light);background:var(--bg-light)}.hub-answer,.route-grid{width:min(100%,var(--site-shell-max-width));margin-inline:auto;max-width:none;padding-inline:0}.hub-answer{margin-bottom:var(--color-hub-answer-margin-bottom)}.answer-card,.route-card{border-radius:var(--radius-2xl);border:1px solid var(--border)}.answer-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background:var(--color-hub-answer-bg)}.answer-card__eyebrow,.route-card__eyebrow{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.answer-card__title,.route-card__title{font-family:var(--font-heading);font-size:var(--section-title-size-compact);font-weight:var(--font-bold);color:var(--text-primary)}.answer-card__summary,.route-card__desc,.answer-card__list{color:var(--text-secondary);line-height:var(--leading-relaxed)}.answer-card__list{list-style:disc;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.answer-card__links,.route-card__links{display:flex;flex-wrap:wrap;gap:var(--space-3)}.answer-card__links a,.route-card__cta{color:var(--color-hub-link-color);font-weight:var(--font-semibold);text-decoration:none;transition:color var(--transition-fast)}.answer-card__links a:hover,.route-card__cta:hover{color:var(--color-hub-link-hover)}.route-grid{display:grid;grid-template-columns:repeat(var(--color-hub-route-columns),minmax(0,1fr));gap:var(--color-hub-route-gap);margin-top:var(--color-hub-route-margin-top);margin-bottom:var(--color-hub-route-margin-bottom)}.route-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background:var(--color-hub-route-bg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.route-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.route-card__links{gap:var(--space-2);margin-top:auto}.route-card__link{font-size:var(--text-2xs);font-weight:var(--font-semibold);color:var(--text-muted);padding:var(--space-1-5) var(--space-2-5);border-radius:var(--radius-full);border:1px solid var(--border);background:var(--color-hub-chip-bg);text-decoration:none;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.route-card__link:hover{border-color:var(--color-primary-light);color:var(--text-primary)}.xterm-hub-page{--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);--color-hub-answer-bg: var(--bg-white)}.xterm-hub-page .xterm-hub-hero{background:linear-gradient(180deg,#fffffffa,#f4f8fcfa);color:var(--text-primary);border-bottom:1px solid var(--border-light)}.xterm-hub-page .xterm-hub-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}.xterm-hub-page .xterm-hub-hero__title{font-family:var(--font-heading);font-size:var(--page-hero-title-size);font-weight:var(--font-semibold);letter-spacing:var(--tracking-normal);color:var(--text-primary);margin-bottom:var(--space-2)}.xterm-hub-page .xterm-hub-hero__subtitle{max-width:min(100%,44rem);margin-inline:0;font-size:var(--text-base);color:var(--text-secondary)}.xterm-hub-page .xterm-hub-hero__search{max-width:var(--color-directory-hero-search-max);margin:var(--space-4) 0 0}.xterm-hub-page .xterm-group__inner{max-width:var(--site-shell-outer-max-width);margin-inline:auto;padding:var(--space-8) var(--content-padding)}.xterm-hub-page .xterm-group{scroll-margin-top:calc(var(--header-height) + var(--space-6))}.xterm-hub-page .xterm-toolbar{margin-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.xterm-hub-page .xterm-toolbar__filters{display:flex;flex-wrap:wrap;gap:var(--space-2)}.xterm-hub-page .xterm-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)}.xterm-hub-page .xterm-filter span{color:var(--text-muted);font-size:var(--text-2xs)}.xterm-hub-page .xterm-filter.is-active{border-color:var(--color-primary);background:var(--color-primary);color:var(--text-white)}.xterm-hub-page .xterm-filter.is-active span{color:var(--alpha-white-84)}.xterm-hub-page .xterm-toolbar__status{color:var(--text-secondary);font-size:var(--text-sm)}.xterm-hub-page .xterm-toolbar__empty{padding:var(--space-4);border:1px dashed var(--border);border-radius:var(--radius-xl);color:var(--text-muted);background:var(--bg-white)}.xterm-hub-page .xterm-group__title{margin-bottom:var(--space-5);font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary)}.xterm-hub-page .xterm-group__count{font-weight:var(--font-normal);color:var(--text-muted)}.xterm-hub-page .xterm-group__desc{max-width:min(100%,var(--reading-max-width));margin-bottom:var(--space-5);color:var(--text-secondary)}.xterm-hub-page .xterm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-2)}.xterm-hub-page .xterm-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-white);text-decoration:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.xterm-hub-page .xterm-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.xterm-hub-page .xterm-card__swatch{height:56px;display:flex;align-items:center;justify-content:center}.xterm-hub-page .xterm-card__id{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--alpha-white-80)}.xterm-hub-page .xterm-card__id.dark{color:var(--alpha-black-50)}.xterm-hub-page .xterm-card__info{display:flex;flex-direction:column;gap:var(--space-1-px);padding:6px 8px}.xterm-hub-page .xterm-card__name{overflow:hidden;font-size:var(--text-3xs);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis}.xterm-hub-page .xterm-card__hex{font-size:var(--text-3xs);color:var(--text-muted)}@media(max-width:960px){.route-grid{grid-template-columns:repeat(var(--color-hub-route-columns-tablet),minmax(0,1fr))}}@media(max-width:768px){.directory-hero__title{font-size:var(--page-hero-title-size-mobile)}.directory-hero__subtitle{font-size:var(--text-sm)}.route-grid{grid-template-columns:1fr}.answer-card,.route-card{padding:var(--space-5)}.xterm-hub-page .xterm-hub-hero__title{font-size:var(--page-hero-title-size-mobile)}.xterm-hub-page .xterm-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.xterm-hub-page .xterm-card__swatch{height:44px}.xterm-hub-page .xterm-toolbar__filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}}