@import '_content/Naheed.Design/Naheed.Design.nk3jta63aw.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-1yvk7jl1hv] {
  max-inline-size: 72rem;
  margin-inline: auto;
  padding: var(--space-8) var(--space-6);
}

@media (max-width: 640px) {
  .page[b-1yvk7jl1hv] { padding-inline: var(--space-4); }
}
/* /Components/Layout/SiteFooter.razor.rz.scp.css */
.footer[b-yfg1bi4skp] {
  border-block-start: 1px solid var(--rule);
  background: var(--surface);
  padding-block: var(--space-12) var(--space-8);
  margin-block-start: var(--space-20);
  color: var(--ink);
}

.footer__container[b-yfg1bi4skp] {
  max-inline-size: var(--container-wide);
  margin-inline: auto;
  padding-inline: var(--space-6);
}

.footer__grid[b-yfg1bi4skp] {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-8);
  margin-block-end: var(--space-10);
}

@media (min-width: 768px) {
  .footer__grid[b-yfg1bi4skp] {
    grid-template-columns: 2fr 1fr 1fr 1fr;
  }
}

.footer__brand[b-yfg1bi4skp] {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  margin-block-end: var(--space-4);
}

.footer__brand-name[b-yfg1bi4skp] {
  font-family: var(--font-display);
  font-size: var(--text-2xl);
  font-weight: 900;
  color: var(--ink);
}

.footer__brand-tagline[b-yfg1bi4skp] {
  font-size: var(--text-xs);
  color: var(--primary-deep);
  font-weight: 500;
}

.footer__statements[b-yfg1bi4skp] {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.footer__statement[b-yfg1bi4skp] {
  margin: 0;
  font-size: var(--text-sm);
  line-height: var(--leading-body);
  color: var(--ink-soft);
}

.footer__statement--highlight[b-yfg1bi4skp] {
  background: var(--ground-alt);
  padding: var(--space-3);
  border-inline-start: 3px solid var(--primary);
  border-radius: var(--radius-control);
  color: var(--ink);
}

.footer__status[b-yfg1bi4skp] {
  margin: 0;
  font-size: var(--text-xs);
  color: var(--ink-faint);
  line-height: 1.6;
}

.footer__col-title[b-yfg1bi4skp] {
  font-family: var(--font-display);
  font-size: var(--text-base);
  font-weight: 800;
  margin-block-end: var(--space-4);
  color: var(--ink);
}

.footer__links-list[b-yfg1bi4skp] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.footer__links-list a[b-yfg1bi4skp] {
  text-decoration: none;
  font-size: var(--text-sm);
  color: var(--ink-soft);
  transition: color var(--transition-fast);
}

.footer__links-list a:hover[b-yfg1bi4skp] {
  color: var(--primary);
}

.footer__bottom[b-yfg1bi4skp] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding-block-start: var(--space-6);
  border-block-start: 1px solid var(--rule);
  font-size: var(--text-xs);
  color: var(--ink-faint);
}

.footer__copyright[b-yfg1bi4skp],
.footer__audit-note[b-yfg1bi4skp] {
  margin: 0;
}

@media (max-width: 640px) {
  .footer__container[b-yfg1bi4skp] { padding-inline: var(--space-4); }
}
/* /Components/Layout/SiteHeader.razor.rz.scp.css */
.masthead[b-q8fdkqwf4j] {
  position: sticky;
  inset-block-start: 0;
  z-index: var(--layer-sticky);
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(8px);
  border-block-end: 1px solid var(--rule);
  box-shadow: 0 1px 3px rgba(13, 36, 64, 0.04);
}

.masthead__container[b-q8fdkqwf4j] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding: var(--space-3) var(--space-6);
  max-inline-size: var(--container-wide);
  margin-inline: auto;
}

.masthead__brand[b-q8fdkqwf4j] {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  text-decoration: none;
  color: inherit;
}

.masthead__emblem[b-q8fdkqwf4j] {
  display: flex;
  align-items: center;
  justify-content: center;
}

.masthead__titles[b-q8fdkqwf4j] {
  display: flex;
  flex-direction: column;
}

.masthead__name[b-q8fdkqwf4j] {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: var(--text-xl);
  color: var(--ink);
  line-height: 1.1;
}

.masthead__tagline[b-q8fdkqwf4j] {
  font-size: var(--text-xs);
  color: var(--primary-deep);
  font-weight: 500;
}

.masthead__nav[b-q8fdkqwf4j] {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  flex-wrap: nowrap;
}

.masthead__nav a[b-q8fdkqwf4j] {
  text-decoration: none;
  color: var(--ink-soft);
  font-size: var(--text-xs);
  font-weight: 600;
  padding: var(--space-1) var(--space-2);
  border-radius: var(--radius-control);
  white-space: nowrap;
  transition: all var(--transition-fast);
}

.masthead__nav a:hover[b-q8fdkqwf4j] {
  color: var(--primary-deep);
  background: var(--primary-wash);
}

.masthead__actions[b-q8fdkqwf4j] {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.masthead__search-form[b-q8fdkqwf4j] {
  display: flex;
  align-items: center;
}

.masthead__search-box[b-q8fdkqwf4j] {
  position: relative;
  display: flex;
  align-items: center;
}

.masthead__search-icon[b-q8fdkqwf4j] {
  position: absolute;
  inset-inline-start: var(--space-2);
  color: var(--ink-soft);
  pointer-events: none;
}

.masthead__search-input[b-q8fdkqwf4j] {
  inline-size: 150px;
  padding-block: var(--space-1);
  padding-inline-start: var(--space-6);
  padding-inline-end: var(--space-2);
  font-family: var(--font-body);
  font-size: var(--text-xs);
  border: 1px solid var(--rule);
  border-radius: var(--radius-pill);
  background: var(--surface-soft);
  color: var(--ink);
  transition: all var(--transition-fast);
}

.masthead__search-input:focus[b-q8fdkqwf4j] {
  inline-size: 210px;
  border-color: var(--primary);
  background: var(--surface);
  outline: none;
  box-shadow: 0 0 0 3px var(--primary-wash);
}

@media (max-width: 1100px) {
  .masthead__container[b-q8fdkqwf4j] {
    padding-inline: var(--space-4);
  }

  .masthead__nav[b-q8fdkqwf4j] {
    order: 3;
    inline-size: 100%;
    overflow-x: auto;
    padding-block: var(--space-2);
    gap: var(--space-2);
    scrollbar-width: none;
  }

  .masthead__nav[b-q8fdkqwf4j]::-webkit-scrollbar {
    display: none;
  }
}
/* /Components/Pages/About.razor.rz.scp.css */
.about-page[b-6hicxc9rw1] {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  margin-block-end: var(--space-12);
}

.page-hero__badges[b-6hicxc9rw1] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-block-end: var(--space-3);
}

/* 4 Pillars */
.about-pillars[b-6hicxc9rw1] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--space-5);
  margin-block: var(--space-2);
}

.pillar-card[b-6hicxc9rw1] {
  padding: var(--space-6);
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}

.pillar-card:hover[b-6hicxc9rw1] {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.pillar-card__icon[b-6hicxc9rw1] {
  inline-size: 48px;
  block-size: 48px;
  border-radius: var(--radius-card);
  background: var(--primary-wash);
  color: var(--primary);
  display: flex;
  align-items: center;
  justify-content: center;
}

.pillar-card h2[b-6hicxc9rw1] {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: 800;
  color: var(--ink-strong);
  margin: 0;
}

.pillar-card p[b-6hicxc9rw1] {
  font-size: var(--text-sm);
  color: var(--ink);
  line-height: var(--leading-body);
  margin: 0;
}

/* Callout */
.about-callout[b-6hicxc9rw1] {
  padding: var(--space-6);
  background: #f8fafc;
  border: 1px solid var(--rule-strong);
  border-inline-start: 4px solid var(--primary-deep);
  display: flex;
  gap: var(--space-4);
  align-items: flex-start;
}

.about-callout__icon[b-6hicxc9rw1] {
  flex-shrink: 0;
  inline-size: 44px;
  block-size: 44px;
  border-radius: var(--radius-card);
  background: var(--primary-wash);
  color: var(--primary-deep);
  display: flex;
  align-items: center;
  justify-content: center;
}

.about-callout__content h2[b-6hicxc9rw1] {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: 800;
  color: var(--ink-strong);
  margin: 0 0 var(--space-2) 0;
}

.about-callout__content p[b-6hicxc9rw1] {
  font-size: var(--text-sm);
  color: var(--ink);
  line-height: var(--leading-body);
  margin: 0;
}

/* Story section */
.about-story[b-6hicxc9rw1] {
  padding: var(--space-8);
  background: var(--surface);
}

.about-story__content h2[b-6hicxc9rw1] {
  font-family: var(--font-display);
  font-size: var(--text-xl);
  font-weight: 800;
  color: var(--ink-strong);
  margin: 0 0 var(--space-3) 0;
}

.about-story__content p[b-6hicxc9rw1] {
  font-size: var(--text-base);
  color: var(--ink);
  line-height: var(--leading-body);
  margin: 0 0 var(--space-6) 0;
  max-inline-size: 70ch;
}

.about-story__actions[b-6hicxc9rw1] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

@media (max-width: 640px) {
  .about-pillars[b-6hicxc9rw1] {
    grid-template-columns: 1fr;
  }

  .about-callout[b-6hicxc9rw1] {
    flex-direction: column;
  }
}
/* /Components/Pages/ArticleIndex.razor.rz.scp.css */
.articles-page[b-l9wxjj8o3b] {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  margin-block-end: var(--space-12);
}

/* Category Filter Pills */
.article-filters[b-l9wxjj8o3b] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-block-end: var(--space-4);
}

.filter-pill[b-l9wxjj8o3b] {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  padding: var(--space-2) var(--space-4);
  border-radius: var(--radius-pill);
  border: 1px solid var(--rule);
  background: var(--surface);
  color: var(--ink-soft);
  font-size: var(--text-xs);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-fast);
}

.filter-pill:hover[b-l9wxjj8o3b] {
  border-color: var(--primary);
  color: var(--primary-deep);
  background: var(--primary-wash);
}

.filter-pill--active[b-l9wxjj8o3b] {
  background: var(--primary-deep);
  color: #FFFFFF !important;
  border-color: var(--primary-deep);
}

.article-card__meta-badges[b-l9wxjj8o3b] {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  font-size: var(--text-xs);
  color: var(--ink-muted);
}

.article-card__read-time[b-l9wxjj8o3b] {
  color: var(--ink-soft);
  font-weight: 500;
}

/* Featured Article */
.featured-article[b-l9wxjj8o3b] {
  padding: var(--space-8);
  background: var(--surface);
  border: 1px solid var(--rule);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  border-inline-start: 4px solid var(--primary-deep);
}

.featured-article__badge-row[b-l9wxjj8o3b] {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.featured-article__title[b-l9wxjj8o3b] {
  font-family: var(--font-display);
  font-size: var(--text-2xl);
  font-weight: 800;
  margin: 0;
  line-height: 1.3;
}

.featured-article__title a[b-l9wxjj8o3b] {
  color: var(--ink-strong);
  text-decoration: none;
  transition: color var(--transition-fast);
}

.featured-article__title a:hover[b-l9wxjj8o3b] {
  color: var(--primary-deep);
}

.featured-article__summary[b-l9wxjj8o3b] {
  font-size: var(--text-base);
  color: var(--ink-soft);
  line-height: 1.7;
  margin: 0;
}

.featured-article__footer[b-l9wxjj8o3b] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  flex-wrap: wrap;
  padding-block-start: var(--space-3);
  border-block-start: 1px solid var(--rule);
}

.featured-article__meta[b-l9wxjj8o3b] {
  font-size: var(--text-sm);
  color: var(--ink-soft);
}

.featured-article__cred[b-l9wxjj8o3b] {
  color: var(--ink-muted);
}

.featured-article__date[b-l9wxjj8o3b] {
  color: var(--ink-muted);
}

/* Articles Grid */
.articles-grid[b-l9wxjj8o3b] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: var(--space-6);
}

.article-card[b-l9wxjj8o3b] {
  padding: var(--space-6);
  background: var(--surface);
  border: 1px solid var(--rule);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--space-3);
  transition: transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);
}

.article-card:hover[b-l9wxjj8o3b] {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
  border-color: var(--primary);
}

.article-card__header[b-l9wxjj8o3b] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
}

.article-card__date[b-l9wxjj8o3b] {
  font-size: var(--text-xs);
  color: var(--ink-muted);
}

