/* Remove default limited width so the header can be full width. */
.Article:has( .m-defaultDetails) {
    margin-top: 0;
    padding-inline: 0 !important;
}

/* Remove default limited width so the header can be full width. */
.Article:has( .m-defaultDetails) .Article__content {
    max-width: none;
}

.m-defaultDetails__header {
    padding-block: var(--marginLarge);
    background-color: var(--primaryColor500);
}

.m-defaultDetails__headerInner,
.m-defaultDetails__main {
    max-width: var(--maxContentWidth);
    margin-inline: auto;
    padding-inline: var(--pageGutter);
}

.m-defaultDetails__titleWrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    gap: var(--marginExtraSmall);
    padding: var(--marginSmall) var(--marginSmallMedium);
    border-radius: 3rem 5rem 4rem 4rem / 5rem 3rem 5rem 3rem;
    background-color: #DDEFFF;
}

.m-defaultDetails__title {
    margin-bottom: 0;
    font-size: var(--h6Size);
}

.m-defaultDetails__titleIcon {
    width: var(--h4Size);
    height: var(--h4Size);
    fill: var(--primaryButtonBackgroundColor);
}

.m-defaultDetails__main {
    transform: translateY(-2rem);
}

.m-defaultDetails__contentWrapper {
    padding: var(--marginSmall) var(--marginSmallMedium) var(--marginMedium);
}

.m-defaultDetails__name,
.m-defaultDetails__linkWrapper {
    margin-bottom: 0;
}

.m-defaultDetails__text {
    margin-top: var(--marginSmallMedium);
}

.m-defaultDetails__link .icon {
    margin-right: var(--marginExtraSmall);
    color: var(--baseDark900);
}

.m-defaultDetails__backLink {
    display: inline-block;
    margin-top: clamp(var(--marginSmall), 5vw, var(--marginMedium));
}

.m-defaultDetails__backLink::before {
    display: inline-block;
    content:'\e801';
    font-family: var(--iconFont);
    margin-right: var(--marginExtraSmall);
    text-decoration: none;
}

.m-defaultDetails__modified {
    font-style: italic;
    font-size: var(--preTitleSize);
}

.m-defaultDetails a {
    word-break: break-word;
}

/**
  * Download list
 */

.m-defaultDetails .download_list_item  {
    padding-left: var(--marginSmall) !important;
    list-style: disc !important;
}

.m-defaultDetails .download_list_item .icon {
    display: none;
}

.m-defaultDetails .download_list_item a[target="_blank"]::after {
    content: none !important;
}