/* Directory presentation only. AI pages do not load this stylesheet.
   Public and member directories share the same tokens, hero and cards. */
.nav-public:is(.nav-directory, .nav-public-community) {
  --orange: #c44820;
  --orange-soft: #fff0e7;
  --ink: #272421;
  --muted: #716a64;
  --gray: #f4f1ed;
  --line: #e7e1da;
  --white: #fff;
  --surface: #f8f5f1;
  --radius: 16px;
  --directory-curve: cubic-bezier(.22, 1, .36, 1);
  background: #fbfaf8;
  color: var(--ink);
  font-family: Manrope, "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.nav-public.nav-directory.directory-classic,
[data-site-theme="classic"] .nav-public.nav-public-community {
  --muted: #6e6e73;
  --gray: #f5f5f7;
  --line: #e7e7ea;
  background: #fff;
}
.nav-public:is(.nav-directory, .nav-public-community) :is(button, input, select, textarea) { font-family: inherit; }
.nav-public:is(.nav-directory, .nav-public-community) :is(h1, h2, h3) { text-wrap: balance; font-weight: 600; }
.nav-public:is(.nav-directory, .nav-public-community) p { text-wrap: pretty; }
.nav-public:is(.nav-directory, .nav-public-community) :is(a, button, summary, input, textarea, select):focus-visible { outline: 2px solid var(--orange); outline-offset: 4px; }
.nav-public:is(.nav-directory, .nav-public-community) [id] { scroll-margin-top: 112px; }
.nav-public:is(.nav-directory, .nav-public-community) .nav-wrap { width: 100%; max-width: 1280px; padding-inline: 40px; }
.nav-public:is(.nav-directory, .nav-public-community) .nav-icon { width: 20px; height: 20px; flex: 0 0 auto; vertical-align: middle; }
.nav-public.nav-directory .nav-header {
  top: 16px; width: min(1248px, calc(100% - 32px)); min-height: 64px;
  margin: 16px auto 0; padding: 12px 16px; gap: 24px;
  border: 1px solid var(--line); border-radius: 16px;
  background: #fffdfaf2; backdrop-filter: blur(16px);
  box-shadow: 0 8px 24px #62462b08;
}
.nav-public.nav-directory .nav-brand { gap: 8px; color: var(--ink); font-size: 18px; line-height: 28px; font-weight: 700; }
.nav-public.nav-directory .nav-brand img { width: 28px; height: 28px; }
.nav-public.nav-directory .nav-main { gap: 16px; margin-left: auto; }
.nav-public.nav-directory .nav-main a { font-size: 14px; line-height: 20px; color: var(--muted); text-decoration: none; transition: opacity 300ms var(--directory-curve); }
.nav-public.nav-directory .nav-main a:is(:hover, [aria-current]) { color: var(--orange); }
.nav-public.nav-directory .nav-main a[aria-current] { font-weight: 600; }
.nav-public.nav-directory .nav-actions { gap: 8px; margin-left: 0; }
.nav-public.nav-directory .nav-community { padding: 8px 12px; border-radius: 8px; background: #272727; color: #fff; font-size: 14px; line-height: 20px; font-weight: 600; }
.nav-public.nav-directory .nav-community:hover { background: #313131; }
.nav-public.nav-directory .nav-menu-toggle { display: none; }
.nav-public.nav-directory .nav-skip { position: fixed; top: 16px; left: 24px; z-index: 30; padding: 12px 16px; border-radius: 8px; background: #272727; color: #fff; transform: translateY(-160%); }
.nav-public.nav-directory .nav-skip:focus { transform: none; }
.nav-public:is(.nav-directory, .nav-public-community) .nav-hero--split {
  display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.35fr);
  align-items: center; gap: 48px; padding: 48px 0 40px; text-align: left;
}
.nav-public:is(.nav-directory, .nav-public-community) .eyebrow { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; color: var(--orange); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: .08em; }
.nav-public:is(.nav-directory, .nav-public-community) .nav-status-dot { width: 8px; height: 8px; border-radius: 9999px; background: var(--orange); }
.nav-public:is(.nav-directory, .nav-public-community) .nav-hero--split h1 {
  max-width: 680px; margin: 0 0 16px; font-size: 48px; line-height: 48px; letter-spacing: -.04em; font-weight: 700;
  background: linear-gradient(90deg, #000, #666); color: #272421; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.nav-public:is(.nav-directory, .nav-public-community) .nav-hero--split .nav-hero__subtitle { max-width: 680px; margin: 0; color: var(--muted); font-size: 16px; line-height: 24px; }
.nav-public:is(.nav-directory, .nav-public-community) .nav-hero__search { width: 100%; min-width: 0; }
.nav-public:is(.nav-directory, .nav-public-community) .nav-hero--split .nav-search {
  display: flex; align-items: center; gap: 8px; margin: 0; padding: 8px;
  border: 1px solid #d6c8bc; border-radius: 16px; background: #fff; box-shadow: 0 8px 24px #62462b08;
}
.nav-public:is(.nav-directory, .nav-public-community) .nav-search > .nav-icon { margin-left: 8px; color: #94877c; }
.nav-public:is(.nav-directory, .nav-public-community) .nav-hero--split .nav-search input { width: 100%; padding: 8px 0; border-radius: 0; font-size: 16px; line-height: 24px; background: transparent; box-shadow: none; }
.nav-public:is(.nav-directory, .nav-public-community) .nav-search:focus-within { outline: 2px solid var(--orange); outline-offset: 4px; }
.nav-public:is(.nav-directory, .nav-public-community) .nav-search input:focus-visible { outline: none; }
.nav-public:is(.nav-directory, .nav-public-community) .nav-search__key { display: grid; place-items: center; width: 24px; height: 24px; flex: 0 0 24px; border: 1px solid var(--line); border-radius: 4px; color: var(--muted); font: inherit; font-size: 12px; line-height: 16px; }
.nav-public:is(.nav-directory, .nav-public-community) .nav-search button,
.nav-public:is(.nav-directory, .nav-public-community) .button.primary { gap: 8px; padding: 8px 12px; min-height: 40px; border-radius: 8px; background: var(--orange); color: #fff; font-size: 16px; line-height: 24px; font-weight: 600; box-shadow: none; }
.nav-public:is(.nav-directory, .nav-public-community) :is(.nav-search button, .button.primary):hover { background: #a93a18; }
.nav-public:is(.nav-directory, .nav-public-community) :is(button, .button, .category-links a):active { transform: scale(.98); }
.nav-public:is(.nav-directory, .nav-public-community) .nav-hero__meta { display: flex; align-items: center; gap: 8px 16px; margin-top: 12px; flex-wrap: wrap; }
.nav-public:is(.nav-directory, .nav-public-community) .nav-hero--split .nav-search__hint { margin: 0; color: var(--muted); font-size: 12px; line-height: 16px; }
.nav-public:is(.nav-directory, .nav-public-community) .nav-search__hint strong { color: var(--ink); font-weight: 600; font-variant-numeric: tabular-nums; }
.nav-public:is(.nav-directory, .nav-public-community) .nav-search__hint a { margin-left: 8px; }
.nav-public:is(.nav-directory, .nav-public-community) .nav-hero__share { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; padding: 0; border: 0; background: transparent; color: var(--muted); font-size: 12px; line-height: 16px; text-decoration: none; cursor: pointer; }
.nav-public:is(.nav-directory, .nav-public-community) .nav-hero__share .nav-icon { width: 16px; height: 16px; }
.nav-public:is(.nav-directory, .nav-public-community) .nav-hero__share:hover { color: var(--orange); }
.nav-public:is(.nav-directory, .nav-public-community) .nav-search__ideas { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 16px; color: var(--muted); font-size: 12px; line-height: 16px; }
.nav-public:is(.nav-directory, .nav-public-community) .nav-search__ideas a { padding: 4px 8px; border-radius: 4px; background: #ede8e1; color: #62584f; text-decoration: none; }
.nav-public:is(.nav-directory, .nav-public-community) .nav-search__ideas a:hover { background: var(--orange-soft); color: var(--orange); }
.nav-public:is(.nav-directory, .nav-public-community) .nav-section { padding: 40px 0 0; }
.nav-public:is(.nav-directory, .nav-public-community) .section-title { gap: 8px 12px; align-items: center; margin-bottom: 24px; }
.nav-public:is(.nav-directory, .nav-public-community) .section-title h2 { font-size: 24px; line-height: 32px; letter-spacing: -.02em; }
.nav-public:is(.nav-directory, .nav-public-community) .section-title > span { font-size: 14px; line-height: 20px; color: var(--muted); }
.nav-public:is(.nav-directory, .nav-public-community) .section-title .section-title__icon { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 8px; background: var(--orange-soft); color: var(--orange); }
.nav-public:is(.nav-directory, .nav-public-community) .nav-section-link { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; color: var(--muted); font-size: 12px; line-height: 16px; text-decoration: none; }
.nav-public:is(.nav-directory, .nav-public-community) .nav-section-link:hover { color: var(--orange); }
.nav-public:is(.nav-directory, .nav-public-community) .nav-section-link .nav-icon { width: 16px; height: 16px; }
.nav-public:is(.nav-directory, .nav-public-community) .nav-categories { padding: 24px; border: 1px solid var(--line); border-radius: 16px; background: #fff; }
.nav-public:is(.nav-directory, .nav-public-community) .nav-categories .section-title { margin-bottom: 16px; }
.nav-public:is(.nav-directory, .nav-public-community) .nav-categories h2 { font-size: 18px; line-height: 28px; }
.nav-public:is(.nav-directory, .nav-public-community) .nav-categories .section-title > span { font-size: 12px; line-height: 16px; }
.nav-public:is(.nav-directory, .nav-public-community) .category-links { gap: 8px; }
.nav-public:is(.nav-directory, .nav-public-community) .category-links a { gap: 8px; padding: 8px 12px; border: 1px solid transparent; border-radius: 8px; background: #f6f3ef; color: #514b45; font-size: 14px; line-height: 20px; }
.nav-public:is(.nav-directory, .nav-public-community) .category-links a:is(:hover, [aria-current]) { border-color: #e9c7b1; background: var(--orange-soft); color: var(--orange); }
.nav-public:is(.nav-directory, .nav-public-community) .category-links small { color: #85786c; font-size: 12px; line-height: 16px; font-variant-numeric: tabular-nums; }
.nav-public:is(.nav-directory, .nav-public-community) .site-grid { gap: 16px; }
.nav-public:is(.nav-directory, .nav-public-community) #featured .site-grid:not(.site-grid--list) { grid-template-columns: 1.12fr 1fr 1fr; }
.nav-public:is(.nav-directory, .nav-public-community) .site-card { position: relative; gap: 0; padding: 24px; border-radius: 16px; background: #fff; box-shadow: none; transition: transform 500ms var(--directory-curve); }
.nav-public:is(.nav-directory, .nav-public-community) #featured .site-card:first-child { background: #fff6ee; border-color: #e9c7b1; }
.nav-public:is(.nav-directory, .nav-public-community) .site-card:hover { border-color: #d6bda6; box-shadow: none; transform: translateY(-4px); }
.nav-public:is(.nav-directory, .nav-public-community) .site-card__head { gap: 12px; align-items: flex-start; flex-wrap: wrap; }
.nav-public:is(.nav-directory, .nav-public-community) .site-card__head :is(img, .site-icon) { width: 40px; height: 40px; flex: 0 0 40px; border-radius: 8px; object-fit: contain; font-weight: 600; }
.nav-public:is(.nav-directory, .nav-public-community) .site-card__identity { flex: 1 1 120px; }
.nav-public:is(.nav-directory, .nav-public-community) .site-card__identity h3 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; overflow-wrap: anywhere; font-size: 18px; line-height: 28px; font-weight: 600; }
.nav-public:is(.nav-directory, .nav-public-community) .site-card__identity p { margin: 4px 0 0; font-size: 12px; line-height: 16px; }
.nav-public:is(.nav-directory, .nav-public-community) .site-card__desc { min-height: 40px; -webkit-line-clamp: 2; margin: 16px 0 12px; color: #625b55; font-size: 14px; line-height: 20px; }
.nav-public:is(.nav-directory, .nav-public-community) .site-card__reason { margin: 0 0 16px; padding: 0; border: 0; font-size: 12px; line-height: 16px; color: #8b634a; }
.nav-public:is(.nav-directory, .nav-public-community) .site-card__reason > span { color: var(--orange); margin-right: 8px; font-weight: 600; }
.nav-public:is(.nav-directory, .nav-public-community) .site-card__tags { gap: 4px; margin-top: auto; }
.nav-public:is(.nav-directory, .nav-public-community) .site-card__tags :is(a, span) { padding: 4px 8px; border-radius: 4px; font-size: 12px; line-height: 16px; }
.nav-public:is(.nav-directory, .nav-public-community) .site-card__tags > * { max-width: 100%; overflow-wrap: anywhere; }
.nav-public:is(.nav-directory, .nav-public-community) .site-card__tags a { background: var(--orange-soft); }
.nav-public:is(.nav-directory, .nav-public-community) .site-card__actions { gap: 8px; flex-wrap: wrap; margin-top: 24px; padding: 0; border: 0; justify-content: flex-start; }
.nav-public:is(.nav-directory, .nav-public-community) .site-card__actions > a:first-child { margin-right: auto; color: var(--muted); font-size: 12px; line-height: 16px; }
.nav-public:is(.nav-directory, .nav-public-community) .site-card__actions .button { display: inline-flex; gap: 4px; min-height: 40px; padding: 8px 12px; border-radius: 8px; font-size: 14px; line-height: 20px; font-weight: 600; }
.nav-public:is(.nav-directory, .nav-public-community) .site-card__actions .site-card__copy { padding-inline: 8px; border-color: transparent; background: transparent; color: var(--muted); font-size: 12px; font-weight: 400; }
.nav-public:is(.nav-directory, .nav-public-community) .site-card__actions .site-card__copy:hover { background: var(--gray); color: var(--orange); }
.nav-public:is(.nav-directory, .nav-public-community) .site-card__actions .nav-icon { width: 16px; height: 16px; }
.nav-public:is(.nav-directory, .nav-public-community) .site-card__favorite { padding: 4px 8px; border-radius: 8px; font-size: 12px; line-height: 16px; transition: opacity 300ms var(--directory-curve); }
.nav-public:is(.nav-directory, .nav-public-community) .site-card__favorite:hover { background: var(--orange-soft); }
.nav-public:is(.nav-directory, .nav-public-community) .sponsor { padding: 4px 8px; border-radius: 4px; font-size: 12px; line-height: 16px; }
.nav-public:is(.nav-directory, .nav-public-community) .site-downloads { gap: 8px; margin-top: 12px; }
.nav-public:is(.nav-directory, .nav-public-community) .site-download { min-height: 40px; padding: 8px 12px; border-radius: 8px; background: #fff9f4; font-size: 12px; line-height: 16px; font-weight: 500; }
.nav-public:is(.nav-directory, .nav-public-community) .site-download:hover { background: var(--orange-soft); }
.nav-public:is(.nav-directory, .nav-public-community) :is(.site-download, .download-menu) { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.nav-public:is(.nav-directory, .nav-public-community) .download-menu__list { max-width: min(320px, 100%); min-width: min(224px, 100%); overflow-wrap: anywhere; }
.nav-public:is(.nav-directory, .nav-public-community) .view-toggle { padding: 4px; gap: 4px; border: 1px solid var(--line); border-radius: 8px; background: #f1ece6; }
.nav-public:is(.nav-directory, .nav-public-community) .view-toggle button { display: inline-flex; gap: 4px; align-items: center; padding: 4px 8px; border-radius: 4px; font-size: 12px; line-height: 16px; }
.nav-public:is(.nav-directory, .nav-public-community) .view-toggle .nav-icon { width: 16px; height: 16px; }
.nav-public:is(.nav-directory, .nav-public-community) .site-grid--list .site-card { grid-template-columns: minmax(200px, 1fr) minmax(0, 1.3fr) auto; gap: 16px; padding: 16px 24px; }
.nav-public:is(.nav-directory, .nav-public-community) .site-grid--list .site-card__desc { margin: 0; min-height: 0; }
.nav-public:is(.nav-directory, .nav-public-community) .site-grid--list .site-card__actions { margin: 0; }
.nav-public:is(.nav-directory, .nav-public-community) .site-grid--list .site-downloads { grid-column: 2 / -1; margin: 0; }
.nav-public:is(.nav-directory, .nav-public-community) .nav-empty { grid-column: 1 / -1; padding: 48px 24px; border: 1px solid var(--line); border-radius: 16px; background: #fff; }
.nav-public:is(.nav-directory, .nav-public-community) .nav-empty > .nav-icon { width: 32px; height: 32px; margin-bottom: 16px; color: var(--orange); }
.nav-public:is(.nav-directory, .nav-public-community) .nav-empty h3 { margin: 0; color: var(--ink); font-size: 20px; line-height: 28px; overflow-wrap: anywhere; }
.nav-public:is(.nav-directory, .nav-public-community) .nav-empty p { margin: 12px 0 24px; font-size: 14px; line-height: 20px; }
.nav-public:is(.nav-directory, .nav-public-community) :is(.nav-about, .nav-submit, .nav-business) { padding: 32px; margin-top: 40px; border: 1px solid var(--line); border-radius: 16px; background: #fff; }
.nav-public:is(.nav-directory, .nav-public-community) .nav-about { background: #f3ede5; border: 0; }
.nav-public:is(.nav-directory, .nav-public-community) .nav-section .nav-tagline { max-width: 680px; margin: 16px 0 24px; font-size: 36px; line-height: 40px; letter-spacing: -.03em; }
.nav-public:is(.nav-directory, .nav-public-community) .nav-tagline [data-word] { opacity: .32; transition: opacity 500ms var(--directory-curve); }
.nav-public:is(.nav-directory, .nav-public-community) .nav-tagline [data-word].is-visible { opacity: 1; }
.nav-public:is(.nav-directory, .nav-public-community) :is(.nav-about, .nav-business) p { max-width: 680px; font-size: 14px; line-height: 20px; }
.nav-public:is(.nav-directory, .nav-public-community) .nav-footer__note { font-size: 12px !important; line-height: 16px; }
.nav-public:is(.nav-directory, .nav-public-community) .nav-message { font-size: 12px; line-height: 16px; }
.nav-public:is(.nav-directory, .nav-public-community) .nav-reveal { opacity: 0; transform: translateY(32px); transition: opacity 700ms var(--directory-curve), transform 700ms var(--directory-curve); }
.nav-public:is(.nav-directory, .nav-public-community) .nav-reveal.is-visible { opacity: 1; transform: none; }
@media (max-width: 1100px) {
  .nav-public.nav-directory .nav-header { flex-wrap: wrap; gap: 12px 16px; }
  .nav-public.nav-directory .nav-actions { margin-left: auto; }
  .nav-public.nav-directory .nav-main { order: 3; width: 100%; margin: 0; gap: 24px; padding: 4px 0; overflow-x: auto; scrollbar-width: none; }
  .nav-public.nav-directory .nav-main a:nth-child(n) { display: inline; }
  .nav-public:is(.nav-directory, .nav-public-community) .site-grid,
  .nav-public:is(.nav-directory, .nav-public-community) #featured .site-grid:not(.site-grid--list) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nav-public:is(.nav-directory, .nav-public-community) .site-grid--list { grid-template-columns: 1fr; }
  .nav-public:is(.nav-directory, .nav-public-community) .site-grid--list .site-card { grid-template-columns: minmax(0, 1fr) auto; }
  .nav-public:is(.nav-directory, .nav-public-community) .site-grid--list .site-card__desc { display: none; }
  .nav-public:is(.nav-directory, .nav-public-community) .site-grid--list .site-downloads { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
  .nav-public.nav-directory .nav-header { top: 8px; width: calc(100% - 16px); min-height: 64px; margin-top: 8px; padding: 12px; border-radius: 16px; }
  .nav-public.nav-directory .nav-brand { font-size: 16px; line-height: 24px; }
  .nav-public.nav-directory .nav-brand img { width: 24px; height: 24px; }
  .nav-public.nav-directory .nav-community { font-size: 12px; line-height: 16px; padding: 8px; }
  .nav-public.nav-directory .nav-menu-toggle:not([hidden]) { display: flex; flex-direction: column; justify-content: center; gap: 4px; width: 40px; height: 40px; padding: 8px; border: 1px solid var(--line); border-radius: 8px; background: #fff; cursor: pointer; }
  .nav-public.nav-directory .nav-menu-toggle span { display: block; width: 100%; height: 2px; background: var(--ink); transition: transform 500ms var(--directory-curve); }
  .nav-public.nav-directory .nav-menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3px) rotate(45deg); }
  .nav-public.nav-directory .nav-menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3px) rotate(-45deg); }
  .nav-public.nav-directory .nav-header[data-menu-ready] .nav-main { display: none; }
  .nav-public.nav-directory .nav-header.is-menu-open .nav-main { display: flex; position: absolute; top: calc(100% + 8px); left: 0; width: 100%; height: calc(100dvh - 112px); flex-direction: column; align-items: stretch; gap: 8px; padding: 24px; border: 1px solid var(--line); border-radius: 16px; background: #fffdfafc; backdrop-filter: blur(24px); overflow-y: auto; }
  .nav-public.nav-directory .nav-header.is-menu-open .nav-main a:nth-child(n) { display: block; padding: 12px; font-size: 20px; line-height: 28px; }
  .nav-public.nav-directory .nav-main a.nav-menu-enter { opacity: 0; transform: translateY(24px); transition: opacity 500ms var(--directory-curve), transform 500ms var(--directory-curve); }
  .nav-public.nav-directory .nav-main a.nav-menu-enter.is-visible { opacity: 1; transform: none; }
  .nav-public:is(.nav-directory, .nav-public-community) .nav-wrap { padding-inline: 16px; }
  .nav-public:is(.nav-directory, .nav-public-community) .nav-hero--split { grid-template-columns: 1fr; gap: 24px; padding: 32px 0; text-align: left; }
  .nav-public:is(.nav-directory, .nav-public-community) .nav-hero--split h1 { font-size: 36px; line-height: 40px; margin-bottom: 12px; }
  .nav-public:is(.nav-directory, .nav-public-community) .nav-hero--split .nav-hero__subtitle { font-size: 14px; line-height: 20px; }
  .nav-public:is(.nav-directory, .nav-public-community) .nav-hero--split .nav-hero__meta { justify-content: flex-start; }
  .nav-public:is(.nav-directory, .nav-public-community) .nav-search__key { display: none; }
  .nav-public:is(.nav-directory, .nav-public-community) .nav-search__ideas { margin-top: 12px; }
  .nav-public:is(.nav-directory, .nav-public-community) .nav-section { padding-top: 32px; }
  .nav-public:is(.nav-directory, .nav-public-community) .nav-categories { padding: 16px; }
  .nav-public:is(.nav-directory, .nav-public-community) .nav-categories .section-title > span { display: none; }
  .nav-public:is(.nav-directory, .nav-public-community) .section-title { margin-bottom: 16px; }
  .nav-public:is(.nav-directory, .nav-public-community) .section-title h2 { font-size: 20px; line-height: 28px; }
  .nav-public:is(.nav-directory, .nav-public-community) .section-title > span { font-size: 12px; line-height: 16px; }
  .nav-public:is(.nav-directory, .nav-public-community) .category-links a { padding: 8px; font-size: 12px; line-height: 16px; }
  .nav-public:is(.nav-directory, .nav-public-community) .site-grid,
  .nav-public:is(.nav-directory, .nav-public-community) #featured .site-grid:not(.site-grid--list) { grid-template-columns: 1fr; }
  .nav-public:is(.nav-directory, .nav-public-community) .site-card { padding: 24px; }
  .nav-public:is(.nav-directory, .nav-public-community) .site-card__identity h3 { font-size: 18px; line-height: 28px; }
  .nav-public:is(.nav-directory, .nav-public-community) .site-grid--list .site-card { grid-template-columns: 1fr; gap: 12px; padding: 16px; }
  .nav-public:is(.nav-directory, .nav-public-community) .site-grid--list .site-card__actions { flex-wrap: wrap; }
  .nav-public:is(.nav-directory, .nav-public-community) .view-toggle { margin-left: auto; }
  .nav-public:is(.nav-directory, .nav-public-community) :is(.nav-about, .nav-submit, .nav-business) { padding: 24px; margin-top: 32px; }
  .nav-public:is(.nav-directory, .nav-public-community) .nav-section .nav-tagline { font-size: 30px; line-height: 36px; }
}
@media (prefers-reduced-motion: reduce) {
  .nav-public:is(.nav-directory, .nav-public-community) :is(.nav-reveal, .site-card, .nav-menu-enter, .nav-menu-toggle span) { transform: none !important; transition: opacity 300ms var(--directory-curve); }
  .nav-public:is(.nav-directory, .nav-public-community) .nav-tagline [data-word] { opacity: 1; }
}