/* ==========================================================================
    LAYOUTS
    -------------------------------------------------------------------------
    HTML (Override/complement)
    Grid
      : Tasks (New)
        : Grided (New)
      : Grid divider
    Header

    ELEMENTS
    -------------------------------------------------------------------------
    External
      : Attachments (Overrides)
    Indicators
      : Pills (New)
        : Status
        : Type
    Loaders
      : Progress bar (New)
    Typography
      : Quotes (New)
    Alerts
    Link

    COMPONENTS
    -------------------------------------------------------------------------
    Button bar (Complement/Overrides)
    Cards
      : Articles as cards (Override/complement)
    Lists
      : Compact (Complement)
      : Subtasks (New)
      : Bullet blue
      : Useful redources
      : Controls text legend
    Forms
      : LabelRequiredIcon
      : Fields
        : Error

    WIDGETS
    -------------------------------------------------------------------------
    Forms
      : Types
        : CheckBoxListFormField (Overrides)
    Session Dialog

    MODULES
    -------------------------------------------------------------------------
    Banner
      : Center (Complement)
    Slider
      : Quotes (New)
      : Tasks (New)
    Footer
      : Social media items
    Toggle Menu
      : Toggle icon

    PAGETYPES
    -------------------------------------------------------------------------
    Login
    ResetPassword

    UTILITIES
    -------------------------------------------------------------------------
    Paragraph
    Article not format
========================================================================== */

/*
    LAYOUTS/ HTML (Override/complement)
*/

@media (min-width: 1441px) {
    html {
        font-size: 62.5%;
    }
}

/*
    LAYOUTS/Grid: Tasks (New)
*/

.tasks__panel {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: var(--t-tc--grid--columns--gap);
}

/*
    LAYOUTS/Grid: Tasks: Grided
*/

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .tasks--grided .tasks__panel {
        grid-template-columns: repeat(2, 1fr);
    }

}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .tasks--grided .tasks__panel {
        grid-template-columns: repeat(4, 1fr);
    }

}

/*
    LAYOUTS/Grid: Grid divider
*/

.grid__item.grid--customPadding {
    padding-block-start: 6.4rem;
}

.grid--dividers--h>.grid__item.grid--customPadding:not(:first-of-type):before {
    inset-block-start: 3.2rem;
}

.grid--dividers--h>.grid__item:not(:first-of-type):before {
    --t-gs--color--border--default: var(--custom--grid-divider);
}

.section__content .grid--dividers>.grid__item {
    padding-inline-start: 0;
}

/*
    LAYOUTS/Header
*/

.header {
    border-bottom-width: .1rem;
    border-bottom-style: solid;
    border-bottom-color: var(--t-gs--swatch--neutral--000);
    max-height: 8rem;
}

/*
    ELEMENTS/External: Attachments (Overrides)
*/

.article--details iframe.view-document_viewer {
    --t-tc--accross--width: var(--t-tc--content--w--narrow);

    inline-size: var(--t-tc--accross--width);
    position: relative;
    inset-inline-start: 50%;
    inset-inline-end: 50%;
    margin-inline-start: calc(-1 * (var(--t-tc--accross--width) / 2));
    margin-inline-end: calc(-1 * (var(--t-tc--accross--width) / 2));
}

/*
    ELEMENTS/Indicators: Pills (New)
*/

.pill {
    --t-tc--pill--border--radius: var(--t-gs--border--radius--m);
    --t-tc--pill--border--width: var(--t-gs--border--width--0);
    --t-tc--pill--border--color: var(--t-gs--color--border--transparent);
    --t-tc--pill--width: auto;
    --t-tc--pill--height: auto;
    --t-tc--icon--width: 1em;
    --t-tc--pill--background--color: var(--t-gs--color--fill--transparent);
    --t-tc--pill--padding--outers--v: var(--t-gs--space--0);
    --t-tc--pill--padding--outers--h: var(--t-gs--space--0);
    --t-tc--pill--padding--inners: var(--t-gs--space--xs);
    --t-tc--pill--font--size: inherit;
    --t-tc--pill--font--color: inherit;

    display: inline-flex;
    align-items: center;
    border-radius: var(--t-tc--pill--border--radius);
    border-width: var(--t-tc--pill--border--width);
    border-style: solid;
    border-color: var(--t-tc--pill--border--color);
    inline-size: var(--t-tc--pill--width);
    block-size: var(--t-tc--pill--height);
    background-color: var(--t-tc--pill--background--color);
    padding-block-start: .15rem;
    padding-inline-end: .8rem;
    padding-block-end: .15rem;
    padding-inline-start: .4rem;
    gap: var(--t-tc--pill--padding--inners);
    font-size: var(--t-tc--pill--font--size);
    color: var(--t-tc--pill--font--color);
    white-space: nowrap;
}

