/* Cross-page surfaces for archives, singles, forms, search, responsive states, and mobile overlays. */

/* Archive, search, and listing surfaces */
.archive-page {
    background: var(--light-gray);
    padding-top: var(--ds-space-6);
}

.archive-header h1,
.question_page_info h1 {
    text-align: left;
}

.archive-header p,
.question_page_info p {
    max-width: 570px;
    margin: var(--ds-space-3) 0 var(--ds-space-2);
    font-size: var(--ds-font-size-body-lg);
    line-height: var(--ds-type-body-lg-line-height);
    color: var(--ds-color-text-body);
}

h2.archive_featured_article_title {
    position: relative;
    z-index: 11;
    font-weight: 600;
    font-size: var(--ds-heading-h2-size);
    margin-bottom: var(--ds-space-5);
    line-height: 120%;
    letter-spacing: -0.24px;

}

h2.archive_featured_article_title span {
    background-color: var(--ds-color-bg-surface);
    position: relative;
    padding-right: 5px;
}

h2.archive_featured_article_title::before {
    content: '';
    background: var(--ds-color-brand-accent);
    height: 1px;
    position: absolute;
    top: 22px;
    width: 100%;
    left: 0;
    z-index: 0;
}

.archive-toolbar {
    margin-bottom: var(--ds-space-8);
}

.archive-controls-shell {
    background: var(--ds-color-bg-surface);
    border: 1px solid var(--ds-color-border-default);
    border-radius: var(--ds-radius-lg);
    padding: var(--ds-space-inset-lg);
    box-shadow: var(--ds-shadow-sm);
}

.archive-search-wrap {
    flex: 1;
}

.archive-search {
    width: 100%;
    min-height: 44px;
    border-radius: var(--ds-radius-md);
}

.archive-count {
    display: block;
    margin-top: var(--ds-space-2);
    font-size: var(--ds-font-size-sm);
    color: var(--ds-color-text-muted);
}

input.archive-search.ds-c-input {
    background: var(--ds-color-bg-surface);
    border: 1px solid var(--ds-color-border-default);
    border-radius: var(--ds-radius-lg);
}

.archive-toolbar__meta {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--ds-space-gap-lg);
}

.archive-actions {
    display: flex;
    align-items: center;
    gap: var(--ds-space-gap-lg);
    flex-wrap: wrap;
}

.archive-sort {
    display: flex;
    align-items: center;
    gap: var(--ds-space-2);
    font-size: var(--ds-font-size-sm);
    color: var(--ds-color-text-body);
}

.archive-sort span {
    min-width: 50px;
}

.archive-sort select {
    height: 36px;
    font-size: var(--ds-font-size-sm);
}

.archive-view {
    display: flex;
    border: 1px solid var(--ds-color-border-default);
    border-radius: var(--ds-radius-md);
    overflow: hidden;
    background-color: var(--ds-color-bg-canvas);
    padding: var(--ds-space-1);
    gap: var(--ds-space-1);
}

.archive-grid.is-loading {
    opacity: 0.5;
    pointer-events: none;
}

.archive-grid.list-view {
    display: flex;
    flex-direction: column;
    gap: var(--ds-space-5);
}

.archive-grid.list-view .article-card .d-flex {
    margin-top: 0;
    padding: var(--ds-space-4) var(--ds-space-5);
}

.archive-grid.list-view .article-card {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.archive-grid.list-view .article-card img {
    width: 350px;
    height: 100%;
}

.archive-grid.list-view .article-card__body {
    padding: var(--ds-space-5);
    flex-grow: 1;
}

.view-btn {
    width: 36px;
    height: 36px;
    background: var(--ds-color-bg-surface);
    border: none;
    font-size: 16px;
    color: var(--ds-color-text-body);
    cursor: pointer;
}

.view-btn.active {
    background: var(--ds-color-bg-surface-muted);
    color: var(--ds-color-text-strong);
}

.featured-card {
    background: var(--ds-color-bg-surface);
    border-radius: var(--ds-radius-xl);
    overflow: hidden;
    box-shadow: var(--ds-shadow-md);
    margin-bottom: var(--ds-space-section-sm);
}

.featured-image img {
    min-height: 100%;
    object-position: center;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.featured-content {
    padding: var(--ds-space-10);
}

.featured-content h2 {
    font-size: 26px;
    line-height: 1.35;
}

.featured-archive_featured .fa-main-content.ds-c-card__body {
    display: flex;
    flex-direction: column;
    gap: var(--ds-space-stack-sm);
}

.featured-archive_featured .fa-main-content .ds-c-card__title,
.featured-archive_featured .fa-main-content .ds-c-card__title a.ds-c-link {
    margin: 0;
    font-family: var(--ds-font-family-heading);
    font-size: var(--ds-heading-h3-size);
    line-height: var(--ds-heading-h3-line-height);
    font-weight: var(--ds-heading-h3-weight);
    color: var(--ds-color-text-heading);
}

.featured-archive_featured .fa-main-content .ds-c-card__excerpt {
    margin: 0;
    font-family: var(--ds-font-family-body);
    font-size: var(--ds-font-size-body-md);
    line-height: var(--ds-type-body-md-line-height);
    color: var(--ds-color-text-body);
}

.featured-archive_featured .fa-main-content .fa-meta.ds-c-meta {
    margin-top: var(--ds-space-stack-lg);
    color: var(--ds-color-brand-accent-deep);
    font-size: var(--ds-font-size-body-md);
    line-height: var(--ds-type-body-md-line-height);
}

.archive-body {
    margin-top: var(--ds-space-4);
}

.search-results-page {
    --search-results-suggestion-max-height: calc(var(--ds-space-1) * 56);
    --search-results-card-gap: var(--ds-space-gap-lg);
    --search-results-card-title-size: var(--ds-heading-h3-size);
    --search-results-card-title-line: var(--ds-heading-h3-line-height);
    --search-results-card-body-size: var(--ds-font-size-body-md);
    --search-results-card-body-line: var(--ds-type-body-md-line-height);
    --search-results-card-image-height: calc(var(--ds-space-1) * 51);
    --search-results-card-image-height-mobile: calc(var(--ds-space-1) * 49);
    --search-results-card-hover-lift: calc(var(--ds-space-1) * -1);
    padding-bottom: var(--ds-space-section-md);
}

.search-results-page__header {
    display: flex;
    justify-content: space-between;
    align-items: end;
    flex-wrap: wrap;
    gap: var(--ds-space-gap-lg);
    margin-bottom: var(--ds-space-8);
    text-align: left;
}

.search-results-page__intro {
    display: grid;
    gap: var(--ds-space-stack-sm);
}

.search-results-page__header h1,
.search-results-page__header p,
.search-results-page__count,
.search-results-page__sort-copy {
    margin: 0;
}

.search-results-page__eyebrow {
    font-size: var(--ds-font-size-overline);
    line-height: var(--ds-type-overline-line-height);
    letter-spacing: var(--ds-type-overline-letter-spacing);
    text-transform: uppercase;
    color: var(--ds-color-brand-accent-deep);
    font-weight: var(--ds-font-weight-semibold);
}

.search-results-page__header p {
    max-width: 42rem;
}

.search-results-page__term {
    color: var(--ds-color-text-heading);
    font-weight: var(--ds-font-weight-semibold);
}

.search-results-page__meta {
    display: grid;
    gap: var(--ds-space-stack-xs);
    justify-items: end;
}

.search-results-page__count {
    color: var(--ds-color-text-heading);
    font-family: var(--ds-font-family-heading);
    font-size: var(--ds-heading-h4-size);
    line-height: var(--ds-heading-h4-line-height);
    font-weight: var(--ds-heading-h4-weight);
}

.search-results-page__sort-copy,
.search-results-page__results-header p,
.search-results-page__empty p {
    color: var(--ds-color-text-body);
    font-size: var(--ds-font-size-body-sm);
    line-height: var(--ds-type-body-sm-line-height);
}

.search-results-page__main {
    display: grid;
    gap: var(--ds-space-gap-lg);
}

.search-results-page__controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(15rem, 18rem);
    gap: var(--ds-space-gap-md);
    align-items: end;
}

.search-results-page__search,
.search-results-page__sort {
    background: var(--ds-color-bg-surface);
    border: 1px solid var(--ds-color-border-default);
    border-radius: var(--ds-radius-lg);
    box-shadow: var(--ds-shadow-sm);
    padding: var(--ds-space-inset-lg);
    display: grid;
    gap: var(--ds-space-stack-sm);
}

.search-results-page__search {
    margin-bottom: 0;
}

.search-results-page__field-label {
    margin-bottom: 0;
}

.search-results-page__sort {
    width: 100%;
}

.search-results-page form.archive-sort-form.search-results-page__sort {
    display: grid;
    align-items: stretch;
    gap: var(--ds-space-stack-sm);
}

.search-results-page__sort .ds-c-select {
    width: 100%;
}

.search-results-page__results {
    display: grid;
    gap: var(--ds-space-gap-md);
}

.search-results-page__result-group {
    display: grid;
    gap: var(--ds-space-gap-md);
}

.search-results-page__result-group + .search-results-page__result-group {
    padding-top: var(--ds-space-section-sm);
}

.search-results-page__results-header {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: var(--ds-space-gap-md);
    padding-bottom: var(--ds-space-4);
    border-bottom: 1px solid var(--ds-color-border-default);
}

.search-results-page__results-copy {
    display: grid;
    gap: var(--ds-space-stack-xs);
}

.search-results-page__results-header h2,
.search-results-page__empty-title {
    margin: 0;
    font-size: var(--ds-heading-h4-size);
    line-height: var(--ds-heading-h4-line-height);
    font-weight: var(--ds-heading-h4-weight);
    color: var(--ds-color-text-heading);
}

.search-results-page .archive-grid {
    margin-top: 0;
    margin-bottom: 0;
    gap: var(--search-results-card-gap);
}

.search-results-page .search-results-page__grid--articles {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.search-results-page .search-results-page__grid--qa.archive-grid[attr="qa"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 0;
}

.search-results-page__grid .article-card,
.search-results-page__grid.archive-grid[attr="qa"] .qa-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid var(--ds-color-border-default);
    border-radius: var(--ds-radius-lg);
    background: var(--ds-color-bg-surface);
    box-shadow: var(--ds-shadow-md);
    overflow: hidden;
    transition: transform var(--ds-motion-base) var(--ds-ease-standard),
        box-shadow var(--ds-motion-base) var(--ds-ease-standard),
        border-color var(--ds-motion-base) var(--ds-ease-standard);
}

.search-results-page__grid .article-card:hover,
.search-results-page__grid .article-card:focus-within,
.search-results-page__grid.archive-grid[attr="qa"] .qa-card:hover,
.search-results-page__grid.archive-grid[attr="qa"] .qa-card:focus-within {
    transform: translateY(var(--search-results-card-hover-lift));
    box-shadow: var(--ds-shadow-lg);
    border-color: var(--ds-color-border-warning);
}

.search-results-page__grid .article-card .ds-c-card__image {
    position: relative;
}

.search-results-page__grid .article-card__image a {
    display: block;
    width: 100%;
}

.search-results-page__grid .article-card img {
    display: block;
    width: 100%;
    height: var(--search-results-card-image-height);
    object-fit: cover;
}

.search-results-page__grid .article-card__body,
.search-results-page__grid.archive-grid[attr="qa"] .qa-card__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--ds-space-stack-md);
    padding: var(--ds-space-4);
}

.search-results-page__grid .article-card__categories,
.search-results-page__grid.archive-grid[attr="qa"] .qa-card__taxonomy {
    display: flex;
    gap: var(--ds-space-gap-sm);
    flex-wrap: nowrap;
    align-items: center;
    overflow: hidden;
    min-height: var(--ds-pill-height-sm);
}

.search-results-page__grid .article-card__categories::-webkit-scrollbar,
.search-results-page__grid.archive-grid[attr="qa"] .qa-card__taxonomy::-webkit-scrollbar {
    display: none;
}

.search-results-page__grid .article-card .ds-c-pill,
.search-results-page__grid.archive-grid[attr="qa"] .qa-card .ds-c-pill {
    display: inline-flex;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.search-results-page__grid .article-card__title,
.search-results-page__grid .article-card__title a,
.search-results-page__grid.archive-grid[attr="qa"] .qa-card__title,
.search-results-page__grid.archive-grid[attr="qa"] .qa-card__title a {
    margin: 0;
    font-size: var(--search-results-card-title-size);
    line-height: var(--search-results-card-title-line);
}

.search-results-page__grid .article-card__title a,
.search-results-page__grid.archive-grid[attr="qa"] .qa-card__title a {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.search-results-page__grid .article-card__excerpt,
.search-results-page__grid.archive-grid[attr="qa"] .qa-card__excerpt {
    margin: 0;
    font-size: var(--search-results-card-body-size);
    line-height: var(--search-results-card-body-line);
    color: var(--ds-color-text-body);
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.search-results-page__grid .article-card__meta,
.search-results-page__grid .article-card__meta.ds-c-meta,
.search-results-page__grid.archive-grid[attr="qa"] .qa-card__meta,
.search-results-page__grid.archive-grid[attr="qa"] .qa-card__meta.ds-c-meta {
    display: flex;
    justify-content: flex-start;
    margin-top: auto;
    padding-top: 0;
}

.search-results-page__grid .article-card .read-link,
.search-results-page__grid.archive-grid[attr="qa"] .qa-card .read-link {
    font-size: var(--ds-font-size-body-sm);
    line-height: var(--ds-type-body-sm-line-height);
}

.search-results-page__empty {
    display: grid;
    gap: var(--ds-space-stack-sm);
    padding: var(--ds-space-inset-xl);
    border: 1px solid var(--ds-color-border-default);
    box-shadow: var(--ds-shadow-sm);
}

.search-results-page__result-group .ds-c-pagination {
    margin-top: 0;
}

.archive-filters {
    background: var(--ds-color-bg-surface);
    padding: var(--ds-space-8);
    border-radius: var(--ds-radius-lg);
    border: 1px solid var(--ds-color-border-default);
}

.filter-title {
    font-size: var(--ds-font-size-sm);
    font-weight: 600;
}

.archive-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: var(--ds-space-gap-xl);
    margin-top: var(--ds-space-section-sm);
}

.archive-grid.related-articles-grid {
    grid-template-columns: 1fr;
    gap: var(--ds-space-gap-lg);
}

@media (min-width: 768px) {
    .archive-grid.related-articles-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.related-articles-grid .related-article-item {
    display: flex;
}

.related-articles-grid .article-card.ds-c-card {
    container-type: inline-size;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--ds-color-border-default);
    border-radius: var(--ds-radius-lg);
    background: var(--ds-color-bg-surface);
    box-shadow: var(--ds-shadow-md);
    overflow: visible;
    transition: transform var(--ds-motion-base) var(--ds-ease-standard),
        box-shadow var(--ds-motion-base) var(--ds-ease-standard),
        border-color var(--ds-motion-base) var(--ds-ease-standard);
}

.related-articles-grid .article-card.ds-c-card:hover,
.related-articles-grid .article-card.ds-c-card:focus-within {
    transform: translateY(calc(var(--ds-space-1) * -1));
    box-shadow: var(--ds-shadow-lg);
    border-color: var(--ds-color-border-warning);
}

.related-articles-grid .article-card .ds-c-card__image {
    position: relative;
}

.related-articles-grid .article-card__image a {
    display: block;
    width: 100%;
}

.related-articles-grid .article-card .ds-c-card__image img {
    display: block;
    width: 100%;
    height: calc(var(--ds-space-1) * 51);
    object-fit: cover;
}

body.single-post .related-articles-grid .article-card .article-card__body,
body.single-post .related-articles-grid .article-card .ds-c-card__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--ds-space-stack-md);
    height: 100%;
    padding: var(--ds-space-4);
}

