/* 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--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;
}

body.route-submission {
    background:
        radial-gradient(circle at top left, rgba(91, 111, 212, 0.2) 0%, rgba(91, 111, 212, 0) 34%),
        radial-gradient(circle at 82% 18%, rgba(35, 193, 152, 0.08) 0%, rgba(35, 193, 152, 0) 28%),
        linear-gradient(180deg, #08111d 0%, #091322 28%, #091321 58%, #07111c 100%);
    color: #eef3fb;
}

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

.route-submission .page-main {
    padding-top: 18px;
    padding-bottom: 88px;
}

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

.route-submission .breadcrumbs a {
    color: #dbe8ff;
}

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

.submission-page {
    display: grid;
    gap: 16px;
}

.submission-tabs-shell {
    position: relative;
    z-index: 1;
}

.submission-tabs {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding: 6px;
    border: 1px solid rgba(54, 68, 97, 0.92);
    border-radius: 999px;
    background: linear-gradient(145deg, rgba(15, 21, 34, 0.98) 0%, rgba(10, 16, 27, 0.98) 100%);
    box-shadow: 0 18px 36px rgba(3, 7, 18, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.04);
    scrollbar-width: none;
}

.submission-tabs::-webkit-scrollbar {
    display: none;
}

.submission-tab {
    flex: 1 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 999px;
    border: 1px solid transparent;
    background: transparent;
    color: rgba(232, 240, 255, 0.78);
    text-decoration: none;
    white-space: nowrap;
    transition: border-color 180ms ease, background 180ms ease, transform 180ms ease, box-shadow 180ms ease, color 180ms ease;
}

.submission-tab:hover {
    transform: translateY(-1px);
    border-color: rgba(110, 137, 196, 0.34);
    color: #f4f8ff;
    text-decoration: none;
}

.submission-tab.is-active {
    border-color: rgba(196, 221, 255, 0.88);
    background: linear-gradient(180deg, #f4f8ff 0%, #dce9ff 100%);
    box-shadow: 0 8px 18px rgba(92, 113, 228, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.92);
    color: #08111d;
}

.submission-tab strong {
    color: currentColor;
    font-size: 0.84rem;
    line-height: 1.1;
}

.submission-page--tabs-ready .submission-panel[hidden] {
    display: none !important;
}

.submission-panel {
    scroll-margin-top: 108px;
}

.submission-hero,
.submission-card,
.submission-feedback {
    border: 1px solid rgba(54, 68, 97, 0.92);
    border-radius: 28px;
    background: linear-gradient(145deg, rgba(18, 24, 39, 0.98) 0%, rgba(11, 16, 27, 0.98) 100%);
    box-shadow: 0 22px 46px rgba(3, 7, 18, 0.24);
}

.submission-hero {
    display: grid;
    gap: 12px;
    padding: 22px 24px;
    background:
        radial-gradient(circle at top left, rgba(77, 92, 238, 0.16) 0%, rgba(77, 92, 238, 0) 34%),
        radial-gradient(circle at bottom right, rgba(34, 191, 149, 0.08) 0%, rgba(34, 191, 149, 0) 36%),
        linear-gradient(145deg, rgba(18, 24, 39, 0.98) 0%, rgba(11, 16, 27, 0.98) 100%);
}

.submission-hero__copy {
    max-width: 980px;
}

.submission-hero__eyebrow {
    margin: 0 0 12px;
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 28px;
    border-radius: 999px;
    padding: 0 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;
}

.submission-hero h1 {
    margin: 0;
    color: #f6f9ff;
    font-size: clamp(1.7rem, 3.7vw, 2.7rem);
    line-height: 1.08;
}

.submission-hero__lead {
    margin: 6px 0 0;
    max-width: 760px;
    color: rgba(205, 217, 237, 0.82);
    font-size: 0.93rem;
    line-height: 1.64;
}

.submission-feedback {
    padding: 16px 18px;
}

.submission-feedback strong {
    display: block;
    color: #f4f8ff;
    font-size: 0.95rem;
}

.submission-feedback p,
.submission-feedback ul {
    margin: 8px 0 0;
    color: rgba(212, 223, 241, 0.82);
    line-height: 1.7;
}

.submission-feedback ul {
    padding-left: 18px;
}

.submission-feedback--success {
    border-color: rgba(94, 154, 121, 0.74);
    background: linear-gradient(180deg, rgba(18, 41, 33, 0.92) 0%, rgba(11, 24, 20, 0.96) 100%);
}

.submission-feedback--headline {
    max-width: 920px;
    margin-inline: auto;
    display: grid;
    justify-items: center;
    text-align: center;
}

.submission-feedback--error {
    border-color: rgba(176, 94, 94, 0.7);
    background: linear-gradient(180deg, rgba(42, 20, 24, 0.92) 0%, rgba(26, 13, 16, 0.96) 100%);
}

.submission-feedback__code {
    display: inline-flex;
    align-items: center;
    margin-left: 8px;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid rgba(89, 110, 149, 0.82);
    background: rgba(17, 26, 42, 0.8);
    color: #dce7ff;
    font-size: 0.78rem;
    font-weight: 700;
}

.submission-feedback__tracking {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.submission-feedback--headline .submission-feedback__tracking {
    justify-content: center;
}

.submission-feedback__tracking-label {
    color: rgba(215, 228, 247, 0.78);
    font-size: 0.78rem;
    font-weight: 700;
}

.submission-feedback__tracking-token {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    min-height: 30px;
    border-radius: 999px;
    padding: 0 12px;
    color: #eef4ff;
    background: rgba(13, 20, 33, 0.94);
    border: 1px solid rgba(89, 110, 149, 0.82);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.submission-feedback__tracking-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    border-radius: 999px;
    padding: 0 12px;
    color: #e8f0ff;
    text-decoration: none;
    border: 1px solid rgba(89, 110, 149, 0.82);
    background: rgba(17, 26, 42, 0.8);
    font-size: 0.76rem;
    font-weight: 700;
}

.submission-feedback__tracking-copy {
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}

.submission-feedback__tracking--short-link {
    min-width: 0;
    border-color: rgba(101, 205, 151, 0.42);
}

.submission-card {
    padding: 22px;
}

.submission-card__head {
    display: grid;
    gap: 8px;
    margin-bottom: 18px;
}

.submission-card__head h2 {
    margin: 0;
    color: #f4f8ff;
    font-size: 1.02rem;
}

.submission-card__head p {
    margin: 0;
    color: rgba(199, 212, 234, 0.76);
    line-height: 1.66;
}

.submission-card__switch-note {
    margin: 0;
}

.submission-card__switch-note a {
    color: #d8e5ff;
    font-size: 0.82rem;
    font-weight: 700;
}

.submission-smart-form {
    display: grid;
    gap: 16px;
}

.submission-smart-form--compact {
    gap: 14px;
}

.submission-quick-progress span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    color: #08111d;
    background: #cfe1ff;
    font-size: 0.72rem;
    font-weight: 900;
}

.submission-quick-flow,
.submission-step-flow {
    --quick-step-blue: #2c83ff;
}

.submission-quick-progress {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.submission-step-progress {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.submission-quick-progress button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 38px;
    border: 1px solid rgba(74, 94, 130, 0.78);
    border-radius: 999px;
    color: rgba(220, 232, 250, 0.78);
    background: rgba(11, 18, 31, 0.78);
    font-size: 0.82rem;
    font-weight: 850;
    cursor: pointer;
}

.submission-quick-progress button.is-active {
    border-color: rgba(148, 193, 255, 0.9);
    color: #ffffff;
    background: linear-gradient(135deg, rgba(35, 108, 255, 0.95) 0%, rgba(28, 132, 255, 0.95) 100%);
    box-shadow: 0 12px 26px rgba(24, 104, 255, 0.24);
}

.submission-quick-progress button.is-active span {
    background: #ffffff;
}

.submission-quick-step {
    display: grid;
    gap: 16px;
    padding: 18px;
    border: 1px solid rgba(63, 81, 116, 0.88);
    border-radius: 24px;
    background:
        radial-gradient(circle at top left, rgba(44, 131, 255, 0.12) 0%, rgba(44, 131, 255, 0) 36%),
        linear-gradient(180deg, rgba(17, 24, 39, 0.92) 0%, rgba(11, 17, 28, 0.96) 100%);
}

.submission-quick-step[hidden] {
    display: none;
}

.submission-quick-step__head {
    display: grid;
    gap: 6px;
}

.submission-quick-step__head > span {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 28px;
    border: 1px solid rgba(102, 147, 208, 0.44);
    border-radius: 999px;
    color: #dceaff;
    background: rgba(24, 61, 116, 0.34);
    font-size: 0.74rem;
    font-weight: 850;
    padding: 0 10px;
}

.submission-quick-step__head h3 {
    margin: 0;
    color: #f6f9ff;
    font-size: 1.08rem;
    line-height: 1.3;
}

.submission-quick-step__head p {
    margin: 0;
    max-width: 720px;
    color: rgba(197, 212, 237, 0.78);
    font-size: 0.9rem;
    line-height: 1.65;
}

.submission-quick-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.submission-quick-actions button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 44px;
    border: 0;
    border-radius: 14px;
    color: #ffffff;
    background: linear-gradient(135deg, #236cff 0%, #1d83ff 100%);
    box-shadow: 0 14px 28px rgba(24, 104, 255, 0.24);
    font-size: 0.9rem;
    font-weight: 850;
    padding: 0 18px;
    cursor: pointer;
}

.submission-quick-actions__ghost {
    border: 1px solid rgba(102, 126, 164, 0.48) !important;
    color: #dfeaff !important;
    background: rgba(12, 24, 44, 0.82) !important;
    box-shadow: none !important;
}

.submission-lookup-form {
    display: grid;
    gap: 14px;
}

.submission-smart-form__grid {
    display: grid;
    gap: 14px;
}

.submission-smart-form__grid--top {
    align-items: start;
}

.submission-smart-form__field {
    display: grid;
    gap: 8px;
}

.submission-smart-form__field span {
    color: #e8f0ff;
    font-size: 0.84rem;
    font-weight: 700;
}

.submission-smart-form__field input,
.submission-smart-form__field select,
.submission-smart-form__field textarea {
    width: 100%;
    min-height: 52px;
    border-radius: 18px;
    border: 1px solid rgba(68, 87, 121, 0.92);
    background: rgba(11, 17, 28, 0.96);
    color: #f5f8ff;
    padding: 13px 15px;
    font-size: 0.95rem;
    font-weight: 400;
    line-height: 1.55;
}

.submission-smart-form__field select {
    padding-right: 40px;
}

.submission-short-link-input {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    overflow: hidden;
    height: 52px;
    min-height: 0;
    border: 1px solid rgba(68, 87, 121, 0.92);
    border-radius: 18px;
    background: rgba(11, 17, 28, 0.96);
}

.submission-short-link-input__prefix {
    display: inline-flex;
    align-items: center;
    height: 100%;
    min-height: 0;
    padding: 0 0 0 14px;
    color: rgba(174, 190, 216, 0.78);
    font-size: 0.9rem;
    font-weight: 700;
    white-space: nowrap;
}

.submission-smart-form__field .submission-short-link-input input {
    height: 100%;
    min-width: 0;
    min-height: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 0 10px 0 6px;
    font-size: 1rem;
    line-height: 1.2;
}

.submission-short-link-copy {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 100%;
    min-height: 0;
    border: 0;
    border-left: 1px solid rgba(68, 87, 121, 0.82);
    background: rgba(18, 27, 42, 0.9);
    color: #dce8ff;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
}

.submission-short-link-copy:hover,
.submission-short-link-copy:focus-visible {
    background: rgba(31, 46, 72, 0.96);
    color: #ffffff;
}

.submission-short-link-copy:disabled {
    background: rgba(15, 21, 32, 0.86);
    color: rgba(139, 153, 177, 0.52);
    cursor: default;
}

.submission-short-link-copy svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.submission-short-link-field {
    min-width: 0;
}

.submission-short-link-field__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.submission-short-link-field__top > label:first-child {
    margin: 0;
    color: #e8f0ff;
    font-size: 0.84rem;
    font-weight: 700;
    line-height: 1.35;
}

.submission-short-link-opt-out {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(216, 227, 247, 0.88);
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
}

.submission-short-link-opt-out input {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    opacity: 0;
    pointer-events: none;
}

.submission-short-link-opt-out__switch {
    position: relative;
    display: inline-flex;
    width: 38px;
    height: 22px;
    border-radius: 999px;
    background: rgba(44, 57, 82, 0.92);
    border: 1px solid rgba(70, 85, 116, 0.92);
    transition: background 0.2s ease, border-color 0.2s ease;
}

.submission-short-link-opt-out__switch::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #f5f8ff;
    transition: transform 0.2s ease;
}

.submission-short-link-opt-out input:checked + .submission-short-link-opt-out__switch {
    background: rgba(115, 132, 164, 0.34);
    border-color: rgba(127, 147, 185, 0.76);
}

.submission-short-link-opt-out input:checked + .submission-short-link-opt-out__switch::after {
    transform: translateX(16px);
}

.submission-short-link-opt-out input:focus-visible + .submission-short-link-opt-out__switch {
    outline: 2px solid rgba(198, 221, 255, 0.72);
    outline-offset: 2px;
}

.submission-short-link-opt-out__text {
    white-space: nowrap;
}

.submission-short-link-field.is-opted-out .submission-short-link-input {
    border-color: rgba(58, 71, 96, 0.76);
    background: rgba(10, 14, 23, 0.82);
}

.submission-short-link-field.is-opted-out .submission-short-link-input__prefix,
.submission-short-link-field.is-opted-out input {
    color: rgba(137, 151, 176, 0.54);
}

.submission-smart-form__field input::placeholder,
.submission-smart-form__field textarea::placeholder {
    color: rgba(163, 178, 204, 0.68);
}

.submission-smart-form__field textarea {
    resize: vertical;
}

.submission-smart-form__field small {
    color: rgba(163, 178, 204, 0.8);
    font-size: 0.78rem;
    line-height: 1.6;
}

.submission-smart-form__field small a {
    color: #c9d8ff;
    font-weight: 700;
}

.submission-short-link-message {
    margin: 0;
    color: #ffb6b6;
    font-size: 0.78rem;
    line-height: 1.55;
}

.submission-short-link-message[data-variant="success"] {
    color: #99e3b3;
}

.submission-short-link-message[data-variant="checking"] {
    color: #b8cdf5;
}

.submission-short-link-message[hidden] {
    display: none !important;
}

.submission-smart-form__cluster {
    display: grid;
    gap: 16px;
    padding: 18px;
    border: 1px solid rgba(63, 81, 116, 0.88);
    border-radius: 24px;
    background:
        linear-gradient(180deg, rgba(17, 24, 39, 0.92) 0%, rgba(11, 17, 28, 0.96) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.submission-smart-form__cluster-head {
    display: grid;
    gap: 6px;
}

.submission-smart-form__cluster-head h3 {
    margin: 0;
    color: #f6f9ff;
    font-size: 0.9rem;
}

.submission-smart-form__cluster-head p {
    margin: 0;
    max-width: 720px;
    color: rgba(197, 212, 237, 0.78);
    font-size: 0.9rem;
    line-height: 1.65;
}

.submission-privacy-note {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px;
    align-items: flex-start;
    padding: 14px 16px;
    border: 1px solid rgba(86, 108, 147, 0.72);
    border-radius: 20px;
    background: rgba(13, 20, 33, 0.82);
}

.submission-privacy-note__check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: rgba(36, 112, 78, 0.24);
    border: 1px solid rgba(87, 176, 125, 0.4);
    color: #9fe0b5;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1;
}

.submission-privacy-note__copy {
    display: grid;
    gap: 5px;
}

.submission-privacy-note__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
}

.submission-privacy-note__toggle {
    margin-left: auto;
}

.submission-privacy-note__copy strong {
    color: #f4f8ff;
    font-size: 0.84rem;
}

.submission-privacy-note__copy p {
    margin: 0;
    color: rgba(197, 212, 237, 0.78);
    font-size: 0.84rem;
    line-height: 1.6;
}

.submission-smart-form__identity-grid {
    display: grid;
    gap: 14px;
}

.submission-smart-form__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-top: 4px;
}

.submission-smart-form__actions button,
.submission-smart-form__actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    border-radius: 14px;
    padding: 0 16px;
    text-decoration: none;
    font-size: 0.88rem;
    font-weight: 700;
}

.submission-smart-form__actions button {
    border: 0;
    background: linear-gradient(135deg, #dbe7ff 0%, #a8c3ff 100%);
    color: #08111d;
    cursor: pointer;
}

.submission-smart-form__actions a {
    border: 1px solid rgba(74, 91, 126, 0.88);
    background: rgba(15, 22, 35, 0.88);
    color: #e7efff;
}

.submission-feedback--inline {
    margin-top: 14px;
}

.submission-feedback--lookup[hidden] {
    display: none !important;
}

.submission-lookup-input-invalid {
    border-color: rgba(208, 104, 104, 0.92) !important;
    box-shadow: 0 0 0 3px rgba(133, 42, 42, 0.18);
}

.submission-tracking-card {
    margin-top: 14px;
    display: grid;
    gap: 14px;
    border-radius: 22px;
    padding: 16px;
    border: 1px solid rgba(64, 80, 110, 0.9);
    background: rgba(12, 18, 30, 0.86);
}

.submission-tracking-card__header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.submission-tracking-card__copy {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.submission-tracking-card__copy h3 {
    margin: 0;
    color: #f4f8ff;
    font-size: 1rem;
    line-height: 1.4;
}

.submission-tracking-card__copy p {
    margin: 0;
    color: rgba(205, 217, 237, 0.82);
    line-height: 1.64;
}

.submission-tracking-card__eyebrow,
.submission-tracking-card__status {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 28px;
    border-radius: 999px;
    padding: 0 12px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.submission-tracking-card__eyebrow {
    color: rgba(219, 231, 255, 0.84);
    background: rgba(18, 28, 44, 0.84);
    border: 1px solid rgba(77, 95, 132, 0.7);
    text-transform: uppercase;
}

.submission-tracking-card__status {
    color: #f7fbff;
    background: rgba(25, 34, 48, 0.92);
    border: 1px solid rgba(84, 99, 126, 0.72);
}

.submission-tracking-card__meta {
    display: grid;
    gap: 12px;
    margin: 0;
}

.submission-tracking-card__meta div {
    display: grid;
    gap: 4px;
    padding: 12px 14px;
    border-radius: 18px;
    border: 1px solid rgba(58, 73, 102, 0.82);
    background: rgba(10, 16, 27, 0.78);
}

.submission-tracking-card__meta dt {
    color: rgba(168, 184, 208, 0.78);
    font-size: 0.76rem;
    font-weight: 700;
}

.submission-tracking-card__meta dd {
    margin: 0;
    color: #f0f5ff;
    font-size: 0.9rem;
    line-height: 1.56;
    word-break: break-word;
}

.submission-tracking-card__note {
    padding: 14px 16px;
    border-radius: 18px;
    border: 1px solid rgba(74, 91, 126, 0.74);
    background: rgba(14, 21, 33, 0.78);
}

.submission-tracking-card__note strong {
    display: block;
    margin-bottom: 6px;
    color: #f4f8ff;
    font-size: 0.84rem;
}

.submission-tracking-card__note p {
    margin: 0;
    color: rgba(205, 217, 237, 0.82);
    line-height: 1.64;
}

.submission-tracking-card--blue {
    border-color: rgba(83, 135, 255, 0.46);
    background: linear-gradient(180deg, rgba(13, 23, 45, 0.94) 0%, rgba(9, 17, 30, 0.94) 100%);
}

.submission-tracking-card--violet {
    border-color: rgba(128, 103, 255, 0.42);
    background: linear-gradient(180deg, rgba(24, 18, 47, 0.94) 0%, rgba(12, 14, 31, 0.94) 100%);
}

.submission-tracking-card--cyan {
    border-color: rgba(81, 184, 206, 0.44);
    background: linear-gradient(180deg, rgba(12, 31, 40, 0.94) 0%, rgba(10, 19, 27, 0.94) 100%);
}

.submission-tracking-card--green {
    border-color: rgba(84, 173, 119, 0.44);
    background: linear-gradient(180deg, rgba(14, 34, 28, 0.94) 0%, rgba(9, 19, 17, 0.94) 100%);
}

.submission-tracking-card--amber {
    border-color: rgba(198, 155, 78, 0.46);
    background: linear-gradient(180deg, rgba(39, 28, 14, 0.94) 0%, rgba(24, 18, 11, 0.94) 100%);
}

.submission-tracking-card--red {
    border-color: rgba(196, 88, 88, 0.46);
    background: linear-gradient(180deg, rgba(40, 19, 23, 0.94) 0%, rgba(24, 11, 14, 0.94) 100%);
}

.submission-tracking-card--slate {
    border-color: rgba(84, 99, 126, 0.44);
}

@media (max-width: 759px) {
    .submission-page {
        gap: 14px;
    }

    .submission-hero,
    .submission-card,
    .submission-feedback {
        border-radius: 22px;
    }

    .submission-hero {
        padding: 18px 16px;
    }

    .submission-hero h1 {
        font-size: clamp(1.5rem, 7vw, 2rem);
    }

    .submission-hero__lead {
        font-size: 0.88rem;
    }

    .submission-card {
        padding: 18px 16px;
    }

    .submission-quick-progress {
        grid-template-columns: minmax(0, 1fr);
    }

    .submission-quick-step {
        gap: 14px;
        border-radius: 20px;
        padding: 15px;
    }

    .submission-quick-step__head h3 {
        font-size: 0.98rem;
    }

    .submission-quick-step__head p {
        font-size: 0.84rem;
    }

    .submission-quick-actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .submission-quick-actions button {
        width: 100%;
    }

    .submission-tabs {
        gap: 6px;
        padding: 4px;
    }

    .submission-tab {
        min-height: 40px;
        padding: 0 12px;
    }

    .submission-short-link-input__prefix {
        font-size: 0.82rem;
    }

    .submission-short-link-field__top {
        align-items: flex-start;
        flex-direction: column;
    }

    .submission-short-link-opt-out {
        font-size: 0.78rem;
    }

    .submission-card__head h2 {
        font-size: 0.96rem;
    }

    .submission-smart-form__cluster-head h3 {
        font-size: 0.86rem;
    }

    .submission-privacy-note {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .submission-privacy-note__row {
        align-items: flex-start;
        justify-content: flex-start;
        gap: 10px;
    }

    .submission-privacy-note__toggle {
        margin-left: 0;
    }
}

@media (min-width: 980px) {
    .submission-tabs {
        display: flex;
        overflow: visible;
    }

    .submission-tab {
        flex: 1 1 0;
        min-width: 0;
    }

    .submission-smart-form__grid--top {
        grid-template-columns: minmax(0, 1fr);
    }

    .submission-smart-form__identity-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
    }

    .submission-smart-form__field--wide {
        grid-column: 1 / -1;
    }

    .submission-tracking-card__meta {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.search-page {
    padding: 18px 0 60px;
}

.search-page__shell {
    display: grid;
    gap: 18px;
}

.search-page__panel,
.search-page__empty,
.search-page__section {
    border: 1px solid rgba(52, 66, 93, 0.92);
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(18, 24, 39, 0.95) 0%, rgba(12, 17, 28, 0.98) 100%);
    box-shadow: 0 18px 34px rgba(3, 7, 18, 0.2);
}

.search-page__panel {
    display: grid;
    justify-items: center;
    gap: 16px;
    padding: 20px;
    text-align: center;
}

.search-page__header {
    display: grid;
    justify-items: center;
    gap: 8px;
}

.search-page__header h1 {
    margin: 0;
    color: #f4f8ff;
    font-size: clamp(1.5rem, 3vw, 2.28rem);
    line-height: 1.06;
}

.search-page__header p {
    margin: 0;
    max-width: 760px;
    color: rgba(209, 220, 239, 0.8);
    font-size: 0.95rem;
    line-height: 1.62;
}

.search-page__form {
    display: grid;
    gap: 10px;
    width: min(100%, 720px);
    margin-inline: auto;
    text-align: left;
}

.search-page__form input {
    width: 100%;
    min-width: 0;
    min-height: 50px;
    padding: 0 16px;
    border: 1px solid rgba(67, 84, 118, 0.9);
    border-radius: 14px;
    background: rgba(16, 23, 37, 0.94);
    color: #edf4ff;
    font-size: 0.96rem;
}

.search-page__form input::placeholder {
    color: rgba(168, 184, 212, 0.56);
}

.search-page__form button {
    min-height: 50px;
    padding: 0 18px;
    border: 0;
    border-radius: 14px;
    background: linear-gradient(135deg, #dbe7ff 0%, #a8c3ff 100%);
    color: #08111d;
    font-size: 0.92rem;
    font-weight: 700;
}

.search-page__empty,
.search-page__results {
    display: grid;
    gap: 18px;
}

.search-page__empty {
    padding: 18px;
}

.search-page__empty h2 {
    margin: 0;
    color: #f1f6ff;
    font-size: clamp(1.05rem, 1.8vw, 1.22rem);
}

.search-page__empty p {
    margin: 0;
    color: rgba(205, 217, 237, 0.8);
    line-height: 1.62;
}

.search-page__section {
    display: grid;
    gap: 16px;
    padding: 18px;
}

.search-page .item-grid-list {
    gap: 14px;
}

html.route-blog,
body.route-blog {
    background:
        radial-gradient(circle at top center, rgba(69, 97, 171, 0.2) 0%, rgba(69, 97, 171, 0) 34%),
        radial-gradient(circle at 85% 16%, rgba(34, 191, 149, 0.08) 0%, rgba(34, 191, 149, 0) 24%),
        linear-gradient(180deg, #08111d 0%, #091322 28%, #091321 58%, #07111c 100%);
    color: #eef3fb;
}

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

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

.route-blog .page-main {
    padding-top: 18px;
    padding-bottom: 92px;
}

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

.route-blog .breadcrumbs a {
    color: #dbe8ff;
}

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

.blog-index-page {
    display: grid;
    gap: 18px;
}

.blog-hero,
.blog-index-lead,
.blog-index-compact,
.blog-feed--archive,
.blog-empty-state {
    border: 1px solid rgba(54, 68, 97, 0.92);
    border-radius: 28px;
    background: linear-gradient(145deg, rgba(18, 24, 39, 0.98) 0%, rgba(11, 16, 27, 0.98) 100%);
    box-shadow: 0 22px 46px rgba(3, 7, 18, 0.24);
}

.blog-hero,
.blog-index-lead,
.blog-index-compact,
.blog-feed--archive,
.blog-empty-state {
    padding: 20px;
}

.blog-hero {
    display: grid;
    justify-items: center;
    gap: 14px;
    text-align: center;
    background:
        radial-gradient(circle at top left, rgba(77, 92, 238, 0.16) 0%, rgba(77, 92, 238, 0) 34%),
        radial-gradient(circle at bottom right, rgba(34, 191, 149, 0.08) 0%, rgba(34, 191, 149, 0) 36%),
        linear-gradient(145deg, rgba(18, 24, 39, 0.98) 0%, rgba(11, 16, 27, 0.98) 100%);
}

.blog-index-hero {
    display: grid;
    gap: 10px;
}

.blog-index-hero__copy,
.blog-index-main,
.blog-index-side,
.blog-index-lead,
.blog-index-compact,
.blog-feed--archive {
    min-width: 0;
}

.blog-index-hero__copy,
.blog-index-main,
.blog-index-side {
    display: grid;
    gap: 18px;
}

.blog-index-hero__copy {
    justify-items: center;
}

.blog-index-layout {
    display: grid;
    gap: 18px;
    align-items: start;
}

.blog-hero h1 {
    margin: 0;
    width: 100%;
    color: #f6f9ff;
    font-size: clamp(1.24rem, 2.25vw, 1.76rem);
    line-height: 1.22;
    text-wrap: wrap;
}

.blog-hero__lead {
    margin: 0;
    max-width: 760px;
    color: rgba(205, 217, 237, 0.82);
    font-size: 0.92rem;
    line-height: 1.68;
}

.blog-card__meta,
.blog-article-hero__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
}

.blog-card__meta span,
.blog-article-hero__meta span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 0;
    padding: 0;
    border: 0;
    background: none;
    color: rgba(208, 220, 240, 0.76);
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.4;
}

.blog-meta-item::before {
    content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 13px 13px;
    opacity: 0.88;
}

.blog-meta-item--date::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23bfd1f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");
}

.blog-meta-item--reading::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23bfd1f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}

.blog-meta-item--updated::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23bfd1f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-2.64-6.36'/%3E%3Cpath d='M21 3v6h-6'/%3E%3C/svg%3E");
}

.blog-card__media {
    display: block;
}

.blog-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-empty-state h2 {
    margin: 0;
    color: #f4f8ff;
    font-size: clamp(1.2rem, 3vw, 1.75rem);
    line-height: 1.12;
}

.blog-card__body h3 a,
.blog-related h2 {
    color: #f4f8ff;
}

.blog-card__body h3 a {
    display: -webkit-box;
    text-decoration: none;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.blog-empty-state p {
    margin: 6px 0 0;
    color: rgba(189, 203, 226, 0.76);
    line-height: 1.64;
}

.blog-grid {
    display: grid;
    gap: 16px;
}

.blog-index-lead {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 164px;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    background:
        radial-gradient(circle at top left, rgba(103, 124, 255, 0.1) 0%, rgba(103, 124, 255, 0) 30%),
        linear-gradient(145deg, rgba(17, 24, 39, 0.98) 0%, rgba(8, 13, 24, 0.99) 100%);
}

.blog-index-lead__body {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.blog-index-lead__title {
    margin: 0;
    font-size: clamp(1rem, 1.7vw, 1.22rem);
    line-height: 1.32;
}

.blog-index-lead__title a {
    color: #f4f8ff;
    text-decoration: none;
}

.blog-index-lead__cover {
    width: 164px;
    aspect-ratio: 4 / 3;
    border-radius: 18px;
    overflow: hidden;
}

.blog-index-lead__excerpt {
    margin: 0;
    color: rgba(205, 217, 237, 0.8);
    font-size: 0.84rem;
    line-height: 1.58;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.blog-index-compact,
.blog-feed--archive,
.blog-related {
    display: grid;
    gap: 16px;
}

.blog-index-compact {
    gap: 12px;
    padding: 16px 18px;
}

.blog-index-compact .blog-section-head h2 {
    font-size: clamp(0.92rem, 1.4vw, 1.02rem);
}

.blog-index-compact .blog-card {
    border-radius: 20px;
}

.blog-grid--compact,
.blog-grid--archive {
    gap: 16px;
}

.blog-card {
    overflow: hidden;
    border: 1px solid rgba(54, 68, 97, 0.92);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(18, 24, 39, 0.95) 0%, rgba(12, 17, 28, 0.98) 100%);
    box-shadow: 0 18px 34px rgba(3, 7, 18, 0.2);
}

.blog-card__media {
    aspect-ratio: 16 / 9;
}

.blog-card--compact {
    display: grid;
    grid-template-columns: 124px minmax(0, 1fr);
    align-items: stretch;
}

.blog-card--archive {
    display: grid;
    grid-template-columns: 124px minmax(0, 1fr);
    align-items: stretch;
}

.blog-card__media--compact {
    height: 100%;
    min-height: 100%;
    aspect-ratio: auto;
}

.blog-card__media--archive {
    height: 100%;
    min-height: 100%;
    aspect-ratio: auto;
}

.blog-card__body {
    display: grid;
    gap: 8px;
    padding: 13px 14px;
}

.blog-card__body--compact,
.blog-card__body--archive {
    gap: 8px;
    padding: 12px 13px;
}

.blog-card__body--compact h3 {
    font-size: 0.94rem;
    line-height: 1.28;
}

.blog-card__body--archive h3 {
    font-size: 0.94rem;
    line-height: 1.28;
}

.blog-card__body h3 {
    margin: 0;
    font-size: 0.98rem;
    line-height: 1.32;
}

.blog-card__body p {
    margin: 0;
    color: rgba(205, 217, 237, 0.78);
    line-height: 1.58;
}

.blog-card__excerpt {
    margin: 0;
    color: rgba(205, 217, 237, 0.78);
    font-size: 0.82rem;
    line-height: 1.56;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.blog-empty-state {
    display: grid;
    gap: 10px;
}

/* Static pages */
html.route-static,
body.route-static {
    background:
        radial-gradient(circle at top center, rgba(67, 96, 171, 0.18) 0%, rgba(67, 96, 171, 0) 34%),
        radial-gradient(circle at 84% 14%, rgba(218, 156, 53, 0.08) 0%, rgba(218, 156, 53, 0) 24%),
        linear-gradient(180deg, #08111d 0%, #091322 26%, #091321 58%, #07111c 100%);
    color: #eef3fb;
}

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

.static-shell {
    display: grid;
    gap: 18px;
    margin-bottom: 24px;
}

.static-shell__hero {
    position: relative;
    overflow: hidden;
    display: grid;
    justify-items: center;
    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.08) 0%, rgba(34, 191, 149, 0) 36%),
        linear-gradient(145deg, rgba(18, 24, 39, 0.98) 0%, rgba(11, 16, 27, 0.98) 100%);
    padding: 20px 22px 22px;
    box-shadow: 0 22px 46px rgba(3, 7, 18, 0.26);
    text-align: center;
}

