/* Connections Hub resource directory */
#resource-directory [hidden]{display:none!important}
.hub-directory-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end}
.hub-directory-heading .large-copy{max-width:730px;margin-bottom:0}
.hub-directory-request{padding-bottom:5px}
.hub-directory-request .btn{white-space:nowrap}
.hub-hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:28px}
.hub-hero-actions .hub-hero-secondary{color:#fff;border:1px solid rgba(255,255,255,.65);background:transparent}
.hub-hero-actions .hub-hero-secondary:hover{background:#fff;color:var(--navy)}
#resource-directory .directory-toolbar{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);gap:18px;margin:36px 0 20px}
#resource-directory .directory-toolbar label{display:grid;gap:9px;min-width:0;font-family:var(--font-ui);font-size:var(--type-small);font-weight:600;color:var(--navy)}
#resource-directory .directory-toolbar input,#resource-directory .directory-toolbar select{width:100%;min-width:0;border-radius:4px;font-family:var(--font-body);font-size:var(--type-body);font-weight:400}
#resource-directory :is(input,select,button,a):focus-visible{outline:3px solid var(--blue);outline-offset:4px}
#resource-directory .directory-meta{min-height:34px;color:#4c6278}
#resource-reset{font:600 var(--type-small)/1.4 var(--font-ui);border:0;background:none;cursor:pointer;min-height:34px;padding:4px 0;text-decoration:underline;text-underline-offset:4px}
#resource-directory .resource-table-wrap{background:#fff;border-radius:4px}
#resource-directory .resource-table{min-width:0;table-layout:fixed}
#resource-directory .resource-table thead th{padding:18px 20px;font-family:var(--font-ui);font-size:var(--type-label)}
#resource-directory .resource-table thead th:nth-child(1){width:27%}
#resource-directory .resource-table thead th:nth-child(2){width:43%}
#resource-directory .resource-table thead th:nth-child(3){width:16%}
#resource-directory .resource-table thead th:nth-child(4){width:14%}
#resource-directory .resource-table tbody th,#resource-directory .resource-table td{padding:24px 20px;border-top:1px solid #d3dfea;vertical-align:top;overflow-wrap:anywhere}
#resource-directory .resource-table tbody th{background:transparent;text-transform:none;letter-spacing:var(--tracking-heading);color:var(--navy);font:600 var(--type-body)/var(--leading-card) var(--font-body);text-align:left}
#resource-directory .resource-name{font:600 var(--type-body)/var(--leading-card) var(--font-body)}
#resource-directory .resource-type{display:block;margin:0 0 9px;color:var(--blue);font:600 var(--type-label)/1.4 var(--font-ui);letter-spacing:var(--tracking-label)}
#resource-directory .resource-table td p{font:400 var(--type-small)/1.6 var(--font-body);color:#4c6278}
#resource-directory .resource-location{font:400 var(--type-small)/1.5 var(--font-body);color:#4c6278}
#resource-directory .resource-action a{display:inline-block;color:var(--blue);font:600 var(--type-small)/1.5 var(--font-ui);text-decoration:underline;text-underline-offset:4px}
#resource-directory .resource-action a:hover{color:var(--navy)}
#resource-directory .directory-empty{display:block;padding:40px 24px;color:#4c6278}
#listing-request .listing-review-note{font-size:var(--type-small);color:#4c6278;margin-top:18px}
@media(max-width:1000px){.hub-directory-heading{grid-template-columns:1fr;gap:20px}.hub-directory-request{padding:0}#resource-directory .directory-toolbar{grid-template-columns:1fr 1fr}#resource-directory .directory-toolbar label:first-child{grid-column:1/-1}}
@media(max-width:760px){
#resource-directory .directory-toolbar{grid-template-columns:1fr}
#resource-directory .directory-meta{flex-direction:row;align-items:center;gap:12px}
#resource-directory .resource-table{display:block}
#resource-directory .resource-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#resource-directory .resource-table tbody{display:block}
#resource-directory .resource-table tr{display:block;padding:24px;border-bottom:1px solid #d3dfea}
#resource-directory .resource-table tr:last-child{border-bottom:0}
#resource-directory .resource-table tbody th,#resource-directory .resource-table td{display:block;border:0;padding:0;width:auto}
#resource-directory .resource-name{font-size:var(--type-intro)}
#resource-directory .resource-table td{margin-top:16px}
#resource-directory .resource-table td[data-label="Location"]::before{content:"Location: ";font-size:var(--type-small);font-weight:600;color:var(--navy)}
#resource-directory .resource-action a{padding:6px 0}
.hub-hero-actions{align-items:stretch;flex-direction:column}
.hub-hero-actions .btn{align-self:flex-start}
}