.pill:before {
    --t-tc--icon--font--size: 1em;

    place-content: center;
    position: static;
}

.pill__text {
    line-height: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/*
    ELEMENTS/Indicators: Pills (Within COMPONENTS/Cards: Articles as cards)
*/

.article__marquee {
    padding-inline-start: 1.6rem;
    padding-block-start: 1.6rem;
}

.article__marquee .pill {
    --t-tc--pill--width: auto;
}

/*
    ELEMENTS/Indicators: Pills: Status (New)
*/

.pill--status {
    --t-tc--pill--border--width: var(--t-gs--border--width--s);
    --t-tc--pill--border-radius: var(--t-gs--border--radius--s);
    --t-tc--pill--padding--outers--v: var(--t-gs--space--xs);
    --t-tc--pill--padding--outers--h: var(--t-gs--space--xs);
    --t-tc--pill--font--size: var(--t-gs--font--size--03);
    --t-tc--pill--font--color: var(--t-gs--swatch--neutral--020);
}

.pill--status--pending {
    --t-tc--icon--content: 'pending';

    --t-tc--pill--border--color: var(--t-gs--color--fill--info);
    --t-tc--pill--background--color: var(--custom--neutral-95);
}

.pill--status--completed {
    --t-tc--icon--content: 'check_circle';
    --t-tc--icon--fill: 1;

    --t-tc--pill--border--color: var(--t-gs--color--fill--success);
    --t-tc--pill--background--color: var(--custom--green-4);

    &::before {
        color: var(--t-gs--color--text--success);
    }
}

.pill--status--disabled,
.pill--status[aria-disabled="true"] {
    --t-tc--icon--content: 'brightness_1';

    --t-tc--pill--background--color: var(--t-gs--color--fill--info);
    --t-tc--pill--font--color: var(--t-gs--color--text--on--fill--default--disabled);

    pointer-events: none;
}

/*
    ELEMENTS/Indicators: Pills: Type (New)
*/

.pill--type {
    --t-tc--pill--font--size: var(--t-gs--font--size--03);
    --t-tc--pill--font--color: var(--t-gs--swatch--neutral--050);
}

.pill--type--single {
    --t-tc--icon--content: 'draft';
}

.pill--type--subtask {
    --t-tc--icon--content: 'subdirectory_arrow_right';
}

.pill--type--grouped {
    --t-tc--icon--content: 'folder_copy';
}

.pill--type--disabled,
.pill--type[aria-disabled="true"] {
    --t-tc--pill--font--color: var(--t-gs--color--text--on--fill--default--disabled);

    pointer-events: none;
}

/*
    ELEMENTS/Loaders: Progress bar (New)
*/

.progressbar {
    --t-tc--progressbar--height: 1rem;

    position: relative;
    margin-block-end: var(--t-gs--space--l);
    padding-block-end: var(--t-gs--space--l);
}

.progressbar:before {
    content: '';
    display: block;
    border-radius: calc(var(--t-tc--progressbar--height) / 2);
    inline-size: 100%;
    block-size: var(--t-tc--progressbar--height);
    background-color: var(--t-gs--swatch--neutral--100);
    border-width: var(--t-gs--border--width--s);
    border-style: solid;
    border-color: var(--t-gs--swatch--neutral--020);
}

.progressbar__progress {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    border-radius: calc(var(--t-tc--progressbar--height) / 2);
    block-size: var(--t-tc--progressbar--height);
    background-color: hsl(160, 100%, 35%);
    border-width: var(--t-gs--border--width--s);
    border-style: solid;
    border-color: var(--t-gs--swatch--neutral--020);
}

.progressbar__progress:after {
    content: attr(data-progress)'%';
    position: absolute;
    inset-block-start: calc(100% + var(--t-gs--space--xs));
    inset-inline-end: 0;
    font-size: var(--t-gs--font--size--default);
    font-weight: var(--t-gs--font--weight--bold);
    text-transform: uppercase;
    color: var(--t-gs--color--text--strong);
    word-break: normal;
}

/*
    ELEMENTS/Typography: Quotes (New)
*/

.quote {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--t-gs--space--m);
    border: unset;
    padding: unset;
    quotes: initial;
}