.static-shell--legal .static-shell__hero {
    background:
        radial-gradient(circle at top left, rgba(95, 116, 255, 0.12) 0%, rgba(95, 116, 255, 0) 34%),
        radial-gradient(circle at bottom right, rgba(77, 131, 255, 0.1) 0%, rgba(77, 131, 255, 0) 36%),
        linear-gradient(145deg, rgba(18, 24, 39, 0.98) 0%, rgba(11, 16, 27, 0.98) 100%);
}

.static-shell--action .static-shell__hero {
    background:
        radial-gradient(circle at top left, rgba(42, 181, 141, 0.16) 0%, rgba(42, 181, 141, 0) 34%),
        radial-gradient(circle at bottom right, rgba(88, 122, 255, 0.12) 0%, rgba(88, 122, 255, 0) 38%),
        linear-gradient(145deg, rgba(18, 24, 39, 0.98) 0%, rgba(11, 16, 27, 0.98) 100%);
}

.static-shell--guide .static-shell__hero {
    background:
        radial-gradient(circle at top left, rgba(69, 197, 247, 0.14) 0%, rgba(69, 197, 247, 0) 34%),
        radial-gradient(circle at bottom right, rgba(255, 196, 87, 0.12) 0%, rgba(255, 196, 87, 0) 36%),
        linear-gradient(145deg, rgba(18, 24, 39, 0.98) 0%, rgba(11, 16, 27, 0.98) 100%);
}