.article-card__title[b-l9wxjj8o3b] {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: 700;
  margin: 0;
  line-height: 1.4;
}

.article-card__title a[b-l9wxjj8o3b] {
  color: var(--ink-strong);
  text-decoration: none;
}

.article-card__title a:hover[b-l9wxjj8o3b] {
  color: var(--primary-deep);
}

.article-card__summary[b-l9wxjj8o3b] {
  font-size: var(--text-sm);
  color: var(--ink-soft);
  line-height: 1.6;
  margin: 0;
  flex-grow: 1;
}

.article-card__footer[b-l9wxjj8o3b] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block-start: var(--space-3);
  border-block-start: 1px solid var(--rule);
  gap: var(--space-2);
}

.article-card__author[b-l9wxjj8o3b] {
  font-size: var(--text-xs);
  color: var(--ink-muted);
}

@media (max-width: 600px) {
  .featured-article[b-l9wxjj8o3b] {
    padding: var(--space-5);
  }

  .featured-article__title[b-l9wxjj8o3b] {
    font-size: var(--text-xl);
  }

  .articles-grid[b-l9wxjj8o3b] {
    grid-template-columns: 1fr;
  }
}
/* /Components/Pages/ArticlePage.razor.rz.scp.css */
.article__kind[b-vxh1l9e0bt] { margin: 0; color: var(--primary-deep); font-size: var(--text-sm); }

.article__byline[b-vxh1l9e0bt] {
  color: var(--ink-soft);
  font-size: var(--text-sm);
  padding-block-end: var(--space-4);
  border-block-end: 1px solid var(--rule);
  max-inline-size: var(--measure);
}

.article__credentials[b-vxh1l9e0bt] { color: var(--ink-faint); }

.article__body[b-vxh1l9e0bt] { margin-block: var(--space-8); }
.article__body p[b-vxh1l9e0bt] { font-size: var(--text-lg); max-inline-size: var(--measure); }

.article__about[b-vxh1l9e0bt] { margin-block-start: var(--space-8); }
.article__about ul[b-vxh1l9e0bt] { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--space-4); }

.article__sources[b-vxh1l9e0bt] { margin-block-start: var(--space-12); }

.article__retracted[b-vxh1l9e0bt] {
  padding: var(--space-6);
  background: var(--gap-wash);
  border-inline-start: 3px solid var(--gap);
  max-inline-size: var(--measure);
}
/* /Components/Pages/CauseHub.razor.rz.scp.css */
.cause-hub-page[b-xz7jdfuq3f] {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  margin-block-end: var(--space-12);
}

.cause-hub-notfound[b-xz7jdfuq3f] {
  padding: var(--space-8) 0;
}

.cause-hub-header[b-xz7jdfuq3f] {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-4);
  flex-wrap: wrap;
}

.cause-hub-header__actions[b-xz7jdfuq3f] {
  flex-shrink: 0;
}

.cause-hub-toolbar[b-xz7jdfuq3f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block-end: var(--space-3);
  border-block-end: 1px solid var(--rule);
  gap: var(--space-4);
  flex-wrap: wrap;
}

.cause-hub-count[b-xz7jdfuq3f] {
  font-size: var(--text-sm);
  color: var(--ink-soft);
}

.cause-hub-views[b-xz7jdfuq3f] {
  display: inline-flex;
  align-items: center;
  background: var(--surface-soft);
  padding: 3px;
  border-radius: var(--radius-control);
  border: 1px solid var(--rule);
  gap: 2px;
}

.view-toggle-btn[b-xz7jdfuq3f] {
  display: inline-flex;
  align-items: center;
  padding: var(--space-1) var(--space-3);
  font-size: var(--text-xs);
  font-weight: 600;
  color: var(--ink-soft);
  text-decoration: none;
  border-radius: calc(var(--radius-control) - 2px);
  transition: all var(--transition-fast);
}

.view-toggle-btn:hover[b-xz7jdfuq3f] {
  color: var(--ink-strong);
  background: var(--surface-muted);
}

.view-toggle-btn.active[b-xz7jdfuq3f] {
  background: var(--surface);
  color: var(--primary-deep);
  box-shadow: var(--shadow-sm);
}

.hub__list[b-xz7jdfuq3f] {
  background: var(--surface);
  border: 1px solid var(--rule);
  border-radius: var(--radius-card);
  overflow: hidden;
}

.hub__caveat[b-xz7jdfuq3f] {
  padding: var(--space-6);
  background: var(--surface);
  border: 1px solid var(--rule);
  border-inline-start: 4px solid var(--primary-deep);
  border-radius: var(--radius-card);
}

.hub__caveat-title[b-xz7jdfuq3f] {
  font-family: var(--font-display);
  font-size: var(--text-base);
  font-weight: 700;
  color: var(--ink-strong);
  margin: 0 0 var(--space-2) 0;
}

.hub__caveat p[b-xz7jdfuq3f] {
  font-size: var(--text-sm);
  color: var(--ink-soft);
  line-height: 1.7;
  margin: 0;
}
/* /Components/Pages/CauseIndex.razor.rz.scp.css */
.causes-page[b-dj1x8bqduh] {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  margin-block-end: var(--space-12);
}

.causes-grid[b-dj1x8bqduh] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  gap: var(--space-6);
}

.cause-card[b-dj1x8bqduh] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: var(--space-6);
  background: var(--surface);
  border: 1px solid var(--rule);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-sm);
  transition: transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);
}

.cause-card:hover[b-dj1x8bqduh] {
  transform: translateY(-3px);
  box-shadow: var(--shadow-md);
  border-color: var(--primary);
}

.cause-card__header[b-dj1x8bqduh] {
  display: flex;
  align-items: flex-start;
  gap: var(--space-4);
  margin-block-end: var(--space-3);
}

.cause-card__icon[b-dj1x8bqduh] {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 48px;
  block-size: 48px;
  border-radius: var(--radius-control);
  background: var(--primary-wash);
  border: 1px solid rgba(13, 121, 126, 0.2);
  flex-shrink: 0;
}

.cause-card__title-wrap[b-dj1x8bqduh] {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.cause-card__title[b-dj1x8bqduh] {
  font-family: var(--font-display);
  font-size: var(--text-xl);
  font-weight: 800;
  margin: 0;
}

.cause-card__title a[b-dj1x8bqduh] {
  color: var(--ink-strong);
  text-decoration: none;
  transition: color var(--transition-fast);
}

.cause-card__title a:hover[b-dj1x8bqduh] {
  color: var(--primary-deep);
}

.cause-card__desc[b-dj1x8bqduh] {
  font-size: var(--text-sm);
  color: var(--ink-soft);
  line-height: 1.6;
  margin: 0 0 var(--space-4) 0;
  flex-grow: 1;
}

.cause-card__subcauses[b-dj1x8bqduh] {
  margin-block-end: var(--space-4);
  padding-block: var(--space-3);
  border-block: 1px solid var(--rule);
}

.cause-card__subcauses-label[b-dj1x8bqduh] {
  display: block;
  font-size: var(--text-xs);
  font-weight: 600;
  color: var(--ink-muted);
  margin-block-end: var(--space-2);
}

.cause-card__chips[b-dj1x8bqduh] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.cause-chip[b-dj1x8bqduh] {
  font-size: var(--text-xs);
  padding: 2px var(--space-3);
  background: var(--surface-soft);
  border: 1px solid var(--rule);
  border-radius: var(--radius-pill);
  color: var(--ink);
  text-decoration: none;
  transition: all var(--transition-fast);
}

.cause-chip:hover[b-dj1x8bqduh] {
  background: var(--primary-wash);
  border-color: var(--primary-border);
  color: var(--primary-deep);
}

.cause-card__actions[b-dj1x8bqduh] {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-block-start: var(--space-2);
}

@media (max-width: 600px) {
  .causes-grid[b-dj1x8bqduh] {
    grid-template-columns: 1fr;
  }
}
/* /Components/Pages/ChangeHistory.razor.rz.scp.css */
.history[b-0tz4gnyqy4] { min-inline-size: 42rem; }

.history__old[b-0tz4gnyqy4] { color: var(--ink-soft); }
.history__new[b-0tz4gnyqy4] { color: var(--ink); font-weight: 500; }

.history__note[b-0tz4gnyqy4] {
  margin-block-start: var(--space-6);
  color: var(--ink-soft);
  font-size: var(--text-sm);
  max-inline-size: var(--measure);
}

.history__back[b-0tz4gnyqy4] { margin-block-start: var(--space-8); font-size: var(--text-sm); }
/* /Components/Pages/CharityProfile.razor.rz.scp.css */
.profile[b-n8sa97ooyh] {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  margin-block-end: var(--space-12);
}

.profile-notfound[b-n8sa97ooyh] {
  padding: var(--space-8) 0;
}

/* Hero Header */
.profile-hero[b-n8sa97ooyh] {
  padding: var(--space-8);
  background: var(--surface);
  border: 1px solid var(--rule);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}

.profile-hero__badge-row[b-n8sa97ooyh] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  align-items: center;
  margin-block-end: var(--space-3);
}

.profile-hero__title[b-n8sa97ooyh] {
  font-family: var(--font-display);
  font-size: var(--text-3xl);
  font-weight: 800;
  color: var(--ink-strong);
  margin: 0 0 var(--space-2) 0;
  letter-spacing: -0.02em;
}

.profile-hero__legal[b-n8sa97ooyh] {
  font-size: var(--text-base);
  color: var(--ink-soft);
  margin: 0 0 var(--space-4) 0;
}

.profile-hero__causes[b-n8sa97ooyh] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
  margin-block-end: var(--space-3);
}

.profile-hero__causes-label[b-n8sa97ooyh] {
  font-size: var(--text-xs);
  color: var(--ink-muted);
  font-weight: 600;
}

.profile-cause-tag[b-n8sa97ooyh] {
  display: inline-flex;
  align-items: center;
  padding: 2px var(--space-3);
  font-size: var(--text-xs);
  background: var(--surface-soft);
  border: 1px solid var(--rule);
  border-radius: var(--radius-pill);
  color: var(--ink);
  text-decoration: none;
  transition: all var(--transition-fast);
}

.profile-cause-tag:hover[b-n8sa97ooyh] {
  background: var(--primary-wash);
  border-color: var(--primary-border);
  color: var(--primary-deep);
}

.profile-hero__website[b-n8sa97ooyh] {
  margin-block-start: var(--space-2);
}

.profile-website-link[b-n8sa97ooyh] {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  font-size: var(--text-sm);
  color: var(--primary-deep);
  text-decoration: none;
  font-weight: 600;
}

.profile-website-link:hover[b-n8sa97ooyh] {
  text-decoration: underline;
}

/* Jump Navigation */
.profile-jump-nav[b-n8sa97ooyh] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  padding-block-start: var(--space-4);
  border-block-start: 1px solid var(--rule);
}

.profile-jump-link[b-n8sa97ooyh] {
  padding: var(--space-1) var(--space-3);
  font-size: var(--text-xs);
  font-weight: 600;
  color: var(--ink-soft);
  background: var(--surface-soft);
  border: 1px solid var(--rule);
  border-radius: var(--radius-control);
  text-decoration: none;
  transition: all var(--transition-fast);
}

.profile-jump-link:hover[b-n8sa97ooyh] {
  color: var(--ink-strong);
  background: var(--surface-muted);
  border-color: var(--rule-strong);
}

/* Vitals Cards */
.profile-vitals[b-n8sa97ooyh] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-4);
}

