/* TP-VERSION: 1.1.1 — folklore directory (Cauldron dark mode) */
.folklore-dir { background: #1F3024; color: #EDE6D8; padding: 48px 24px; font-family: 'Public Sans', sans-serif; }
.folklore-dir__inner { max-width: 960px; margin: 0 auto; }
.folklore-dir__title { font-family: 'Fraunces', serif; font-weight: 500; font-size: 30px; text-align: center; margin: 0 0 10px; color: #EDE6D8; }
.folklore-dir__lede { text-align: center; max-width: 58ch; margin: 0 auto 24px; opacity: .85; line-height: 1.6; }
.folklore-dir__filter { list-style: none; margin: 0 0 26px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.folklore-dir__filter a { display: inline-block; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; padding: 5px 14px; border: 1px solid #3D5A45; border-radius: 20px; color: #EDE6D8; text-decoration: none; }
.folklore-dir__filter a:hover, .folklore-dir__filter a[aria-current] { border-color: #B8783A; color: #B8783A; }
.folklore-dir__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px; }
.folklore-dir__grid a { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; border: 1px solid #3D5A45; color: #EDE6D8; text-decoration: none; height: 100%; box-sizing: border-box; }
.folklore-dir__grid a:hover, .folklore-dir__grid a:focus, .folklore-dir__grid a:focus-visible, .folklore-dir__grid a:active, .folklore-dir__grid a:visited { border-color: #B8783A; color: #EDE6D8 !important; text-decoration: none; }
.folklore-dir__grid a:visited { border-color: #3D5A45; }
.folklore-dir__grid a:visited:hover, .folklore-dir__grid a:visited:focus-visible { border-color: #B8783A; }
.folklore-dir__grid a strong, .folklore-dir__grid a .folklore-dir__meta { color: inherit !important; }
.folklore-dir__grid strong { font-family: 'Fraunces', serif; font-weight: 500; font-size: 17px; }
.folklore-dir__meta { font-family: 'IBM Plex Mono', monospace; font-style: italic; font-size: 11px; letter-spacing: .05em; text-transform: uppercase; opacity: .65; }
.folklore-dir__empty { text-align: center; opacity: .7; }

.folklore-dir__count { opacity: .6; font-size: .9em; }