body.single-post .related-articles-grid .article-card .article-card__categories,
body.single-post .related-articles-grid .article-card__categories {
    margin-bottom: 0;
    display: flex;
    gap: var(--ds-space-gap-sm);
    flex-wrap: nowrap;
    align-items: center;
    overflow: hidden;
    min-height: var(--ds-pill-height-sm);
}

.related-articles-grid .article-card .ds-c-card__title {
    margin: 0;
}

.related-articles-grid .article-card .ds-c-card__title a.ds-c-link {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: var(--ds-heading-h3-size) !important;
    line-height: var(--ds-heading-h3-line-height) !important;
    font-weight: var(--ds-heading-h3-weight) !important;
    font-family: var(--ds-font-family-heading) !important;
}

.related-articles-grid .article-card .ds-c-card__excerpt {
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: var(--ds-font-size-body-md) !important;
    line-height: var(--ds-type-body-md-line-height) !important;
    min-height: calc(var(--ds-font-size-body-md) * var(--ds-type-body-md-line-height) * 3);
    color: var(--ds-color-text-body);
}

.related-articles-grid .article-card .ds-c-pill {
    display: inline-flex;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.related-articles-grid .article-card .read-link {
    font-size: var(--ds-font-size-body-sm) !important;
    line-height: var(--ds-type-body-sm-line-height) !important;
}

.related-articles-grid .article-card .fa-card-meta {
    margin-top: 0;
    padding-top: 0;
}

body.single-post .related-articles-grid .article-card .article-card__meta,
body.single-post .related-articles-grid .article-card .article-card__meta.ds-c-meta,
body.single-post .related-articles-grid .article-card__meta,
body.single-post .related-articles-grid .article-card__meta.ds-c-meta {
    display: flex;
    justify-content: flex-start;
    margin-top: 0;
    padding-top: 0;
    color: var(--ds-color-brand-accent-deep);
    font-size: var(--ds-font-size-sm);
    line-height: var(--ds-type-body-sm-line-height);
}

@media (max-width: 767.98px) {
    .related-articles-grid .article-card .ds-c-card__image img {
        height: calc(var(--ds-space-1) * 49);
    }

    .related-articles-grid .article-card .ds-c-card__excerpt {
        min-height: auto;
    }
}

.releted_post_info h4 {
    margin: 0;
}

.article-toolbar {
    background: var(--ds-color-bg-surface);
}

.ds-c-article-toolbar {
    border-bottom: 1px solid var(--ds-color-border-default);
    padding: var(--ds-space-4) 0;
}

.ds-c-article-toolbar__inner {
    display: flex;
    align-items: center;
}

.ds-c-article-back-link {
    display: inline-flex;
    align-items: center;
    gap: var(--ds-space-2);
    color: var(--ds-color-link);
    font-size: var(--ds-font-size-body-md);
    line-height: var(--ds-type-body-md-line-height);
    text-decoration: none;
}

.ds-c-article-back-link:hover,
.ds-c-article-back-link:focus-visible {
    color: var(--ds-color-link-hover);
    text-decoration: underline;
}

.article-actions .btn {
    border-radius: var(--ds-radius-sm);
}

.article-actions .btn i {
    color: var(--ds-color-text-body);
}

.article-actions .btn:hover {
    background: var(--ds-color-bg-surface-muted);
}

@media (min-width: 1400px) {
    .archive-grid {
        grid-template-columns: repeat(auto-fill, minmax(460px, 1fr));
    }
}

body:not(.home) .article-card {
    background: var(--ds-color-bg-surface);
    border-radius: var(--ds-radius-lg);
    position: relative;
    overflow: hidden;
    box-shadow: var(--card-shadow);
    transition: var(--transition);
}

body:not(.home) .article-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--hover-shadow);
}

.article-details-wrapper {
    background-color: var(--light-gray);
    padding: var(--ds-space-section-sm) 0 var(--ds-space-section-lg);
}

.ds-c-article-shell {
    background: var(--ds-color-bg-surface);
    border: 1px solid var(--ds-color-border-default);
    border-radius: var(--ds-radius-xl);
    box-shadow: var(--ds-shadow-sm);
    padding: var(--ds-space-inset-xl);
}

.ds-c-article-shell__body {
    display: grid;
    gap: var(--ds-space-stack-lg);
}

.ds-c-article-shell__body > * {
    min-width: 0;
}

.ds-c-article-title {
    margin: 0;
    max-width: 100%;
    font-size: var(--ds-heading-h1-size);
    line-height: var(--ds-heading-h1-line-height);
    font-weight: var(--ds-heading-h1-weight);
    color: var(--ds-color-text-heading);
    overflow-wrap: anywhere;
}

.ds-c-article-author__media {
    display: flex;
    align-items: flex-start;
    gap: var(--ds-space-gap-md);
}

.ds-c-article-author__avatar {
    width: 4rem;
    height: 4rem;
    flex: 0 0 4rem;
    border-radius: 50%;
    object-fit: cover;
}

.ds-c-article-author__copy {
    display: grid;
    gap: var(--ds-space-stack-xs);
}

.ds-c-article-author__name {
    margin: 0;
    font-family: var(--ds-font-family-heading);
    font-size: var(--ds-heading-h5-size);
    line-height: var(--ds-heading-h5-line-height);
    font-weight: var(--ds-heading-h5-weight);
    color: var(--ds-color-text-strong);
}

.ds-c-article-author__role {
    margin: 0;
    color: var(--ds-color-text-muted);
    font-family: var(--ds-font-family-body);
    font-size: var(--ds-font-size-body-sm);
    line-height: var(--ds-type-body-sm-line-height);
}

.ds-c-article-meta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ds-space-gap-sm);
    color: var(--ds-color-brand-accent-deep);
    font-size: var(--ds-font-size-body-sm);
    line-height: var(--ds-type-body-sm-line-height);
}

.ds-c-article-meta__item {
    display: inline-flex;
    align-items: center;
    gap: var(--ds-space-2);
}

.ds-c-article-meta__item svg {
    flex: 0 0 auto;
}

.ds-c-article-taxonomy {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ds-space-gap-sm);
}

.ds-c-article-taxonomy .ds-c-pill {
    margin: 0;
}

.ds-c-article-hero {
    overflow: hidden;
    border-radius: var(--ds-radius-lg);
    background: var(--ds-color-bg-surface-muted);
}

.ds-c-article-hero img {
    display: block;
    width: 100%;
}

body.single-books .ds-c-article-hero--book {
    display: flex;
    justify-content: center;
    padding: var(--ds-space-inset-md);
}

body.single-books .ds-c-book-cover-image {
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.ds-c-rich-text {
    color: var(--ds-color-text-body);
    font-size: var(--ds-font-size-body-md);
    line-height: var(--ds-type-body-md-line-height);
}

#main-article-content .details-artical,
#main-article-content .ds-c-rich-text {
    color: var(--ds-color-text-body);
    font-size: var(--ds-font-size-body-md);
    line-height: var(--ds-type-body-md-line-height);
    overflow-wrap: anywhere;
    word-break: break-word;
}

#main-article-content .details-artical p,
#main-article-content .ds-c-rich-text p {
    color: var(--ds-color-text-body);
    font-size: inherit;
    line-height: inherit;
    margin-bottom: var(--ds-space-stack-lg);
}

#main-article-content .details-artical h2,
#main-article-content .details-artical h3,
#main-article-content .details-artical h4,
#main-article-content .ds-c-rich-text h2,
#main-article-content .ds-c-rich-text h3,
#main-article-content .ds-c-rich-text h4 {
    margin-top: var(--ds-space-section-sm);
    margin-bottom: var(--ds-space-stack-md);
    color: var(--ds-color-text-heading);
}

#main-article-content .details-artical ul,
#main-article-content .details-artical ol,
#main-article-content .ds-c-rich-text ul,
#main-article-content .ds-c-rich-text ol {
    margin-bottom: var(--ds-space-stack-lg);
    padding-left: var(--ds-space-6);
}

#main-article-content .details-artical li,
#main-article-content .ds-c-rich-text li {
    margin-bottom: var(--ds-space-stack-sm);
    color: var(--ds-color-text-body);
}

#main-article-content .details-artical a,
#main-article-content .ds-c-rich-text a {
    color: var(--ds-color-link);
    text-decoration: underline;
    text-underline-offset: 2px;
    overflow-wrap: anywhere;
}

#main-article-content .details-artical a:hover,
#main-article-content .details-artical a:focus-visible,
#main-article-content .ds-c-rich-text a:hover,
#main-article-content .ds-c-rich-text a:focus-visible {
    color: var(--ds-color-link-hover);
}

.ds-c-article-references {
    display: grid;
    gap: var(--ds-space-stack-md);
    background: var(--ds-color-bg-surface-muted);
    border: 1px solid var(--ds-color-border-default);
    border-radius: var(--ds-radius-lg);
    padding: var(--ds-space-inset-lg);
}

.ds-c-article-references__title {
    margin: 0;
    font-size: var(--ds-heading-h5-size);
    line-height: var(--ds-heading-h5-line-height);
    font-weight: var(--ds-heading-h5-weight);
}

.ds-c-article-references p:last-child {
    margin-bottom: 0;
}

.ds-c-article-related {
    margin-top: var(--ds-space-section-sm);
}

.ds-c-article-related__grid {
    margin-top: var(--ds-space-6);
}

.ds-c-article-sidebar {
    display: grid;
    gap: var(--ds-space-stack-lg);
}

.ds-c-article-sidebar-section {
    display: grid;
    gap: var(--ds-space-stack-lg);
}

body.single-post #sub_question {
    padding: 0;
    margin-bottom: var(--ds-space-stack-lg);
    background: transparent;
    border: 0;
    border-radius: 0;
}

body.single-post #sub_question .ds-c-article-question-card {
    padding: var(--ds-space-inset-lg);
    background: var(--ds-color-brand-primary);
    border: 1px solid var(--ds-color-brand-accent);
    border-radius: var(--ds-radius-lg);
}

body.single-post #sub_question .ds-c-article-question-card__body {
    display: grid;
    gap: var(--ds-space-stack-md);
}

body.single-post #sub_question .ds-c-article-question-card__title {
    margin: 0;
    color: var(--ds-color-text-on-primary);
    font-size: var(--ds-heading-h5-size);
    line-height: var(--ds-heading-h5-line-height);
    font-weight: var(--ds-heading-h5-weight);
    text-align: left;
}

body.single-post #sub_question .ds-c-article-question-card__text {
    margin: 0;
    color: rgba(255, 255, 255, 0.84);
    font-size: var(--ds-font-size-body-sm);
    line-height: var(--ds-type-body-sm-line-height);
}

body.single-post #sub_question .ds-c-article-question-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    width: 100%;
    padding: var(--ds-space-3) var(--ds-space-5);
    border-radius: var(--ds-radius-md);
    background: var(--ds-color-brand-accent);
    color: var(--ds-color-text-on-accent);
    font-size: var(--ds-font-size-sm);
    line-height: var(--ds-type-body-sm-line-height);
    font-weight: var(--ds-font-weight-semibold);
    text-align: center;
    text-decoration: none;
}

body.single-post #sub_question .ds-c-article-question-link:hover,
body.single-post #sub_question .ds-c-article-question-link:focus-visible {
    background: var(--ds-color-brand-accent-deep);
    color: var(--ds-color-text-on-primary);
}

body.single-post .ds-c-article-related--posts .related-articles-grid {
    grid-template-columns: 1fr;
    gap: var(--ds-space-gap-lg);
}

body.single-post .ds-c-article-related--posts .related-article-item {
    display: block;
    min-width: 0;
}

body.single-post .ds-c-article-related--posts .related-article-item > .article-card.ds-c-card {
    width: 100%;
}

body.single-post .ds-c-article-related--posts .article-card.ds-c-card {
    container-type: inline-size;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    border-radius: var(--ds-radius-lg);
    background: var(--ds-color-bg-surface);
    border: 1px solid var(--ds-color-border-default);
    box-shadow: var(--ds-shadow-sm);
    overflow: hidden;
    transition:
        transform var(--ds-motion-base) var(--ds-ease-standard),
        box-shadow var(--ds-motion-base) var(--ds-ease-standard),
        border-color var(--ds-motion-base) var(--ds-ease-standard);
}

body.single-post .ds-c-article-related--posts .article-card.ds-c-card:hover,
body.single-post .ds-c-article-related--posts .article-card.ds-c-card:focus-within {
    transform: translateY(calc(var(--ds-space-1) * -1));
    box-shadow: var(--ds-shadow-lg);
    border-color: var(--ds-color-border-warning);
}

body.single-post .ds-c-article-related--posts .article-card .ds-c-card__image {
    position: relative;
}

body.single-post .ds-c-article-related--posts .article-card__image a {
    display: block;
    width: 100%;
}

body.single-post .ds-c-article-related--posts .article-card img {
    display: block;
    width: 100%;
    height: calc(var(--ds-space-1) * 51);
    object-fit: cover;
}

body.single-post .ds-c-article-related--posts .article-card .article-card__body,
body.single-post .ds-c-article-related--posts .article-card .ds-c-card__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--ds-space-stack-md);
    padding: var(--ds-space-4);
}

body.single-post .ds-c-article-related--posts .article-card .article-card__categories,
body.single-post .ds-c-article-related--posts .article-card__categories {
    margin-bottom: 0;
    display: flex;
    gap: var(--ds-space-gap-sm);
    flex-wrap: nowrap;
    align-items: center;
    overflow: hidden;
    min-height: var(--ds-pill-height-sm);
}