.profile-vital[b-n8sa97ooyh] {
  padding: var(--space-5);
  background: var(--surface);
  border: 1px solid var(--rule);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.profile-vital__label[b-n8sa97ooyh] {
  font-size: var(--text-xs);
  color: var(--ink-soft);
  font-weight: 600;
  margin-block-end: var(--space-2);
}

.profile-vital__value[b-n8sa97ooyh] {
  font-size: var(--text-xl);
  font-weight: 800;
  color: var(--ink-strong);
  line-height: 1.3;
}

.profile-vital__hint[b-n8sa97ooyh] {
  font-size: var(--text-xs);
  color: var(--ink-muted);
  margin-block-start: var(--space-2);
}

/* Profile Sections */
.profile-section[b-n8sa97ooyh] {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  scroll-margin-block-start: var(--space-8);
}

.profile-section__header[b-n8sa97ooyh] {
  border-block-end: 1px solid var(--rule);
  padding-block-end: var(--space-3);
}

.profile-section__title[b-n8sa97ooyh] {
  font-family: var(--font-display);
  font-size: var(--text-2xl);
  font-weight: 800;
  color: var(--ink-strong);
  margin: 0 0 var(--space-1) 0;
  letter-spacing: -0.01em;
}

.profile-section__subtitle[b-n8sa97ooyh] {
  font-size: var(--text-sm);
  color: var(--ink-soft);
  max-width: 70ch;
  line-height: 1.6;
  margin: 0;
}

/* Financial Lines Breakdown */
.financial-lines[b-n8sa97ooyh] {
  background: var(--surface);
  border: 1px solid var(--rule);
  border-radius: var(--radius-card);
  padding: var(--space-6);
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}

.financial-lines__group[b-n8sa97ooyh] {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.financial-lines__group-title[b-n8sa97ooyh] {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-family: var(--font-display);
  font-size: var(--text-base);
  font-weight: 700;
  color: var(--ink-strong);
  margin: 0;
}

.financial-lines__indicator[b-n8sa97ooyh] {
  inline-size: 10px;
  block-size: 10px;
  border-radius: 50%;
  display: inline-block;
}

.financial-lines__indicator--inflow[b-n8sa97ooyh] {
  background: var(--success);
}

.financial-lines__indicator--outflow[b-n8sa97ooyh] {
  background: var(--primary-deep);
}

.financial-table[b-n8sa97ooyh] {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--text-sm);
}

.financial-table th[b-n8sa97ooyh],
.financial-table td[b-n8sa97ooyh] {
  padding: var(--space-3);
  border-block-end: 1px solid var(--rule);
  text-align: start;
}

.financial-table thead th[b-n8sa97ooyh] {
  background: var(--surface-soft);
  font-size: var(--text-xs);
  color: var(--ink-soft);
  font-weight: 700;
}

.financial-table__amount[b-n8sa97ooyh] {
  text-align: end;
  font-family: var(--font-body);
}

.financial-table__cat[b-n8sa97ooyh] {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  flex-wrap: wrap;
}

/* Cross-comparison promo */
.profile-compare-promo[b-n8sa97ooyh] {
  padding: var(--space-6);
  background: var(--surface);
  border: 1px solid var(--rule);
  border-inline-start: 4px solid var(--primary-deep);
  border-radius: var(--radius-card);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  flex-wrap: wrap;
}

.profile-compare-promo__content[b-n8sa97ooyh] {
  flex: 1 1 300px;
}

.profile-compare-promo__title[b-n8sa97ooyh] {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: 700;
  color: var(--ink-strong);
  margin: 0 0 var(--space-2) 0;
}

.profile-compare-promo__desc[b-n8sa97ooyh] {
  font-size: var(--text-sm);
  color: var(--ink-soft);
  margin: 0;
  line-height: 1.6;
}

.profile-compare-promo__action[b-n8sa97ooyh] {
  flex: 0 0 auto;
}

/* Submission Alerts */
.profile__submitted[b-n8sa97ooyh],
.profile__submit-error[b-n8sa97ooyh] {
  padding: var(--space-3) var(--space-4);
  font-size: var(--text-sm);
  border-radius: var(--radius-control);
  margin-block: var(--space-3);
}

.profile__submitted[b-n8sa97ooyh] {
  background: var(--primary-wash);
  border-inline-start: 3px solid var(--primary);
  color: var(--primary-deep);
}

.profile__submit-error[b-n8sa97ooyh] {
  background: var(--gap-wash);
  border-inline-start: 3px solid var(--gap);
  color: var(--gap);
}

.profile__history[b-n8sa97ooyh] {
  margin-block-start: var(--space-4);
  font-size: var(--text-sm);
}

/* Sources */
.profile__sources[b-n8sa97ooyh] {
  margin-block-start: var(--space-4);
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.sources[b-n8sa97ooyh] {
  list-style: none;
  margin: 0;
  padding: 0;
  background: var(--surface);
  border: 1px solid var(--rule);
  border-radius: var(--radius-card);
  overflow: hidden;
}

.sources li[b-n8sa97ooyh] {
  padding: var(--space-3) var(--space-4);
  border-block-end: 1px solid var(--rule);
}

.sources li:last-child[b-n8sa97ooyh] {
  border-block-end: none;
}

@media (max-width: 900px) {
  .profile-vitals[b-n8sa97ooyh] {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .profile-vitals[b-n8sa97ooyh] {
    grid-template-columns: 1fr;
  }

  .profile-hero[b-n8sa97ooyh] {
    padding: var(--space-5);
  }

  .profile-hero__title[b-n8sa97ooyh] {
    font-size: var(--text-2xl);
  }
}

@media print {
  .print-header[b-n8sa97ooyh] {
    border-block-end: 2px solid #000;
    padding-block-end: var(--space-4);
    margin-block-end: var(--space-6);
  }

  .print-header__top[b-n8sa97ooyh] {
    display: flex;
    justify-content: space-between;
    font-size: var(--text-xs);
    font-weight: 700;
    color: #4B5563;
    margin-block-end: var(--space-2);
  }

  .print-header__title[b-n8sa97ooyh] {
    font-family: var(--font-display);
    font-size: var(--text-xl);
    font-weight: 900;
    margin: 0 0 var(--space-1) 0;
    color: #000;
  }

  .print-header__meta[b-n8sa97ooyh] {
    font-size: var(--text-xs);
    color: #4B5563;
  }

  .print-footer[b-n8sa97ooyh] {
    margin-block-start: var(--space-8);
    padding-block-start: var(--space-4);
    border-block-start: 1px solid #D1D5DB;
    font-size: var(--text-xs);
    color: #6B7280;
    line-height: 1.6;
  }

  .profile-vitals[b-n8sa97ooyh] {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: var(--space-3) !important;
  }

  .profile-vital[b-n8sa97ooyh] {
    padding: var(--space-3) !important;
  }

  .profile-vital__value[b-n8sa97ooyh] {
    font-size: var(--text-lg) !important;
  }

  .profile-hero[b-n8sa97ooyh] {
    border: none !important;
    padding: 0 !important;
  }

  .profile-hero__title[b-n8sa97ooyh] {
    display: none !important;
  }

  #corrections-section[b-n8sa97ooyh],
  #questions-section[b-n8sa97ooyh] {
    display: none !important;
  }
}
/* /Components/Pages/Comparison.razor.rz.scp.css */
.compare-page[b-hqj1meqywp] {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  margin-block-end: var(--space-12);
}

.compare-page__header[b-hqj1meqywp] {
  margin-block-end: var(--space-2);
}

.compare-page__title[b-hqj1meqywp] {
  font-family: var(--font-display);
  font-size: var(--text-3xl);
  font-weight: 800;
  color: var(--ink-strong);
  margin: var(--space-2) 0;
  letter-spacing: -0.02em;
}

.compare-page__subtitle[b-hqj1meqywp] {
  font-size: var(--text-lg);
  color: var(--ink-soft);
  max-width: 65ch;
  line-height: 1.6;
  margin: 0;
}

/* Interactive Pair Selector */
.compare-selector[b-hqj1meqywp] {
  padding: var(--space-6);
  background: var(--surface);
  border: 1px solid var(--rule);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-sm);
}

.compare-selector__row[b-hqj1meqywp] {
  display: flex;
  align-items: flex-end;
  gap: var(--space-4);
  flex-wrap: wrap;
}

.compare-selector__col[b-hqj1meqywp] {
  flex: 1 1 240px;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.compare-selector__label[b-hqj1meqywp] {
  font-size: var(--text-xs);
  font-weight: 700;
  color: var(--ink-soft);
}

.compare-selector__vs[b-hqj1meqywp] {
  font-family: var(--font-display);
  font-size: var(--text-sm);
  font-weight: 800;
  color: var(--ink-muted);
  padding-block-end: var(--space-2);
  align-self: center;
}

.compare-selector__btn-wrap[b-hqj1meqywp] {
  flex: 0 0 auto;
}

.compare-selector__presets[b-hqj1meqywp] {
  margin-block-start: var(--space-4);
  padding-block-start: var(--space-3);
  border-block-start: 1px solid var(--rule);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
}

.compare-selector__presets-label[b-hqj1meqywp] {
  font-size: var(--text-xs);
  color: var(--ink-soft);
  margin-inline-end: var(--space-2);
}

.compare-chip[b-hqj1meqywp] {
  font-size: var(--text-xs);
  padding: var(--space-1) var(--space-3);
  background: var(--surface-soft);
  border: 1px solid var(--rule);
  border-radius: var(--radius-pill);
  color: var(--ink);
  text-decoration: none;
  transition: all var(--transition-fast);
}

.compare-chip:hover[b-hqj1meqywp] {
  background: var(--primary-wash);
  border-color: var(--primary-border);
  color: var(--primary-deep);
}

/* Notice Box */
.notice-box[b-hqj1meqywp] {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-4);
  background: var(--surface-soft);
  border: 1px solid var(--rule-strong);
  border-radius: var(--radius-card);
  color: var(--ink-soft);
  font-size: var(--text-sm);
  line-height: 1.6;
}

.notice-box svg[b-hqj1meqywp] {
  flex-shrink: 0;
  color: var(--primary-deep);
  margin-block-start: 2px;
}

/* Head to Head Duo */
.compare-duo[b-hqj1meqywp] {
  display: flex;
  align-items: stretch;
  gap: var(--space-4);
  position: relative;
}

.compare-duo__card[b-hqj1meqywp] {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: var(--space-6);
  background: var(--surface);
  border: 1px solid var(--rule);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-sm);
  text-align: center;
  gap: var(--space-5);
}

.compare-duo__badge-strip[b-hqj1meqywp] {
  display: flex;
  justify-content: center;
  gap: var(--space-2);
  margin-block-end: var(--space-2);
}

.compare-duo__name[b-hqj1meqywp] {
  font-family: var(--font-display);
  font-size: var(--text-xl);
  font-weight: 800;
  margin: 0 0 var(--space-1) 0;
}

.compare-duo__name a[b-hqj1meqywp] {
  color: var(--ink-strong);
  text-decoration: none;
}

.compare-duo__name a:hover[b-hqj1meqywp] {
  color: var(--primary-deep);
}

.compare-duo__causes[b-hqj1meqywp] {
  font-size: var(--text-xs);
  color: var(--ink-soft);
  margin: 0;
}

.compare-duo__score[b-hqj1meqywp] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--space-4);
  background: var(--surface-soft);
  border-radius: var(--radius-control);
}

.compare-duo__score-val[b-hqj1meqywp] {
  font-size: var(--text-3xl);
  font-weight: 800;
  color: var(--primary-deep);
}

.compare-duo__score-max[b-hqj1meqywp] {
  font-size: var(--text-sm);
  color: var(--ink-soft);
  margin-inline-start: var(--space-1);
}

.compare-duo__score-unassessed[b-hqj1meqywp] {
  font-size: var(--text-base);
  color: var(--undisclosed);
  font-weight: 600;
}

.compare-duo__score-label[b-hqj1meqywp] {
  font-size: var(--text-xs);
  color: var(--ink-soft);
  margin-block-start: var(--space-1);
}

.compare-duo__divider[b-hqj1meqywp] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.compare-duo__vs-circle[b-hqj1meqywp] {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 40px;
  block-size: 40px;
  border-radius: 50%;
  background: var(--ground-tint);
  border: 2px solid var(--rule-strong);
  font-family: var(--font-display);
  font-size: var(--text-xs);
  font-weight: 800;
  color: var(--ink-muted);
}

/* Comparison Table */
.compare-table-wrap[b-hqj1meqywp] {
  background: var(--surface);
  border: 1px solid var(--rule);
  border-radius: var(--radius-card);
  overflow-x: auto;
}

.compare-table[b-hqj1meqywp] {
  width: 100%;
  border-collapse: collapse;
  text-align: start;
}

.compare-table th[b-hqj1meqywp],
.compare-table td[b-hqj1meqywp] {
  padding: var(--space-3) var(--space-4);
  border-block-end: 1px solid var(--rule);
  font-size: var(--text-sm);
}

.compare-table thead th[b-hqj1meqywp] {
  background: var(--surface-soft);
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--text-base);
  color: var(--ink-strong);
  border-block-end: 2px solid var(--rule-strong);
}

.compare-table thead th a[b-hqj1meqywp] {
  color: var(--primary-deep);
  text-decoration: none;
}

.compare-table thead th a:hover[b-hqj1meqywp] {
  text-decoration: underline;
}