.quote:before {
    --t-tc--icon--content: 'format_quote';
    --t-tc--icon--width: auto;
    --t-tc--icon--height: auto;
    --t-tc--icon--font--size: 4rem;
    --t-tc--icon--fill: 1;

    place-content: center;
    position: static;
    transform: rotate(180deg);
}

/* Alerts */
.alert {
    border-radius: var(--t-gs--border--radius--s);
}

.alert--info {
    --t-tc--icon--font--color: var(--custom--brand--disabled--fill);
    --t-tc--alert--font--color: var(--custom--brand--dark-text);
}

.alert--completed-task:before {
    display: none;
}

/* Links */
.link:hover {
    text-decoration-color: var(--t-gs--swatch--neutral--transparent) !important;
    color: var(--custom--brand--light-text) !important;
}

.link:active {
    color: var(--custom--brand--unops-blue-1) !important;
}

/*
    COMPONENTS/Bars: Buttons (Complement/Overrides)
*/

.button-bar--button--disabled--hidden .button--disabled {
    display: none;
}

/*
    COMPONENTS/Cards: Articles as cards (Override/complement)
*/

.article--card {
    --t-tc--paragraph--font--color: var(--t-gs--color--text--default);
    --t-tc--paragraph--font--size: var(--t-gs--font--size--03);
    --t-tc--thumbnail--height: calc(var(--t-gs--size--base) * 16);
    --t-tc--thumbnail--width: calc(var(--t-gs--size--base) * 16);
    --t-tc--card--outline--color: var(var(--t-gs--swatch--neutral--000));
    --t-tc--card--outline--width: var(--t-gs--border--width--s);
    --t-tc--card__header--height: auto;

    overflow: hidden;
}

.article--card .article__header {
    align-items: center;
    min-block-size: var(--t-tc--card__header--height);
    padding-block-start: var(--t-tc--card--padding--outers);
    padding-inline-end: var(--t-tc--card--padding--outers);
    padding-block-end: var(--t-tc--card--padding--outers);
    padding-inline-start: var(--t-tc--card--padding--outers);

}

.article--card .article__header__image {
    flex-shrink: 0;
}

.article--card .article__header__text {
    --t-tc--card--padding--outers: var(--t-gs--space--0);
}

.article--card .article__header__text__title {
    overflow: visible;
}

.article--card .article__header__text__title>* {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
}