body.single-post .ds-c-article-related--posts .article-card .ds-c-pill {
    display: inline-flex;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

body.single-post .ds-c-article-related--posts .article-card .ds-c-card__title,
body.single-post .ds-c-article-related--posts .article-card h3 {
    margin: 0;
}

body.single-post .ds-c-article-related--posts .article-card .ds-c-card__title,
body.single-post .ds-c-article-related--posts .article-card .ds-c-card__title a,
body.single-post .ds-c-article-related--posts .article-card h3,
body.single-post .ds-c-article-related--posts .article-card h3 a {
    font-size: var(--ds-heading-h3-size);
    line-height: var(--ds-heading-h3-line-height);
}

body.single-post .ds-c-article-related--posts .article-card .ds-c-card__title a,
body.single-post .ds-c-article-related--posts .article-card h3 a {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

body.single-post .ds-c-article-related--posts .article-card .ds-c-card__title a:hover,
body.single-post .ds-c-article-related--posts .article-card .ds-c-card__title a:focus-visible,
body.single-post .ds-c-article-related--posts .article-card h3 a:hover,
body.single-post .ds-c-article-related--posts .article-card h3 a:focus-visible {
    text-decoration: underline;
}

body.single-post .ds-c-article-related--posts .article-card .ds-c-card__excerpt,
body.single-post .ds-c-article-related--posts .article-card p {
    margin: 0;
    font-size: var(--ds-font-size-body-md);
    line-height: var(--ds-type-body-md-line-height);
    min-height: calc(var(--ds-font-size-body-md) * var(--ds-type-body-md-line-height) * 3);
    color: var(--ds-color-text-body);
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

body.single-post .ds-c-article-related--posts .article-card__meta,
body.single-post .ds-c-article-related--posts .article-card__meta.ds-c-meta {
    display: flex;
    justify-content: flex-start;
    margin-top: auto;
    padding-top: 0;
    color: var(--ds-color-brand-accent-deep);
    font-size: var(--ds-font-size-sm);
    line-height: var(--ds-type-body-sm-line-height);
}

body.single-post .ds-c-article-related--posts .article-card .read-link {
    font-size: var(--ds-font-size-body-sm);
    line-height: var(--ds-type-body-sm-line-height);
}

@media (min-width: 768px) {
    body.single-post .ds-c-article-related--posts .related-articles-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

body.single-qa .qa_article_wrapper {
    background: var(--ds-color-bg-canvas);
    padding: var(--ds-space-section-sm) 0;
}

body.single-qa .breadcrumb-wrapper {
    max-width: none;
    margin: 0 0 var(--ds-space-stack-md);
    background: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
}

body.single-qa .article_wrapper .container-sm {
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
}

body.single-qa .qa_infow_wrapper {
    padding: 0;
    border: 0;
    margin-bottom: var(--ds-space-stack-lg);
}

body.single-qa .single-qa-title-row {
    gap: var(--ds-space-gap-md);
    margin-bottom: var(--ds-space-stack-md);
}

body.single-qa .single-qa-title-icon {
    flex-shrink: 0;
}

body.single-qa .single-qa-title.ds-c-card__title {
    font-size: var(--ds-heading-h2-size);
    line-height: var(--ds-heading-h2-line-height);
    font-weight: var(--ds-heading-h2-weight);
    color: var(--ds-color-text-heading);
    margin: 0;
}

body.single-qa .single-qa-question-card,
body.single-qa .single-qa-answer-card {
    background: var(--ds-color-bg-surface);
    border: 1px solid var(--ds-color-border-default);
    border-radius: var(--ds-radius-lg);
    box-shadow: var(--ds-shadow-sm);
    overflow: hidden;
}

body.single-qa .single-qa-question-card {
    padding: 0;
    margin-bottom: var(--ds-space-stack-md);
}

body.single-qa .single-qa-question-card .ds-c-card__body {
    padding: var(--ds-space-inset-lg);
}

body.single-qa .single-qa-question-text,
body.single-qa .single-qa-question-text p {
    font-size: var(--ds-font-size-body-md);
    line-height: var(--ds-type-body-md-line-height);
    color: var(--ds-color-text-body);
}

body.single-qa .single-qa-question-text > *:last-child {
    margin-bottom: 0;
}

body.single-qa .single-qa-meta {
    flex-wrap: wrap;
    gap: var(--ds-space-2);
    margin-bottom: var(--ds-space-stack-md);
    color: var(--ds-color-brand-accent-deep);
    font-size: var(--ds-font-size-sm);
    line-height: var(--ds-type-body-sm-line-height);
}

body.single-qa .single-qa-taxonomy-row {
    gap: 0;
}

body.single-qa .single-qa-taxonomy-wrap {
    margin-bottom: 0;
}

body.single-qa .single-qa-taxonomy {
    gap: var(--ds-space-gap-sm);
    margin-bottom: 0;
}

body.single-qa .qa-details-page {
    background: transparent;
}

body.single-qa article.qa-card.qa-answer-card {
    padding: 0;
}

body.single-qa .single-qa-answer-card__body {
    padding: var(--ds-space-inset-xl);
}

body.single-qa .single-qa-answer-author {
    padding-bottom: var(--ds-space-stack-lg);
    border-bottom: 1px solid var(--ds-color-border-default);
}

body.single-qa .single-qa-answer-author-row {
    gap: var(--ds-space-gap-md);
}

body.single-qa .single-qa-author-summary {
    min-width: 0;
}

body.single-qa .single-qa-answer-label {
    font-size: var(--ds-font-size-caption);
    line-height: var(--ds-type-caption-line-height);
    letter-spacing: var(--ds-type-overline-letter-spacing);
    font-weight: var(--ds-font-weight-medium);
}

body.single-qa .single-qa-author-name {
    margin: 0 0 var(--ds-space-2);
    font-size: var(--ds-heading-h5-size);
    line-height: var(--ds-heading-h5-line-height);
    font-weight: var(--ds-heading-h5-weight);
    color: var(--ds-color-text-heading);
}

body.single-qa .single-qa-author-meta {
    display: grid;
    gap: var(--ds-space-2);
    margin: 0;
    font-size: var(--ds-font-size-body-sm);
    line-height: var(--ds-type-body-sm-line-height);
    color: var(--ds-color-text-body);
}

body.single-qa .single-qa-author-meta p {
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

body.single-qa .single-qa-answer-date {
    color: var(--ds-color-brand-accent-deep);
}

body.single-qa .single-qa-divider {
    margin: var(--ds-space-stack-lg) 0;
    border-color: var(--ds-color-border-default);
    opacity: 1;
}

body.single-qa .single-qa-answer-content {
    color: var(--ds-color-text-body);
    font-size: var(--ds-font-size-body-md);
    line-height: var(--ds-type-body-md-line-height);
}

body.single-qa .single-qa-answer-content > *:last-child {
    margin-bottom: 0;
}

body.single-qa .single-qa-answer-content p {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin-bottom: var(--ds-space-stack-lg);
}

body.single-qa .single-qa-answer-content h2,
body.single-qa .single-qa-answer-content h3,
body.single-qa .single-qa-answer-content h4 {
    margin-top: var(--ds-space-section-sm);
    margin-bottom: var(--ds-space-stack-md);
    color: var(--ds-color-text-heading);
}

body.single-qa .single-qa-answer-content ul,
body.single-qa .single-qa-answer-content ol {
    margin-bottom: var(--ds-space-stack-lg);
    padding-left: var(--ds-space-6);
}

body.single-qa .single-qa-answer-content li {
    margin-bottom: var(--ds-space-stack-sm);
    color: inherit;
}

body.single-qa .single-qa-answer-content a {
    color: var(--ds-color-link);
    text-decoration: underline;
    text-underline-offset: 2px;
}

body.single-qa .single-qa-answer-content a:hover,
body.single-qa .single-qa-answer-content a:focus-visible {
    color: var(--ds-color-link-hover);
}

body.single-qa #releted_post_wrapper {
    margin-top: var(--ds-space-section-sm);
}

body.single-qa #releted_post_wrapper .section-title {
    margin-bottom: var(--ds-space-stack-md);
    text-align: left;
    font-size: var(--ds-heading-h3-size);
    line-height: var(--ds-heading-h3-line-height);
    font-weight: var(--ds-heading-h3-weight);
}

body.single-qa .related-articles-grid .qa-card.ds-c-card {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--ds-color-border-default);
    border-radius: var(--ds-radius-lg);
    box-shadow: var(--ds-shadow-sm);
    background: var(--ds-color-bg-surface);
}

body.single-qa .related-articles-grid .qa-card__body.ds-c-card__body {
    display: flex;
    flex-direction: column;
    gap: var(--ds-space-stack-md);
    height: 100%;
    padding: var(--ds-space-inset-lg);
}

body.single-qa .related-articles-grid .qa-card__header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--ds-space-gap-sm);
}

body.single-qa .related-articles-grid .qa-card__taxonomy {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ds-space-gap-sm);
}

body.single-qa .related-articles-grid .qa-card .ds-c-card__title,
body.single-qa .related-articles-grid .qa-card .ds-c-card__title a.ds-c-link {
    margin: 0;
    font-size: var(--ds-heading-h5-size);
    line-height: var(--ds-heading-h5-line-height);
    font-weight: var(--ds-heading-h5-weight);
    color: var(--ds-color-text-heading);
}

body.single-qa .related-articles-grid .qa-card .ds-c-card__excerpt {
    margin: 0;
    font-size: var(--ds-font-size-body-md);
    line-height: var(--ds-type-body-md-line-height);
    color: var(--ds-color-text-body);
}

body.single-qa .related-articles-grid .qa-card .fa-card-meta.ds-c-meta {
    margin-top: auto;
}

body:not(.home) .article-card img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

body:not(.home) .article-card .article-card__body {
    display: flex;
    flex-direction: column;
    gap: var(--ds-space-stack-sm);
    padding: var(--ds-space-5);
}

body:not(.home) .article-card .article-card__categories {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ds-space-gap-sm);
}

.archive-page .archive-grid:not(.related-articles-grid) .article-card {
    container-type: inline-size;
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid var(--ds-color-border-default);
    transition:
        transform var(--ds-motion-base) var(--ds-ease-standard),
        box-shadow var(--ds-motion-base) var(--ds-ease-standard),
        border-color var(--ds-motion-base) var(--ds-ease-standard);
}

.archive-page .archive-grid:not(.related-articles-grid) .article-card:hover,
.archive-page .archive-grid:not(.related-articles-grid) .article-card:focus-within {
    transform: translateY(calc(var(--ds-space-1) * -1));
    box-shadow: var(--ds-shadow-lg);
    border-color: var(--ds-color-border-warning);
}

.archive-page .archive-grid:not(.related-articles-grid) .article-card .ds-c-card__image {
    position: relative;
}

.archive-page .archive-grid:not(.related-articles-grid) .article-card__image a {
    display: block;
    width: 100%;
}

.archive-page .archive-grid:not(.related-articles-grid) .article-card img {
    display: block;
    width: 100%;
    height: calc(var(--ds-space-1) * 51);
    object-fit: cover;
}

.archive-page .archive-grid:not(.related-articles-grid) .article-card .article-card__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--ds-space-stack-md);
    padding: var(--ds-space-4);
}

.archive-page .archive-grid:not(.related-articles-grid) .article-card .article-card__categories {
    margin-bottom: 0;
    display: flex;
    gap: var(--ds-space-gap-sm);
    flex-wrap: nowrap;
    align-items: center;
    overflow: hidden;
    min-height: var(--ds-pill-height-sm);
}

.archive-page .archive-grid:not(.related-articles-grid) .article-card .ds-c-pill {
    display: inline-flex;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.archive-page .archive-grid:not(.related-articles-grid) .article-card .badge-featured {
    top: var(--ds-space-4);
    left: var(--ds-space-4);
    padding: var(--ds-space-2) var(--ds-space-3);
    border-radius: var(--ds-radius-md);
    font-size: var(--ds-font-size-caption);
    line-height: var(--ds-type-caption-line-height);
}

.q_a_info h3 a,
.q_a_info h3 {
    color: var(--ds-color-text-heading);
    text-decoration: none;
    font-size: var(--ds-heading-h5-size);
    line-height: var(--ds-heading-h5-line-height);
    font-weight: 600;
    font-family: var(--ds-font-family-heading);
}

.q_a_info h3 a:hover {
    color: var(--gold-color);
    text-decoration: none;
}

.archive-page .archive-grid:not(.related-articles-grid) .article-card .ds-c-card__title,
.archive-page .archive-grid:not(.related-articles-grid) .article-card .ds-c-card__title a.ds-c-link {
    margin: 0;
    font-size: var(--ds-heading-h3-size);
    line-height: var(--ds-heading-h3-line-height);
    font-weight: var(--ds-heading-h3-weight);
    color: var(--ds-color-text-heading);
}

.archive-page .archive-grid:not(.related-articles-grid) .article-card .ds-c-card__title a.ds-c-link {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.archive-page .archive-grid:not(.related-articles-grid) .article-card .ds-c-card__title a.ds-c-link:hover,
.archive-page .archive-grid:not(.related-articles-grid) .article-card .ds-c-card__title a.ds-c-link:focus-visible {
    text-decoration: underline;
}

.archive-page .archive-grid:not(.related-articles-grid) .article-card .ds-c-card__excerpt {
    margin: 0;
    font-size: var(--ds-font-size-body-md);
    line-height: var(--ds-type-body-md-line-height);
    color: var(--ds-color-text-body);
    min-height: calc(var(--ds-font-size-body-md) * var(--ds-type-body-md-line-height) * 3);
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.archive-page .archive-grid:not(.related-articles-grid) .article-card .article-card__meta,
.archive-page .archive-grid:not(.related-articles-grid) .article-card .article-card__meta.ds-c-meta {
    display: flex;
    justify-content: flex-start;
    margin-top: 0;
    padding-top: 0;
}

.archive-page .archive-grid:not(.related-articles-grid) .article-card .read-link {
    font-size: var(--ds-font-size-body-sm);
    line-height: var(--ds-type-body-sm-line-height);
}

.archive-grid[attr="qa"] .qa-card.ds-c-card {
    border: 1px solid var(--ds-color-border-default);
    box-shadow: var(--ds-shadow-sm);
    border-radius: var(--ds-radius-lg);
    background: var(--ds-color-bg-surface);
}

.archive-grid[attr="qa"] .qa-card .qa-card__body.ds-c-card__body {
    padding: var(--ds-space-inset-lg);
    display: flex;
    flex-direction: column;
    gap: var(--ds-space-stack-md);
}

.archive-grid[attr="qa"] .qa-card .qa-card__header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--ds-space-gap-sm);
}

.archive-grid[attr="qa"] .qa-card .qa-card__taxonomy {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ds-space-gap-sm);
}

.archive-grid[attr="qa"] .qa-card .qa-card__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--ds-space-stack-md);
    min-width: 0;
}

.archive-grid[attr="qa"] .qa-card .ds-c-card__title,
.archive-grid[attr="qa"] .qa-card .ds-c-card__title a.ds-c-link {
    margin: 0;
    font-size: var(--ds-heading-h4-size);
    line-height: var(--ds-heading-h4-line-height);
    font-weight: var(--ds-heading-h4-weight);
}

.archive-grid[attr="qa"] .qa-card .ds-c-card__excerpt {
    margin: 0;
    font-size: var(--ds-font-size-body-md);
    line-height: var(--ds-type-body-md-line-height);
    color: var(--ds-color-text-body);
}

.archive-grid[attr="qa"] .qa-card .fa-card-meta.ds-c-meta {
    margin-top: auto;
}

.archive-grid[attr="qa"] {
    margin-bottom: var(--ds-space-section-md);
}

