/* Content Index composes native links and Badge. Palette belongs to Badge. */
.octopus-content-index {
    display:grid;gap:var(--space-component-xs);min-width:0;box-sizing:border-box;
    padding:var(--space-layout-sm);border:0;border-radius:calc(var(--shape-radius-input) * 2);
    background:var(--color-white);box-shadow:none;font-family:var(--font-sans);
}
.dark .octopus-content-index { background:var(--color-bg-surface); }
@media(max-width:39.9375rem){.octopus-content-index { padding:var(--space-layout-xs); }}
.octopus-content-index__label { margin:0;color:var(--color-text-primary);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-leading); }
.octopus-content-index__items { display:flex;flex-wrap:wrap;align-items:start;gap:var(--space-component-xs);margin:0;padding:0;list-style:none; }
.octopus-content-index__items > li { max-width:100%;margin:0;padding:0; }
.octopus-content-index__link { display:inline-flex;align-items:center;min-height:44px;max-width:100%;border-radius:var(--shape-radius-pill);color:inherit;text-decoration:none;cursor:pointer; }
.octopus-content-index__link > :is([data-octopus-badge],.octopus-badge) { max-width:100%;border-radius:var(--shape-radius-pill);white-space:normal;overflow-wrap:anywhere; }
.octopus-content-index__link :is([data-octopus-badge-label],.octopus-badge__label) { white-space:normal;overflow:visible;text-overflow:clip; }
.octopus-content-index__link:hover { text-decoration:underline;text-underline-offset:.2em; }
/* Native anchor focus outline is preserved. No motion or collapsed state. */
.octopus-content-index[data-index-variant="navigation"] .octopus-content-index__items { display:grid; }
.octopus-content-index[data-index-variant="navigation"] .octopus-content-index__button { max-width:100%;min-height:44px;cursor:pointer; }
.octopus-content-index__button .octopus-button__label { text-align:start; }
.octopus-content-index[data-index-variant="navigation"] .octopus-content-index__button[aria-current="location"],
.octopus-content-index[data-index-variant="navigation"] .octopus-content-index__button[aria-current="location"]:hover {
    background:var(--color-brand-primary-subtle);color:var(--color-brand-primary);
    box-shadow:none;
}