.static-shell__eyebrow {
    margin: 0;
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 28px;
    border-radius: 999px;
    padding: 0 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;
}

.static-shell__hero-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
}

.static-shell__meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}

.static-shell__meta-chip {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 11px;
    border-radius: 999px;
    border: 1px solid rgba(76, 93, 126, 0.86);
    background: rgba(14, 22, 35, 0.82);
    color: #e8f0ff;
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1;
}

.static-shell__meta-chip--muted {
    color: rgba(217, 228, 246, 0.84);
    background: rgba(19, 28, 44, 0.74);
}

.static-shell__hero h1 {
    margin: 0;
    width: 100%;
    color: #f6f9ff;
    font-size: clamp(1.6rem, 3vw, 2.85rem);
    line-height: 1.04;
    text-wrap: wrap;
}

.static-shell__lead {
    margin: 0;
    width: 100%;
    max-width: 760px;
    color: rgba(205, 217, 237, 0.82);
    line-height: 1.62;
}

.static-shell__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

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

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

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

.static-shell__layout {
    display: grid;
    gap: 16px;
}

.static-shell__layout--report {
    grid-template-areas:
        "form"
        "article";
}

.static-shell__report-form {
    grid-area: form;
}

.static-shell__article {
    overflow: hidden;
}

.static-shell__layout--report .static-shell__article {
    grid-area: article;
}