.search-results-page .archive-grid--articles .article-card--search .ds-c-card__title,
.search-results-page .archive-grid--articles .article-card--search .ds-c-card__title a.ds-c-link,
.search-results-page .archive-grid--qa[attr="qa"] .qa-card--search .ds-c-card__title,
.search-results-page .archive-grid--qa[attr="qa"] .qa-card--search .ds-c-card__title a.ds-c-link {
    font-size: var(--ds-heading-h4-size);
    line-height: var(--ds-heading-h4-line-height);
    font-weight: var(--ds-heading-h4-weight);
}

.search-results-page .archive-grid--articles .article-card--search .ds-c-card__excerpt,
.search-results-page .archive-grid--qa[attr="qa"] .qa-card--search .ds-c-card__excerpt {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    min-height: auto;
}

.search-results-page .archive-grid--articles .article-card--search .article-card__meta,
.search-results-page .archive-grid--articles .article-card--search .article-card__meta.ds-c-meta,
.search-results-page .archive-grid--qa[attr="qa"] .qa-card--search .qa-card__meta,
.search-results-page .archive-grid--qa[attr="qa"] .qa-card--search .qa-card__meta.ds-c-meta {
    margin-top: auto;
    padding-top: var(--ds-space-2);
}

.archive_qa-featured .qa-featured--archive {
    margin-bottom: 0;
}

.archive_qa-featured .qa-featured__body.ds-c-card__body {
    display: flex;
    flex-direction: column;
    gap: var(--ds-space-stack-md);
    padding: var(--ds-space-inset-lg);
    padding-bottom: var(--ds-space-5);
}

.archive_qa-featured .qa-featured__header {
    display: flex;
    align-items: center;
}

.archive_qa-featured .qa-featured__badges {
    gap: var(--ds-space-gap-sm);
}

.archive_qa-featured .qa-featured__title {
    margin: 0;
}

.archive_qa-featured .qa-featured__title,
.archive_qa-featured .qa-featured__title a.ds-c-link {
    font-family: var(--ds-font-family-heading);
    font-size: var(--ds-heading-h3-size);
    line-height: var(--ds-heading-h3-line-height);
    font-weight: var(--ds-heading-h3-weight);
    color: var(--ds-color-text-heading);
}

.archive_qa-featured .qa-featured__excerpt {
    margin-bottom: 0;
}

.archive_qa-featured .qa-featured__excerpt blockquote {
    margin: 0;
}

.archive_qa-featured .qa-featured__body .fa-card-meta.ds-c-meta {
    margin-top: var(--ds-space-stack-sm);
}

.article-card .tag a,
.tag {
    font-size: var(--ds-font-size-xs);
    padding: var(--ds-space-1) var(--ds-space-3);
    border-radius: var(--ds-radius-sm);
    letter-spacing: .05em;
    text-decoration: none;
    background-color: var(--ds-color-bg-surface-muted);
    text-transform: uppercase;
    color: var(--gold-color);
}

.meta {
    font-size: var(--ds-font-size-xs);
    color: var(--ds-color-text-muted);
}

.filter-list {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: none;
    overflow: visible;
    padding-right: 0;
}

.filter-list li {
    margin-bottom: var(--ds-space-3);
}

.filter-checkbox {
    display: flex;
    align-items: center;
    gap: var(--ds-space-3);
    width: 100%;
    font-family: var(--ds-font-family-body);
    font-size: var(--ds-font-size-body-md);
    line-height: var(--ds-line-height-normal);
    font-weight: var(--ds-font-weight-regular);
    text-transform: none;
    letter-spacing: normal;
    color: var(--ds-color-text-strong);
    cursor: pointer;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
}

.filter-checkbox input {
    width: 18px;
    height: 18px;
    margin: 0;
    border: 1px solid var(--ds-color-border-default);
    border-radius: var(--ds-radius-sm);
    appearance: none;
    -webkit-appearance: none;
    background: var(--ds-color-bg-surface);
    display: inline-block;
    flex: 0 0 18px;
    position: relative;
}

.filter-checkbox input:checked {
    border-color: var(--ds-color-brand-accent);
    background: var(--ds-color-brand-accent);
}

.filter-checkbox input:checked::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid var(--ds-color-text-on-primary);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.filter-checkbox input:focus-visible {
    outline: var(--ds-state-focus-ring-width) solid var(--ds-state-focus-ring-color);
    outline-offset: var(--ds-state-focus-ring-offset);
}

/* Autocomplete dropdown */
.ui-autocomplete {
    list-style: none;
    margin: 0;
    background: var(--ds-color-bg-surface);
    border: 1px solid var(--ds-color-border-default);
    border-radius: var(--ds-radius-lg);
    padding: var(--ds-space-2);
    max-height: calc(var(--ds-space-1) * 90);
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: var(--ds-shadow-lg);
    z-index: 9999;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

/* Item row */
.autocomplete-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--ds-space-gap-sm);
    padding: var(--ds-space-3) var(--ds-space-4);
}

.autocomplete-content {
    display: flex;
    align-items: flex-start;
    gap: var(--ds-space-gap-sm);
    min-width: 0;
    flex: 1;
}

/* Badge */
.autocomplete-badge {
    display: inline-flex;
    align-items: center;
    min-height: var(--ds-pill-height-sm);
    padding: 0 var(--ds-pill-padding-x-sm);
    border-radius: var(--ds-radius-pill);
    font-size: var(--ds-pill-font-size-sm);
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: var(--ds-type-overline-letter-spacing);
    font-weight: var(--ds-pill-font-weight);
    white-space: nowrap;
}

/* Badge colors */
.autocomplete-badge.article {
    background: var(--ds-color-bg-warning-subtle);
    color: var(--ds-color-warning);
}

.autocomplete-badge.question {
    background: var(--ds-color-bg-info-subtle);
    color: var(--ds-color-info);
}

.autocomplete-badge.category {
    background: var(--ds-color-pill-category-bg);
    color: var(--ds-color-pill-category-text);
}

.autocomplete-badge.topic {
    background: #f3e8ff;
    color: #6b21a8;
}

#mobile-search-results {
    position: relative;
}

#mobile-search-results:empty {
    display: none;
}

#mobile-search-results .ui-autocomplete {
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    margin-top: var(--ds-space-3);
    max-height: calc(var(--ds-space-1) * 56);
}

body:not(.home) .section-title {
    font-weight: 600;
    font-size: 32px;
    line-height: 41.6px;
    letter-spacing: -0.32px;
    text-align: center;

}

/* Title */
.autocomplete-title {
    min-width: 0;
    color: var(--ds-color-text-heading);
    font-size: var(--ds-font-size-body-sm);
    font-weight: var(--ds-font-weight-medium);
    line-height: var(--ds-type-body-sm-line-height);
    word-break: break-word;
}

.autocomplete-action {
    color: var(--ds-color-link-hover);
    font-size: var(--ds-font-size-body-md);
    line-height: 1;
    opacity: var(--ds-state-hover-opacity);
    padding-top: var(--ds-space-1);
}

body:not(.home) .profile-footer {
    margin-top: 5px;
}

li.ui-menu-item {
    border-bottom: 0;
}

li.ui-menu-item .ui-menu-item-wrapper.ui-state-active .autocomplete-badge {
    color: var(--ds-color-text-strong);
}

li.ui-menu-item .ui-menu-item-wrapper .autocomplete-badge {
    color: inherit;
}

.ui-autocomplete .ui-menu-item + .ui-menu-item {
    border-top: 1px solid var(--ds-color-border-default);
}

li .ui-menu-item-wrapper {
    margin: 0;
    padding: 0;
    border-radius: var(--ds-radius-md);
    transition: background-color var(--ds-motion-fast) var(--ds-ease-standard),
        color var(--ds-motion-fast) var(--ds-ease-standard);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    background-color: var(--ds-color-bg-surface-muted);
    border: 1px solid transparent;
    color: var(--ds-color-text-heading);
}

.pagination,
.comments-pagination {
    border: none;
}

.ds-c-pagination {
    margin-top: var(--ds-space-6);
}

.ds-c-pagination__list {
    margin: 0;
    padding: 0;
    align-items: center;
    gap: var(--ds-space-1);
}

.pagination .page-link {
    border-radius: var(--ds-radius-md);
    margin: 0 var(--ds-space-1);
    padding: var(--ds-space-2) var(--ds-space-4);
    color: var(--ds-color-text-strong);
    border: 1px solid var(--ds-color-border-default);
    font-weight: var(--ds-font-weight-medium);
}

.ui-widget.ui-widget-content {
    overflow-x: hidden;
}

.pagination .page-item.active .page-link {
    background-color: var(--ds-color-brand-accent);
    border-color: var(--ds-color-brand-accent);
    color: var(--ds-color-text-on-accent);
}

.pagination .page-item.disabled .page-link {
    background-color: var(--ds-color-bg-surface-muted);
    color: var(--ds-color-text-muted);
    opacity: var(--ds-state-disabled-opacity);
}

.pagination .page-link:hover {
    background-color: color-mix(in srgb, var(--ds-color-brand-accent) 25%, var(--ds-color-bg-surface));
}

.ds-c-pagination .page-link:focus-visible,
.mobile-search-toggle:focus-visible,
.mobile-search-close:focus-visible {
    outline: var(--ds-state-focus-ring-width) solid var(--ds-state-focus-ring-color);
    outline-offset: var(--ds-state-focus-ring-offset);
}

body.has-search-open {
    overflow: hidden;
}

.wrapper-badge-category span.badge-featured {
    position: static;
}

/* Animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Shared responsive adjustments */
@media (max-width: 991.98px) {
    .header-content {
        flex-wrap: wrap;
        gap: var(--ds-space-4);
    }

    .archive-filter-toggle {
        background-color: var(--ds-color-bg-surface) !important;
        border: 1px solid var(--ds-color-border-default) !important;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: var(--ds-color-text-strong) !important;
        font-size: var(--ds-font-size-md);
        line-height: var(--ds-type-body-md-line-height);
        font-weight: var(--ds-font-weight-semibold);
        padding: var(--ds-space-3) var(--ds-space-4);
        border-radius: var(--ds-radius-lg);
        box-shadow: var(--ds-shadow-sm);
    }

    .archive-filter-toggle.active img {
        transform: rotate(180deg);
    }

    .nav-menu {
        order: 3;
        width: 100%;
        justify-content: center;
        gap: var(--ds-space-5);
    }

    body:not(.home) .footer-columns {
        grid-template-columns: 1fr 1fr;
        gap: var(--ds-space-8);
    }
    body:not(.home) .footer-columns > :first-child {
        grid-column: 1 / -1;
    }
    .fa-main {
        grid-template-columns: 1fr;
    }

    .fa-main-image {
        height: 250px;
    }

    .fa-grid {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 1300px) {
    .contact-information {
        transform: translate(30%, -50%);
    }
}

/* Mobile menu layout */
@media (max-width: 1199.98px) {
    #top_header_menu ul.navbar-nav li {
        padding: 8px 14px;
    }

    section.contact-section .container-sm {
        max-width: 96%;
    }

    .contact-information {
        position: static;
        transform: unset;
        min-width: fit-content;
    }

}

.question-title {
    font-weight: 600;
    font-size: 48px;
    line-height: 57.6px;
    letter-spacing: -0.48px;

}
div#releted_post_wrapper h2.section-title {
    text-align: left;
}
@media (max-width: 991.98px) {
    .question-title {
        font-size: 30px;
            line-height: 37.6px;
    }
.col-lg-6.text-content.mt-5.mt-lg-0 {
    margin-bottom: 20px;
}

.image-card img{
    max-width: 100%;
}
    .qa_article_wrapper {
        padding: 0;
    }

    .navbar-collapse {
        padding-top: 20px;
    }

    .navbar-nav {
        text-align: left;
    }

    .header-actions {
        padding-top: var(--ds-space-4);
        border-top: 1px solid var(--ds-color-border-subtle);
    }

    .contact-information .contact-card {
        max-width: unset;
    }
}

.archive-sort-form .ds-c-select {
    min-height: 44px;
}

.archive-sort-form > label {
    font-size: var(--ds-font-size-sm);
    line-height: var(--ds-type-body-sm-line-height);
}








/* Print Styles */
@media print {

    .main-header,
    .main-footer {
        display: none;
    }

    .main-content {
        background-color: white;
    }
}

p.section-desc {
    color: #5A6C7D;
}

/* Archive view toggle */
.archive-view__button {
    background: var(--light-gray);
    padding: var(--ds-space-2);
    border: 1px solid transparent;
    border-radius: var(--ds-radius-sm);
    transition: var(--transition);
}

.archive-view__button.active {
    background: var(--ds-color-bg-surface);
    border-color: var(--ds-color-border-default);
}

.archive-view__button.active img.normal_image,
.archive-view__button img.active_image {
    display: none;
}

.archive-view__button img.normal_image,
.archive-view__button.active img.active_image {
    display: block;
}

/* Shared CTA and sidebar card patterns */
#sub_question .btn-group,
body:not(.home) .profile-section .btn-group {
    gap: 20px;
}

#sub_question p {
    color: #fff;
    font-size: 14px;
    line-height: 16px;
}

body:not(.home) .profile-section .btn-group a {
    border-radius: var(--ds-radius-pill);
    padding: var(--ds-space-3) var(--ds-space-6);
}

#sub_question .btn-group a {
    padding: 12px 24px;
}

#sub_question .btn-group a.btn-outline-custom {
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: var(--ds-radius-md);
    color: var(--ds-color-text-on-primary);
}

body:not(.home) .featured-articles a.badge-gold {
    padding: 11px 16px;
    border-radius: 6px;
    color: #fff;
    font-weight: 500;
}

a.course-link {
    color: #C5A059;
    text-decoration: none;
}

.answer-author p {
    margin: 0;
}

#top_header_menu .navbar-toggler {
    background-color: transparent;
    border: unset;
}

#sub_question {
    padding: 25px;
    background-color: #002147;
    border-radius: 8px;
    border: 1px solid #C5A059;
}

div#sub_question.qa_page {
    border-radius: unset;
    text-align: center;
    padding: 32px;
}

#sub_question .card {
    background: transparent;
    border: none;
}

#sub_question .card-body {
    padding: 0;
}

.gold-color-text {
    color: var(--deep-gold-color);
}

#sub_question a {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: center;
    max-width: 350px;
}

#sub_question h5 {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0px;
    color: var(--ds-color-text-on-primary);
    text-align: left;
}

div#sub_question.qa_page h5 {
    text-align: center;
}

#mobile-search

{
    min-height: 49px;
    padding-left: 44px;
    border-radius: 30px;
}

.input_wrapper {
    position: relative;
}

.input_wrapper span {
    position: absolute;
    left: 13px;
    top: 17px;
}

body:not(.home) .educational-partner-wrapper .institute-description {
    font-weight: 400;
    font-size: 14px;
    line-height: 23.8px;
    color: #5A6C7D;

}

body:not(.home) .educational-partner-wrapper .institute-name {
    font-weight: 600;
    font-size: 24px;
    line-height: 31.2px;
    letter-spacing: 0px;
}