.compare-table__col-metric[b-hqj1meqywp] {
  inline-size: 32%;
}

.compare-table__col-org[b-hqj1meqywp] {
  inline-size: 34%;
}

.compare-table__section-header td[b-hqj1meqywp] {
  background: var(--surface-muted);
  font-family: var(--font-display);
  font-weight: 700;
  color: var(--ink-strong);
  font-size: var(--text-xs);
  padding-block: var(--space-2);
  letter-spacing: 0.02em;
}

.compare-table tbody th[scope="row"][b-hqj1meqywp] {
  color: var(--ink-soft);
  font-weight: 500;
}

.compare__unassessed[b-hqj1meqywp] {
  color: var(--undisclosed);
}

.compare__gap[b-hqj1meqywp] {
  color: var(--primary-deep);
}

/* Caveat */
.compare__caveat[b-hqj1meqywp] {
  padding: var(--space-6);
  background: var(--surface);
  border: 1px solid var(--rule);
  border-inline-start: 4px solid var(--primary-deep);
  border-radius: var(--radius-card);
}

.compare__caveat-title[b-hqj1meqywp] {
  font-family: var(--font-display);
  font-size: var(--text-base);
  font-weight: 700;
  color: var(--ink-strong);
  margin: 0 0 var(--space-2) 0;
}

.compare__caveat p[b-hqj1meqywp] {
  font-size: var(--text-sm);
  color: var(--ink-soft);
  line-height: 1.7;
  margin: 0;
}

@media (max-width: 768px) {
  .compare-selector__row[b-hqj1meqywp] {
    flex-direction: column;
    align-items: stretch;
  }

  .compare-selector__col[b-hqj1meqywp] {
    flex: 1 1 100%;
  }

  .compare-selector__vs[b-hqj1meqywp] {
    align-self: center;
  }

  .compare-duo[b-hqj1meqywp] {
    flex-direction: column;
  }

  .compare-duo__divider[b-hqj1meqywp] {
    margin-block: var(--space-2);
  }
}
/* /Components/Pages/Contact.razor.rz.scp.css */
.contact-page[b-m7yd3ny430] {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  margin-block-end: var(--space-12);
}

.page-hero__badges[b-m7yd3ny430] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-block-end: var(--space-3);
}

/* Highlight Banner */
.contact-highlight[b-m7yd3ny430] {
  padding: var(--space-6);
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-inline-start: 4px solid #16a34a;
  display: flex;
  gap: var(--space-4);
  align-items: flex-start;
}

.contact-highlight__icon[b-m7yd3ny430] {
  flex-shrink: 0;
  inline-size: 44px;
  block-size: 44px;
  border-radius: var(--radius-card);
  background: #dcfce7;
  color: #15803d;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-highlight__text h2[b-m7yd3ny430] {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: 800;
  color: #14532d;
  margin: 0 0 var(--space-2) 0;
}

.contact-highlight__text p[b-m7yd3ny430] {
  font-size: var(--text-sm);
  color: #166534;
  line-height: var(--leading-body);
  margin: 0;
}

/* Steps */
.contact-steps[b-m7yd3ny430] {
  padding: var(--space-6);
}

.contact-section-title[b-m7yd3ny430] {
  font-family: var(--font-display);
  font-size: var(--text-xl);
  font-weight: 800;
  color: var(--ink-strong);
  margin: 0 0 var(--space-1) 0;
}

.contact-section-sub[b-m7yd3ny430] {
  font-size: var(--text-sm);
  color: var(--ink-soft);
  margin: 0 0 var(--space-5) 0;
}

.steps-grid[b-m7yd3ny430] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--space-4);
}

.step-card[b-m7yd3ny430] {
  padding: var(--space-5);
  background: var(--surface-soft);
  border: 1px solid var(--rule);
  border-radius: var(--radius-card);
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.step-card__num[b-m7yd3ny430] {
  inline-size: 36px;
  block-size: 36px;
  border-radius: var(--radius-full);
  background: var(--primary);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--text-base);
  font-weight: 800;
}

.step-card h3[b-m7yd3ny430] {
  font-family: var(--font-display);
  font-size: var(--text-base);
  font-weight: 700;
  color: var(--ink-strong);
  margin: 0;
}

.step-card p[b-m7yd3ny430] {
  font-size: var(--text-xs);
  color: var(--ink);
  line-height: var(--leading-body);
  margin: 0;
}

/* Contact Details */
.contact-details-grid[b-m7yd3ny430] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: var(--space-5);
}

.contact-box[b-m7yd3ny430] {
  padding: var(--space-6);
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.contact-box__icon[b-m7yd3ny430] {
  inline-size: 40px;
  block-size: 40px;
  border-radius: var(--radius-card);
  background: var(--primary-wash);
  color: var(--primary);
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-box h2[b-m7yd3ny430] {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: 800;
  color: var(--ink-strong);
  margin: 0;
}

.contact-box p[b-m7yd3ny430] {
  font-size: var(--text-sm);
  color: var(--ink);
  line-height: var(--leading-body);
  margin: 0;
}

.contact-email[b-m7yd3ny430] {
  margin-block: var(--space-2);
}

.contact-email a[b-m7yd3ny430] {
  display: inline-block;
  padding: var(--space-2) var(--space-4);
  background: var(--surface-soft);
  border: 1px solid var(--primary-border);
  border-radius: var(--radius-control);
  color: var(--primary-deep);
  text-decoration: none;
  direction: ltr;
  transition: all var(--transition-fast);
}

.contact-email a:hover[b-m7yd3ny430] {
  background: var(--primary-wash);
  border-color: var(--primary);
}

.contact-badge[b-m7yd3ny430] {
  font-size: var(--text-xs);
  color: var(--ink-soft);
}

@media (max-width: 640px) {
  .contact-highlight[b-m7yd3ny430] {
    flex-direction: column;
  }
}
/* /Components/Pages/Directory.razor.rz.scp.css */
.directory-page[b-ltntwi4gid] {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  margin-block-end: var(--space-12);
}

.directory-page__header[b-ltntwi4gid] {
  margin-block-end: var(--space-4);
}

.directory-page__title[b-ltntwi4gid] {
  font-family: var(--font-display);
  font-size: var(--text-3xl);
  font-weight: 800;
  color: var(--ink-strong);
  margin: 0 0 var(--space-2) 0;
  letter-spacing: -0.02em;
}

.directory-page__subtitle[b-ltntwi4gid] {
  font-size: var(--text-lg);
  color: var(--ink-soft);
  max-width: 65ch;
  line-height: 1.6;
  margin: 0;
}

/* Toolbar & Filters */
.directory-toolbar[b-ltntwi4gid] {
  padding: var(--space-5);
  background: var(--surface);
  border: 1px solid var(--rule);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-sm);
}

.directory-toolbar__form[b-ltntwi4gid] {
  margin: 0;
}

.directory-toolbar__row[b-ltntwi4gid] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: var(--space-4);
}

.directory-toolbar__field[b-ltntwi4gid] {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  flex: 1 1 180px;
}

.directory-toolbar__field--search[b-ltntwi4gid] {
  flex: 2 1 280px;
}

.directory-toolbar__label[b-ltntwi4gid] {
  font-size: var(--text-xs);
  font-weight: 600;
  color: var(--ink-soft);
}

.directory-toolbar__input-wrapper[b-ltntwi4gid] {
  position: relative;
  display: flex;
  align-items: center;
}

.directory-toolbar__input-wrapper .search-icon[b-ltntwi4gid] {
  position: absolute;
  inset-inline-start: var(--space-3);
  color: var(--ink-muted);
  pointer-events: none;
}

.directory-toolbar__input-wrapper .form-input[b-ltntwi4gid] {
  padding-inline-start: 2.5rem;
  width: 100%;
}

.directory-toolbar__actions[b-ltntwi4gid] {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  flex: 0 0 auto;
}

/* Status Bar & View Toggle */
.directory-status[b-ltntwi4gid] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--space-3);
  padding-block-end: var(--space-3);
  border-block-end: 1px solid var(--rule);
}

.directory-status__count[b-ltntwi4gid] {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-size: var(--text-sm);
  color: var(--ink-soft);
}

.directory-status__count .font-bold[b-ltntwi4gid] {
  font-weight: 700;
  color: var(--ink-strong);
}

.directory-status__views[b-ltntwi4gid] {
  display: inline-flex;
  align-items: center;
  background: var(--surface-soft);
  padding: 3px;
  border-radius: var(--radius-control);
  border: 1px solid var(--rule);
  gap: 2px;
}

.view-toggle-btn[b-ltntwi4gid] {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  padding: var(--space-1) var(--space-3);
  font-size: var(--text-xs);
  font-weight: 600;
  color: var(--ink-soft);
  text-decoration: none;
  border-radius: calc(var(--radius-control) - 2px);
  transition: all var(--transition-fast);
}

.view-toggle-btn:hover[b-ltntwi4gid] {
  color: var(--ink-strong);
  background: var(--surface-muted);
}

.view-toggle-btn.active[b-ltntwi4gid] {
  background: var(--surface);
  color: var(--primary-deep);
  box-shadow: var(--shadow-sm);
}

/* Results Grid / List */
.directory__cards-grid[b-ltntwi4gid] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: var(--space-5);
}

.directory__list[b-ltntwi4gid] {
  background: var(--surface);
  border: 1px solid var(--rule);
  border-radius: var(--radius-card);
  overflow: hidden;
}

@media (max-width: 768px) {
  .directory-toolbar__row[b-ltntwi4gid] {
    flex-direction: column;
    align-items: stretch;
  }

  .directory-toolbar__field[b-ltntwi4gid] {
    flex: 1 1 100%;
  }

  .directory-toolbar__actions[b-ltntwi4gid] {
    flex-direction: column;
    align-items: stretch;
  }

  .directory-status[b-ltntwi4gid] {
    flex-direction: column;
    align-items: flex-start;
  }

  .directory__cards-grid[b-ltntwi4gid] {
    grid-template-columns: 1fr;
  }
}
/* /Components/Pages/GlossaryIndex.razor.rz.scp.css */
.glossary-page[b-yptmo9mn4t] {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  margin-block-end: var(--space-12);
}

.glossary-toolbar[b-yptmo9mn4t] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block-end: var(--space-3);
  border-block-end: 1px solid var(--rule);
}

.glossary-count[b-yptmo9mn4t] {
  font-size: var(--text-sm);
  color: var(--ink-soft);
}

.glossary-grid[b-yptmo9mn4t] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: var(--space-6);
}

.glossary-card[b-yptmo9mn4t] {
  padding: var(--space-6);
  background: var(--surface);
  border: 1px solid var(--rule);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--space-3);
  transition: transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);
}

.glossary-card:hover[b-yptmo9mn4t] {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
  border-color: var(--primary);
}

.glossary-card__header[b-yptmo9mn4t] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
}

.glossary-card__term[b-yptmo9mn4t] {
  font-family: var(--font-display);
  font-size: var(--text-xl);
  font-weight: 800;
  margin: 0;
}

.glossary-card__term a[b-yptmo9mn4t] {
  color: var(--ink-strong);
  text-decoration: none;
  transition: color var(--transition-fast);
}

.glossary-card__term a:hover[b-yptmo9mn4t] {
  color: var(--primary-deep);
}

.glossary-card__def[b-yptmo9mn4t] {
  font-size: var(--text-base);
  color: var(--ink);
  font-weight: 500;
  line-height: 1.6;
  margin: 0;
}

.glossary-card__detail[b-yptmo9mn4t] {
  font-size: var(--text-sm);
  color: var(--ink-soft);
  line-height: 1.6;
  margin: 0;
  flex-grow: 1;
}

.glossary-card__footer[b-yptmo9mn4t] {
  padding-block-start: var(--space-3);
  border-block-start: 1px solid var(--rule);
}

.glossary-card__link[b-yptmo9mn4t] {
  font-size: var(--text-xs);
  font-weight: 600;
  color: var(--primary-deep);
  text-decoration: none;
}

.glossary-card__link:hover[b-yptmo9mn4t] {
  text-decoration: underline;
}

@media (max-width: 600px) {
  .glossary-grid[b-yptmo9mn4t] {
    grid-template-columns: 1fr;
  }
}
/* /Components/Pages/GlossaryTermPage.razor.rz.scp.css */
.term__definition[b-o398m97dy4] {
  font-size: var(--text-xl);
  line-height: var(--leading-body);
  padding-inline-start: var(--space-4);
  border-inline-start: 3px solid var(--primary);
  max-inline-size: var(--measure);
}

