/* Directory compact bundle */

/* Directory pages */
html.route-directory,
body.route-directory {
    background:
        radial-gradient(circle at top center, rgba(67, 96, 171, 0.2) 0%, rgba(67, 96, 171, 0) 32%),
        radial-gradient(circle at 86% 18%, rgba(29, 191, 149, 0.1) 0%, rgba(29, 191, 149, 0) 26%),
        linear-gradient(180deg, #08111d 0%, #091423 22%, #091524 58%, #07111c 100%);
    color: #eef3fb;
}

body.route-directory,
body.route-directory button,
body.route-directory input,
body.route-directory textarea,
body.route-directory select {
    font-family: "Segoe UI", Tahoma, "Noto Sans", Arial, sans-serif;
}

.route-directory .container,
.route-static .container {
    width: var(--public-content-width);
    max-width: none;
}

.route-directory .page-main,
.route-static .page-main {
    padding-top: 18px;
    padding-bottom: 86px;
}

.route-directory .breadcrumbs,
.route-static .breadcrumbs {
    color: rgba(224, 233, 247, 0.78);
}

.route-directory .breadcrumbs a,
.route-static .breadcrumbs a {
    color: #dbe8ff;
}

.route-directory .breadcrumb-sep,
.route-static .breadcrumb-sep {
    color: rgba(166, 181, 209, 0.7);
}

.directory-shell {
    display: grid;
    gap: 18px;
    margin-bottom: 22px;
    min-width: 0;
    max-width: 100%;
}

.directory-shell__hero {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 14px;
    border: 1px solid rgba(54, 68, 97, 0.92);
    border-radius: 28px;
    background:
        radial-gradient(circle at top left, rgba(77, 92, 238, 0.14) 0%, rgba(77, 92, 238, 0) 34%),
        radial-gradient(circle at bottom right, rgba(34, 191, 149, 0.09) 0%, rgba(34, 191, 149, 0) 38%),
        linear-gradient(145deg, rgba(18, 24, 39, 0.98) 0%, rgba(11, 16, 27, 0.98) 100%);
    padding: 22px;
    box-shadow: 0 22px 46px rgba(3, 7, 18, 0.28);
    min-width: 0;
    max-width: 100%;
}

.directory-shell--group .directory-shell__hero {
    background:
        radial-gradient(circle at top left, rgba(80, 106, 243, 0.18) 0%, rgba(80, 106, 243, 0) 34%),
        radial-gradient(circle at bottom right, rgba(29, 191, 149, 0.08) 0%, rgba(29, 191, 149, 0) 38%),
        linear-gradient(145deg, rgba(18, 24, 39, 0.98) 0%, rgba(11, 16, 27, 0.98) 100%);
}

.directory-shell--oa .directory-shell__hero {
    background:
        radial-gradient(circle at top left, rgba(245, 177, 68, 0.12) 0%, rgba(245, 177, 68, 0) 30%),
        radial-gradient(circle at bottom right, rgba(56, 152, 255, 0.14) 0%, rgba(56, 152, 255, 0) 36%),
        linear-gradient(145deg, rgba(18, 24, 39, 0.98) 0%, rgba(11, 16, 27, 0.98) 100%);
}

.directory-shell--mini-app .directory-shell__hero {
    background:
        radial-gradient(circle at top left, rgba(227, 89, 189, 0.14) 0%, rgba(227, 89, 189, 0) 32%),
        radial-gradient(circle at bottom right, rgba(82, 125, 255, 0.14) 0%, rgba(82, 125, 255, 0) 38%),
        linear-gradient(145deg, rgba(18, 24, 39, 0.98) 0%, rgba(11, 16, 27, 0.98) 100%);
}

.directory-shell__eyebrow {
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-self: start;
    align-self: start;
    width: fit-content;
    min-height: 0;
    border-radius: 999px;
    padding: 8px 12px;
    color: #dce8ff;
    background: rgba(20, 29, 45, 0.84);
    border: 1px solid rgba(77, 95, 132, 0.86);
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    line-height: 1;
}

.directory-shell__utility {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.directory-shell__hero-top {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.directory-shell__utility-pill {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    border-radius: 999px;
    padding: 0 11px;
    border: 1px solid rgba(73, 91, 129, 0.9);
    background: rgba(15, 22, 35, 0.84);
    color: rgba(219, 231, 255, 0.9);
    font-size: 0.76rem;
    font-weight: 700;
    max-width: 100%;
}

.directory-shell__rail-kicker {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 28px;
    border-radius: 999px;
    padding: 0 12px;
    border: 1px solid rgba(77, 95, 132, 0.86);
    background: rgba(20, 29, 45, 0.84);
    color: #dce8ff;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.directory-shell__hero-grid {
    display: grid;
    gap: 18px;
}

.directory-shell__copy {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.directory-shell__copy h1 {
    margin: 0;
    color: #f6f9ff;
    font-size: clamp(1.6rem, 3vw, 2.85rem);
    line-height: 1.08;
    text-wrap: balance;
}

.directory-shell__lead {
    margin: 0;
    max-width: 70ch;
    color: rgba(205, 217, 237, 0.82);
    line-height: 1.68;
}

.directory-shell__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    min-width: 0;
}

.directory-shell__chip {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    border-radius: 999px;
    padding: 0 12px;
    border: 1px solid rgba(74, 91, 126, 0.88);
    background: rgba(16, 24, 39, 0.8);
    color: #dbe8ff;
    font-size: 0.82rem;
    font-weight: 700;
    max-width: 100%;
}

.directory-shell__chip--count {
    background: linear-gradient(135deg, rgba(217, 230, 255, 0.16) 0%, rgba(168, 195, 255, 0.16) 100%);
    border-color: rgba(113, 140, 196, 0.92);
    color: #f3f7ff;
}

.directory-shell__signal-summary {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px 10px;
    width: fit-content;
    max-width: 100%;
    min-height: 34px;
    border-radius: 16px;
    padding: 8px 12px;
    border: 1px solid rgba(79, 97, 137, 0.9);
    background: rgba(14, 21, 34, 0.88);
}

.directory-shell__signal-summary-label {
    color: rgba(164, 183, 220, 0.88);
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.directory-shell__signal-summary-text {
    color: #f2f7ff;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.5;
}

.directory-shell__signal-cluster {
    display: grid;
    gap: 5px;
    width: fit-content;
    max-width: 100%;
    padding: 10px 12px;
    border-radius: 18px;
    border: 1px solid rgba(79, 97, 137, 0.9);
    background: rgba(14, 21, 34, 0.88);
}

.directory-shell__signal-cluster-label {
    color: rgba(164, 183, 220, 0.88);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.directory-shell__signal-cluster-line {
    color: #f2f7ff;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.45;
}

.directory-shell__signal-cluster-line--muted {
    color: rgba(214, 225, 243, 0.78);
}

.directory-shell__filter-rail {
    min-width: 0;
}

.directory-shell__rail-stack {
    display: grid;
    gap: 10px;
}

.directory-shell__rail-section {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.directory-shell__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: start;
}

.directory-shell__actions--rail {
    display: grid;
    gap: 10px;
}

.directory-shell__quick-links {
    display: grid;
    gap: 8px;
    margin-top: 2px;
}

.directory-shell__quick-links-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(170, 189, 222, 0.82);
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.directory-shell__quick-links-label-icon {
    width: 15px;
    height: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #dce7ff;
}

.directory-shell__quick-links-label-icon svg {
    width: 100%;
    height: 100%;
}

.directory-shell__quick-links-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.directory-shell__quick-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 32px;
    border-radius: 999px;
    border: 1px solid rgba(76, 94, 129, 0.88);
    background: rgba(16, 24, 39, 0.78);
    color: #e2ecff;
    padding: 0 12px;
    font-size: 0.79rem;
    font-weight: 700;
    text-decoration: none;
    max-width: 100%;
}

.directory-shell__quick-link-icon {
    width: 28px;
    height: 28px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(26, 38, 61, 0.92);
    border: 1px solid rgba(92, 116, 163, 0.52);
    color: #dbe7ff;
    flex: 0 0 auto;
}

.directory-shell__quick-link-icon svg {
    width: 16px;
    height: 16px;
}

.directory-shell__quick-link-copy {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.directory-shell__quick-link-label {
    color: inherit;
    font-size: 0.79rem;
    font-weight: 700;
    line-height: 1.3;
}

.directory-shell__quick-link-note {
    color: rgba(189, 202, 226, 0.72);
    font-size: 0.68rem;
    line-height: 1.3;
}

.directory-shell__quick-link:hover {
    text-decoration: none;
    border-color: rgba(128, 149, 197, 0.94);
    background: rgba(21, 31, 49, 0.92);
}

.directory-shell__pulse {
    display: grid;
    gap: 12px;
    align-content: start;
    padding: 16px;
    border-radius: 22px;
    border: 1px solid rgba(62, 77, 109, 0.92);
    background:
        linear-gradient(180deg, rgba(18, 24, 39, 0.94) 0%, rgba(12, 17, 29, 0.98) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

.directory-shell__pulse-kicker {
    margin: 0;
    color: #edf3ff;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.directory-shell__pulse-lead {
    margin: 0;
    color: rgba(196, 209, 232, 0.78);
    font-size: 0.84rem;
    line-height: 1.6;
}

.directory-shell__pulse-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.directory-shell__pulse-card {
    display: grid;
    gap: 6px;
    align-content: start;
    min-height: 100%;
    border-radius: 18px;
    border: 1px solid rgba(68, 82, 114, 0.9);
    background: rgba(13, 20, 32, 0.86);
    padding: 12px;
}

.directory-shell__pulse-card-label {
    color: rgba(149, 168, 203, 0.82);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.directory-shell__pulse-card-value {
    color: #f6f9ff;
    font-size: 0.96rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
}

.directory-shell__pulse-card-note {
    color: rgba(189, 202, 226, 0.74);
    font-size: 0.78rem;
    line-height: 1.55;
}

.directory-shell__pulse-footnote {
    margin: 0;
    color: rgba(187, 199, 222, 0.76);
    font-size: 0.78rem;
    line-height: 1.58;
}

.directory-shell__action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    border-radius: 14px;
    padding: 0 15px;
    text-decoration: none;
    font-size: 0.86rem;
    font-weight: 700;
}

.directory-shell__action-icon {
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.directory-shell__action-icon svg {
    width: 100%;
    height: 100%;
}

.directory-shell__action--primary {
    background: linear-gradient(135deg, #dbe7ff 0%, #a8c3ff 100%);
    color: #08111d;
}

.directory-shell__action--ghost {
    border: 1px solid rgba(74, 91, 126, 0.88);
    background: rgba(15, 22, 35, 0.88);
    color: #e7efff;
}

.directory-shell__toolbar,
.directory-shell__results {
    border: 1px solid rgba(52, 66, 93, 0.92);
    border-radius: 24px;
    background: rgba(11, 16, 27, 0.88);
    box-shadow: 0 18px 34px rgba(3, 7, 18, 0.22);
    min-width: 0;
    max-width: 100%;
}

.directory-shell__toolbar {
    padding: 16px;
}

.directory-shell__results {
    padding: 16px;
}

.directory-shell__hero,
.directory-shell__toolbar,
.directory-shell__results {
    contain: layout paint style;
}

.directory-shell--group .directory-shell__quick-links {
    gap: 6px;
}

.directory-shell--group .directory-shell__quick-links-label {
    font-size: 0.68rem;
}

.directory-shell--group .directory-shell__pulse-card {
    padding: 11px;
    gap: 5px;
}

:is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__hero {
    gap: 12px;
    padding: 20px;
}

:is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact) .directory-shell__hero {
    min-height: clamp(212px, 24vw, 248px);
}

:is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__hero-grid {
    gap: 14px;
}

:is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__copy {
    gap: 12px;
}

:is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__copy h1 {
    max-width: none;
    font-size: clamp(1.78rem, 2.95vw, 2.72rem);
}

:is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__lead {
    max-width: 58ch;
    line-height: 1.58;
}

:is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__utility,
:is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__meta,
:is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__quick-links,
:is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__quick-links-row {
    gap: 6px;
}

:is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__utility-pill,
:is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__chip,
:is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__quick-link {
    min-height: 30px;
    padding: 0 11px;
    font-size: 0.77rem;
}

:is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__signal-summary {
    gap: 6px 9px;
    padding: 8px 11px;
}

:is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__signal-summary-text {
    font-size: 0.79rem;
}

:is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__actions {
    gap: 8px;
}

:is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__action {
    min-height: 40px;
    padding: 0 13px;
    font-size: 0.82rem;
}

:is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact) .directory-shell__copy h1 {
    max-width: none;
    font-size: clamp(1.58rem, 2.45vw, 2.16rem);
    line-height: 1.08;
    text-wrap: pretty;
}

:is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact) .directory-shell__lead {
    max-width: none;
    font-size: 0.94rem;
    line-height: 1.58;
}

:is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact) .directory-shell__signal-cluster {
    gap: 4px;
    padding: 10px 12px;
}

:is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact) .directory-shell__signal-cluster-line {
    font-size: 0.78rem;
    line-height: 1.42;
}

:is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__filter-rail {
    display: grid;
    gap: 10px;
    align-content: start;
}

:is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__toolbar--hero .filter-bar {
    display: grid;
    gap: 10px;
}

:is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__toolbar--hero .filter-grid {
    gap: 10px;
}

:is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__toolbar--hero .filter-field span {
    font-size: 0.76rem;
}

:is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__toolbar--hero .filter-field input,
:is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__toolbar--hero .filter-field select {
    min-height: 42px;
    border-radius: 14px;
}

:is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__toolbar--hero .filter-actions {
    margin-top: 0;
}

.tag-archive-page__sections {
    display: grid;
    gap: 20px;
}

.taxonomy-hub {
    display: grid;
    gap: 20px;
}

.taxonomy-hub__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.taxonomy-hub__grid--featured {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.taxonomy-hub--tags {
    gap: 16px;
}

.taxonomy-hub__grid--tags,
.taxonomy-hub__grid--featured.taxonomy-hub__grid--tags {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.taxonomy-family-card {
    min-width: 0;
}

.taxonomy-family-card__link {
    display: grid;
    gap: 14px;
    height: 100%;
    padding: 16px;
    border: 1px solid rgba(59, 74, 103, 0.92);
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(18, 24, 39, 0.96) 0%, rgba(12, 17, 28, 0.98) 100%);
    color: inherit;
    text-decoration: none;
    box-shadow: 0 12px 24px rgba(4, 9, 18, 0.2);
}

.taxonomy-family-card__link:hover {
    text-decoration: none;
    border-color: rgba(105, 136, 196, 0.9);
}

.taxonomy-family-card__head {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 12px;
    align-items: start;
}

.taxonomy-family-card__icon {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    border: 1px solid rgba(93, 117, 165, 0.72);
    background: linear-gradient(135deg, rgba(24, 36, 59, 0.98) 0%, rgba(14, 23, 38, 0.98) 100%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    overflow: hidden;
}

.taxonomy-family-card__icon-glyph {
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1;
    color: #eef4ff;
}

.taxonomy-family-card__copy {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.taxonomy-family-card__title {
    margin: 0;
    font-size: 1rem;
    line-height: 1.2;
    color: #f4f7ff;
}

.taxonomy-family-card__types {
    margin: 0;
    color: rgba(193, 207, 232, 0.72);
    font-size: 0.76rem;
    line-height: 1.4;
}

.taxonomy-family-card__total {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid rgba(88, 115, 170, 0.58);
    background: rgba(19, 29, 49, 0.74);
    color: rgba(235, 241, 255, 0.9);
    font-size: 0.76rem;
    font-weight: 700;
    white-space: nowrap;
}

.taxonomy-family-card__description {
    margin: 0;
    color: rgba(214, 223, 239, 0.82);
    font-size: 0.9rem;
    line-height: 1.55;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.taxonomy-family-card__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
}

.taxonomy-family-card__stat {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.taxonomy-family-card__stat dt {
    margin: 0;
    color: rgba(170, 186, 214, 0.7);
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.3;
}

.taxonomy-family-card__stat dd {
    margin: 0;
    color: #f4f7ff;
    font-size: 0.96rem;
    font-weight: 700;
    line-height: 1.2;
}

.taxonomy-family-card__cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #d8e5ff;
    font-size: 0.8rem;
    font-weight: 700;
}

.taxonomy-family-card--featured .taxonomy-family-card__link {
    padding: 18px;
}

.taxonomy-family-card--featured .taxonomy-family-card__title {
    font-size: 1.06rem;
}

.taxonomy-family-card--featured .taxonomy-family-card__description {
    font-size: 0.92rem;
}

.taxonomy-family-card--tag .taxonomy-family-card__link,
.taxonomy-family-card--tag.taxonomy-family-card--featured .taxonomy-family-card__link {
    gap: 10px;
    padding: 13px;
    border-radius: 18px;
}

.taxonomy-family-card--tag .taxonomy-family-card__head {
    gap: 10px;
}

.taxonomy-family-card--tag .taxonomy-family-card__icon {
    width: 36px;
    height: 36px;
    border-radius: 12px;
}

.taxonomy-family-card--tag .taxonomy-family-card__icon-glyph {
    font-size: 1rem;
}

.taxonomy-family-card--tag .taxonomy-family-card__copy {
    gap: 3px;
}

.taxonomy-family-card--tag .taxonomy-family-card__title,
.taxonomy-family-card--tag.taxonomy-family-card--featured .taxonomy-family-card__title {
    font-size: 0.94rem;
    line-height: 1.18;
}

.taxonomy-family-card--tag .taxonomy-family-card__types {
    font-size: 0.7rem;
    line-height: 1.3;
}

.taxonomy-family-card--tag .taxonomy-family-card__total {
    min-height: 26px;
    padding: 0 8px;
    font-size: 0.7rem;
}

.taxonomy-family-card--tag .taxonomy-family-card__description,
.taxonomy-family-card--tag.taxonomy-family-card--featured .taxonomy-family-card__description {
    font-size: 0.82rem;
    line-height: 1.45;
    -webkit-line-clamp: 1;
}

.taxonomy-family-card--tag .taxonomy-family-card__stats {
    gap: 8px;
}

.taxonomy-family-card--tag .taxonomy-family-card__stat dt {
    font-size: 0.65rem;
}

.taxonomy-family-card--tag .taxonomy-family-card__stat dd {
    font-size: 0.84rem;
}

.taxonomy-family-card--tag .taxonomy-family-card__cta {
    font-size: 0.74rem;
    gap: 5px;
}

.tag-archive-page__section {
    display: grid;
    gap: 14px;
}

.tag-archive-page__section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
    padding-bottom: 2px;
}

.tag-archive-page__section-copy {
    display: grid;
    gap: 6px;
}

.tag-archive-page__section-title-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.tag-archive-page__section-title {
    margin: 0;
    font-size: clamp(1.05rem, 1.4vw, 1.28rem);
    line-height: 1.15;
    color: #f1f6ff;
}

.tag-archive-page__section-lead {
    margin: 0;
    max-width: 68ch;
    color: rgba(210, 218, 236, 0.78);
    font-size: 0.92rem;
    line-height: 1.55;
}

.tag-archive-page__section-meta {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.tag-archive-page__section-meta--inline {
    justify-content: flex-start;
}

.tag-archive-page__section-actions {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.tag-archive-page__section-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 36px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(88, 115, 170, 0.58);
    background: rgba(19, 29, 49, 0.74);
    color: rgba(235, 241, 255, 0.92);
    font-size: 0.77rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.tag-archive-page__section-action:hover {
    text-decoration: none;
}

.tag-archive-page__section-action--primary {
    border-color: rgba(161, 186, 240, 0.72);
    background: linear-gradient(135deg, rgba(217, 231, 255, 0.94) 0%, rgba(166, 193, 248, 0.92) 100%);
    color: #0b1422;
}

.tag-archive-page__section-action--ghost {
    border-color: rgba(88, 115, 170, 0.58);
}

.tag-archive-page__section-action-icon {
    width: 14px;
    height: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.tag-archive-page__section-action-icon svg {
    width: 100%;
    height: 100%;
}

.tag-archive-page__section-count,
.tag-archive-page__section-page {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 11px;
    border-radius: 999px;
    border: 1px solid rgba(88, 115, 170, 0.58);
    background: rgba(19, 29, 49, 0.74);
    color: rgba(235, 241, 255, 0.9);
    font-size: 0.77rem;
    font-weight: 700;
    white-space: nowrap;
}

.directory-shell--group .directory-shell__toolbar {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.directory-shell--group .directory-shell__results {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

@supports (content-visibility: auto) {
    .route-home .home-directory-section,
    .route-home .home-contribute,
    .route-directory .directory-shell__results,
    .route-directory .site-footer,
    .route-home .site-footer {
        content-visibility: auto;
    }

    .route-home .home-directory-section {
        contain-intrinsic-size: 1200px;
    }

    .route-home .home-contribute {
        contain-intrinsic-size: 900px;
    }

    .route-directory .directory-shell__results {
        contain-intrinsic-size: 1500px;
    }

    .route-directory .site-footer,
    .route-home .site-footer {
        contain-intrinsic-size: 460px;
    }
}

.route-directory .filter-bar {
    margin-top: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 0;
    box-shadow: none;
}

.route-directory .filter-grid {
    gap: 12px;
}

.route-directory .filter-field span {
    color: rgba(173, 190, 219, 0.82);
}

.route-directory .filter-field input,
.route-directory .filter-field select {
    border-color: rgba(67, 84, 118, 0.9);
    background: rgba(16, 23, 37, 0.94);
    color: #edf4ff;
}

.route-directory .filter-field input::placeholder {
    color: rgba(168, 184, 212, 0.56);
}

.route-directory .filter-checks label,
.route-directory .filter-actions a {
    color: rgba(214, 225, 243, 0.82);
}

.route-directory .filter-summary__label {
    color: rgba(214, 225, 243, 0.9);
}

.route-directory .filter-summary__chip {
    border-color: rgba(79, 96, 134, 0.84);
    background: rgba(20, 29, 45, 0.9);
    color: #deebff;
}

.route-directory .filter-summary--warning {
    border-color: rgba(191, 152, 61, 0.55);
    background: rgba(86, 62, 12, 0.32);
}

.route-directory .filter-summary--warning .filter-summary__label {
    color: #ffe29a;
}

.route-directory .filter-actions button {
    min-height: 40px;
    border-radius: 12px;
    border: 0;
    background: linear-gradient(135deg, #dbe7ff 0%, #a8c3ff 100%);
    color: #08111d;
    font-weight: 700;
    padding: 0 14px;
}

.route-directory .filter-bar--inline-directory {
    display: grid;
    gap: 10px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(53, 67, 95, 0.9);
    margin-bottom: 14px;
}

.route-directory .filter-bar--inline-directory .filter-summary {
    margin-bottom: 0;
}

.route-directory .filter-bar--inline-directory .filter-field span {
    font-size: 0.74rem;
}

.route-directory .filter-bar--inline-directory .filter-field input,
.route-directory .filter-bar--inline-directory .filter-field select {
    min-height: 42px;
    border-radius: 14px;
}

.route-directory .filter-grid--inline-directory > * {
    min-width: 0;
}

.route-directory .filter-grid--inline-directory {
    gap: 12px;
}

.route-directory .filter-actions--inline-directory {
    margin-top: 0;
}

.route-directory .filter-actions--inline-directory button {
    min-width: 0;
}

.route-directory .filter-checks--inline-directory {
    min-height: 0;
    font-size: 0.83rem;
}

.route-directory .filter-checks--inline-directory label {
    gap: 7px;
    color: rgba(214, 225, 243, 0.82);
}

.route-directory .filter-bar--inline-directory .filter-actions {
    margin-top: 0;
}

.directory-shell--category-compact .directory-shell__copy h1,
.directory-shell--category-compact .directory-shell__lead {
    max-width: none;
    width: 100%;
}

.directory-shell--category-compact .directory-shell__hero {
    gap: 10px;
    padding: 18px;
}

.directory-shell--category-compact .directory-shell__lead {
    color: rgba(218, 228, 244, 0.84);
}

.directory-shell--category-compact .directory-shell__signal-cluster {
    width: 100%;
    border-radius: 22px;
    padding: 14px 16px;
    background: linear-gradient(180deg, rgba(19, 28, 45, 0.96) 0%, rgba(11, 18, 30, 0.96) 100%);
}

.directory-shell--category-compact .directory-shell__rail-section {
    border: 1px solid rgba(70, 88, 125, 0.8);
    border-radius: 22px;
    padding: 14px;
    background: linear-gradient(180deg, rgba(18, 24, 39, 0.94) 0%, rgba(11, 16, 27, 0.98) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

.directory-shell--category-compact .directory-shell__actions--rail .directory-shell__action {
    width: 100%;
    justify-content: flex-start;
}

.route-directory .item-card {
    border-color: rgba(57, 71, 99, 0.94);
    background: linear-gradient(180deg, rgba(18, 24, 39, 0.95) 0%, rgba(12, 17, 28, 0.98) 100%);
    box-shadow: 0 12px 24px rgba(4, 9, 18, 0.22);
}

.route-directory .item-card__title a {
    color: #edf4ff;
}

.route-directory .chip--category {
    border-color: rgba(79, 96, 134, 0.84);
    background: rgba(20, 29, 45, 0.9);
    color: #deebff;
}

.route-directory .item-card__action-btn,
.route-directory .item-card--type-group .item-card__action-btn,
.route-directory .item-card--type-oa .item-card__action-btn,
.route-directory .item-card--type-mini-app .item-card__action-btn {
    color: #dce8ff;
    background: rgba(19, 31, 49, 0.95);
    border-color: rgba(88, 111, 154, 0.82);
}

.route-directory .item-card__action-btn:hover,
.route-directory .item-card--type-group .item-card__action-btn:hover,
.route-directory .item-card--type-oa .item-card__action-btn:hover,
.route-directory .item-card--type-mini-app .item-card__action-btn:hover {
    background: rgba(28, 43, 66, 0.98);
    border-color: rgba(112, 140, 189, 0.9);
}

.route-directory .item-card--type-group .item-card__kicker {
    color: rgba(171, 194, 228, 0.82);
}

.route-directory .item-card--type-group .item-card__group-signal {
    color: #dce8ff;
}

.route-directory .item-card--type-group .item-card__group-meta {
    border-color: rgba(76, 95, 135, 0.88);
    background: linear-gradient(180deg, rgba(18, 28, 44, 0.94) 0%, rgba(13, 21, 33, 0.96) 100%);
}

.route-directory .item-card--type-group .item-card__group-meta-row + .item-card__group-meta-row {
    border-top-color: rgba(80, 98, 136, 0.58);
}

.route-directory .item-card--type-group .item-card__group-chip,
.route-directory .item-card--type-group .item-card__group-signal {
    color: #dce8ff;
}

.route-directory .item-card--type-group .item-card__group-chip-icon {
    color: rgba(184, 201, 231, 0.82);
}

.route-directory .item-card--type-group .item-card__group-meta-icon {
    color: rgba(168, 186, 219, 0.74);
}

.route-directory .item-card--type-group .item-card__group-detail-value {
    color: #e4eeff;
}

.route-directory .item-card--type-group .item-card__group-metric-value {
    color: #e4eeff;
}

.route-directory .empty-state,
.route-directory .pager-btn.is-disabled {
    border-color: rgba(87, 106, 146, 0.82);
    background: rgba(16, 22, 35, 0.88);
    color: rgba(212, 221, 237, 0.78);
}

.route-directory .pager-status {
    color: rgba(210, 222, 240, 0.78);
}

.route-directory .pager-limit-note {
    color: rgba(179, 195, 222, 0.82);
}

.route-directory .pager-btn {
    border-color: rgba(79, 96, 134, 0.84);
    background: rgba(15, 22, 35, 0.88);
    color: #dce8ff;
}

.route-directory .pager--public .pager-btn.is-active {
    border-color: rgba(56, 189, 248, 0.95);
    background: #38bdf8;
    color: #06121f;
    box-shadow: 0 10px 24px rgba(56, 189, 248, 0.18);
}

.route-directory .pager-gap {
    border-color: rgba(79, 96, 134, 0.72);
    background: rgba(15, 22, 35, 0.72);
    color: rgba(191, 205, 229, 0.78);
}

.route-directory .pager-locked-tail {
    border-color: rgba(234, 179, 8, 0.68);
    background: linear-gradient(135deg, rgba(234, 179, 8, 0.2), rgba(120, 53, 15, 0.22));
    color: #ffe7a8;
    box-shadow: inset 0 0 0 1px rgba(255, 236, 179, 0.08);
}

.route-directory .section-head h2 {
    color: #f1f6ff;
}

.route-directory .section-head p {
    color: rgba(189, 203, 226, 0.72);
}

.route-directory .section-head a {
    color: #dce8ff;
}


@media (min-width: 980px) {
    .blog-article-figure.submission-guide-figure {
        width: min(100%, 240px);
    }

    .directory-shell__hero-grid--with-pulse {
        grid-template-columns: minmax(0, 1.14fr) minmax(310px, 0.86fr);
        align-items: start;
    }

    .directory-shell--group .directory-shell__hero-grid--with-pulse {
        grid-template-columns: minmax(0, 1.22fr) minmax(300px, 0.78fr);
    }

    .directory-shell--group .directory-shell__pulse-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__hero-grid--compact-split {
        grid-template-columns: minmax(0, 1.12fr) minmax(340px, 0.88fr);
        align-items: stretch;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__hero-top {
        grid-template-columns: minmax(0, 1fr) minmax(360px, auto);
        align-items: start;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__copy {
        max-width: 100%;
        align-content: start;
        min-height: 100%;
        height: 100%;
    }

    .directory-shell__actions {
        justify-content: flex-start;
    }

    .directory-shell__quick-links-row {
        justify-content: flex-start;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__copy {
        gap: 10px;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__toolbar--hero .filter-bar {
        gap: 12px;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__toolbar--hero .filter-grid {
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
        gap: 12px;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__toolbar--hero {
        height: 100%;
        padding: 16px;
        border: 1px solid rgba(63, 80, 114, 0.76);
        border-radius: 22px;
        background: linear-gradient(180deg, rgba(18, 24, 39, 0.94) 0%, rgba(11, 16, 27, 0.98) 100%);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__filter-rail {
        min-height: 100%;
        height: 100%;
        grid-template-rows: auto 1fr;
        align-content: start;
        gap: 10px;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__filter-rail .directory-shell__signal-summary {
        width: 100%;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__filter-rail .directory-shell__signal-cluster {
        width: 100%;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__filter-rail .directory-shell__rail-kicker {
        justify-self: start;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__toolbar--hero .filter-checks {
        grid-column: auto;
        padding-bottom: 0;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__toolbar--hero .filter-actions {
        justify-content: flex-start;
        align-items: center;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__quick-links {
        margin-top: auto;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact) .directory-shell__hero {
        justify-items: center;
        gap: 12px;
        padding: 20px 24px;
        min-height: 0;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact) .directory-shell__eyebrow {
        justify-self: center;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact) .directory-shell__hero-grid--compact-split {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
        align-items: start;
        justify-items: center;
        width: 100%;
        max-width: 940px;
        margin: 0 auto;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact) .directory-shell__copy {
        align-content: start;
        justify-items: center;
        text-align: center;
        min-height: 0;
        height: auto;
        gap: 8px;
        width: 100%;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact) .directory-shell__copy h1 {
        max-width: none;
        font-size: clamp(1.42rem, 1.7vw, 1.82rem);
        line-height: 1.08;
        white-space: nowrap;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact) .directory-shell__lead {
        max-width: none;
        font-size: 0.88rem;
        line-height: 1.55;
        text-align: center;
        white-space: nowrap;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact) .directory-shell__filter-rail {
        display: grid;
        align-content: start;
        justify-items: center;
        min-height: 0;
        height: auto;
        width: 100%;
        max-width: 420px;
        gap: 8px;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact) .directory-shell__rail-kicker {
        justify-self: center;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact) .directory-shell__rail-stack {
        gap: 8px;
        width: 100%;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact) .directory-shell__rail-section {
        height: auto;
        align-content: start;
        justify-items: center;
        padding: 12px;
        width: 100%;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact) .directory-shell__signal-cluster {
        width: 100%;
        justify-items: center;
        text-align: center;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact) .directory-shell__actions--rail {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact) .directory-shell__actions--rail .directory-shell__action {
        width: 100%;
        min-height: 52px;
        justify-content: center;
        padding: 0 12px;
    }

    .directory-shell--category-compact .directory-shell__hero-grid--compact-split {
        grid-template-columns: minmax(0, 7fr) minmax(300px, 3fr);
        gap: 18px;
        align-items: start;
    }

    .directory-shell--category-compact .directory-shell__copy {
        align-content: start;
        min-height: 0;
        height: auto;
        gap: 10px;
    }

    .directory-shell--category-compact .directory-shell__copy h1 {
        font-size: clamp(1.86rem, 2.7vw, 2.56rem);
        line-height: 1.04;
    }

    .directory-shell--category-compact .directory-shell__lead {
        min-height: 0;
        font-size: 0.95rem;
        line-height: 1.62;
    }

    .directory-shell--category-compact .directory-shell__filter-rail {
        display: grid;
        grid-template-rows: auto auto;
        align-content: start;
        gap: 10px;
    }

    .directory-shell--category-compact .directory-shell__rail-stack {
        gap: 10px;
    }

    .directory-shell--category-compact .directory-shell__rail-section {
        height: auto;
        align-content: start;
        padding: 12px;
    }

    .directory-shell--category-compact .directory-shell__actions--rail {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .directory-shell--category-compact .directory-shell__actions--rail .directory-shell__action {
        width: 100%;
        min-height: 52px;
        justify-content: center;
        padding: 0 12px;
    }

    .directory-shell__pulse {
        min-height: 100%;
    }

    .route-directory .filter-grid {
        grid-template-columns: minmax(0, 1.25fr) minmax(220px, 0.75fr) auto;
        align-items: end;
    }

    .route-directory .filter-bar--inline-directory {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: end;
    }

    .route-directory .filter-bar--inline-directory .filter-summary {
        grid-column: 1 / -1;
    }

    .route-directory .filter-grid--inline-directory {
        grid-template-columns: minmax(0, 1.3fr) minmax(220px, 0.92fr) auto;
        align-items: stretch;
        gap: 12px;
    }

    .route-directory .filter-actions--inline-directory {
        justify-content: flex-start;
        align-items: flex-end;
        align-self: end;
    }

    .route-directory .filter-checks--inline-directory {
        margin-top: -2px;
    }

    .directory-shell--group .item-grid-list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .search-page .item-grid-list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .search-page__form {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
    }

    .search-page__form button {
        min-width: 148px;
    }

    .blog-index-layout {
        grid-template-columns: minmax(0, 7fr) minmax(280px, 3fr);
    }

    .blog-index-side {
        position: sticky;
        top: 92px;
    }

    .blog-index-lead {
        grid-template-columns: minmax(0, 1fr) 188px;
        align-items: center;
    }

    .blog-grid--compact,
    .blog-grid--archive {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .blog-card--compact,
    .blog-card--archive {
        grid-template-columns: 132px minmax(0, 1fr);
    }

    .blog-article-side {
        position: sticky;
        top: 92px;
        display: grid;
        gap: 18px;
    }

    .static-shell__layout {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
    }

    .static-shell__layout--report {
        grid-template-columns: minmax(0, 7fr) minmax(320px, 3fr);
        grid-template-areas: "article form";
        align-items: start;
    }

    .quick-report-panel__form-shell {
        position: static;
    }

    .detail-hero {
        padding: 22px;
    }

    .detail-single-shell {
        grid-template-columns: minmax(0, 7fr) minmax(320px, 3fr);
        grid-template-areas:
            "profile side"
            "content side";
        align-items: start;
    }

    .detail-single-shell__side {
        position: sticky;
        top: 92px;
    }

    .detail-profile {
        min-height: 100%;
        padding: 4px 0;
    }

    .detail-signal-panel {
        gap: 10px 18px;
    }

    .route-detail .related-items {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 979px) {
    .route-directory .page-main,
    .route-static .page-main {
        padding-bottom: 74px;
    }

    .directory-shell__hero,
    .directory-shell__toolbar,
    .directory-shell__results,
    .blog-hero,
    .blog-index-lead,
    .blog-index-compact,
    .blog-feed--archive,
    .blog-article-hero,
    .blog-article-content,
    .blog-related,
    .blog-empty-state,
    .static-shell__hero,
    .static-shell__article {
        border-radius: 24px;
    }

    .detail-hero {
        border-radius: 24px;
    }

    .directory-shell__pulse-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .static-shell__hero-top,
    .static-shell__meta {
        justify-content: flex-start;
    }

    .quick-report-panel__form-shell {
        border-radius: 22px;
        padding: 18px;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__hero {
        gap: 11px;
        padding: 18px;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact) .directory-shell__hero {
        min-height: 198px;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__hero-top {
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__copy {
        gap: 10px;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__copy h1 {
        max-width: 12ch;
        font-size: clamp(1.7rem, 6vw, 2.3rem);
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__lead {
        font-size: 0.94rem;
        line-height: 1.54;
    }

    .directory-shell--category-compact .directory-shell__hero-grid--compact-split {
        gap: 12px;
    }

    .directory-shell--category-compact .directory-shell__copy {
        gap: 10px;
    }

    .directory-shell--category-compact .directory-shell__copy h1 {
        max-width: none;
        font-size: clamp(1.56rem, 6vw, 2.08rem);
    }

    .directory-shell--category-compact .directory-shell__lead {
        max-width: none;
        font-size: 0.92rem;
        line-height: 1.56;
    }

    .directory-shell--category-compact .directory-shell__filter-rail {
        display: grid;
        gap: 9px;
    }

    .directory-shell--category-compact .directory-shell__signal-cluster {
        padding: 11px 13px;
    }

    .directory-shell--category-compact .directory-shell__rail-stack {
        gap: 9px;
    }

    .directory-shell--category-compact .directory-shell__actions--rail {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__action {
        width: 100%;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__signal-summary {
        width: 100%;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact) .directory-shell__copy h1 {
        max-width: none;
        font-size: clamp(1.46rem, 5.4vw, 1.94rem);
        line-height: 1.08;
        text-wrap: pretty;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact) .directory-shell__lead {
        max-width: none;
        font-size: 0.9rem;
        line-height: 1.56;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact) .directory-shell__hero-grid--compact-split {
        gap: 12px;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact) .directory-shell__signal-cluster {
        padding: 11px 13px;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact) .directory-shell__signal-cluster-line {
        font-size: 0.76rem;
        line-height: 1.4;
    }

    .route-directory .filter-bar--inline-directory {
        gap: 10px;
        padding-bottom: 12px;
        margin-bottom: 12px;
    }

    .route-directory .filter-grid--inline-directory {
        gap: 10px;
    }

    .route-directory .filter-checks--inline-directory {
        min-height: 0;
        font-size: 0.82rem;
    }

    .route-directory .filter-actions--inline-directory {
        margin-top: 0;
        gap: 8px;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__toolbar--hero .filter-bar {
        gap: 10px;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__toolbar--hero .filter-actions {
        justify-content: flex-start;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__filter-rail {
        width: 100%;
        height: auto;
        gap: 8px;
        grid-template-rows: none;
    }

    .search-page__panel {
        padding: 18px;
    }

    .search-page__header h1 {
        font-size: clamp(1.46rem, 7vw, 1.96rem);
    }

    .search-page__header p {
        font-size: 0.9rem;
        line-height: 1.56;
    }

    .tag-archive-page__section-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .taxonomy-hub__grid,
    .taxonomy-hub__grid--featured {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tag-archive-page__section-meta {
        justify-content: flex-start;
    }

    .tag-archive-page__section-actions {
        justify-content: flex-start;
    }

    .detail-single-shell {
        gap: 16px;
    }

    .detail-signal-panel {
        gap: 8px;
        grid-template-columns: minmax(0, 1fr);
    }

    .detail-signal-chip {
        min-width: 0;
    }

    .blog-index-layout {
        grid-template-columns: 1fr;
    }

    .blog-index-side {
        position: static;
    }

    .blog-article-side {
        position: static;
    }

    .detail-profile {
        order: 2;
        padding: 0;
    }

    .detail-profile--single-frame .detail-profile__identity {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    .detail-profile--single-frame .detail-profile__avatar {
        justify-self: center;
        margin: 0 auto;
    }

    .cta-panel h2 {
        font-size: 1.06rem;
    }

    .cta-panel__focus {
        padding: 13px 13px 14px;
        border-radius: 18px;
    }

    .detail-section,
    .related-block,
    .cta-panel {
        border-radius: 20px;
    }

    .detail-profile-body {
        padding: 14px 15px 15px;
        border-radius: 20px;
    }

    .detail-interest-strip {
        flex-direction: column;
        align-items: flex-start;
    }

    .detail-interest-strip__value {
        white-space: normal;
    }

    .detail-retention-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .directory-shell__quick-links-row {
        gap: 7px;
    }
}

@media (max-width: 639px) {
    .directory-shell__utility-pill {
        font-size: 0.73rem;
    }

    .directory-shell__pulse-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__hero {
        gap: 10px;
        padding: 16px;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__copy h1 {
        max-width: none;
        font-size: clamp(1.6rem, 9vw, 2.08rem);
        line-height: 1.05;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__lead {
        font-size: 0.91rem;
        line-height: 1.48;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__utility-pill,
    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__chip,
    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__quick-link,
    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__rail-kicker {
        min-height: 28px;
        padding: 0 10px;
        font-size: 0.73rem;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__signal-summary {
        padding: 7px 10px;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__signal-summary-label {
        font-size: 0.66rem;
    }

    :is(.directory-shell--group-compact, .directory-shell--oa-compact, .directory-shell--mini-app-compact, .directory-shell--tag-compact) .directory-shell__signal-summary-text {
        font-size: 0.77rem;
    }

    .tag-archive-page__sections {
        gap: 16px;
    }

    .taxonomy-hub {
        gap: 16px;
    }

    .taxonomy-hub__grid,
    .taxonomy-hub__grid--featured {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    .taxonomy-hub__grid--tags,
    .taxonomy-hub__grid--featured.taxonomy-hub__grid--tags {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .taxonomy-family-card__link,
    .taxonomy-family-card--featured .taxonomy-family-card__link {
        padding: 14px;
        gap: 12px;
        border-radius: 20px;
    }

    .taxonomy-family-card__head {
        grid-template-columns: auto minmax(0, 1fr);
        gap: 10px;
    }

    .taxonomy-family-card__total {
        grid-column: 1 / -1;
        justify-self: flex-start;
    }

    .taxonomy-family-card__description {
        font-size: 0.88rem;
    }

    .taxonomy-family-card__stats {
        gap: 8px;
    }

    .taxonomy-family-card__stat dt {
        font-size: 0.68rem;
    }

    .taxonomy-family-card__stat dd {
        font-size: 0.9rem;
    }

    .taxonomy-family-card--tag .taxonomy-family-card__link,
    .taxonomy-family-card--tag.taxonomy-family-card--featured .taxonomy-family-card__link {
        padding: 12px;
        gap: 9px;
        border-radius: 18px;
    }

    .taxonomy-family-card--tag .taxonomy-family-card__icon {
        width: 32px;
        height: 32px;
        border-radius: 10px;
    }

    .taxonomy-family-card--tag .taxonomy-family-card__title,
    .taxonomy-family-card--tag.taxonomy-family-card--featured .taxonomy-family-card__title {
        font-size: 0.88rem;
    }

    .taxonomy-family-card--tag .taxonomy-family-card__types {
        font-size: 0.68rem;
    }

    .taxonomy-family-card--tag .taxonomy-family-card__description {
        font-size: 0.78rem;
    }

    .taxonomy-family-card--tag .taxonomy-family-card__stats {
        gap: 6px;
    }

    .taxonomy-family-card--tag .taxonomy-family-card__stat dt {
        font-size: 0.62rem;
    }

    .taxonomy-family-card--tag .taxonomy-family-card__stat dd {
        font-size: 0.8rem;
    }

    .taxonomy-family-card--tag .taxonomy-family-card__cta {
        font-size: 0.7rem;
    }

    .tag-archive-page__section {
        gap: 12px;
    }

    .tag-archive-page__section-title {
        font-size: 1rem;
    }

    .tag-archive-page__section-lead {
        font-size: 0.88rem;
    }

    .tag-archive-page__section-actions {
        gap: 6px;
    }

    .tag-archive-page__section-action {
        min-height: 32px;
        padding: 0 10px;
        font-size: 0.72rem;
        gap: 6px;
    }

    .tag-archive-page__section-action-icon {
        width: 13px;
        height: 13px;
    }

    .taxonomy-hub--tags .tag-archive-page__section-title-row {
        align-items: center;
    }

    .taxonomy-hub--tags .tag-archive-page__section-lead {
        font-size: 0.84rem;
        line-height: 1.42;
    }

    .detail-retention-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 520px) {
    .taxonomy-hub__grid--tags,
    .taxonomy-hub__grid--featured.taxonomy-hub__grid--tags {
        grid-template-columns: minmax(0, 1fr);
        gap: 9px;
    }
}