.static-shell__article.blog-article-content {
    padding: 0;
}

.static-shell__rich-content {
    padding: 22px;
}

.static-shell__rich-content .blog-article-heading {
    padding-bottom: 4px;
}

.static-shell__rich-content > :is(p, .blog-quote, .blog-callout, .blog-list, .blog-article-figure, .blog-code-block) + .blog-article-heading {
    margin-top: 28px;
}

.static-shell__rich-content .blog-article-heading + :is(p, .blog-quote, .blog-callout, .blog-list, .blog-article-figure, .blog-code-block) {
    margin-top: 24px;
}

.static-shell__rich-content > p:first-of-type {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    color: rgba(223, 232, 246, 0.88);
    font-size: 0.94rem;
    line-height: 1.96;
}

.static-shell__rich-content > p:first-of-type::first-letter {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
}

.static-shell--guide .static-shell__rich-content > .blog-article-figure:not(.submission-guide-figure) {
    width: min(100%, 680px);
    margin: 6px auto 8px;
    border-radius: 18px;
}

.static-shell--guide .static-shell__rich-content > .blog-article-figure:not(.submission-guide-figure) img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.submission-guide-article {
    gap: 0;
}

.blog-article-figure.submission-guide-figure {
    width: min(100%, 300px);
    margin: 4px auto 0;
    justify-self: center;
}

