/* Scoped to managed document components; theme fonts and link colour are inherited. */
.sas-documents { container: sas-documents / inline-size; margin-block: 1.1em; }
.sas-documents .sas-documents__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: .65rem; }
.sas-documents .sas-document-card { box-sizing: border-box; display: grid; grid-template-columns: 1.35rem minmax(0, 1fr); grid-template-rows: auto auto; align-items: start; gap: .35rem .65rem; padding: .7rem .75rem; border: 1px solid #d8dce0; border-radius: .45rem; background: #F9FAFB !important; min-width: 0; }
.sas-documents .sas-document-card__icon { width: 1.2rem; height: 1.55rem; margin-top: .05rem; opacity: .65; }
.sas-documents .sas-document-card__body { min-width: 0; }
.sas-documents .sas-document-card__title { margin: 0; padding: 0; font: inherit; font-size: .98em; font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; color: inherit; }
.sas-documents .sas-document-card__category { margin-top: .18rem; font-size: .75em; line-height: 1.35; opacity: .8; }
.sas-documents .sas-document-card__badges { display: inline-flex; flex-wrap: wrap; gap: .25rem; margin-top: .35rem; margin-right: .35rem; }
.sas-documents .sas-document-card__badge { display: inline-block; padding: 0 .4em; border: 1px solid #d8dce0; border-radius: .2rem; font-size: .67em; line-height: 1.55; font-weight: 600; }
.sas-documents .sas-document-card__date { display: inline-block; margin-top: .3rem; font-size: .7em; line-height: 1.45; opacity: .78; }
.sas-documents .sas-document-card__action { grid-column: 2; justify-self: start; padding: .32em .6em; border: 1px solid currentColor; border-radius: .25rem; font-size: .75em; font-weight: 600; line-height: 1.45; text-decoration: none; overflow-wrap: anywhere; }
.sas-documents .sas-document-card__action:hover { text-decoration: underline; text-underline-offset: .2em; }
.sas-documents .sas-document-card__action:focus-visible,
.sas-documents .sas-documents__search input:focus-visible { outline: 3px solid var(--sas-document-focus, #1e40af); outline-offset: 3px; }
.sas-documents .sas-documents__search { margin-bottom: .7rem; max-width: 20rem; }
.sas-documents .sas-documents__search input { box-sizing: border-box; width: 100%; min-height: 2rem; padding: .38em .65em; border: 1px solid #949ba3; border-radius: .25rem; font: inherit; font-size: .82em; line-height: 1.4; color: inherit; background: var(--sas-document-background, transparent); }
.sas-documents .sas-documents__search input::placeholder { color: inherit; opacity: .7; }
.sas-documents .sas-documents__empty { margin-block: 1rem; }
.sas-documents [hidden] { display: none !important; }
.sas-documents .sas-documents__sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
/* Respond to the actual Divi/theme content area, rather than just the viewport. */
@container sas-documents (min-width: 38rem) {
    .sas-documents .sas-documents__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sas-documents .sas-document-card { grid-template-columns: 1.35rem minmax(0, 1fr) auto; grid-template-rows: auto; align-items: center; }
    .sas-documents .sas-document-card__action { grid-column: 3; justify-self: end; white-space: nowrap; }
}
@container sas-documents (min-width: 60rem) {
    .sas-documents .sas-documents__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@supports not (container-type: inline-size) {
    .sas-documents .sas-documents__grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr)); }
}
.sas-documents--single { max-width: 42rem; }
@container sas-documents (min-width: 34rem) {
    .sas-documents--single .sas-document-card { grid-template-columns: 1.35rem minmax(0, 1fr) auto; align-items: center; }
    .sas-documents--single .sas-document-card__action { grid-column: 3; margin-top: 0; }
}