body:not(.home) .educational-partner-wrapper a {
    padding: var(--ds-space-3) var(--ds-space-6);
    border-radius: var(--ds-radius-md);
}

body:not(.home) .educational-partner-wrapper span.partner-label {
    color: var(--gold-color);
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1.2px;
}

.archive_qa-featured blockquote,
.about_us_page_data blockquote {
    position: relative;
    margin: 3rem 0;
    padding: 2rem 2.5rem;
    background-color: #f7f8f6;
    border-left: 5px solid #c9a14a;
    /* gold accent */
    font-family: Georgia, "Times New Roman", serif;
}

.archive_qa-featured blockquote p,
.about_us_page_data blockquote p {
    margin: 0;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 18px;
    line-height: 32.4px;
    letter-spacing: 0px;
    color: var(--dark-blue);
}

.archive_qa-featured blockquote:before {
    content: unset;
}

.about_us_page_data blockquote:before {
    content: "“";
    position: absolute;
    top: -20px;
    left: 15px;
    font-size: 5rem;
    line-height: 1;
    color: rgba(201, 161, 74, 0.25);
    font-family: Georgia, serif;
}

.detials_author h5 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    color: var(--ds-color-text-strong);
}

.detials_author p {
    font-family: var(--ds-font-family-heading);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #475569
}

.details_author_items {
    color: #475569;
}

form.archive-sort-form {
    display: flex;
    align-items: center;
    gap: var(--ds-space-3);
}
section.faq-secton h2{
    font-weight: 600;
    font-size: 36px;
    line-height: 46px;
}
.accordion-header{
     font-size: 16px;
    line-height: 24px;
}
@media (max-width: 767.98px) {
    .archive-body {
        margin-top: var(--ds-space-4);
    }

    .search-results-page__header {
        align-items: start;
        gap: var(--ds-space-gap-md);
        margin-bottom: var(--ds-space-6);
    }

    .search-results-page__header p {
        max-width: none;
    }

    .search-results-page__meta {
        justify-items: start;
    }

    .search-results-page__main {
        gap: var(--ds-space-gap-md);
    }

    .search-results-page__controls {
        grid-template-columns: 1fr;
    }

    .search-results-page__search,
    .search-results-page__sort {
        padding: var(--ds-space-inset-md);
    }

    .search-results-page__sort {
        width: 100%;
    }

    .search-results-page__results-header {
        padding-bottom: var(--ds-space-3);
    }

    .search-results-page .archive-grid {
        gap: var(--ds-space-gap-md);
    }

    .search-results-page .search-results-page__grid--articles,
    .search-results-page .search-results-page__grid--qa.archive-grid[attr="qa"] {
        grid-template-columns: 1fr;
    }

    .search-results-page__grid .article-card img {
        height: var(--search-results-card-image-height-mobile);
    }

    .search-results-page__grid .article-card__title,
    .search-results-page__grid .article-card__title a,
    .search-results-page__grid.archive-grid[attr="qa"] .qa-card__title,
    .search-results-page__grid.archive-grid[attr="qa"] .qa-card__title a {
        font-size: var(--ds-heading-h5-size);
        line-height: var(--ds-heading-h5-line-height);
    }

    main.main-content
 {
    display: flex;
    flex-direction: column;
}
body:not(.home) .fa-header a {
    display: none;
}
    #sub_question{
        margin: 0;
    }
    .ds-c-article-toolbar {
        padding: var(--ds-space-3) 0;
    }
    .ds-c-article-shell {
        margin-top: var(--ds-space-3);
        padding: var(--ds-space-inset-lg);
        border-radius: var(--ds-radius-lg);
    }
    .ds-c-article-shell__body {
        gap: var(--ds-space-stack-md);
    }
    .ds-c-article-author__media {
        gap: var(--ds-space-gap-sm);
    }
    .ds-c-article-author__avatar {
        width: 3.5rem;
        height: 3.5rem;
        flex-basis: 3.5rem;
    }
    .article-details-wrapper {
        padding: var(--ds-space-section-sm) 0 var(--ds-space-section-md);
    }
    section.faq-secton h2{
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;

    }
body:not(.home) a.btn.btn-primary.btn-custom,
body:not(.home) button.btn.btn-primary.btn-custom {
        background-color: var(--ds-color-brand-accent);
        font-size: var(--ds-font-size-sm);
        padding: var(--ds-space-4) var(--ds-space-6);
        line-height: 100%;
        height: 48px;
         font-weight: 600;
}
body:not(.home) a.btn.btn-outline-primary.btn-outline-custom {
    background: var(--ds-color-bg-surface);
         font-size: var(--ds-font-size-sm);
        padding: var(--ds-space-4) var(--ds-space-6);
        line-height: 100%;
        height: 48px;
        font-weight: 600;
}
.archive-grid.list-view .article-card .d-flex{
    padding: 0;
}
    .article-details-wrapper .ds-c-article-title {
        margin-bottom: 0;
        font-size: var(--ds-heading-h1-size);
        line-height: var(--ds-heading-h1-line-height);
    }

    body:not(.home) .card {
        padding: var(--ds-space-3) 0;
    }

    body:not(.home) .featured-archive_featured .card.ds-c-card {
        padding: 0;
    }

    .archive-page .ds-c-card {
        padding: 0;
    }

    section.about_us_major_data .card {
        padding: var(--ds-space-6);
    }

    body:not(.home) .book-image {
        padding: 0;
        border-radius: 0;
    }

    .btn-gold,
    a.telegram-btn {
        font-size: 14px;
        padding: 10px 10px;
    }

    .height_for_the_mobile {
        display: block;
        min-height: 35px;
        background: #f1eee8;
    }

    body:not(.home) .profile-section h4 a,
    body:not(.home) .profile-info h1 a,
    .fa-main-content h3 a,
    .fa-card-content h5 a,
    .qa-title a,
    .qa-title-sm a,
    body:not(.home) .book-title a,
    .course-card h3 a {
        font-size: 30px;
        line-height: 36px;
    }

    .about_us_mission_data .section-title {
        margin-bottom: 2rem;
        text-align: center;
    }

    body:not(.home) .featured-articles .fa-card-content h5 {
        min-height: unset;
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 15px;
    }

    .qa-featured blockquote {
        padding: 0;
        margin: 0;
        line-height: 170%;
    }

    body:not(.home) .featured-articles p,
    p.majordescription,
    .about_us_mission_data p,
    section.featured-archive_featured p {
        line-height: 160%;
    }


    .archive-controls-shell {
        padding: var(--ds-space-inset-md);
    }

    .archive-filter-toggle {
        margin-bottom: var(--ds-space-4);
    }

    .featured-articles .fa-meta span {
        display: none;
    }

    section.archive_qa-featured {
        display: none;
    }

    .subscription-wrapper {
        padding: 1.5rem;
    }

    section.subscription-section {
        padding: 10px;
    }

    .main-footer p,
    .about_us_info p {
        line-height: 170%;
    }

    .main-footer h5 {
        font-size: 18px;
        line-height: 26px;
    }

    .subscription-section {
        background-color: var(--ds-color-bg-canvas);
        border: unset;
    }

    section.subscription-section .container {
        background-color: #fff;
        border-radius: 16px;
        box-shadow: var(--card-shadow);
        margin-bottom: 50px;

    }

    .archive-filter-toggle-panel {
        display: none;
        margin-top: var(--ds-space-4);
    }

    .archive-filter-toggle-panel.active {
        display: block;
    }

    .archive-toolbar__meta {
        flex-direction: column;
        align-items: stretch;
        gap: var(--ds-space-stack-md);
    }

    .archive-actions {
        align-items: stretch;
        flex-direction: column;
        gap: var(--ds-space-gap-md);
    }

    form.archive-sort-form {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: var(--ds-space-2);
    }

    .archive-view {
        align-self: flex-start;
    }

    .archive-grid {
        margin-top: var(--ds-space-6);
    }

    .archive-filters {
        padding: var(--ds-space-inset-lg);
    }

    .ds-c-pagination {
        margin-top: var(--ds-space-4);
    }

    .archive-page .archive-grid:not(.related-articles-grid) .article-card img {
        height: calc(var(--ds-space-1) * 49);
    }

    .archive-page .archive-grid:not(.related-articles-grid) .article-card .ds-c-card__excerpt {
        min-height: auto;
    }

    /* .featured-articles .fa-meta,.qa-featured .fa-card-meta, .featured-archive_featured .fa-meta{
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 10px;
} */
    ul#ui-id-1 {
        left: 5%;
        border: unset;
    }

    h3.qa-title,
    h5.qa-title-sm {
        display: flex;
        justify-content: space-between;
    }

    h3.qa-title span,
    h5.qa-title-sm .qa-icon {
        min-width: 25px;
        height: 25px;
        width: 25px;
    }

    h3.qa-title span svg,
    h5.qa-title-sm span svg {
        width: 15px;
    }

    body:not(.home) .section-title {
        font-size: 36px;
        line-height:120%;
        text-align: left;
    }

    body:not(.home) .profile-footer {
        margin-top: 30px;

    }

    article.qa-card.mx-auto {
        padding: 0 15px 15px;
    }

    .mobile-p-0 {
        padding: 0;
    }

    .mobile-flat-card {
        padding: 0;
        background: transparent;
        border: 0;
        box-shadow: none;
    }

    .about_us_academic .card {
        max-width: 100%;
    }

    .article-details-wrapper,
    section.faq-secton,
    .course-section {
        padding: 50px 0 0;
    }

    body.single-post .article-details-wrapper {
        padding-top: 0;
    }

    .article_wrapper {
        padding: 0 0 50px 0;
    }

    section.about_us_info,
    section.question_form,
    section.about_us_major_data,
    section.about_us_page_data {
        padding: 30px 0;
    }

    .header-actions {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    a.telegram-btn {
        width: 100%;
        max-width: 400px;
        text-align: center;
        max-width: 320px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    i.bi.bi-sliders.ms-2 {
        margin-right: 10px;
    }

    body:not(.home) .featured-articles h3,
    .featured-archive_featured h3 {
        font-size: 20px;
        line-height: 25px;
    }

    .qa-title {
        font-size: 28px;
        line-height: 115%;
    }

    h2.archive_featured_article_title::before {
        content: unset;
    }

    .fa-main-image {
        height: auto;
    }

    .fa-main {
        min-height: fit-content;
    }

    .fa-main-content {
        padding: 20px;
    }

    .archive-header p,
    .question_page_info p {
        max-width: 340px;
    }

    section.about_us_info h1,
    .archive-header h1,
    .question_page_info h1 {
        font-size: 36px;
        line-height: 45px;
    }

    .qa-excerpt-box {
        padding: 0;
    }

    span.arrow_icon {
        padding-right: 10px;
    }

    ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
        max-width: 100%;
        padding-right: 0;
        z-index: 9999999;
    }


    .group_sign_image {
        max-width: 300px;
    }

    .hide-sm-device {
        display: none;
    }

    body:not(.home) .footer-bottom {
        flex-direction: column;
    }

    body:not(.home) .book-image {
        height: auto;
    }

    .header-content {
        flex-direction: column;
        gap: 20px;
    }

    .nav-menu {
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
    }

    .header-actions {
        width: 100%;
        justify-content: center;
    }

    body:not(.home) .profile-info h1 {
        font-size: 40px;
        font-weight: 48px;
    }

    body:not(.home) div#stat-card-1 {
        background-color: #142e49;
    }


    body:not(.home) .footer-columns {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }
    body:not(.home) .footer-columns > :first-child {
        grid-column: 1 / -1;
    }

    .subscription-form {
        flex-direction: column;
    }

    .email-input-wrapper {
        width: 100%;
    }

    .subscribe-btn {
        width: 100%;
    }
    body:not(.home) .fa-header {
        margin-bottom: 20px;
    }
    /* 
    .fa-header {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    } */

    .partner-box {
        flex-direction: column;
        text-align: center;
    }

    .subscription-section {
        padding: 30px 0;
        margin: 0;
    }

    .profile-section .image-card img {
        max-width: 100%;
    }

    body:not(.home) .stats-container {
        padding: 0;
    }

    .breadcrumb-wrapper {
        margin: 0 auto;
        background: transparent;
        padding: 15px 0;
        border-radius: unset;
        border: unset;
    }

    .qa_infow_wrapper {
        padding: 0;
        border-bottom: 1px solid var(--ds-color-brand-accent);
    }

    .article_wrapper .container-sm {
        border: unset;
    }
}

.card.qa-card.h-100 {
    background: var(--card-bg);
    border: 1px solid var(--ds-color-border-default);
    overflow: hidden;
    border-radius: var(--ds-radius-md);
    box-shadow: var(--card-shadow);
    transition: var(--transition);
}
@media (max-width: 479.98px) {
    .ds-c-article-meta {
        gap: var(--ds-space-gap-sm);
    }
    .ds-c-article-sidebar {
        padding: 0;
        background: var(--ds-color-bg-canvas);
    }

    .featured-articles .fa-meta,
    body:not(.home) .qa-featured .fa-card-meta,
    body:not(.home) .qa-card .fa-card-meta,
    .featured-archive_featured .fa-meta {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        gap: 10px;
       
    }


    #sub_question .btn-group,
    body:not(.home) .profile-section .btn-group {
        flex-direction: column;
    }

    body:not(.home) .stats-container {
        flex-direction: column;
        padding: 0;
        width: 100%;
    }

    body:not(.home) .stat-card {
        min-width: 100%;
    }

    .signature-logo {
        font-size: 28px;
    }

    .nav-menu {
        gap: 10px;
    }

    .nav-menu a {
        font-size: 14px;
    }

    /* .profile-info h1 {
        font-size: 1.75rem;
    }

    .fa-main-content {
        padding: 20px;
    }

    .qa-title {
        font-size: 1.5rem;
    } */

}
button#DesktopSearchToggle {
    border: transparent;
    background: transparent;
    color: var(--ds-color-text-strong);
    padding: 0;
}

/* Mobile search overlay */
.mobile-search-overlay.active {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

.ds-c-search-overlay[aria-hidden="false"] {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

.mobile-search-inner {
    display: flex;
    align-items: flex-start;
    gap: var(--ds-space-3);
    max-width: 1120px;
    margin: 0 auto;
}


form.homepage-search-form {
    width: 100%;
}

.mobile-search-inner button {
    border: none;
    color: var(--ds-color-text-on-primary);
    cursor: pointer;
}

#mobileSearchOverlay .homepage-search-form {
    display: flex;
    flex-direction: column;
    gap: var(--ds-space-3);
}

#mobileSearchOverlay .input_wrapper {
    border: 1px solid var(--ds-color-border-default);
    border-radius: var(--ds-radius-xl);
    background: var(--ds-color-bg-surface);
    box-shadow: 0 18px 42px rgba(12, 33, 71, 0.12);
    overflow: hidden;
}

#mobileSearchOverlay .input_wrapper:focus-within {
    border-color: var(--ds-color-brand-accent);
    box-shadow: 0 0 0 4px rgba(197, 160, 89, 0.14), 0 18px 42px rgba(12, 33, 71, 0.12);
}

