/* Illnessfinder: the directory uses the product's blue workspace and white panels. */
@font-face{font-family:"Source Sans 3";src:url("/assets/source-sans-3-latin.woff2") format("woff2");font-style:normal;font-weight:200 900;font-display:swap}
body.if-directory{margin:0;background:#eaf1f7;color:#20394d;font:400 1rem/1.55 "Source Sans 3",system-ui,sans-serif}
.if-directory :is(a,a:visited,a:hover,a:active,a:focus){text-decoration:none}
.if-directory a{color:#164e74;font-weight:650}
.if-directory a:hover{color:#0a334e}
.if-directory :is(a,summary):focus-visible,a[data-if-our-sites]:focus-visible{outline:3px solid #176c9f;outline-offset:3px}
a[data-if-our-sites],a[data-if-our-sites]:is(:visited,:hover,:active,:focus){text-decoration:none!important}
.if-directory .if-directory-shell{max-width:72rem;margin:0 auto;padding-inline:clamp(1rem,4vw,2rem)}
.if-directory .fk-header,.if-directory .fk-footer{background:#fff;border-block-end:1px solid #d4e0e9}
.if-directory .fk-header .if-directory-shell,.if-directory .fk-footer .if-directory-shell{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem 1.5rem;padding-block:.8rem}
.if-directory .fk-brand{display:inline-flex;gap:.65rem;align-items:center;font-size:1.25rem;min-height:44px}
.if-directory .fk-brand img{width:40px;height:40px}
.if-directory .fk-nav{display:flex;flex-wrap:wrap;gap:.3rem 1rem;align-items:center}
.if-directory .fk-nav a,.if-directory .fk-footer a{display:inline-flex;align-items:center;min-height:44px}
.if-directory main{padding-block:clamp(1.3rem,4vw,2.5rem) 2.8rem}
.if-directory h1,.if-directory h2,.if-directory h3{color:#17394f;line-height:1.2;margin:0}
.if-directory h1{font-size:clamp(2rem,5vw,2.75rem)}
.if-directory h2{font-size:clamp(1.2rem,3vw,1.5rem);margin-block:1.6rem .7rem}
.if-directory h3{font-size:1.15rem}
.if-directory .directory-intro{max-width:63ch;margin:.55rem 0 0;color:#36546a}
.if-directory .site-directory{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15.5rem),1fr));gap:.65rem;list-style:none;margin:0;padding:0}
.if-directory .site-directory>li{min-width:0;display:flex}
.if-directory .site-directory a{box-sizing:border-box;display:flex;flex-direction:column;width:100%;padding:.8rem .9rem;border:1px solid #c9d9e5;border-radius:.65rem;background:#fff;overflow-wrap:anywhere}
.if-directory .site-directory a:hover{background:#f6fbff;border-color:#799bb5}
.if-directory .site-directory h3{display:flex;justify-content:space-between;gap:.5rem}
.if-directory .directory-description{margin:.35rem 0 .55rem;color:#20394d;font-weight:400}
.if-directory .directory-host{color:#35576f;font-size:.89rem;margin-top:auto}
.if-directory .directory-language{background:#eaf1f7;color:#17394f;border-radius:.25rem;padding:.1rem .35rem;margin-inline-start:.25rem;white-space:nowrap}
.if-directory .fk-footer{border-block-start:1px solid #d4e0e9;border-block-end:0;font-size:.94rem}
.if-directory .directory-skip{position:absolute;inset-inline-start:1rem;top:.5rem;transform:translateY(-200%);z-index:2;padding:.55rem;background:#fff}
.if-directory .directory-skip:focus{transform:none}

.ls-directory-group { margin-block: 2.35rem; }
.ls-directory-group > h2 {
  display: flex; align-items: center; gap: .65rem; margin: 0 0 .7rem;
  font-size: clamp(1.28rem, 1.1rem + .45vw, 1.55rem); line-height: 1.25;
}
.ls-directory-icon {
  display: grid; place-items: center; flex: 0 0 2rem; block-size: 2rem;
  border: 1px solid var(--ls-line, #cddbd6); border-radius: 50%;
  color: var(--ls-accent, #245d58); background: var(--ls-current, #eaf1ed);
}
.ls-directory-icon svg { inline-size: 1rem; block-size: 1rem; }
.ls-directory-group .ls-directory-grid {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px; margin: 0; padding: 0; list-style: none;
}
.ls-directory-grid > li { display: flex; min-inline-size: 0; }
.ls-directory-group .ls-directory-card {
  display: flex; box-sizing: border-box; flex-direction: column; inline-size: 100%;
  min-inline-size: 0; overflow-wrap: anywhere; gap: 0;
  padding: 19px 20px; border: 1px solid var(--ls-line, #cddbd6);
  border-block-start: 3px solid var(--ls-top, #c4d8cc); border-radius: 6px;
  background: var(--ls-card, #fff); color: var(--ls-ink, #17364b);
  text-decoration: none; font-weight: 400;
}
.ls-directory-group--health { --ls-top: #c4d3db; }
.ls-directory-group--public { --ls-top: #dfd4b9; }
.ls-directory-group .ls-directory-current { background: var(--ls-current, #eaf1ed); }
.ls-directory-group a.ls-directory-card:is(:visited,:hover,:active,:focus) { text-decoration: none; }
.ls-directory-group a.ls-directory-card:hover { background: var(--ls-current, #eaf1ed); }
.ls-directory-group a.ls-directory-card:focus-visible { outline: 2px solid var(--ls-accent, #245d58); outline-offset: 3px; }
.ls-directory-card h3 {
  display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between;
  gap: .45rem; margin: 0 0 .25rem; color: inherit; font-size: 1.2rem; line-height: 1.3;
}
.ls-directory-card p { margin: 0 0 .6rem; color: inherit; font-size: 1rem; line-height: 1.42; }
.ls-directory-card .ls-directory-host { margin-block: auto 0; color: var(--ls-muted, #46636a); font-size: .88rem; }
.ls-directory-card .ls-directory-badge { color: var(--ls-accent, #245d58); font-size: .85rem; font-weight: 600; }
@media (max-width: 760px) {
  .ls-directory-group .ls-directory-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .ls-directory-group { margin-block: 1.7rem; }
  .ls-directory-group .ls-directory-grid { grid-template-columns: 1fr; }
  .ls-directory-group .ls-directory-card { padding: 13px 15px; }
}