.term__aka[b-o398m97dy4] {
  color: var(--ink-soft);
  font-size: var(--text-sm);
}

.term__detail[b-o398m97dy4] {
  margin-block-start: var(--space-6);
  max-inline-size: var(--measure);
}

.term__related[b-o398m97dy4] { margin-block-start: var(--space-8); }

.term__related ul[b-o398m97dy4] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
}

.term__back[b-o398m97dy4] {
  margin-block-start: var(--space-8);
  font-size: var(--text-sm);
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* ---- Hero Section ---- */
.hero[b-5fxcd6tzor] {
  padding-block: var(--space-12) var(--space-16);
  background: linear-gradient(180deg, #FFFFFF 0%, var(--ground) 100%);
  border-block-end: 1px solid var(--rule);
}

.hero__content[b-5fxcd6tzor] {
  max-inline-size: 840px;
  margin-inline: auto;
  text-align: center;
}

.hero__badge[b-5fxcd6tzor] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  margin-block-end: var(--space-4);
}

.hero__badge-note[b-5fxcd6tzor] {
  font-size: var(--text-xs);
  color: var(--ink-soft);
}

.hero__title[b-5fxcd6tzor] {
  font-size: var(--text-3xl);
  font-weight: 900;
  line-height: 1.25;
  color: var(--ink);
  margin-block-end: var(--space-4);
}

@media (min-width: 768px) {
  .hero__title[b-5fxcd6tzor] {
    font-size: var(--text-4xl);
  }
}

.hero__title-highlight[b-5fxcd6tzor] {
  color: var(--primary);
  position: relative;
}

.hero__lead[b-5fxcd6tzor] {
  font-size: var(--text-lg);
  line-height: var(--leading-body);
  color: var(--ink-soft);
  max-inline-size: 720px;
  margin-inline: auto;
  margin-block-end: var(--space-8);
}

/* Search Box */
.hero__search-form[b-5fxcd6tzor] {
  margin-block-end: var(--space-8);
}

.hero__search-box[b-5fxcd6tzor] {
  display: flex;
  align-items: center;
  background: var(--surface);
  border: 2px solid var(--primary);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-md);
  padding: var(--space-2);
  gap: var(--space-2);
  max-inline-size: 640px;
  margin-inline: auto;
}

.hero__search-icon[b-5fxcd6tzor] {
  color: var(--primary-deep);
  margin-inline-start: var(--space-2);
  flex-shrink: 0;
}

.hero__search-input[b-5fxcd6tzor] {
  flex: 1;
  border: none;
  background: transparent;
  font-family: var(--font-body);
  font-size: var(--text-base);
  color: var(--ink);
  padding: var(--space-2);
  outline: none;
}

.hero__search-input[b-5fxcd6tzor]::placeholder {
  color: var(--ink-faint);
}

.hero__search-submit[b-5fxcd6tzor] {
  flex-shrink: 0;
}

.hero__quick-chips[b-5fxcd6tzor] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  margin-block-start: var(--space-3);
  font-size: var(--text-xs);
}

.hero__quick-label[b-5fxcd6tzor] {
  color: var(--ink-faint);
}

.hero__chip[b-5fxcd6tzor] {
  background: var(--surface);
  border: 1px solid var(--rule);
  border-radius: var(--radius-pill);
  padding: 2px var(--space-3);
  color: var(--ink-soft);
  text-decoration: none;
  transition: all var(--transition-fast);
}

.hero__chip:hover[b-5fxcd6tzor] {
  background: var(--primary-wash);
  color: var(--primary-deep);
  border-color: var(--primary);
}

.hero__actions[b-5fxcd6tzor] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--space-4);
}

/* ---- Metrics Strip ---- */
.metrics-strip[b-5fxcd6tzor] {
  padding-block: var(--space-12);
  background: var(--surface);
  border-block-end: 1px solid var(--rule);
}

.metrics-strip__grid[b-5fxcd6tzor] {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-6);
}

@media (min-width: 640px) {
  .metrics-strip__grid[b-5fxcd6tzor] {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .metrics-strip__grid[b-5fxcd6tzor] {
    grid-template-columns: repeat(4, 1fr);
  }
}

.metric-card[b-5fxcd6tzor] {
  text-align: center;
  padding: var(--space-4);
  background: var(--ground);
  border: 1px solid var(--rule);
  border-radius: var(--radius-card);
  transition: transform var(--transition-fast), border-color var(--transition-fast);
}

.metric-card:hover[b-5fxcd6tzor] {
  transform: translateY(-2px);
  border-color: var(--primary);
}

.metric-card__number[b-5fxcd6tzor] {
  font-family: var(--font-display);
  font-size: var(--text-3xl);
  font-weight: 900;
  color: var(--primary-deep);
  line-height: 1.1;
  margin-block-end: var(--space-1);
}

.metric-card__label[b-5fxcd6tzor] {
  font-weight: 700;
  font-size: var(--text-base);
  color: var(--ink);
  margin-block-end: var(--space-1);
}

.metric-card__desc[b-5fxcd6tzor] {
  font-size: var(--text-xs);
  color: var(--ink-soft);
}

/* ---- Section Headers ---- */
.section-header[b-5fxcd6tzor] {
  margin-block-end: var(--space-8);
}

.section-header.text-center[b-5fxcd6tzor] {
  text-align: center;
  max-inline-size: 700px;
  margin-inline: auto;
}

.section-header__row[b-5fxcd6tzor] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-4);
}

.section-title[b-5fxcd6tzor] {
  font-size: var(--text-2xl);
  font-weight: 900;
  color: var(--ink);
  margin-block-end: var(--space-2);
}

.section-lead[b-5fxcd6tzor] {
  font-size: var(--text-base);
  color: var(--ink-soft);
  margin: 0;
  line-height: var(--leading-body);
}

/* ---- Qanat Showcase ---- */
.qanat-showcase[b-5fxcd6tzor] {
  padding-block: var(--space-16);
  background: var(--ground);
  border-block-end: 1px solid var(--rule);
}

.qanat-showcase__card[b-5fxcd6tzor] {
  background: var(--surface);
  padding: var(--space-8);
}

.qanat-showcase__meta[b-5fxcd6tzor] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  margin-block-end: var(--space-6);
  padding-block-end: var(--space-4);
  border-block-end: 1px solid var(--rule);
}

.qanat-showcase__org[b-5fxcd6tzor] {
  font-family: var(--font-display);
  font-size: var(--text-xl);
  font-weight: 900;
  color: var(--ink);
  margin-inline-end: var(--space-3);
}

.qanat-showcase__year[b-5fxcd6tzor] {
  font-size: var(--text-sm);
  color: var(--ink-soft);
}

/* ---- Featured Section ---- */
.featured-section[b-5fxcd6tzor] {
  padding-block: var(--space-16);
  background: var(--surface);
  border-block-end: 1px solid var(--rule);
}

/* ---- Causes Section ---- */
.causes-section[b-5fxcd6tzor] {
  padding-block: var(--space-16);
  background: var(--ground);
  border-block-end: 1px solid var(--rule);
}

.cause-card[b-5fxcd6tzor] {
  display: flex;
  gap: var(--space-4);
  text-decoration: none;
  color: inherit;
  align-items: flex-start;
}

.cause-card__icon[b-5fxcd6tzor] {
  inline-size: 48px;
  block-size: 48px;
  border-radius: var(--radius-control);
  background: var(--primary-wash);
  color: var(--primary-deep);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.cause-card__body[b-5fxcd6tzor] {
  flex: 1;
}

.cause-card__title[b-5fxcd6tzor] {
  margin: 0 0 var(--space-1) 0;
  font-size: var(--text-lg);
  font-weight: 800;
  color: var(--ink);
}

.cause-card__desc[b-5fxcd6tzor] {
  font-size: var(--text-xs);
  color: var(--ink-soft);
  margin-block-end: var(--space-3);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ---- Principles Section ---- */
.principles-section[b-5fxcd6tzor] {
  padding-block: var(--space-16);
  background: var(--surface);
  border-block-end: 1px solid var(--rule);
}

.principle-card[b-5fxcd6tzor] {
  position: relative;
  padding: var(--space-6);
}

.principle-card__num[b-5fxcd6tzor] {
  font-family: var(--font-display);
  font-size: var(--text-3xl);
  font-weight: 900;
  color: var(--gap);
  line-height: 1;
  margin-block-end: var(--space-3);
}

.principle-card__title[b-5fxcd6tzor] {
  font-size: var(--text-lg);
  font-weight: 800;
  color: var(--ink);
  margin-block-end: var(--space-2);
}

.principle-card__text[b-5fxcd6tzor] {
  font-size: var(--text-sm);
  color: var(--ink-soft);
  margin: 0;
  line-height: var(--leading-body);
}

/* ---- Comparison Teaser ---- */
.compare-teaser[b-5fxcd6tzor] {
  padding-block: var(--space-16);
  background: var(--ground);
}

.compare-teaser__card[b-5fxcd6tzor] {
  background: linear-gradient(135deg, var(--ink) 0%, #153358 100%);
  color: #FFFFFF;
  padding: var(--space-8);
  border: none;
  text-align: center;
}

.compare-teaser__title[b-5fxcd6tzor] {
  color: #FFFFFF;
  font-size: var(--text-2xl);
  font-weight: 900;
  margin-block-end: var(--space-2);
}

.compare-teaser__lead[b-5fxcd6tzor] {
  color: #DDE4E7;
  font-size: var(--text-base);
  max-inline-size: 600px;
  margin-inline: auto;
  margin-block-end: var(--space-6);
}

.compare-teaser__shortcuts[b-5fxcd6tzor] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
}

.compare-teaser__shortcuts a[b-5fxcd6tzor] {
  background: rgba(255, 255, 255, 0.15);
  color: #FFFFFF !important;
  border-color: rgba(255, 255, 255, 0.3);
}

.compare-teaser__shortcuts a:hover[b-5fxcd6tzor] {
  background: #FFFFFF;
  color: var(--ink) !important;
}

/* ---- Home Articles Section ---- */
.home-articles-section[b-5fxcd6tzor] {
  padding-block: var(--space-16);
  background: var(--surface);
  border-block-end: 1px solid var(--rule);
}

.home-article-card[b-5fxcd6tzor] {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: var(--space-5);
  background: var(--surface-gradient);
  border: 1px solid rgba(37, 99, 235, 0.12);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
  transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}

.home-article-card:hover[b-5fxcd6tzor] {
  transform: translateY(-3px);
  box-shadow: var(--shadow-card-hover);
  border-color: var(--primary);
}

.home-article-card__link[b-5fxcd6tzor] {
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.home-article-card__header[b-5fxcd6tzor] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-block-end: var(--space-3);
  font-size: var(--text-xs);
}

.home-article-card__author[b-5fxcd6tzor] {
  color: var(--ink-soft);
}

.home-article-card__title[b-5fxcd6tzor] {
  font-family: var(--font-display);
  font-size: var(--text-base);
  font-weight: 700;
  color: var(--ink);
  margin: 0;
  margin-block-end: var(--space-2);
  line-height: 1.4;
}

.home-article-card__snippet[b-5fxcd6tzor] {
  font-size: var(--text-xs);
  color: var(--ink-soft);
  line-height: 1.7;
  margin: 0;
  margin-block-end: var(--space-4);
  flex-grow: 1;
}

.home-article-card__more[b-5fxcd6tzor] {
  font-size: var(--text-xs);
  font-weight: 600;
  color: var(--primary);
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
}

/* ---- Home Provinces Teaser ---- */
.home-provinces-section[b-5fxcd6tzor] {
  padding-block: var(--space-12);
  background: var(--ground);
}

.home-provinces-card[b-5fxcd6tzor] {
  padding: var(--space-8);
  border-radius: var(--radius-card);
  border: 1px solid var(--rule);
  background: var(--surface);
  text-align: center;
}

.home-provinces-content[b-5fxcd6tzor] {
  max-inline-size: 780px;
  margin-inline: auto;
}

.home-provinces-title[b-5fxcd6tzor] {
  font-family: var(--font-display);
  font-size: var(--text-2xl);
  font-weight: 800;
  margin-block: var(--space-3);
}

.home-provinces-lead[b-5fxcd6tzor] {
  font-size: var(--text-base);
  color: var(--ink-soft);
  line-height: 1.8;
  margin-block-end: var(--space-6);
}

.home-provinces-chips[b-5fxcd6tzor] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
}

/* ---- Home FAQ Section ---- */
.home-faq-section[b-5fxcd6tzor] {
  padding-block: var(--space-16);
  background: var(--surface);
  border-block-end: 1px solid var(--rule);
}

.home-faq-card[b-5fxcd6tzor] {
  padding: var(--space-5);
  background: var(--ground);
  border: 1px solid var(--rule);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
}

.home-faq-card__header[b-5fxcd6tzor] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-block-end: var(--space-2);
  font-size: var(--text-xs);
}