#mobileSearchOverlay #mobile-search {
    min-height: 56px;
    padding: 0 18px 0 52px;
    border: none;
    border-radius: var(--ds-radius-xl);
    background: transparent;
    color: var(--dark-blue);
    font-size: 1rem;
    box-shadow: none;
}

#mobileSearchOverlay #mobile-search::placeholder {
    color: var(--ds-color-text-body);
}

#mobileSearchOverlay #mobile-search:focus {
    outline: var(--ds-state-focus-ring-width) solid var(--ds-state-focus-ring-color);
    outline-offset: var(--ds-state-focus-ring-offset);
    box-shadow: none;
}

button#mobileSearchClose{
    background: var(--ds-color-brand-primary);
    width: 48px;
    min-width: 48px;
    height: 48px;
    padding: 0;
    border-radius: var(--ds-radius-lg);
    box-shadow: var(--ds-shadow-md);
}
.mobile-search-close {
    border: none;
    font-size: 18px;
    cursor: pointer;
}
.mobile-search-toggle {
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
}

.mobile-search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: color-mix(in srgb, var(--ds-color-bg-surface-muted) 96%, transparent);
    border-bottom: 1px solid var(--ds-color-border-default);
    z-index: var(--ds-z-overlay);
    padding: 14px 16px 16px;
    opacity: 0;
    transform: translateY(-110%);
    visibility: hidden;
    transition: transform var(--ds-motion-base) var(--ds-ease-standard), opacity var(--ds-motion-base) var(--ds-ease-standard), visibility var(--ds-motion-base) var(--ds-ease-standard);
    box-shadow: var(--ds-shadow-lg);
    backdrop-filter: blur(12px);
}

body.admin-bar .mobile-search-overlay {
    top: 32px;
}

#mobileSearchOverlay .input_wrapper span{
      left: 18px;
      top: 50%;
      transform: translateY(-50%);
}
.ui-widget.ui-widget-content{
    z-index: 9999999 !important;
}
@media (max-width: 991.98px) {
   button#mobileSearchToggle {
    background: transparent;
    color: var(--ds-color-text-muted);
    padding: 0;
    margin: 0;
    font-size: 22px;
    line-height: 0;
    top: 4px;
    position: relative;
    right: 10px;
} 

}

@media (max-width: 782px) {
    body.admin-bar .mobile-search-overlay {
        top: 46px;
    }
}

@media (max-width: 767.98px) {
    body:not(.home) .stat-card p b{
        font-size: 20px;
    }
body:not(.home) .stat-card p small{
    font-size: 14px;
}

    body:not(.home) .slick-dotted.slick-slider{
        margin-bottom: 60px !important;
    }
    body:not(.home) .card.book-card.h-100 {
    padding: 0 !important;
}
body:not(.home) .slick-list.draggable {
    padding: 20px 0;
}
    body:not(.home) .slick-dots li button{
        background-color: transparent !important;
    }
body:not(.home) .slick-dots li{
    width: 10px !important;
}
article.qa-card.bg-white.mb-4.p-4 {
    padding: 1.5rem 1rem !important;
}
body:not(.home) .q_a_info p {
    font-size: 16px;
    text-align: left;
}

}

/* Q&A archive page-specific overrides */
body.page-template-page-qa-posts .archive-page {
    background: var(--ds-color-bg-canvas);
}

body.page-template-page-qa-posts section.featured-archive_featured {
    padding: var(--ds-space-section-sm) 0;
}

body.page-template-page-qa-posts .ds-c-archive-toolbar {
    margin-bottom: var(--ds-space-section-sm);
}

body.page-template-page-qa-posts .archive-controls-shell.ds-c-archive-toolbar__controls {
    background: var(--ds-color-bg-surface);
    border: 1px solid var(--ds-color-border-default);
    border-radius: var(--ds-radius-lg);
    box-shadow: var(--ds-shadow-sm);
    padding: var(--ds-space-inset-lg);
}

body.page-template-page-qa-posts .ds-c-archive-toolbar__search {
    margin-bottom: var(--ds-space-4);
}

body.page-template-page-qa-posts .ds-c-archive-toolbar__search .ds-c-input {
    display: block;
    width: 100%;
}

body.page-template-page-qa-posts .ds-c-archive-toolbar__summary {
    gap: var(--ds-space-gap-md);
    flex-wrap: wrap;
}

body.page-template-page-qa-posts .ds-c-archive-toolbar__count {
    margin-top: 0;
}

body.page-template-page-qa-posts .ds-c-archive-toolbar__actions {
    margin-left: auto;
    flex-wrap: wrap;
    gap: var(--ds-space-gap-sm);
}

@media (min-width: 992px) {
    body.page-template-page-qa-posts .archive-controls-shell.ds-c-archive-toolbar__controls {
        display: grid;
        grid-template-columns: minmax(0, 32rem) 1fr;
        gap: var(--ds-space-gap-md) var(--ds-space-gap-lg);
        align-items: center;
    }

    body.page-template-page-qa-posts .ds-c-archive-toolbar__search {
        width: min(100%, 32rem);
        margin-bottom: 0;
        grid-column: 1;
        grid-row: 1;
        flex: none;
    }

    body.page-template-page-qa-posts .ds-c-archive-toolbar__summary {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: var(--ds-space-gap-md);
        grid-column: 1 / -1;
        grid-row: 2;
        min-width: 0;
    }

    body.page-template-page-qa-posts .ds-c-archive-toolbar__count {
        white-space: nowrap;
    }

    body.page-template-page-qa-posts .ds-c-archive-toolbar__sort {
        display: inline-flex;
        align-items: center;
        gap: var(--ds-space-gap-sm);
    }

    body.page-template-page-qa-posts .ds-c-archive-toolbar__sort label {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
        margin: 0;
        white-space: nowrap;
    }

    body.page-template-page-qa-posts .ds-c-archive-toolbar__sort .ds-c-select {
        min-width: 9.5rem;
        margin: 0;
    }

    body.page-template-page-qa-posts .ds-c-archive-toolbar__actions {
        margin-left: auto;
        align-items: center;
        justify-content: flex-end;
        flex: 0 0 auto;
    }
}

body.page-template-page-qa-posts .ds-c-archive-toolbar__sort {
    margin: 0;
}

body.page-template-page-qa-posts .ds-c-archive-toolbar__sort .ds-c-select {
    min-height: 44px;
    border: 1px solid var(--ds-color-border-default);
    border-radius: var(--ds-radius-md);
    background: var(--ds-color-bg-surface);
    box-shadow: none;
}

body.page-template-page-qa-posts .ds-c-archive-toolbar__view {
    background: var(--ds-color-bg-surface-muted);
}

body.page-template-page-qa-posts .archive-view__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    padding: var(--ds-space-2);
    border: 1px solid transparent;
    border-radius: var(--ds-radius-md);
    background: transparent;
    transition: background-color var(--ds-motion-base) var(--ds-ease-standard),
        border-color var(--ds-motion-base) var(--ds-ease-standard);
}

body.page-template-page-qa-posts .archive-view__button.active {
    background: var(--ds-color-bg-surface);
    border-color: var(--ds-color-border-default);
}

body.page-template-page-qa-posts .archive-view__button .active_image {
    display: none;
}

body.page-template-page-qa-posts .archive-view__button .normal_image {
    display: block;
}

body.page-template-page-qa-posts .archive-view__button.active .active_image {
    display: block;
}

body.page-template-page-qa-posts .archive-view__button.active .normal_image {
    display: none;
}

body.page-template-page-qa-posts .archive-view__button:focus-visible {
    outline: var(--ds-state-focus-ring-width) solid var(--ds-state-focus-ring-color);
    outline-offset: var(--ds-state-focus-ring-offset);
}

body.page-template-page-qa-posts .ds-c-archive-toolbar__toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--ds-space-gap-sm);
    width: 100%;
    min-height: 44px;
    padding: var(--ds-space-4) var(--ds-space-5);
    border: 1px solid var(--ds-color-border-default);
    border-radius: var(--ds-radius-lg);
    background: var(--ds-color-bg-surface);
    box-shadow: var(--ds-shadow-sm);
    color: var(--ds-color-text-heading);
    font-size: var(--ds-font-size-body-lg);
    line-height: var(--ds-type-body-lg-line-height);
    font-weight: var(--ds-font-weight-semibold);
}

body.page-template-page-qa-posts .ds-c-archive-toolbar__toggle:hover {
    background: var(--ds-color-bg-surface-muted);
    border-color: var(--ds-color-brand-accent);
}

body.page-template-page-qa-posts .ds-c-archive-toolbar__toggle .arrow_icon {
    padding-right: 0;
    transition: transform var(--ds-motion-base) var(--ds-ease-standard);
}

body.page-template-page-qa-posts .ds-c-archive-toolbar__toggle .group_sign_image {
    width: 1rem;
    height: 1rem;
    max-width: 1rem;
    max-height: 1rem;
}

body.page-template-page-qa-posts .ds-c-archive-toolbar__toggle.is-open,
body.page-template-page-qa-posts .ds-c-archive-toolbar__toggle.active {
    border-color: var(--ds-color-brand-accent);
}

body.page-template-page-qa-posts .ds-c-archive-toolbar__toggle.is-open .arrow_icon,
body.page-template-page-qa-posts .ds-c-archive-toolbar__toggle.active .arrow_icon {
    transform: rotate(180deg);
}

body.page-template-page-qa-posts .ds-c-archive-toolbar__panel[hidden] {
    display: none !important;
}

body.page-template-page-qa-posts .ds-c-archive-toolbar__panel .archive-filters {
    padding: var(--ds-space-inset-lg);
    box-shadow: var(--ds-shadow-sm);
}

body.page-template-page-qa-posts .archive-grid[attr="qa"] {
    gap: var(--ds-space-gap-lg);
}

body.page-template-page-qa-posts .ds-c-pagination-shell {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: var(--ds-space-8);
    margin-bottom: var(--ds-space-section-md);
}

body.page-template-page-qa-posts .ds-c-pagination-shell .ds-c-pagination {
    margin-top: 0;
}

body.page-template-page-qa-posts .archive-grid[attr="qa"] .qa-card.ds-c-card {
    border-radius: var(--ds-radius-xl);
}

body.page-template-page-qa-posts .archive-grid[attr="qa"] .qa-card .qa-card__body.ds-c-card__body {
    padding: var(--ds-space-4);
    gap: var(--ds-space-stack-sm);
}

body.page-template-page-qa-posts .archive-grid[attr="qa"] .qa-card .qa-card__header {
    margin-bottom: var(--ds-space-2);
}

body.page-template-page-qa-posts .archive-grid[attr="qa"] .qa-card .qa-card__content {
    gap: var(--ds-space-stack-sm);
}

body.page-template-page-qa-posts .archive-grid[attr="qa"] .qa-card__meta.ds-c-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--ds-space-gap-sm);
    flex-wrap: wrap;
}

body.page-template-page-qa-posts .ds-c-question-cta {
    background: var(--ds-color-brand-primary);
    border: 1px solid var(--ds-color-brand-accent);
    border-radius: var(--ds-radius-xl);
    padding: var(--ds-space-inset-xl);
    box-shadow: var(--ds-shadow-sm);
}

body.page-template-page-qa-posts .ds-c-question-cta .card {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
}

body.page-template-page-qa-posts .ds-c-question-cta .card-body {
    display: grid;
    gap: var(--ds-space-stack-md);
    padding: 0;
}

body.page-template-page-qa-posts .ds-c-question-cta h5 {
    margin: 0;
    color: var(--ds-color-text-on-primary);
    font-family: var(--ds-font-family-heading);
    font-size: var(--ds-heading-h4-size);
    line-height: var(--ds-heading-h4-line-height);
    font-weight: var(--ds-heading-h4-weight);
}

body.page-template-page-qa-posts .ds-c-question-cta p {
    margin: 0;
    color: color-mix(in srgb, var(--ds-color-text-on-primary) 88%, transparent);
    font-size: var(--ds-font-size-body-md);
    line-height: var(--ds-type-body-md-line-height);
}

body.page-template-page-qa-posts .ds-c-question-cta a.btn-gold {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    width: 100%;
    padding: var(--ds-space-4) var(--ds-space-6);
    border: 1px solid transparent;
    border-radius: var(--ds-radius-lg);
    background: var(--ds-color-brand-accent);
    color: var(--ds-color-text-on-accent);
    font-size: var(--ds-font-size-body-md);
    line-height: var(--ds-type-body-md-line-height);
    font-weight: var(--ds-font-weight-semibold);
    text-decoration: none;
}

body.page-template-page-qa-posts .ds-c-question-cta a.btn-gold:hover,
body.page-template-page-qa-posts .ds-c-question-cta a.btn-gold:focus-visible {
    background: var(--ds-color-brand-accent-deep);
    color: var(--ds-color-text-on-primary);
}

@media (max-width: 767.98px) {
    body.page-template-page-qa-posts .archive-header h1 {
        font-size: var(--ds-heading-h1-size);
        line-height: var(--ds-heading-h1-line-height);
    }

    body.page-template-page-qa-posts .archive-header p {
        max-width: none;
        margin-bottom: 0;
        font-size: var(--ds-font-size-body-lg);
        line-height: var(--ds-type-body-lg-line-height);
    }

    body.page-template-page-qa-posts .archive-controls-shell.ds-c-archive-toolbar__controls {
        display: grid;
        gap: var(--ds-space-gap-md);
        padding: var(--ds-space-inset-md);
    }

    body.page-template-page-qa-posts .ds-c-archive-toolbar__summary {
        align-items: flex-start;
    }

    body.page-template-page-qa-posts .ds-c-archive-toolbar__actions {
        width: 100%;
        margin-left: 0;
        justify-content: space-between;
    }

    body.page-template-page-qa-posts .ds-c-archive-toolbar__sort {
        flex: 1 1 12rem;
        min-width: 0;
    }

    body.page-template-page-qa-posts .ds-c-archive-toolbar__sort label {
        margin-bottom: var(--ds-space-2);
    }

    body.page-template-page-qa-posts .ds-c-archive-toolbar__view {
        margin-left: auto;
    }

    body.page-template-page-qa-posts .archive-grid[attr="qa"] {
        grid-template-columns: 1fr;
        margin-top: var(--ds-space-gap-lg);
    }

    body.page-template-page-qa-posts .ds-c-pagination-shell {
        margin-top: var(--ds-space-gap-lg);
        margin-bottom: var(--ds-space-section-sm);
    }

    body.page-template-page-qa-posts .archive-grid[attr="qa"] .qa-card .qa-card__body.ds-c-card__body {
        padding: var(--ds-space-4);
    }

    body.page-template-page-qa-posts .archive-grid[attr="qa"] .qa-card .ds-c-card__title,
    body.page-template-page-qa-posts .archive-grid[attr="qa"] .qa-card .ds-c-card__title a.ds-c-link {
        font-size: var(--ds-heading-h3-size);
        line-height: var(--ds-heading-h3-line-height);
    }

    body.page-template-page-qa-posts .archive-grid[attr="qa"] .qa-card .ds-c-card__excerpt {
        font-size: var(--ds-font-size-body-lg);
        line-height: var(--ds-type-body-lg-line-height);
    }

    .archive_qa-featured .qa-featured__body.ds-c-card__body {
        padding: var(--ds-space-inset-lg);
    }

    body.page-template-page-qa-posts .ds-c-archive-toolbar__panel .archive-filters {
        padding: var(--ds-space-inset-md);
    }

    body.page-template-page-qa-posts .filter-list {
        display: grid;
        gap: var(--ds-space-gap-sm);
    }

    body.page-template-page-qa-posts .filter-list li {
        margin-bottom: 0;
    }

    body.page-template-page-qa-posts .ds-c-question-cta {
        padding: var(--ds-space-inset-lg);
    }
}

