.default-breadcrumb {
    display: flex;
    min-width: 0;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 18px;
    color: var(--default-muted);
    font-size: 14px;
    line-height: 1.5;
}

.default-breadcrumb a {
    color: var(--default-muted) !important;
}

.default-breadcrumb a:hover {
    color: var(--default-accent) !important;
}

.default-breadcrumb [aria-current="page"] {
    min-width: 0;
    color: var(--default-text);
    font-weight: 700;
    overflow-wrap: anywhere;
}

.default-breadcrumb-separator {
    color: var(--default-dim);
    user-select: none;
}

.nova-app .default-detail-actions .nova-btn--primary {
    color: #ffffff !important;
    background: var(--default-accent) !important;
}

.nova-app .default-detail-actions .nova-btn--secondary {
    color: var(--default-text) !important;
    border-color: var(--default-line-strong) !important;
    background: #ffffff !important;
}

.nova-app .default-detail-actions .nova-btn--secondary:hover {
    color: var(--default-accent) !important;
    border-color: var(--default-accent) !important;
    background: var(--default-accent-soft) !important;
}

.default-person-links,
.default-play-crew span {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    gap: 4px 10px;
}

.nova-app .default-person-links a,
.nova-app .default-play-crew a {
    color: var(--default-text) !important;
    overflow-wrap: anywhere;
}

.nova-app .default-person-links a:hover,
.nova-app .default-play-crew a:hover {
    color: var(--default-accent) !important;
}

.default-detail-tags {
    margin-bottom: 18px;
}

.default-play-synopsis {
    margin: 0;
}

.default-play-crew {
    display: grid;
    gap: 9px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid var(--default-line);
}

.default-play-crew p {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 10px;
    margin: 0;
    line-height: 1.65;
}

.default-play-crew b {
    color: var(--default-muted);
    font-weight: 700;
}

.default-play-meta-grid em {
    white-space: normal;
    overflow-wrap: anywhere;
}

@media (max-width: 520px) {
    .default-breadcrumb {
        margin-bottom: 14px;
    }
}