.home-faq-card__org[b-5fxcd6tzor] {
  font-weight: 600;
  color: var(--primary);
}

.home-faq-card__asker[b-5fxcd6tzor] {
  color: var(--ink-faint);
}

.home-faq-card__question[b-5fxcd6tzor] {
  font-family: var(--font-display);
  font-size: var(--text-base);
  font-weight: 700;
  margin: 0;
  margin-block-end: var(--space-2);
}

.home-faq-card__question a[b-5fxcd6tzor] {
  text-decoration: none;
  color: var(--ink);
}

.home-faq-card__question a:hover[b-5fxcd6tzor] {
  color: var(--primary);
}

.home-faq-card__answer[b-5fxcd6tzor] {
  font-size: var(--text-xs);
  color: var(--ink-soft);
  line-height: 1.8;
  margin: 0;
  margin-block-end: var(--space-3);
  flex-grow: 1;
}

.home-faq-card__link[b-5fxcd6tzor] {
  font-size: var(--text-xs);
  font-weight: 600;
  color: var(--primary);
  text-decoration: none;
}

/* /Components/Pages/Karname.razor.rz.scp.css */
.karname__privacy[b-wfimoj0epm] {
  padding: var(--space-4);
  background: var(--primary-wash);
  border-inline-start: 3px solid var(--primary);
  max-inline-size: var(--measure);
}

.karname__warning[b-wfimoj0epm] {
  padding: var(--space-3) var(--space-4);
  background: var(--gap-wash);
  border-inline-start: 3px solid var(--gap);
  font-size: var(--text-sm);
  max-inline-size: var(--measure);
}

.karname__form[b-wfimoj0epm] {
  margin-block: var(--space-8);
  padding: var(--space-6);
  border: 1px solid var(--rule);
  background: var(--surface);
}

.karname__fields[b-wfimoj0epm] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  gap: var(--space-4);
}

.karname__fields label[b-wfimoj0epm] {
  display: grid;
  gap: var(--space-1);
  font-size: var(--text-sm);
  color: var(--ink-soft);
}

.karname__fields input[b-wfimoj0epm] {
  min-block-size: 44px;
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--rule-strong);
  border-radius: var(--radius-control);
  font-family: inherit;
  font-size: var(--text-base);
  background: var(--ground);
  color: var(--ink);
}

.karname__form button[type="submit"][b-wfimoj0epm],
.karname__buttons button[b-wfimoj0epm],
.karname__import[b-wfimoj0epm] {
  margin-block-start: var(--space-4);
  min-block-size: 44px;
  padding-inline: var(--space-6);
  border: 1px solid var(--primary-deep);
  border-radius: var(--radius-control);
  background: var(--primary-deep);
  color: var(--ground);
  font-family: inherit;
  font-size: var(--text-base);
  cursor: pointer;
}

.karname__buttons button.is-danger[b-wfimoj0epm] {
  background: transparent;
  border-color: var(--gap);
  color: var(--gap);
}

.karname__import[b-wfimoj0epm] {
  display: inline-flex;
  align-items: center;
  background: transparent;
  border-color: var(--rule-strong);
  color: var(--ink);
}

.karname__import input[b-wfimoj0epm] { display: none; }

.karname__summary[b-wfimoj0epm] {
  padding: var(--space-4);
  border: 1px solid var(--rule);
  background: var(--surface);
}

.karname__total[b-wfimoj0epm] { margin: 0; font-size: var(--text-lg); }

.karname__years[b-wfimoj0epm] {
  list-style: none;
  margin: var(--space-3) 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  color: var(--ink-soft);
  font-size: var(--text-sm);
}

.karname__empty[b-wfimoj0epm] { color: var(--ink-soft); }

.karname__list[b-wfimoj0epm] { margin-block-start: var(--space-6); }

.karname__row[b-wfimoj0epm] {
  display: grid;
  grid-template-columns: 1fr auto auto auto;
  align-items: baseline;
  gap: var(--space-4);
  padding-block: var(--space-3);
  border-block-end: 1px solid var(--rule);
}

.karname__to[b-wfimoj0epm] { font-weight: 500; }
.karname__when[b-wfimoj0epm],
.karname__note[b-wfimoj0epm] { color: var(--ink-soft); font-size: var(--text-sm); }

.karname__remove[b-wfimoj0epm] {
  border: 1px solid var(--rule-strong);
  border-radius: var(--radius-control);
  background: transparent;
  color: var(--ink-soft);
  font-family: inherit;
  font-size: var(--text-xs);
  padding: var(--space-1) var(--space-3);
  cursor: pointer;
}

.karname__tools[b-wfimoj0epm] { margin-block-start: var(--space-12); }

.karname__buttons[b-wfimoj0epm] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

@media (max-width: 640px) {
  .karname__row[b-wfimoj0epm] { grid-template-columns: 1fr auto; }
  .karname__form[b-wfimoj0epm] { padding: var(--space-4); }
}
/* /Components/Pages/Methodology.razor.rz.scp.css */
.methodology-page[b-0fkg59p1u6] {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  margin-block-end: var(--space-12);
}

.page-hero__badges[b-0fkg59p1u6] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-block-end: var(--space-3);
}

/* Dimensions Grid */
.dimensions-grid[b-0fkg59p1u6] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: var(--space-4);
  margin-block: var(--space-2);
}

.dim-card[b-0fkg59p1u6] {
  padding: var(--space-5);
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}

.dim-card:hover[b-0fkg59p1u6] {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.dim-card__header[b-0fkg59p1u6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dim-card__badge[b-0fkg59p1u6] {
  font-size: var(--text-xs);
  font-weight: 700;
  color: var(--primary);
  background: var(--primary-wash);
  padding: 2px var(--space-2);
  border-radius: var(--radius-sm);
}

.dim-card__points[b-0fkg59p1u6] {
  font-size: var(--text-sm);
  font-weight: 800;
  color: var(--ink-strong);
}

.dim-card__title[b-0fkg59p1u6] {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: 800;
  color: var(--ink-strong);
  margin: 0;
}

.dim-card__meta[b-0fkg59p1u6] {
  font-size: var(--text-xs);
  color: var(--ink-soft);
  margin: 0;
}

.dim-card__progress-track[b-0fkg59p1u6] {
  inline-size: 100%;
  block-size: 6px;
  background: var(--rule);
  border-radius: var(--radius-full);
  overflow: hidden;
  margin-block-start: var(--space-2);
}

.dim-card__progress-fill[b-0fkg59p1u6] {
  block-size: 100%;
  background: var(--primary);
  border-radius: var(--radius-full);
}

/* Table Section */
.method-table-section[b-0fkg59p1u6] {
  padding: var(--space-6);
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.section-heading h2[b-0fkg59p1u6] {
  font-family: var(--font-display);
  font-size: var(--text-xl);
  font-weight: 800;
  color: var(--ink-strong);
  margin: 0 0 var(--space-1) 0;
}

.section-heading p[b-0fkg59p1u6] {
  font-size: var(--text-sm);
  color: var(--ink-soft);
  margin: 0;
}

.method-table[b-0fkg59p1u6] {
  inline-size: 100%;
  border-collapse: collapse;
  font-size: var(--text-sm);
  line-height: var(--leading-snug);
}

.method-table th[b-0fkg59p1u6],
.method-table td[b-0fkg59p1u6] {
  padding: var(--space-3) var(--space-4);
  text-align: start;
  border-block-end: 1px solid var(--rule);
}

.method-table th[b-0fkg59p1u6] {
  background: var(--surface-soft);
  color: var(--ink-strong);
  font-weight: 700;
  font-size: var(--text-xs);
  border-block-end: 2px solid var(--rule-strong);
}

.method-table__dim-cell[b-0fkg59p1u6] {
  background: var(--surface-wash);
  vertical-align: top;
  border-inline-end: 1px solid var(--rule);
}

.method-table__dim-cell strong[b-0fkg59p1u6] {
  display: block;
  color: var(--ink-strong);
  font-size: var(--text-sm);
}

.method-table__dim-total[b-0fkg59p1u6] {
  color: var(--ink-soft);
}

.method-table__name-cell[b-0fkg59p1u6] {
  color: var(--ink-strong);
}

.method-table__points-cell[b-0fkg59p1u6] {
  text-align: center;
}

.method-table__desc-cell[b-0fkg59p1u6] {
  color: var(--ink);
  font-size: var(--text-xs);
  line-height: 1.6;
}

.method-table tfoot td[b-0fkg59p1u6] {
  background: var(--surface-soft);
  border-block-start: 2px solid var(--rule-strong);
  font-weight: 700;
}

/* Principles Grid */
.principles-grid[b-0fkg59p1u6] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: var(--space-5);
  margin-block-start: var(--space-2);
}

.principle-card[b-0fkg59p1u6] {
  padding: var(--space-5);
  display: flex;
  gap: var(--space-4);
  align-items: flex-start;
}

.principle-card__icon[b-0fkg59p1u6] {
  flex-shrink: 0;
  inline-size: 44px;
  block-size: 44px;
  border-radius: var(--radius-card);
  display: flex;
  align-items: center;
  justify-content: center;
}

.principle-card__icon--blue[b-0fkg59p1u6] {
  background: #eff6ff;
  color: #1d4ed8;
}

.principle-card__icon--amber[b-0fkg59p1u6] {
  background: #fffbeb;
  color: #b45309;
}

.principle-card__icon--green[b-0fkg59p1u6] {
  background: #f0fdf4;
  color: #15803d;
}

.principle-card__icon--purple[b-0fkg59p1u6] {
  background: #faf5ff;
  color: #7e22ce;
}

.principle-card__content[b-0fkg59p1u6] {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.principle-card__content h2[b-0fkg59p1u6] {
  font-family: var(--font-display);
  font-size: var(--text-base);
  font-weight: 700;
  color: var(--ink-strong);
  margin: 0;
}

.principle-card__content p[b-0fkg59p1u6] {
  font-size: var(--text-sm);
  color: var(--ink);
  line-height: var(--leading-body);
  margin: 0;
}

.principle-card__action[b-0fkg59p1u6] {
  margin-block-start: var(--space-2);
}

@media (max-width: 640px) {
  .principles-grid[b-0fkg59p1u6] {
    grid-template-columns: 1fr;
  }

  .principle-card[b-0fkg59p1u6] {
    flex-direction: column;
  }
}
/* /Components/Pages/NotFound.razor.rz.scp.css */
.notfound-page[b-6c4t93etrq] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-block: var(--space-12);
  gap: var(--space-6);
  max-inline-size: 720px;
  margin-inline: auto;
}

.notfound__icon[b-6c4t93etrq] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 72px;
  block-size: 72px;
  border-radius: var(--radius-full);
  background: var(--primary-wash);
  color: var(--primary);
  margin-block-end: var(--space-2);
}

.notfound__code[b-6c4t93etrq] {
  font-family: var(--font-display);
  font-size: var(--text-4xl);
  font-weight: 900;
  color: var(--primary-deep);
  line-height: 1;
  margin: 0;
}

.notfound__title[b-6c4t93etrq] {
  font-family: var(--font-display);
  font-size: var(--text-2xl);
  font-weight: 800;
  color: var(--ink);
  margin: 0;
}

.notfound__desc[b-6c4t93etrq] {
  font-size: var(--text-base);
  color: var(--ink-soft);
  line-height: 1.7;
  margin: 0;
  max-inline-size: 55ch;
}

.notfound__search[b-6c4t93etrq] {
  inline-size: 100%;
  max-inline-size: 500px;
  margin-block: var(--space-2);
}

.notfound__search-form[b-6c4t93etrq] {
  display: flex;
  gap: var(--space-2);
}

.notfound__search-input[b-6c4t93etrq] {
  flex-grow: 1;
  padding-block: var(--space-3);
  padding-inline: var(--space-4);
  font-size: var(--text-base);
  border: 1px solid var(--rule-strong);
  border-radius: var(--radius-control);
  background: var(--surface);
  color: var(--ink);
}

.notfound__search-input:focus[b-6c4t93etrq] {
  border-color: var(--primary);
  outline: none;
  box-shadow: var(--shadow-glow);
}

.notfound__grid[b-6c4t93etrq] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-4);
  inline-size: 100%;
  margin-block-start: var(--space-4);
  text-align: start;
}