@media (max-width: 419.98px) {
    
    body:not(.home) a.btn.btn-primary.btn-custom, body:not(.home) button.btn.btn-primary.btn-custom,
    body:not(.home) a.btn.btn-outline-primary.btn-outline-custom
    {
        padding: var(--ds-space-4) var(--ds-space-6);
    }
    body:not(.home) .section-title {
        font-size: 32px;
        line-height: 36px;
        text-align: left;
    }

    body:not(.home) .about-page-academic .section-title {
        text-align: center;
    }

    body:not(.home) .about-page-major .section-title {
        text-align: center;
    }

    body:not(.home) .profile-section h4 a, body:not(.home) .profile-info h1 a, .fa-main-content h3 a, .fa-card-content h5 a, .qa-title a, .qa-title-sm a, body:not(.home) .book-title a, .course-card h3 a,
    .qa-title {
        font-size: 22px;
        line-height: 114%;
    }
    body:not(.home) .featured-articles p, p.majordescription, .about_us_mission_data p, section.featured-archive_featured p
 {
    text-align: left;
        line-height: 150%;
        font-size: 16px;
    }

    body.single-post #main-article-content .details-artical,
    body.single-post #main-article-content .ds-c-rich-text {
        font-size: var(--ds-font-size-body-md);
        line-height: var(--ds-type-body-md-line-height);
    }
}

/* Static page design-system overrides */
.ds-page-section {
    background: var(--ds-color-bg-canvas);
    padding: var(--ds-space-section-lg) 0;
}

.ds-page-section .container-sm {
    max-width: 960px;
}

.ds-page-shell {
    background: var(--ds-color-bg-surface);
    border: 1px solid var(--ds-color-border-default);
    border-radius: var(--ds-radius-xl);
    box-shadow: var(--ds-shadow-sm);
    padding: var(--ds-space-inset-xl);
}

.ds-page-article {
    margin: 0;
}

.ds-page-header,
.singular .ds-page-header {
    margin: 0 0 var(--ds-space-section-sm);
    padding: 0 0 var(--ds-space-6);
    border-bottom: 1px solid var(--ds-color-border-default);
}

.ds-page-header .entry-title {
    margin: 0;
    font-size: var(--ds-heading-h1-size);
    line-height: var(--ds-heading-h1-line-height);
    font-weight: var(--ds-heading-h1-weight);
    text-align: center;
    color: var(--ds-color-text-heading);
}

.ds-page-prose {
    max-width: 720px;
    margin: 0 auto;
    color: var(--ds-color-text-body);
}

.ds-page-prose > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.ds-page-prose p,
.about_us_page_data .ds-page-prose p {
    margin: 0;
    font-size: var(--ds-font-size-body-md);
    line-height: var(--ds-type-body-md-line-height);
    color: var(--ds-color-text-body);
}

.ds-page-prose h2,
.ds-page-prose h3,
.ds-page-prose h4,
.ds-page-prose h5,
.ds-page-prose h6 {
    margin: 0;
    color: var(--ds-color-text-heading);
}

.ds-page-prose h2 {
    font-size: var(--ds-heading-h2-size);
    line-height: var(--ds-heading-h2-line-height);
    font-weight: var(--ds-heading-h2-weight);
}

.ds-page-prose h3 {
    font-size: var(--ds-heading-h3-size);
    line-height: var(--ds-heading-h3-line-height);
    font-weight: var(--ds-heading-h3-weight);
}

.ds-page-prose h4 {
    font-size: var(--ds-heading-h4-size);
    line-height: var(--ds-heading-h4-line-height);
    font-weight: var(--ds-heading-h4-weight);
}

.ds-page-prose ul,
.ds-page-prose ol {
    margin: 0;
    padding-left: var(--ds-space-6);
    color: var(--ds-color-text-body);
}

.ds-page-prose li {
    margin: var(--ds-space-2) 0;
    font-size: var(--ds-font-size-body-md);
    line-height: var(--ds-type-body-md-line-height);
}

.ds-page-prose a:not(.wp-block-button__link),
.about_us_page_data .ds-page-prose a:not(.wp-block-button__link) {
    color: var(--ds-color-link);
    text-decoration: underline;
    text-decoration-color: color-mix(in srgb, var(--ds-color-link) 35%, transparent);
    text-decoration-thickness: 1px;
}

.ds-page-prose a:not(.wp-block-button__link):hover,
.ds-page-prose a:not(.wp-block-button__link):focus-visible,
.about_us_page_data .ds-page-prose a:not(.wp-block-button__link):hover,
.about_us_page_data .ds-page-prose a:not(.wp-block-button__link):focus-visible {
    color: var(--ds-color-link-hover);
    text-decoration-color: currentColor;
}

.ds-page-prose strong {
    color: var(--ds-color-text-strong);
}

.ds-page-prose blockquote,
.about_us_page_data blockquote {
    margin: 0;
    padding: var(--ds-space-inset-lg);
    border-left: 4px solid var(--ds-color-brand-accent);
    border-radius: 0 var(--ds-radius-lg) var(--ds-radius-lg) 0;
    background: var(--ds-color-bg-surface-muted);
}

.ds-page-prose blockquote p,
.about_us_page_data blockquote p {
    font-style: italic;
    color: var(--ds-color-text-heading);
}

.about_us_page_data blockquote:before {
    color: color-mix(in srgb, var(--ds-color-brand-accent) 32%, transparent);
}

.ds-page-prose table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    display: block;
    overflow-x: auto;
    border: 1px solid var(--ds-color-border-default);
    border-radius: var(--ds-radius-md);
    background: var(--ds-color-bg-surface);
}

.ds-page-prose th,
.ds-page-prose td {
    padding: var(--ds-space-3) var(--ds-space-4);
    border-bottom: 1px solid var(--ds-color-border-default);
    text-align: left;
    font-size: var(--ds-font-size-body-sm);
    line-height: var(--ds-type-body-sm-line-height);
    color: var(--ds-color-text-body);
}

.ds-page-prose th {
    font-weight: var(--ds-font-weight-semibold);
    color: var(--ds-color-text-heading);
    background: var(--ds-color-bg-surface-muted);
}

.ds-page-prose tr:last-child td {
    border-bottom: 0;
}

.ds-page-prose pre,
.ds-page-prose code {
    font-family: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.ds-page-prose pre {
    padding: var(--ds-space-4);
    border-radius: var(--ds-radius-md);
    background: var(--ds-color-brand-primary);
    color: var(--ds-color-text-on-primary);
    overflow-x: auto;
}

.ds-page-prose :not(pre) > code {
    padding: 0.15rem 0.35rem;
    border-radius: var(--ds-radius-sm);
    background: var(--ds-color-bg-surface-muted);
    color: var(--ds-color-text-strong);
}

.ds-page-prose .wp-block-button__link {
    border-radius: var(--ds-radius-md);
    padding: 0.8rem 1rem;
    min-height: 44px;
}

.ds-page-prose .wp-block-button.is-style-outline .wp-block-button__link {
    border-color: var(--ds-color-brand-primary);
    color: var(--ds-color-brand-primary);
}

.ds-page-prose hr {
    margin: var(--ds-space-8) 0;
    border: 0;
    border-top: 1px solid var(--ds-color-border-default);
}

body:not(.home) section.about_us_info,
body:not(.home) .question_page_info,
body:not(.home) section.question_form,
body:not(.home) section.contact-section,
body:not(.home) section.about_us_page_data,
body:not(.home) section.about_us_academic,
body:not(.home) section.about_us_major_data,
body:not(.home) section.about_us_mission_data,
body:not(.home) section.faq-secton {
    padding: var(--ds-space-section-md) 0;
}

body:not(.home) section.about_us_info,
body:not(.home) section.about_us_page_data,
body:not(.home) section.about_us_major_data,
body:not(.home) section.question_form,
body:not(.home) section.contact-section,
body:not(.home) .question_page_info {
    background: var(--ds-color-bg-canvas);
}

body:not(.home) section.about_us_academic,
body:not(.home) section.about_us_mission_data,
body:not(.home) section.faq-secton {
    background: var(--ds-color-bg-surface);
}

body:not(.home) section.about_us_info .container-sm,
body:not(.home) .question_page_info .container-sm {
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
}

body:not(.home) section.about_us_info h1,
body:not(.home) .question_page_info h1 {
    font-size: var(--ds-heading-h1-size);
    line-height: var(--ds-heading-h1-line-height);
    font-weight: var(--ds-heading-h1-weight);
    text-align: center;
    color: var(--ds-color-text-heading);
}

body:not(.home) .about_us_info p,
body:not(.home) .question_page_info p {
    font-size: var(--ds-font-size-body-lg);
    line-height: var(--ds-type-body-lg-line-height);
    color: var(--ds-color-text-body);
}

body:not(.home) p.onlybg {
    background: var(--ds-color-brand-accent);
    min-height: 3px;
    max-width: 100px;
    margin: var(--ds-space-6) auto 0;
}

body:not(.home) .about-page-hero {
    padding-top: var(--ds-space-section-sm);
    padding-bottom: var(--ds-space-10);
}

body:not(.home) .about-page-hero__content,
body:not(.home) .about-page-mission .col-12 {
    display: grid;
    gap: var(--ds-space-stack-md);
    justify-items: center;
    text-align: center;
}

body:not(.home) .about-page-hero__content {
    max-width: 52rem;
    margin: 0 auto;
}

body:not(.home) .about-page-hero h1,
body:not(.home) .about-page-hero p,
body:not(.home) .about-page-mission h2,
body:not(.home) .about-page-mission p {
    margin: 0;
}

body:not(.home) .about-page-hero h1,
body:not(.home) .about-page-academic .section-title,
body:not(.home) .about-page-major .section-title,
body:not(.home) .about-page-mission .section-title {
    text-wrap: balance;
}

body:not(.home) .about-page-intro {
    padding-top: var(--ds-space-6);
}

body:not(.home) .about-page-intro .ds-page-prose {
    display: grid;
    gap: var(--ds-space-stack-md);
    max-width: 47.5rem;
}

body:not(.home) .about-page-intro .ds-page-prose > * {
    margin: 0;
}

body:not(.home) .about-page-intro blockquote {
    padding: var(--ds-space-inset-lg);
    box-shadow: var(--ds-shadow-sm);
}

body:not(.home) .about-page-intro blockquote p {
    font-size: var(--ds-font-size-body-lg);
    line-height: var(--ds-type-body-lg-line-height);
}

body:not(.home) .about-page-academic-grid {
    row-gap: var(--ds-space-gap-lg);
}

body:not(.home) .about-page-academic .card {
    max-width: none;
    width: 100%;
    height: 100%;
}

body:not(.home) .about-page-academic .card .card-body {
    height: 100%;
    align-items: flex-start;
    text-align: left;
}

body:not(.home) .about-page-academic .card-body img {
    width: 3rem;
    height: 3rem;
    object-fit: contain;
}

body:not(.home) .about-page-academic h5,
body:not(.home) .about-page-academic p {
    text-align: left;
}

body:not(.home) .about-page-major .row {
    --bs-gutter-y: var(--ds-space-5);
    row-gap: var(--ds-space-gap-md);
}

body:not(.home) .about-page-major {
    padding-top: var(--ds-space-10);
    padding-bottom: var(--ds-space-10);
}

body:not(.home) .about-page-major .row.mt-3 {
    margin-top: var(--ds-space-4) !important;
}

body:not(.home) .about-page-major .card {
    padding: 0;
    overflow: hidden;
}

body:not(.home) .about-page-major .ds-c-card__body {
    display: grid;
    gap: var(--ds-space-stack-sm);
    padding: var(--ds-space-inset-xl);
}

body:not(.home) .about-page-major .majortitle {
    margin: 0;
    font-size: var(--ds-heading-h4-size);
    line-height: var(--ds-heading-h4-line-height);
    font-weight: var(--ds-heading-h4-weight);
}

body:not(.home) .about-page-mission p.onlybg {
    margin-top: var(--ds-space-4);
}

body:not(.home) .contact-page-hero {
    padding-top: var(--ds-space-section-sm);
    padding-bottom: var(--ds-space-10);
}

body:not(.home) .contact-page-hero__content {
    display: grid;
    gap: var(--ds-space-stack-md);
    justify-items: center;
}

body:not(.home) .contact-page-hero h1,
body:not(.home) .contact-page-hero p {
    margin: 0;
}

body:not(.home) .contact-page-hero p.onlybg {
    margin: 0;
}

body:not(.home) .contact-page-hero p:last-child {
    max-width: 780px;
}

body:not(.home) .question-page-hero {
    padding-top: var(--ds-space-section-sm);
    padding-bottom: var(--ds-space-10);
}

body:not(.home) .question-page-hero__content {
    display: grid;
    gap: var(--ds-space-stack-md);
    justify-items: center;
}

body:not(.home) .question-page-hero__content h1,
body:not(.home) .question-page-hero__content p,
body:not(.home) .question-page-form-shell .ds-c-help,
body:not(.home) .question-page-search-card p {
    margin: 0;
}

body:not(.home) .question-page-search-card {
    padding: var(--ds-space-inset-xl);
}

body:not(.home) .question-page-search-card__row {
    justify-content: space-between;
}

body:not(.home) .question-page-search-card .col-lg-auto {
    display: flex;
    align-items: center;
}

body:not(.home) .question-page-search-form {
    margin: 0;
    min-width: min(100%, 22rem);
}

body:not(.home) .question-page-search-form__control {
    display: flex;
    align-items: center;
    min-height: 44px;
    border: 1px solid var(--ds-color-border-default);
    border-radius: var(--ds-radius-md);
    background: var(--ds-color-bg-surface);
    overflow: hidden;
    transition: border-color var(--ds-motion-fast) var(--ds-ease-standard),
        box-shadow var(--ds-motion-fast) var(--ds-ease-standard);
}

body:not(.home) .question-page-search-form__control:focus-within {
    border-color: var(--ds-state-focus-ring-color);
    box-shadow: 0 0 0 1px var(--ds-state-focus-ring-color);
}

body:not(.home) .question-page-search-form__icon,
body:not(.home) .question-page-search-form__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    width: 44px;
    height: 44px;
    color: var(--ds-color-text-heading);
}

body:not(.home) .question-page-search-form__icon {
    color: var(--ds-color-text-body);
}