.article--card .article__header__text__subtitle>* {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.article--card .paragraph {
    color: var(--t-tc--paragraph--font--color);
}

.article--card .article__content {
    --t-tc--card--border--width: var(--t-gs--border--width--0);

    padding-block-start: var(--t-gs--space--0);
}

.article--card .article__content .paragraph {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.article--card .article__footer {
    --t-tc--card--border--width: 0;

    padding-block-start: 0;
    padding-block-end: var(--t-tc--card--padding--outers);
}

.article--card .article__footer .thumbnail {
    inline-size: 2rem;
    block-size: 2rem;
}

.article--card[aria-disabled="true"] {
    --t-gs--color--text--link: var(--t-gs--color--text--link--disabled);
    --t-tc--paragraph--font--color: var(--t-gs--color--text--disabled);
    --t-tc--card--border--color: var(--t-gs--color--border--on--fill--default--disabled);

    pointer-events: none;
}

a.article--card:hover {
    box-shadow: var(--t-gs--shadow--m);
}

a.article--card:focus {
    --t-tc--card--border--color: var(--t-tc--card--outline--color);

    box-shadow: var(--t-gs--shadow--m);
    outline-width: var(--t-tc--card--outline--width);
    outline-style: solid;
    outline-color: var(--t-tc--card--outline--color);
    outline-offset: 0;
}

a.article--card:active {
    --t-tc--card--border--color: var(--t-gs--color--border--default--active);

    box-shadow: var(--t-gs--shadow--m);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .article--card .article__header__image {
        margin-inline-end: var(--t-gs--space--s2)
    }

}

/*
    COMPONENTS/Cards: Articles as cards (Within LAYOUTS/Grid: Tasks)
*/

.tasks__panel .article--card {
    margin-block-start: var(--t-gs--space--0);
}

/*
    COMPONENTS/Lists: Compact (Complement)
*/

.list--view-more {
    --t-tc--thumbnail--width: 5rem;
    --t-tc--thumbnail--height: 5rem;
}

.list--view-more {
    display: flex;
    flex-wrap: wrap;
    margin-block-start: calc(-1 * var(--t-tc--grid--columns--gap));
    margin-inline-end: var(--t-gs--space--0);
    margin-block-end: var(--t-gs--space--0);
    margin-inline-start: calc(-1 * var(--t-tc--grid--columns--gap));
}

.list--view-more .list__item {
    display: flex;
    flex: 0 0 100%;
    max-inline-size: 100%;
    padding-block-start: var(--t-tc--grid--columns--gap);
    padding-inline-end: var(--t-gs--space--0);
    padding-block-end: var(--t-gs--space--0);
    padding-inline-start: var(--t-tc--grid--columns--gap);
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .list--view-more .list__item {
        flex: 0 0 50%;
        max-inline-size: 50%;
    }

}

/*
    COMPONENTS/Lists: Subtasks (New)
*/

.list--subtasks {
    --t-tc--subtask__item--padding--outers--v: var(--t-gs--space--m);
    --t-tc--subtask__item--padding--outers--h: var(--t-gs--space--0);
    --t-tc--subtask__item--padding--inners: var(--t-gs--space--s2);
    --t-tc--icon--border--width: var(--t-gs--border--width--s);
    --t-tc--icon--border--color: var(--t-gs--color--border--transparent);
    --t-tc--icon--width: 1.9rem;
    --t-tc--icon--height: 1.9rem;
    --t-tc--icon--background--color: var(--t-gs--color--fill--transparent);
    --t-tc--icon--background--image: none;
}

*+.list--subtasks {
    margin-block-start: var(--t-gs--space--m);
}

.list--subtasks .list__item {
    display: flex;
    gap: var(--t-tc--subtask__item--padding--inners);
    border-block-end-width: var(--t-gs--border--width--s);
    border-block-end-style: solid;
    border-block-end-color: var(--t-gs--color--border--default);
    padding-block-start: var(--t-tc--subtask__item--padding--outers--v);
    padding-inline-end: var(--t-tc--subtask__item--padding--outers--h);
    padding-block-end: var(--t-tc--subtask__item--padding--outers--v);
    padding-inline-start: var(--t-tc--subtask__item--padding--outers--h);
}

.list--subtasks .list__item+.list__item {
    margin-block-start: var(--t-gs--space--s);
}

.list--subtasks .list__item:before {
    --t-tc--icon--font--size: 1.4em;

    place-content: center;
    position: static;

    border-radius: var(--t-gs--border--radius--full);
}

.list--subtasks .list__item--pending {
    --t-tc--icon--content: 'pending';
    --t-tc--icon--font--color: var(--t-gs--swatch--neutral--020);
}

.list--subtasks .list__item--completed {
    --t-tc--icon--content: 'check_circle';
    --t-tc--icon--font--color: var(--custom--alerts--success);
    --t-tc--icon--fill: 1;
}

.list--subtasks .list__item[aria-disabled="true"] {
    --t-tc--icon--content: 'circle';
    --t-tc--icon--font--color: var(--t-gs--color--text--link--disabled);
    --t-tc--icon--fill: 1;

    --t-gs--color--text--link: var(--t-gs--color--text--link--disabled);

    pointer-events: none;
}

/*
    COMPONENTS/Lists: Bullet blue
*/

.list--bullet.list--bullet--blue .list__item::marker {
    color: var(--t-gs--color--text--link);
}

.link.with-icon.at-right {
    vertical-align: top;
}

/*
    COMPONENTS/Lists: Useful redources
*/

.title--useful-resources {
    text-align: center;
}

.list--useful-resources {
    column-count: 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 4.5rem;
    row-gap: 2rem;
}

.list--useful-resources li+li {
    margin-block-start: var(--t-gs--space--0);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .list--useful-resources {
        column-count: 1;
        display: grid;
        grid-template-columns: 1fr;
        margin-block-start: var(--t-gs--space--s);
    }

    .title--useful-resources {
        text-align: left;
    }
}

/*
    COMPONENTS/Lists: Controls text legend
*/
.list-controls__text__legend {
    font-size: var(--t-gs--font--size--04);
}

/*
    COMPONENTS/Forms: LabelRequiredIcon
*/

.form--login .labelRequiredIcon {
    display: inline;
}

/*
    COMPONENTS/Forms: Fields: Error
*/

.errorMessage {
    --t-tc--icon--content: "info";
    --t-tc--icon--fill: 0;
}

.form.form--has-errors input[aria-invalid=true] {
    --t-tc--fields--border--color: var(--t-gs--color--border--error);
}

.form.form--has-errors input[aria-invalid=true]:focus {
    --t-tc--fields--border--color: var(--t-gs--color--border--default--focus);
}

/*
    WIDGETS/Forms: Types: CheckBoxListFormField (Overrides)
*/

.formfieldSpec.CheckBoxListFormField .tc_formLabel,
.formfieldSpec.CheckBoxListFormField .tc_formDescription {
    display: none;
}

.formfieldSpec.CheckBoxListFormField .tc_formField .cb-a11y {
    display: flex;
    gap: var(--t-tc--fieldSpec--padding--inners);
    align-items: baseline;
}

.formfieldSpec.CheckBoxListFormField .tc_formField .cb-a11y input[type=checkbox] {
    flex-shrink: 0;
    margin: var(--t-gs--space--xs);
}

.formfieldSpec.CheckBoxListFormField .tc_formField .cb-a11y label {
    --t-tc--sublabels--font--weight: 400;

    flex-grow: 1;
    display: block;
    margin-inline-start: unset;
    font-size: var(--t-tc--sublabels--font--size);
    font-weight: var(--t-tc--sublabels--font--weight);
    color: var(--t-tc--sublabels--font--color);
    cursor: pointer;
}

.formfieldSpec.CheckBoxListFormField .tc_formField .cb-a11y label:after {
    content: ' *';
    color: var(--t-gs--color--text--error);
}

/*
    WIDGETS/Session Dialog
*/
.ui-dialog {
    max-width: 48.9rem;
}

.ui-dialog *+.ui-dialog-content {
    --modal--padding--inners--v: 1.6rem;
}

.ui-dialog .ui-button-icon {
    --button__icon--width: 1.26rem;
    --button__icon--height: 1.26rem;
    --t-tc--buttons--font--color: var(--custom--brand--unops-blue-10);

    margin: 0.45rem;
}

.ui-dialog button.ui-button.ui-dialog-titlebar-close {
    border-width: var(--t-gs--border--radius--0);
}

.ui-dialog button.ui-button.ui-dialog-titlebar-close .ui-button-icon {
    display: unset;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    justify-content: flex-end;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        flex-direction: column;
    }
}

/*
    MODULES/Banner: Center (Complement)
*/

.banner--center {
    --t-tc--banner--background--color: var(--t-gs--color--surface--secondary);
    --t-tc--banner--padding--top: var(--t-gs--space--xl);
    --t-tc--banner--padding--bottom: var(--t-gs--space--xl);
}

.banner--main .banner__text__title.title {
    --t-tc--title--font--color: var(--custom--white);
}

/*
    MODULES/Slider: Quotes (New)
*/

.article--slider--quotes .slider {
    padding-block-end: calc(var(--t-gs--space--base) * 9);
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .article--slider--quotes {
        --t-tc--article--width--max: var(--t-tc--content--w--narrower);
    }

}

/*
    MODULES/Slider: Tasks (New)
*/

/* Media query to target only desktop */
@media all and (min-width:1124px) {
    .article--slider--tasks {
        --t-tc--article--width--max: var(--t-tc--content--w--reduced);
    }
}

.article--slider--tasks .article__header+* {
    margin-block-start: var(--t-gs--space--0);
}

/* creating space for the box-shadow of any content to be visible */
:root {
    --swiper-navigation-size: 1.5rem;
    --swiper-theme-color: var(--custom--brand--unops-blue-9);
}

.slider {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.swiper--tasks {
    padding-block: var(--t-gs--space--xs);
    padding-inline: var(--t-gs--space--xs);
    margin-block: calc(-1 * var(--t-gs--space--xs));
    margin-inline: var(--t-gs--space--m);
    min-width: 80%;
}

.swiper-button-next,
.swiper-button-prev {
    position: relative;
    right: 0;
    left: 0;
    padding-inline: 1.6rem;
}

/* restoring the box sizing for elements inside any content (parents need content-box for sizing purposes) */
.swiper--tasks .swiper-slide>*>* {
    box-sizing: border-box;
}

/*
    MODULES/Footer
*/

.footer {
    border-block-start-color: var(--custom--menu--border);
}

/*
    MODULES/Footer: Links
*/

/* Media query to target tablet and desktop */
@media (width >=751px) {
    .footer__links {
        display: flex;
        justify-content: center;
        flex-grow: 1;
        margin-inline-start: -10rem;  /* They need to center links vertically in the page, taking in consideration footer__rights */
    }
}

.footer__links .footer__links__item {
    font-size: var(--t-gs--font--size--03);
    color: var(--custom--white);
}

/*
    MODULES/Footer: Social media items
*/

.footer__social__item {
    block-size: 2rem;
}

@media (width >=1025px) {
    .footer__links__divider {
        margin-inline-start: var(--t-gs--space--m);
        margin-inline-end: var(--t-gs--space--m);
    }
}

/*
    MODULES/Toggle Menu
*/

.toggle--menu .toggle__icon,
.toggle--menu .toggle__icon:before,
.toggle--menu .toggle__icon:after {
    --t-tc--toggle--font--color: var(--t-gs--swatch--neutral--100);
}

.menu--toggleable .menu__link:after {
    font-size: 4rem;
    font-weight: 300;
}

.menu--toggleable .menu__panel {
    background-color: var(--t-tc--menu__link--background--color);
    border-block-start-width: var(--t-gs--border--width--0);
}

/*
    PAGETYPES/Login
*/

.body--login {
    background: linear-gradient(73.3deg, #003E64 0.14%, #001B35 100.03%);
}

.body--login .article__header__logo {
    width: 100%;
}

.body--login .article__content {
    --t-gs--color--border--default: var(--custom--menu--border);

    padding-block: var(--t-tc--login__box--padding--outers);
}

.body--login .button-bar .button {
    width: 100%;
}

/*
    PAGETYPES/ResetPassword
*/

.form.form--reset-password {
    margin-block-start: calc(var(--t-gs--space--base) * 9);
}

/*
    UTILITIES/Paragraph
*/

.paragraph {
    --t-gs--space--s: 1.2rem;
}

/*
    UTILITIES/Article not format
*/

.article--details .article__content__view__field__value--not-format,
.article--details .MultipleDataSetFieldvalue--font {
    display: block;
}

.article--details:not(.regular-fields-label--inline) .article__content__view__field__label+.article__content__view__field__value--not-format,
.article--details:not(.form-fields-label--inline) .fields-label--block .MultipleDataSetFieldLabel+.MultipleDataSetFieldvalue--font {
    margin-top: var(--t-gs--space--xs);
}

.article--details .article__content__view__field__value--not-format>:not(.table),
.article--details .article__content__view__field__value--not-format>:not(.table) * {
    line-height: 150% !important;
    -webkit-text-stroke-width: inherit !important;
}

.article--details .article__content__view__field__value--not-format p {
    padding-bottom: var(--t-gs--space--s) !important;
}

.article--details .article__content__view__field__value--not-format strong,
.article--details .article__content__view__field__value--not-format b {
    font-weight: var(--t-gs--font--weight--bold) !important;
}

.article--details .article__content__view__field__value--not-format em,
.article--details .article__content__view__field__value--not-format i {
    font-style: italic !important;
}

.article--details .article__content__view__field__value--not-format>br:first-child,
.article--details .article__content__view__field__value--not-format>br:last-child {
    display: none;
}

.article--details:not([class*="regular-fields-label--"]) .article__content__view__field__label+.article__content__view__field__value--not-format>.table,
.article--details .article__content__view__field:not([class*="regular-field-label--"]) .article__content__view__field__label+.article__content__view__field__value--not-format>.table {
    margin-top: var(--t-gs--space--s);
}

.article--details .article__content__view__field:not(:last-of-type) .article__content__view__field__value--not-format>.table {
    margin-bottom: var(--t-gs--space--s);
}

.article--details .article__content__view__field__value--not-format a span,
.article--details .article__content__view__field__value--not-format a,
.article--details .article__content__view__field__value a span,
.article--details .article__content__view__field__value a {
    color: var(--t-gs--color--text--link) !important;
    font-weight: var(--t-gs--font--weight--bold) !important;
    text-decoration-color: var(--t-gs--swatch--neutral--transparent) !important;
}

.article--details .article__content__view__field__value--not-format a:hover span,
.article--details .article__content__view__field__value--not-format a:hover,
.article--details .article__content__view__field__value a:hover span,
.article--details .article__content__view__field__value a:hover {
    text-decoration-color: var(--t-gs--swatch--neutral--transparent) !important;
    color: var(--custom--brand--light-text) !important;
}

.section__header+*,
.fieldSpec+.AcceptanceCheckboxField {
    margin-block-start: var(--t-gs--space--xl);
}

.section__header .title .title--h2 {
    line-height: 4rem;
}