.notfound-card[b-6c4t93etrq] {
  padding: var(--space-4);
  background: var(--surface);
  border: 1px solid var(--rule);
  border-radius: var(--radius-md);
  text-decoration: none;
  color: inherit;
  transition: all var(--transition-fast);
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.notfound-card:hover[b-6c4t93etrq] {
  border-color: var(--primary);
  transform: translateY(-2px);
  box-shadow: var(--shadow-sm);
}

.notfound-card__title[b-6c4t93etrq] {
  font-family: var(--font-display);
  font-size: var(--text-sm);
  font-weight: 700;
  color: var(--ink-strong);
  margin: 0;
}

.notfound-card__hint[b-6c4t93etrq] {
  font-size: var(--text-xs);
  color: var(--ink-muted);
  margin: 0;
}

@media (max-width: 640px) {
  .notfound__grid[b-6c4t93etrq] {
    grid-template-columns: 1fr;
  }

  .notfound__search-form[b-6c4t93etrq] {
    flex-direction: column;
  }
}
/* /Components/Pages/OpenData.razor.rz.scp.css */
.data__files[b-5qi4mfsv2n] {
  margin-block: var(--space-8);
}

.data__section-header[b-5qi4mfsv2n] {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  margin-block-end: var(--space-4);
  padding-block-end: var(--space-2);
  border-block-end: 1px solid var(--rule);
}

.data__section-title[b-5qi4mfsv2n] {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: 700;
  margin: 0;
}

.data__format-note[b-5qi4mfsv2n] {
  font-size: var(--text-xs);
  color: var(--ink-soft);
}

.data__cards[b-5qi4mfsv2n] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: var(--space-4);
}

.data-card[b-5qi4mfsv2n] {
  display: flex;
  gap: var(--space-4);
  padding: var(--space-5);
  background: var(--surface-gradient);
  border: 1px solid rgba(37, 99, 235, 0.15);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
  transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}

.data-card:hover[b-5qi4mfsv2n] {
  transform: translateY(-2px);
  box-shadow: var(--shadow-card-hover);
  border-color: var(--primary);
}

.data-card__icon[b-5qi4mfsv2n] {
  flex-shrink: 0;
  inline-size: 48px;
  block-size: 48px;
  border-radius: var(--radius-md);
  background: var(--primary-wash);
  color: var(--primary);
  display: flex;
  align-items: center;
  justify-content: center;
}

.data-card__content[b-5qi4mfsv2n] {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.data-card__header[b-5qi4mfsv2n] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  margin-block-end: var(--space-2);
}

.data-card__title[b-5qi4mfsv2n] {
  font-family: var(--font-display);
  font-size: var(--text-base);
  font-weight: 700;
  margin: 0;
  color: var(--ink);
}

.data-card__badge[b-5qi4mfsv2n] {
  font-size: var(--text-xs);
  font-weight: 600;
  padding-inline: var(--space-2);
  padding-block: 2px;
  border-radius: var(--radius-full);
  background: #f0fdf4;
  color: #166534;
  border: 1px solid #bbf7d0;
}

.data-card__desc[b-5qi4mfsv2n] {
  font-size: var(--text-sm);
  color: var(--ink-soft);
  line-height: 1.7;
  margin: 0;
  margin-block-end: var(--space-4);
  flex-grow: 1;
}

.data-card__actions[b-5qi4mfsv2n] {
  margin-block-start: auto;
}

.data__quickcode[b-5qi4mfsv2n] {
  margin-block: var(--space-8);
  padding: var(--space-5);
  background: var(--surface-muted);
  border: 1px solid var(--rule);
  border-radius: var(--radius-lg);
}

.data__quickcode-title[b-5qi4mfsv2n] {
  font-family: var(--font-display);
  font-size: var(--text-base);
  font-weight: 700;
  margin: 0;
  margin-block-end: var(--space-3);
}

.data__apis[b-5qi4mfsv2n] {
  margin-block: var(--space-8);
}

.data__api-intro[b-5qi4mfsv2n] {
  font-size: var(--text-sm);
  color: var(--ink-soft);
  margin-block-end: var(--space-5);
  line-height: 1.8;
}

.api-endpoints[b-5qi4mfsv2n] {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.api-card[b-5qi4mfsv2n] {
  padding: var(--space-5);
  background: var(--surface);
  border: 1px solid var(--rule);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-fast);
}

.api-card:hover[b-5qi4mfsv2n] {
  border-color: var(--primary);
  box-shadow: var(--shadow-md);
}

.api-card__header[b-5qi4mfsv2n] {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin-block-end: var(--space-3);
}

.api-badge[b-5qi4mfsv2n] {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: var(--text-xs);
  font-weight: 800;
  padding-inline: var(--space-2);
  padding-block: 2px;
  border-radius: var(--radius-sm);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.api-badge--get[b-5qi4mfsv2n] {
  background: #e0f2fe;
  color: #0369a1;
  border: 1px solid #bae6fd;
}

.api-card__path[b-5qi4mfsv2n] {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: var(--text-sm);
  font-weight: 700;
  color: var(--ink-strong);
  direction: ltr;
  text-align: left;
}

.api-card__desc[b-5qi4mfsv2n] {
  font-size: var(--text-sm);
  color: var(--ink);
  line-height: 1.7;
  margin: 0 0 var(--space-3) 0;
}

.api-card__params[b-5qi4mfsv2n] {
  font-size: var(--text-xs);
  color: var(--ink-soft);
  background: var(--surface-soft);
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-md);
  margin-block-end: var(--space-3);
}

.api-card__params strong[b-5qi4mfsv2n] {
  color: var(--ink);
}

.api-card__params ul[b-5qi4mfsv2n] {
  margin: var(--space-2) 0 0 0;
  padding-inline-start: var(--space-4);
  line-height: 1.8;
}

.api-card__params code[b-5qi4mfsv2n] {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  color: var(--primary-deep);
  background: var(--surface);
  padding-inline: 4px;
  border-radius: 3px;
  border: 1px solid var(--rule);
}

.api-card__example[b-5qi4mfsv2n] {
  background: #0f172a;
  color: #38bdf8;
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-md);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: var(--text-xs);
  overflow-x: auto;
  direction: ltr;
  text-align: left;
}

.code-tabs[b-5qi4mfsv2n] {
  display: flex;
  flex-direction: column;
}

.code-tab-header[b-5qi4mfsv2n] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: var(--space-2);
  font-size: var(--text-xs);
  font-weight: 600;
  color: var(--ink);
}

.code-block[b-5qi4mfsv2n] {
  background: #0f172a;
  color: #f8fafc;
  padding: var(--space-4);
  border-radius: var(--radius-md);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: var(--text-xs);
  line-height: 1.6;
  overflow-x: auto;
  white-space: pre;
}

.data__license[b-5qi4mfsv2n] {
  margin-block: var(--space-6);
  padding: var(--space-4);
  background: #f8fafc;
  border-inline-start: 4px solid var(--primary);
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
}

.data__license h2[b-5qi4mfsv2n] {
  font-size: var(--text-base);
  margin-block-start: 0;
  margin-block-end: var(--space-2);
}

.data__license p[b-5qi4mfsv2n] {
  font-size: var(--text-sm);
  color: var(--ink-soft);
  line-height: 1.8;
  margin: 0;
}

.data__notes[b-5qi4mfsv2n] {
  margin-block-start: var(--space-4);
  padding-inline-start: var(--space-6);
  color: var(--ink-soft);
  font-size: var(--text-sm);
  line-height: 1.8;
}

.data__notes li[b-5qi4mfsv2n] {
  margin-block-end: var(--space-2);
}
/* /Components/Pages/ProvinceIndex.razor.rz.scp.css */
.ostans__grid[b-tfjsgo2qj1] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: var(--space-4);
  margin-block: var(--space-8);
}

.ostan-card[b-tfjsgo2qj1] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: var(--space-4);
  border-radius: var(--radius-lg);
  border: 1px solid var(--rule);
  background: var(--surface);
  text-decoration: none;
  color: inherit;
  transition: transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);
}

.ostan-card--active[b-tfjsgo2qj1] {
  background: var(--surface-gradient);
  border-color: rgba(37, 99, 235, 0.15);
}

.ostan-card--active:hover[b-tfjsgo2qj1] {
  transform: translateY(-2px);
  box-shadow: var(--shadow-card-hover);
  border-color: var(--primary);
}

.ostan-card--pending[b-tfjsgo2qj1] {
  background: var(--surface-muted);
  opacity: 0.65;
  cursor: default;
}

.ostan-card__header[b-tfjsgo2qj1] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  margin-block-end: var(--space-3);
}

.ostan-card__name[b-tfjsgo2qj1] {
  font-family: var(--font-display);
  font-size: var(--text-base);
  font-weight: 700;
  margin: 0;
  color: var(--ink);
}

.ostan-card__badges[b-tfjsgo2qj1] {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  flex-wrap: wrap;
}

.ostan-card__badge[b-tfjsgo2qj1] {
  font-size: var(--text-xs);
  font-weight: 600;
  padding-inline: var(--space-2);
  padding-block: 2px;
  border-radius: var(--radius-full);
}

.ostan-card__badge--success[b-tfjsgo2qj1] {
  background: #dcfce7;
  color: #15803d;
  border: 1px solid #bbf7d0;
}

.ostan-card__badge--score[b-tfjsgo2qj1] {
  background: var(--primary-wash);
  color: var(--primary-deep);
  border: 1px solid rgba(13, 121, 126, 0.2);
}

.ostan-card__badge--pending[b-tfjsgo2qj1] {
  background: var(--surface);
  color: var(--ink-faint);
  border: 1px solid var(--rule);
}

.ostan-card__footer[b-tfjsgo2qj1] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--text-xs);
  color: var(--ink-soft);
  margin-block-start: var(--space-2);
  padding-block-start: var(--space-2);
  border-block-start: 1px dashed var(--rule);
}

.ostan-card__arrow[b-tfjsgo2qj1] {
  color: var(--primary);
  font-size: var(--text-sm);
  font-weight: 700;
  transition: transform var(--transition-fast);
}

.ostan-card--active:hover .ostan-card__arrow[b-tfjsgo2qj1] {
  transform: translateX(-4px);
}

.ostan-card__hint[b-tfjsgo2qj1] {
  font-size: 10px;
  color: var(--ink-faint);
}
/* /Components/Pages/ProvincePage.razor.rz.scp.css */
.ostan__pill[b-5hsmq1a0ew] {
  font-size: var(--text-xs);
  padding-inline: var(--space-2);
  padding-block: var(--space-1);
  background: var(--surface-muted);
  border: 1px solid var(--rule);
  border-radius: var(--radius-full);
  color: var(--ink-soft);
}

.ostan__pill--success[b-5hsmq1a0ew] {
  background: #f0fdf4;
  border-color: #bbf7d0;
  color: #166534;
}

.ostan-stats[b-5hsmq1a0ew] {
  margin-block-start: var(--space-6);
  margin-block-end: var(--space-8);
}

.ostan-stat[b-5hsmq1a0ew] {
  padding: var(--space-5);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--space-2);
}

.ostan-stat__label[b-5hsmq1a0ew] {
  font-size: var(--text-xs);
  color: var(--ink-soft);
  font-weight: 600;
}

.ostan-stat__value[b-5hsmq1a0ew] {
  font-family: var(--font-display);
  font-size: var(--text-2xl);
  font-weight: 800;
  color: var(--ink-strong);
}

.ostan-stat__hint[b-5hsmq1a0ew] {
  font-size: var(--text-xs);
  color: var(--ink-muted);
}

.ostan__section[b-5hsmq1a0ew] {
  margin-block-start: var(--space-8);
}

.ostan__section-header[b-5hsmq1a0ew] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-block-end: var(--space-4);
  padding-block-end: var(--space-2);
  border-block-end: 1px solid var(--rule);
}

.ostan__section-title[b-5hsmq1a0ew] {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: 700;
  margin: 0;
}

.ostan__section-count[b-5hsmq1a0ew] {
  font-size: var(--text-xs);
  color: var(--ink-soft);
}

.ostan__list[b-5hsmq1a0ew] {
  display: grid;
  gap: var(--space-3);
}