body:not(.home) .question-page-search-form__input.ds-c-input {
    height: auto;
    min-height: 44px;
    border: 0;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    font-size: var(--ds-font-size-body-md);
    line-height: var(--ds-type-body-md-line-height);
}

body:not(.home) .question-page-search-form__input.ds-c-input:focus,
body:not(.home) .question-page-search-form__input.ds-c-input:focus-visible {
    border: 0;
    box-shadow: none;
    outline: none;
}

body:not(.home) .question-page-search-form__input::placeholder {
    color: var(--ds-color-text-body);
    opacity: 1;
}

body:not(.home) .question-page-search-form__submit {
    border: 0;
    border-left: 1px solid var(--ds-color-border-default);
    background: var(--ds-color-bg-surface-muted);
    transition: background-color var(--ds-motion-fast) var(--ds-ease-standard),
        color var(--ds-motion-fast) var(--ds-ease-standard);
}

body:not(.home) .question-page-search-form__submit:hover,
body:not(.home) .question-page-search-form__submit:focus-visible {
    background: var(--ds-color-brand-primary);
    color: var(--ds-color-text-on-primary);
}

body:not(.home) .before-you-ask-box {
    background: var(--ds-color-bg-surface-muted);
    border: 1px solid var(--ds-color-border-default);
    border-radius: var(--ds-radius-lg);
    box-shadow: var(--ds-shadow-sm);
}

body:not(.home) .before-you-ask .icon-wrap {
    background: var(--ds-color-pill-category-bg);
    color: var(--ds-color-brand-accent-deep);
}

body:not(.home) .before-you-ask h3 {
    color: var(--ds-color-text-heading);
}

body:not(.home) .before-you-ask .btn-outline-primary {
    --bs-btn-color: var(--ds-color-brand-primary);
    --bs-btn-border-color: var(--ds-color-border-default);
    --bs-btn-hover-bg: var(--ds-color-brand-primary);
    --bs-btn-hover-border-color: var(--ds-color-brand-primary);
    --bs-btn-hover-color: var(--ds-color-text-on-primary);
    border-radius: var(--ds-radius-md);
    box-shadow: none;
}

body:not(.home) .question-page-form-shell {
    display: grid;
    gap: var(--ds-space-stack-lg);
}

body:not(.home) .question-page-form-shell > .ds-c-help {
    font-size: var(--ds-font-size-body-md);
    line-height: var(--ds-type-body-md-line-height);
}

body:not(.home) .cqf-form {
    display: grid;
    gap: var(--ds-space-stack-lg);
}

body:not(.home) .cqf-required-marker {
    color: var(--ds-color-danger);
}

body:not(.home) .cqf-form .ds-c-input,
body:not(.home) .cqf-form .ds-c-textarea {
    border: 1px solid var(--ds-color-border-default);
    border-radius: var(--ds-radius-md);
    background: var(--ds-color-bg-surface);
}

body:not(.home) .cqf-form .ds-c-input {
    height: auto;
    padding: var(--ds-space-4) var(--ds-space-4);
}

body:not(.home) .cqf-form .ds-c-textarea {
    min-height: calc(var(--ds-space-1) * 40);
    padding: var(--ds-space-4);
}

body:not(.home) .cqf-form .input-group {
    align-items: stretch;
    border: 1px solid var(--ds-color-border-default);
    border-radius: var(--ds-radius-md);
    background: var(--ds-color-bg-surface);
    overflow: hidden;
    transition: border-color var(--ds-motion-fast) var(--ds-ease-standard),
        box-shadow var(--ds-motion-fast) var(--ds-ease-standard);
}

body:not(.home) .cqf-form .input-group:focus-within {
    border-color: var(--ds-state-focus-ring-color);
    box-shadow: 0 0 0 1px var(--ds-state-focus-ring-color);
}

body:not(.home) .cqf-form .input-group-text {
    min-width: calc(var(--ds-space-1) * 12);
    justify-content: center;
    border: 0;
    border-right: 1px solid var(--ds-color-border-default);
    background: var(--ds-color-bg-surface-muted);
    color: var(--ds-color-text-heading);
}

body:not(.home) .cqf-form .input-group .ds-c-input {
    border: 0;
    box-shadow: none;
}

body:not(.home) .cqf-form .ds-c-field.is-error .input-group {
    border-color: var(--ds-color-border-danger);
    background: var(--ds-color-bg-danger-subtle);
}

body:not(.home) .cqf-form__grid {
    row-gap: var(--ds-space-gap-md);
}

body:not(.home) .cqf-form__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ds-space-gap-md);
    align-items: center;
}

body:not(.home) .cqf-form__actions .btn-outline-custom {
    margin-left: 0;
}

body:not(.home) .cqf-form__actions .btn-custom,
body:not(.home) .cqf-form__actions .btn-outline-custom {
    min-height: 44px;
}

body:not(.home) .social-icons {
    gap: var(--ds-space-3);
}

body:not(.home) .contact-socials {
    margin-top: var(--ds-space-8);
    padding-top: var(--ds-space-4);
    gap: var(--ds-space-gap-md);
}

body:not(.home) .contact-socials .follow-text {
    font-family: var(--ds-font-family-body);
    font-size: var(--ds-font-size-body-md);
    line-height: var(--ds-type-body-md-line-height);
    font-weight: var(--ds-font-weight-medium);
    color: var(--ds-color-text-heading);
}

body:not(.home) .social-icons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.25rem;
    height: 3.25rem;
    padding: 0;
    background: var(--ds-color-bg-surface);
    border: 1px solid var(--ds-color-border-default);
    border-radius: 50%;
    box-shadow: var(--ds-shadow-sm);
    transition: transform var(--ds-motion-base) var(--ds-ease-standard), background-color var(--ds-motion-base) var(--ds-ease-standard), border-color var(--ds-motion-base) var(--ds-ease-standard), box-shadow var(--ds-motion-base) var(--ds-ease-standard);
}

body:not(.home) .social-icons .socile_icon {
    width: 1.125rem;
    height: 1.125rem;
    object-fit: contain;
    opacity: 0.9;
}

body:not(.home) .social-icons a:hover {
    background: var(--ds-color-brand-accent);
    border-color: var(--ds-color-brand-accent);
    box-shadow: var(--ds-shadow-md);
    transform: translateY(-2px);
}

body:not(.home) .social-icons a:hover .socile_icon,
body:not(.home) .social-icons a:focus-visible .socile_icon {
    opacity: 1;
}

body:not(.home) section.contact-section .container-sm {
    max-width: 1140px;
    background: transparent;
}

body:not(.home) .contact-section .ds-form-shell {
    height: 100%;
}

body:not(.home) .contact-section form input,
body:not(.home) .contact-section form textarea {
    background: var(--ds-color-bg-surface);
    border: 1px solid var(--ds-color-border-default);
    border-radius: var(--ds-radius-md);
}

body:not(.home) .contact-information {
    position: sticky;
    top: calc(var(--ds-space-8) + 5rem);
    right: auto;
    transform: none;
    min-width: 0;
    max-height: none;
    padding: var(--ds-space-6);
    border-radius: var(--ds-radius-xl);
    background: var(--ds-color-brand-primary);
    box-shadow: var(--ds-shadow-md);
}

body:not(.home) .contact-information h2 {
    margin-bottom: var(--ds-space-5);
    color: var(--ds-color-text-on-primary);
}

body:not(.home) .contact-information .contact-card {
    max-width: none;
    margin-bottom: var(--ds-space-4);
    padding: var(--ds-space-4);
    border: 1px solid var(--ds-color-border-default);
    border-radius: var(--ds-radius-lg);
    box-shadow: none;
    gap: var(--ds-space-4);
}

body:not(.home) .contact-information .contact-card h5 {
    color: var(--ds-color-text-heading);
}

body:not(.home) .contact-information .contact-card p {
    color: var(--ds-color-text-body);
}

body:not(.home) .contact-information .contact-card small {
    color: var(--ds-color-brand-accent-deep);
}

body:not(.home) section.about_us_major_data .card,
body:not(.home) .about_us_academic .card {
    padding: var(--ds-space-6);
    border: 1px solid var(--ds-color-border-default);
    border-radius: var(--ds-radius-lg);
    background: var(--ds-color-bg-surface);
    box-shadow: var(--ds-shadow-sm);
}

body:not(.home) .about_us_academic .card .card-body {
    gap: var(--ds-space-3);
}

body:not(.home) .about_us_academic h5,
body:not(.home) .contact-information .contact-card h5 {
    font-size: var(--ds-heading-h5-size);
    line-height: var(--ds-heading-h5-line-height);
    font-weight: var(--ds-heading-h5-weight);
}

body:not(.home) .about_us_academic p,
body:not(.home) p.majordescription,
body:not(.home) .about_us_mission_data p {
    font-size: var(--ds-font-size-body-md);
    line-height: var(--ds-type-body-md-line-height);
    color: var(--ds-color-text-body);
}

body:not(.home) section.question_form input,
body:not(.home) section.question_form textarea {
    border: 1px solid var(--ds-color-border-default);
    border-radius: var(--ds-radius-md);
}

body:not(.home) .faq-secton .accordion-item {
    border: 1px solid var(--ds-color-border-default);
    border-radius: var(--ds-radius-lg);
    overflow: hidden;
    background: var(--ds-color-bg-surface);
    box-shadow: var(--ds-shadow-sm);
}

body:not(.home) .faq-secton .accordion-header {
    margin: 0;
    font-family: var(--ds-font-family-body);
}

body:not(.home) .faq-secton .accordion-button {
    color: var(--ds-color-text-heading);
    font-family: var(--ds-font-family-body);
    font-size: var(--ds-font-size-body-md);
    line-height: var(--ds-type-body-md-line-height);
    font-weight: var(--ds-font-weight-semibold);
    letter-spacing: 0;
    background: var(--ds-color-bg-surface);
    box-shadow: none;
}

body:not(.home) .faq-secton .accordion-button:not(.collapsed) {
    background: var(--ds-color-bg-surface-muted);
    color: var(--ds-color-text-heading);
}

body:not(.home) .faq-secton .accordion-body {
    font-family: var(--ds-font-family-body);
    font-size: var(--ds-font-size-body-md);
    line-height: var(--ds-type-body-md-line-height);
    color: var(--ds-color-text-body);
}

body:not(.home) .faq-secton .accordion-body p {
    margin: 0;
    font-family: var(--ds-font-family-body);
    font-size: var(--ds-font-size-body-md);
    line-height: var(--ds-type-body-md-line-height);
    color: var(--ds-color-text-body);
}

body:not(.home) .faq-secton .accordion-body a {
    color: var(--ds-color-link);
    font-weight: var(--ds-font-weight-semibold);
}

@media (max-width: 991.98px) {
    .ds-page-shell {
        padding: var(--ds-space-inset-lg);
    }

    .ds-page-section .container-sm {
        max-width: 100%;
        padding-left: var(--ds-container-padding-x);
        padding-right: var(--ds-container-padding-x);
    }

    body:not(.home) .contact-information {
        position: static;
        top: auto;
    }
}

@media (max-width: 767.98px) {
    .ds-page-section {
        padding: var(--ds-space-section-md) 0;
    }

    .ds-page-shell {
        padding: var(--ds-space-inset-md);
        border-radius: var(--ds-radius-lg);
    }

    .ds-page-header {
        margin-bottom: var(--ds-space-6);
        padding-bottom: var(--ds-space-4);
    }

    .ds-page-header .entry-title,
    body:not(.home) section.about_us_info h1,
    body:not(.home) .question_page_info h1 {
        font-size: var(--ds-heading-h1-size);
        line-height: var(--ds-heading-h1-line-height);
    }

    .ds-page-prose p,
    .ds-page-prose li,
    body:not(.home) .about_us_info p,
    body:not(.home) .question_page_info p,
    body:not(.home) .about_us_academic p,
    body:not(.home) p.majordescription,
    body:not(.home) .about_us_mission_data p {
        font-size: var(--ds-font-size-body-md);
        line-height: var(--ds-type-body-md-line-height);
    }

    .ds-page-prose ul,
    .ds-page-prose ol {
        padding-left: var(--ds-space-5);
    }

    body:not(.home) section.about_us_info,
    body:not(.home) .question_page_info,
    body:not(.home) section.question_form,
    body:not(.home) section.contact-section,
    body:not(.home) section.about_us_page_data,
    body:not(.home) section.about_us_academic,
    body:not(.home) section.about_us_major_data,
    body:not(.home) section.about_us_mission_data,
    body:not(.home) section.faq-secton {
        padding: var(--ds-space-section-sm) 0;
    }

    body:not(.home) .contact-page-hero {
        padding-top: var(--ds-space-8);
        padding-bottom: var(--ds-space-8);
    }

    body:not(.home) .question-page-hero {
        padding-top: var(--ds-space-8);
        padding-bottom: var(--ds-space-8);
    }

    body:not(.home) .question-page-search-card,
    body:not(.home) .question-page-form-shell {
        padding: var(--ds-space-inset-lg);
    }

    body:not(.home) .question-page-search-form {
        min-width: 100%;
        width: 100%;
    }

    body:not(.home) .cqf-form__actions {
        flex-direction: column;
        align-items: stretch;
    }

    body:not(.home) .cqf-form__actions .btn-custom,
    body:not(.home) .cqf-form__actions .btn-outline-custom {
        width: 100%;
        justify-content: center;
        margin-left: 0;
    }

    body:not(.home) .about-page-hero {
        padding-top: var(--ds-space-8);
        padding-bottom: var(--ds-space-8);
    }

    body:not(.home) .about-page-intro {
        padding-top: var(--ds-space-4);
    }

    body:not(.home) .about-page-hero__content,
    body:not(.home) .about-page-mission .col-12,
    body:not(.home) .contact-page-hero__content {
        gap: var(--ds-space-stack-sm);
    }

    body:not(.home) .about-page-intro .ds-page-prose {
        gap: var(--ds-space-stack-sm);
    }

    body:not(.home) .about-page-intro blockquote {
        padding: var(--ds-space-inset-md);
    }

    body:not(.home) .about-page-intro blockquote p {
        font-size: var(--ds-font-size-body-md);
        line-height: var(--ds-type-body-md-line-height);
    }

    body:not(.home) .about-page-academic .card .card-body {
        align-items: center;
        text-align: center;
    }

    body:not(.home) .about-page-academic h5,
    body:not(.home) .about-page-academic p {
        text-align: center;
    }

    body:not(.home) .about-page-major .ds-c-card__body {
        padding: var(--ds-space-inset-lg);
    }

    body:not(.home) .about-page-major {
        padding-top: var(--ds-space-8);
        padding-bottom: var(--ds-space-8);
    }

    body:not(.home) .about-page-major .row {
        --bs-gutter-y: var(--ds-space-3);
        row-gap: var(--ds-space-gap-sm);
    }

    body:not(.home) .about-page-major .row.mt-3 {
        margin-top: var(--ds-space-2) !important;
    }

    body:not(.home) .contact-socials {
        margin-top: var(--ds-space-6);
        padding-top: var(--ds-space-2);
        flex-wrap: wrap;
    }

}