.blog-article-figure.submission-guide-figure img {
    display: block;
    width: 100%;
    height: auto;
}

.blog-article-figure.submission-guide-figure figcaption {
    display: grid;
    gap: 6px;
    padding: 10px 12px 12px;
    text-align: left;
}

.quick-report-panel {
    display: grid;
    gap: 14px;
    align-content: start;
}

.quick-report-panel__form-shell {
    border: 1px solid rgba(54, 68, 97, 0.92);
    border-radius: 26px;
    background:
        radial-gradient(circle at top left, rgba(52, 145, 122, 0.14) 0%, rgba(52, 145, 122, 0) 34%),
        linear-gradient(145deg, rgba(16, 23, 38, 0.98) 0%, rgba(10, 16, 27, 0.99) 100%);
    box-shadow: 0 22px 46px rgba(3, 7, 18, 0.18);
    padding: 20px;
}

@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, 1fr);
        grid-template-areas:
            "form"
            "article";
        align-items: start;
    }

    .quick-report-panel {
        justify-items: center;
    }

    .quick-report-panel__form-shell {
        position: static;
        width: min(100%, 760px);
    }

}

@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;
    }

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

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

    .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;
    }

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

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

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

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

@media (max-width: 639px) {
    .static-shell--guide .static-shell__rich-content > .blog-article-figure:not(.submission-guide-figure) {
        width: calc(100% + 44px);
        margin-inline: -22px;
        border-radius: 16px;
    }

    .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;
    }

}

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