.ostan__caveat[b-5hsmq1a0ew] {
  margin-block-start: var(--space-8);
  padding: var(--space-4);
  background: var(--surface-muted);
  border-inline-start: 4px solid var(--primary);
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
  font-size: var(--text-sm);
  color: var(--ink-soft);
  line-height: 1.8;
  max-inline-size: var(--measure);
}

.ostan__caveat strong[b-5hsmq1a0ew] {
  display: block;
  color: var(--ink);
  margin-block-end: var(--space-1);
}
/* /Components/Pages/QuestionIndex.razor.rz.scp.css */
.porsesh-page[b-ew1oyi2k7m] {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  margin-block-end: var(--space-12);
}

.porsesh__ok[b-ew1oyi2k7m],
.porsesh__err[b-ew1oyi2k7m] {
  padding: var(--space-4);
  font-size: var(--text-sm);
  border-radius: var(--radius-card);
}

.porsesh__ok[b-ew1oyi2k7m] {
  background: var(--primary-wash);
  border-inline-start: 4px solid var(--primary);
  color: var(--primary-deep);
}

.porsesh__err[b-ew1oyi2k7m] {
  background: var(--gap-wash);
  border-inline-start: 4px solid var(--gap);
  color: var(--gap);
}

.porsesh-toolbar[b-ew1oyi2k7m] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block-end: var(--space-3);
  border-block-end: 1px solid var(--rule);
}

.porsesh-stats[b-ew1oyi2k7m] {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  font-size: var(--text-sm);
  color: var(--ink-soft);
  flex-wrap: wrap;
}

.porsesh-stat-separator[b-ew1oyi2k7m] {
  color: var(--rule-strong);
}

.text-success[b-ew1oyi2k7m] {
  color: var(--success);
}

.text-gap[b-ew1oyi2k7m] {
  color: var(--gap);
}

.porsesh-grid[b-ew1oyi2k7m] {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.porsesh-card[b-ew1oyi2k7m] {
  padding: var(--space-6);
  background: var(--surface);
  border: 1px solid var(--rule);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  transition: transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);
}

.porsesh-card:hover[b-ew1oyi2k7m] {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
  border-color: var(--primary);
}

.porsesh-card--answered[b-ew1oyi2k7m] {
  border-inline-start: 4px solid var(--primary);
}

.porsesh-card--waiting[b-ew1oyi2k7m] {
  border-inline-start: 4px solid var(--gap);
}

.porsesh-card__header[b-ew1oyi2k7m] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  flex-wrap: wrap;
}

.porsesh-card__org-badge[b-ew1oyi2k7m] {
  font-family: var(--font-display);
  font-size: var(--text-sm);
  font-weight: 700;
  color: var(--primary-deep);
  text-decoration: none;
  background: var(--primary-wash);
  padding: 2px var(--space-3);
  border-radius: var(--radius-pill);
}

.porsesh-card__org-badge:hover[b-ew1oyi2k7m] {
  text-decoration: underline;
}

.porsesh-card__question[b-ew1oyi2k7m] {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: 700;
  margin: 0;
  line-height: 1.4;
}

.porsesh-card__question a[b-ew1oyi2k7m] {
  color: var(--ink-strong);
  text-decoration: none;
}

.porsesh-card__question a:hover[b-ew1oyi2k7m] {
  color: var(--primary-deep);
}

.porsesh-card__answer[b-ew1oyi2k7m] {
  background: var(--surface-soft);
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-control);
  font-size: var(--text-sm);
  border-inline-start: 2px solid var(--primary-deep);
}

.porsesh-card__answer-label[b-ew1oyi2k7m] {
  display: block;
  font-weight: 700;
  color: var(--primary-deep);
  margin-block-end: 2px;
  font-size: var(--text-xs);
}

.porsesh-card__answer-text[b-ew1oyi2k7m] {
  color: var(--ink-soft);
  margin: 0;
  line-height: 1.6;
}

.porsesh-card__footer[b-ew1oyi2k7m] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block-start: var(--space-3);
  border-block-start: 1px solid var(--rule);
  gap: var(--space-2);
  flex-wrap: wrap;
}

.porsesh-card__meta[b-ew1oyi2k7m] {
  font-size: var(--text-xs);
  color: var(--ink-muted);
}
/* /Components/Pages/QuestionPage.razor.rz.scp.css */
.question-page__about[b-150z0rr4dt] { color: var(--ink-soft); font-size: var(--text-sm); }

.question-page__meta[b-150z0rr4dt] { color: var(--ink-soft); font-size: var(--text-sm); }

.question-page__answer[b-150z0rr4dt] {
  margin-block-start: var(--space-8);
  padding: var(--space-6);
  background: var(--primary-wash);
  border-inline-start: 3px solid var(--primary);
}

.question-page__answer p[b-150z0rr4dt] { max-inline-size: var(--measure); margin-block-end: 0; }

.question-page__waiting[b-150z0rr4dt] {
  margin-block-start: var(--space-8);
  padding: var(--space-6);
  background: var(--gap-wash);
  border-inline-start: 3px solid var(--gap);
}

.question-page__waiting p[b-150z0rr4dt] { max-inline-size: var(--measure); margin-block-end: 0; }

.question-page__back[b-150z0rr4dt] { margin-block-start: var(--space-8); font-size: var(--text-sm); }
/* /Components/Pages/Ranking.razor.rz.scp.css */
.ranking-page[b-ff8ptiyidv] {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  margin-block-end: var(--space-12);
}

.ranking-notfound[b-ff8ptiyidv] {
  padding: var(--space-8) 0;
}

.ranking-page__header[b-ff8ptiyidv] {
  margin-block-end: var(--space-2);
}

.ranking-page__title[b-ff8ptiyidv] {
  font-family: var(--font-display);
  font-size: var(--text-3xl);
  font-weight: 800;
  color: var(--ink-strong);
  margin: var(--space-2) 0;
  letter-spacing: -0.02em;
}

.ranking-page__subtitle[b-ff8ptiyidv] {
  font-size: var(--text-lg);
  color: var(--ink-soft);
  max-width: 65ch;
  line-height: 1.6;
  margin: 0;
}

/* Cause Filter Pills */
.ranking-filters[b-ff8ptiyidv] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  padding-block: var(--space-2);
}

.ranking-filter-pill[b-ff8ptiyidv] {
  display: inline-flex;
  align-items: center;
  padding: var(--space-1) var(--space-3);
  font-size: var(--text-xs);
  font-weight: 600;
  color: var(--ink-soft);
  background: var(--surface);
  border: 1px solid var(--rule);
  border-radius: var(--radius-pill);
  text-decoration: none;
  transition: all var(--transition-fast);
}

.ranking-filter-pill:hover[b-ff8ptiyidv] {
  background: var(--surface-soft);
  color: var(--ink-strong);
  border-color: var(--rule-strong);
}

.ranking-filter-pill.active[b-ff8ptiyidv] {
  background: var(--primary-deep);
  color: var(--ground);
  border-color: var(--primary-deep);
  box-shadow: var(--shadow-sm);
}

/* Ranking Table */
.ranking-table-card[b-ff8ptiyidv] {
  background: var(--surface);
  border: 1px solid var(--rule);
  border-radius: var(--radius-card);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
}

.ranking-table[b-ff8ptiyidv] {
  width: 100%;
  border-collapse: collapse;
  min-inline-size: 42rem;
  text-align: start;
}

.ranking-table th[b-ff8ptiyidv],
.ranking-table td[b-ff8ptiyidv] {
  padding: var(--space-3) var(--space-4);
  border-block-end: 1px solid var(--rule);
  vertical-align: middle;
}

.ranking-table thead th[b-ff8ptiyidv] {
  background: var(--surface-soft);
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--text-xs);
  color: var(--ink-soft);
  border-block-end: 2px solid var(--rule-strong);
  letter-spacing: 0.02em;
}

.ranking-table__col-pos[b-ff8ptiyidv] {
  inline-size: 4.5rem;
  text-align: center;
}

.ranking-table__col-name[b-ff8ptiyidv] {
  inline-size: 35%;
}

.ranking-table__col-bar[b-ff8ptiyidv] {
  inline-size: 25%;
}

.ranking-table__col-score[b-ff8ptiyidv] {
  inline-size: 15%;
}

.ranking-table__col-unassessed[b-ff8ptiyidv] {
  inline-size: 12%;
}

.ranking-table__col-actions[b-ff8ptiyidv] {
  inline-size: 8%;
  text-align: end;
}

/* Position Rank Badge */
.ranking-table__cell-pos[b-ff8ptiyidv] {
  text-align: center;
}

.rank-badge[b-ff8ptiyidv] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 32px;
  block-size: 32px;
  border-radius: 50%;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: var(--text-sm);
}

.rank-badge--1[b-ff8ptiyidv] {
  background: #FEF3C7;
  color: #92400E;
  border: 1px solid #F59E0B;
}

.rank-badge--2[b-ff8ptiyidv] {
  background: #F1F5F9;
  color: #475569;
  border: 1px solid #94A3B8;
}

.rank-badge--3[b-ff8ptiyidv] {
  background: #FFEDD5;
  color: #9A3412;
  border: 1px solid #F97316;
}

.rank-badge--other[b-ff8ptiyidv] {
  background: var(--surface-soft);
  color: var(--ink-soft);
  border: 1px solid var(--rule);
  font-size: var(--text-xs);
}

/* Organization in Table */
.ranking-org[b-ff8ptiyidv] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.ranking-org__name[b-ff8ptiyidv] {
  font-family: var(--font-display);
  font-size: var(--text-base);
  font-weight: 700;
  color: var(--ink-strong);
  text-decoration: none;
}

.ranking-org__name:hover[b-ff8ptiyidv] {
  color: var(--primary-deep);
}

.ranking-org__meta[b-ff8ptiyidv] {
  font-size: var(--text-xs);
  color: var(--ink-muted);
}

/* Progress Bar */
.rank-progress[b-ff8ptiyidv] {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

.rank-progress__track[b-ff8ptiyidv] {
  flex: 1;
  block-size: 8px;
  background: var(--surface-muted);
  border-radius: var(--radius-pill);
  overflow: hidden;
}

.rank-progress__fill[b-ff8ptiyidv] {
  block-size: 100%;
  background: var(--primary-deep);
  border-radius: var(--radius-pill);
  transition: width 0.3s ease;
}

.rank-progress__num[b-ff8ptiyidv] {
  font-size: var(--text-sm);
  color: var(--primary-deep);
  min-inline-size: 3rem;
}

/* Caveat Box */
.ranking__caveat[b-ff8ptiyidv] {
  padding: var(--space-6);
  background: var(--surface);
  border: 1px solid var(--rule);
  border-inline-start: 4px solid var(--primary-deep);
  border-radius: var(--radius-card);
}

.ranking__caveat-title[b-ff8ptiyidv] {
  font-family: var(--font-display);
  font-size: var(--text-base);
  font-weight: 700;
  color: var(--ink-strong);
  margin: 0 0 var(--space-2) 0;
}

.ranking__caveat p[b-ff8ptiyidv] {
  font-size: var(--text-sm);
  color: var(--ink-soft);
  line-height: 1.7;
  margin: 0;
}

/* Pending Unassessed Section */
.ranking__pending[b-ff8ptiyidv] {
  padding: var(--space-6);
  background: var(--surface);
  border: 1px solid var(--rule);
  border-radius: var(--radius-card);
}

.ranking__pending-title[b-ff8ptiyidv] {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: 700;
  color: var(--ink-strong);
  margin: 0 0 var(--space-2) 0;
}

.ranking__pending-note[b-ff8ptiyidv] {
  font-size: var(--text-sm);
  color: var(--ink-soft);
  margin: 0 0 var(--space-4) 0;
  line-height: 1.6;
}

.ranking__pending-list[b-ff8ptiyidv] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.pending-org-chip[b-ff8ptiyidv] {
  display: inline-flex;
  align-items: center;
  padding: var(--space-1) var(--space-3);
  background: var(--surface-soft);
  border: 1px solid var(--rule);
  border-radius: var(--radius-pill);
  font-size: var(--text-xs);
  color: var(--ink-soft);
  text-decoration: none;
  transition: all var(--transition-fast);
}

.pending-org-chip:hover[b-ff8ptiyidv] {
  background: var(--surface-muted);
  color: var(--ink-strong);
}

.ranking__updated[b-ff8ptiyidv] {
  font-size: var(--text-xs);
  color: var(--ink-muted);
  text-align: center;
  padding-block-start: var(--space-2);
}