@import "tailwindcss";

.x-trends-settings > summary {
  cursor: pointer;
  font-weight: 700;
  color: #245ba8;
  padding: 4px;
}
.x-trends-controls button[aria-pressed="true"] {
  outline: 2px solid #245ba8;
  outline-offset: 1px;
}
html[data-theme="dark"] .x-trends-settings > summary {
  color: #b2ceff;
}

/* Private moderated feedback; shared public/admin controls stay compact. */
.visitor-feedback,
.admin-feedback {
  --feedback-bg: #fff;
  --feedback-soft: #f2f6ff;
  --feedback-border: #c8d9f1;
  --feedback-text: #26364a;
  color: var(--feedback-text);
}
.visitor-feedback {
  margin-block: 18px;
  padding: 16px;
  border: 1px solid var(--feedback-border);
  border-top: 3px solid #b91f40;
  border-radius: 14px;
  background: var(--feedback-bg);
}
.feedback-page {
  padding-block: 20px;
}
.feedback-heading {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}
.feedback-heading h2 {
  margin: 0 0 5px;
}
.feedback-heading p,
.feedback-note,
.feedback-related p {
  margin: 5px 0 10px;
}
.feedback-rating-summary {
  border-radius: 8px;
  padding: 8px 12px;
  background: #fff3d4;
  color: #754400;
  font-size: 0.9rem;
}
.visitor-feedback details > summary {
  cursor: pointer;
  font-weight: 700;
  color: #245ba8;
  padding: 10px 0;
}
.feedback-form,
.feedback-moderation {
  display: grid;
  gap: 12px;
}
.visitor-feedback label,
.admin-feedback label {
  display: grid;
  gap: 5px;
  font-weight: 600;
  font-size: 0.92rem;
}
.visitor-feedback input:not([type="radio"]),
.visitor-feedback textarea,
.visitor-feedback select,
.admin-feedback input:not([type="checkbox"]),
.admin-feedback textarea,
.admin-feedback select {
  box-sizing: border-box;
  min-width: 0;
  width: 100%;
  border: 1px solid var(--feedback-border);
  border-radius: 7px;
  padding: 9px 10px;
  background: var(--feedback-bg);
  color: var(--feedback-text);
  font: inherit;
}
.visitor-feedback textarea,
.admin-feedback textarea {
  resize: vertical;
}
.feedback-contact {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.feedback-picker > div,
.feedback-track form,
.feedback-admin-search {
  display: flex;
  align-items: end;
  gap: 8px;
  flex-wrap: wrap;
}
.feedback-picker input,
.feedback-track label,
.feedback-admin-search label {
  flex: 1;
}
.feedback-picker {
  padding: 14px;
  margin-block: 8px 16px;
  border: 1px solid var(--feedback-border);
  border-radius: 12px;
  background: var(--feedback-soft);
  min-width: 0;
}
.feedback-picker-hint,
.feedback-picker-status {
  font-size: 0.84rem;
  line-height: 1.6;
  color: var(--feedback-text);
  margin-block: 6px 10px;
}
.feedback-picker .feedback-picker-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  gap: 8px;
}
.feedback-picker-input {
  min-width: 0;
  display: flex;
  align-items: center;
  border: 1px solid var(--feedback-border);
  border-radius: 9px;
  background: var(--feedback-bg);
}
.feedback-picker-input > span {
  padding-left: 12px;
  color: var(--blue);
  font-weight: 800;
  font-size: 1.3rem;
}
.visitor-feedback .feedback-picker-input input {
  border: 0;
  background: transparent;
  min-height: 46px;
}
.feedback-picker-input:focus-within {
  outline: 2px solid var(--blue);
  outline-offset: 2px;
}
.feedback-picker .feedback-suggestions {
  display: grid;
  gap: 4px;
  margin-top: 8px;
  padding: 6px;
  max-height: 330px;
  overflow-y: auto;
  border: 1px solid var(--feedback-border);
  border-radius: 10px;
  background: var(--feedback-bg);
  box-shadow: 0 6px 18px #203b6710;
}
.feedback-suggestions > button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: 46px;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-radius: 7px;
  text-align: left;
  color: var(--feedback-text);
  cursor: pointer;
}
.feedback-suggestions > button:hover,
.feedback-suggestions > button[aria-selected="true"],
.feedback-suggestions > button:focus-visible {
  background: var(--feedback-soft);
  border-color: var(--feedback-border);
  outline: 2px solid var(--blue);
  outline-offset: -2px;
}
.feedback-suggestions .hashtag-label {
  min-width: 0;
  overflow-wrap: anywhere;
}
.feedback-suggestions .hash-word {
  white-space: normal;
  overflow-wrap: anywhere;
}
.feedback-suggestion-count {
  font-size: 0.8rem;
  white-space: nowrap;
}
.feedback-form > .button {
  justify-self: start;
  min-height: 44px;
}
.visitor-feedback input:focus-visible,
.visitor-feedback textarea:focus-visible,
.visitor-feedback select:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: 2px;
}
@media (max-width: 600px) {
  .feedback-picker .feedback-picker-search {
    grid-template-columns: minmax(0, 1fr);
  }
  .feedback-picker {
    padding: 10px;
  }
  .feedback-suggestions > button {
    gap: 6px;
    padding-inline: 6px;
  }
  .feedback-form > .button {
    width: 100%;
  }
}
.feedback-related {
  border: 1px solid var(--feedback-border);
  border-radius: 8px;
  background: var(--feedback-soft);
  padding: 10px;
  margin-block: 10px;
}
.feedback-related > div,
.feedback-editor-links,
.feedback-status-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.feedback-related a {
  border: 1px solid var(--feedback-border);
  border-radius: 6px;
  padding: 4px 7px;
  background: var(--feedback-bg);
  overflow-wrap: anywhere;
}
.feedback-stars {
  border: 0;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 4px;
}
.feedback-stars legend {
  font-weight: 600;
  font-size: 0.92rem;
}
.feedback-stars label {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  color: #68778d;
  cursor: pointer;
}
.feedback-stars input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.feedback-stars label:has(input:focus-visible) {
  outline: 2px solid #245ba8;
  outline-offset: 2px;
}
.feedback-stars span[aria-hidden] {
  font-size: 32px;
  line-height: 1;
}
.feedback-stars label.selected {
  color: #ad6200;
}
.feedback-note {
  font-size: 0.82rem;
  font-weight: 400;
  line-height: 1.5;
}
.feedback-honeypot {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.feedback-error {
  padding: 10px;
  border: 1px solid #cd7084;
  border-radius: 8px;
  color: #a41333;
  background: #fff1f4;
}
.feedback-receipt {
  margin-block: 12px;
  padding: 12px;
  border: 1px solid #78bfa7;
  border-radius: 8px;
  background: #eaf7ef;
  color: #174d39;
}
.feedback-receipt code {
  display: block;
  overflow-wrap: anywhere;
  user-select: all;
  margin-block: 8px;
  font-size: 0.85rem;
}
.feedback-message {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.feedback-admin-search {
  margin-block: 12px;
}
.feedback-admin-grid {
  display: grid;
  grid-template-columns: minmax(240px, 0.8fr) minmax(0, 1.2fr);
  gap: 14px;
  align-items: start;
}
.feedback-queue-item {
  display: grid;
  gap: 5px;
  width: 100%;
  text-align: left;
  cursor: pointer;
  border: 1px solid var(--feedback-border);
  border-left: 3px solid #2c66bb;
  background: var(--feedback-bg);
  color: var(--feedback-text);
  border-radius: 9px;
  padding: 11px;
  margin-bottom: 8px;
  overflow-wrap: anywhere;
}
.feedback-queue-item > span,
.feedback-queue-item time {
  font-size: 0.83rem;
}
.feedback-queue-item[aria-pressed="true"],
.feedback-status-tabs [aria-pressed="true"] {
  outline: 2px solid #2c66bb;
  background: var(--feedback-soft);
}
.feedback-moderation {
  padding: 14px;
  background: var(--feedback-soft);
  border: 1px solid var(--feedback-border);
  border-radius: 10px;
  min-width: 0;
}
.feedback-moderation h2 {
  margin: 0;
  overflow-wrap: anywhere;
}
.feedback-approve {
  display: flex !important;
  align-items: start;
  gap: 8px !important;
}
.feedback-approve input {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
.feedback-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-block: 12px;
}
html[data-theme="dark"] .visitor-feedback,
html[data-theme="dark"] .admin-feedback {
  --feedback-bg: #17283e;
  --feedback-soft: #213750;
  --feedback-border: #526e94;
  --feedback-text: #e4ecf9;
}
html[data-theme="dark"] .visitor-feedback details > summary {
  color: #b2ceff;
}
html[data-theme="dark"] .feedback-stars label.selected {
  color: #ffcc64;
}
@media (max-width: 700px) {
  .visitor-feedback {
    padding: 12px;
  }
  .feedback-contact,
  .feedback-admin-grid {
    grid-template-columns: 1fr;
  }
  .feedback-picker > div {
    align-items: stretch;
  }
  .feedback-picker input {
    flex-basis: 100%;
  }
  .feedback-heading {
    gap: 6px;
  }
  .feedback-rating-summary {
    font-size: 0.8rem;
  }
  .feedback-status-tabs .button {
    font-size: 0.8rem;
    padding: 7px;
  }
  .feedback-track form > label {
    flex-basis: 100%;
  }
}

/* The shared search stays centered between equal brand columns. */
.site-header.search-site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: #fff;
  box-shadow: 0 5px 18px #17345d12;
}
.search-site-header .header-inner {
  display: grid;
  grid-template-columns: 124px minmax(0, 1fr) 124px;
  gap: 3px 12px;
  padding-block: 4px;
  min-height: 0;
}
.header-end-brand {
  justify-self: end;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
}
.search-site-header .mobile-brand-icon {
  display: none;
}
.search-site-header .header-navigation {
  grid-column: 1 / -1;
  justify-content: center;
  max-width: none;
  gap: 6px 18px;
}
.header-menu-links,
.header-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: inherit;
}
.header-search {
  width: 100%;
  max-width: 900px;
  min-width: 0;
  justify-self: center;
  position: relative;
}
.search-site-header .header-search .search-form {
  position: relative;
  padding: 4px 8px;
  border-width: 1px;
  border-top-width: 3px;
  border-radius: 10px;
}
.search-site-header .header-search .search-form > label {
  margin-bottom: 3px;
  font-size: 0.8rem;
}
.search-site-header .header-search .search-field-row {
  flex-direction: row;
  gap: 7px;
}
.search-site-header .header-search .search-field input {
  min-height: 38px;
  height: 38px;
  padding: 8px 10px 8px 30px;
  font-size: 1rem;
}
.search-site-header .header-search .search-symbol {
  top: 9px;
  left: 10px;
  font-size: 1.2rem;
}
.search-site-header .header-search .search-submit {
  min-width: 84px;
  min-height: 38px;
  padding: 6px 10px;
  font-size: 0.85rem;
}
.search-submit .search-button-text {
  font-size: inherit;
}
.header-search .search-hints {
  display: none;
}
.header-search .search-suggestions,
.header-search .paragraph-results {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  width: 100%;
  max-height: 55dvh;
  overflow-y: auto;
  overscroll-behavior: contain;
  margin: 0;
  box-shadow: 0 12px 32px #17345d25;
  z-index: 2;
}
/* Brand/tools, menu strip, then the full-width padded search row. */
.search-site-header.header-search-below-menu .header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.search-site-header.header-search-below-menu .header-navigation {
  display: flex;
  justify-content: flex-end;
  min-width: 0;
  margin-left: auto;
}
.header-search-row {
  padding-block: 7px 9px;
}
.search-site-header.header-search-below-menu .header-search {
  max-width: none;
}
html:has(.header-search-below-menu) {
  scroll-padding-top: 210px;
}
.header-search .search-suggestion-status:not(:empty),
.header-search .form-error {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  z-index: 3;
  margin: 0;
  padding: 8px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--soft);
}
.header-search .form-error {
  color: var(--red);
}
.admin-page-edit {
  margin-bottom: 12px;
  border: 1px solid #a8bee8;
  background: #eaf1ff;
  color: #173e7a;
  box-shadow: 0 3px 10px #2459a814;
}
.admin-page-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  max-width: 100%;
  width: 100%;
  margin-block: 8px;
}
.taxonomy-tabs, .taxonomy-controls {
  display: flex;
  align-items: end;
  flex-wrap: wrap;
  gap: 6px;
  margin-block: 6px;
}
.taxonomy-tabs [aria-pressed="true"] { background: var(--blue); color: #fff; }
.taxonomy-pagination { margin-block:18px 8px; padding:12px 0; border-top:1px solid var(--line); }
.taxonomy-pagination-summary { display:flex; justify-content:space-between; flex-wrap:wrap; gap:6px; margin-bottom:10px; font-size:.85rem; }
.taxonomy-pagination nav { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:5px; }
.taxonomy-pagination .button { min-width:38px; min-height:38px; padding:7px 10px; margin:0; justify-content:center; }
.taxonomy-pagination [aria-current="page"] { background:var(--blue); color:#fff; border-color:var(--blue); font-weight:700; }
.taxonomy-pagination [aria-disabled="true"] { opacity:.45; cursor:default; box-shadow:none; }
.taxonomy-page-slot { display:inline-flex; align-items:center; gap:5px; }
.taxonomy-page-gap { padding-inline:2px; }
@media (max-width:480px) { .taxonomy-pagination nav { gap:3px; } .taxonomy-pagination .button { min-width:34px; padding:7px; font-size:.8rem; } .taxonomy-page-slot { gap:3px; } }
.taxonomy-workspace .admin-card, .taxonomy-batch { padding: 8px; margin-block: 6px; }
.taxonomy-workspace :is(h2,h3,p), .taxonomy-batch :is(h2,h3,p) { margin-block: 4px; }
.taxonomy-workspace :is(input:not([type="checkbox"]),select) { min-height: 30px; padding: 4px 7px; }
.taxonomy-workspace .button { min-height: 30px; padding: 4px 8px; }
.taxonomy-dense-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr)); gap:6px; }
.taxonomy-dense-grid .admin-card { margin:0; padding:7px; min-width:0; overflow-wrap:anywhere; }
.taxonomy-dense-grid h3 { font-size:.9rem; }
.taxonomy-name-link { color:inherit; text-decoration:none; }
.taxonomy-name-link:hover { text-decoration:underline; text-underline-offset:3px; }
.taxonomy-name-link:focus-visible { outline:2px solid var(--blue); outline-offset:3px; border-radius:2px; }
.taxonomy-dense-grid p, .taxonomy-dense-grid small { font-size:.78rem; }
.taxonomy-editor form { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:8px; }
.taxonomy-controls label { display:grid; gap:3px; font-size:.8rem; }
.admin-page-word-lock {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  font-size: 0.875rem;
}
.admin-page-word-lock label {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  min-height: 40px;
  padding: 7px 12px;
  border: 1px solid #b7cbee;
  border-radius: 8px;
  background: #edf3ff;
  color: #173e7a;
  font-weight: 600;
  box-shadow: 0 2px 5px #2459a810;
}
.admin-page-word-lock label:has(input:checked) {
  background: #e5f5ec;
  border-color: #8fcbb0;
  color: #145c40;
}
.admin-page-word-lock label:focus-within {
  outline: 2px solid var(--blue);
  outline-offset: 2px;
}
.admin-page-word-lock input {
  width: 18px;
  height: 18px;
  margin: 0;
}
.admin-page-word-lock [role="alert"] {
  color: var(--red);
  overflow-wrap: anywhere;
}
html {
  scroll-padding-top: 160px;
}
@media (max-width: 767px) {
  .search-site-header .header-inner {
    grid-template-columns: 64px minmax(0, 1fr);
    width: calc(100% - 20px);
    gap: 5px;
    padding-top: max(4px, env(safe-area-inset-top));
    padding-bottom: 4px;
  }
  .search-site-header .brand-mark,
  .search-site-header .header-end-brand {
    width: 40px;
    height: 44px;
  }
  .search-site-header .brand-mark img:not(.mobile-brand-icon) {
    display: none;
  }
  .search-site-header .brand-mark .mobile-brand-icon {
    display: block;
    width: 64px;
    height: 64px;
    margin: 0;
    transform: translateY(-10px);
  }
  .search-site-header .header-end-brand img {
    width: 36px;
    height: 36px;
  }
  .search-site-header .header-end-brand {
    display: none;
  }
  .search-site-header .brand-mark {
    width: 64px;
    grid-column: 1;
    grid-row: 1;
  }
  .search-site-header .header-search {
    grid-column: 1 / -1;
    grid-row: 2;
    max-width: none;
  }
  .search-site-header .header-navigation {
    display: contents;
    gap: 5px 10px;
    max-width: none;
  }
  .search-site-header .header-menu-links {
    grid-column: 1 / -1;
    grid-row: 3;
    gap: 4px 12px;
  }
  .search-site-header .header-tools {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    flex-wrap: nowrap;
    gap: 7px;
  }
  .search-site-header .header-tools .language-switch {
    flex-wrap: nowrap;
    margin: 0;
    padding: 2px;
    gap: 2px;
  }
  .search-site-header .header-tools .language-switch a {
    min-height: 44px;
    min-width: 44px;
    padding: 6px 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.78rem;
  }
  .search-site-header .header-tools .install-button {
    width: 44px;
    height: 44px;
    padding: 0;
    justify-content: center;
  }
  .search-site-header .install-button-label {
    display: none;
  }
  .search-site-header .header-navigation .home-link {
    display: inline-flex;
    font-size: 0.78rem;
    min-height: 36px;
    align-items: center;
  }
  .search-site-header .header-navigation .generator-menu-link {
    padding: 5px 8px;
  }
  .search-site-header .language-switch a {
    min-height: 30px;
    padding: 3px 6px;
    font-size: 0.8rem;
  }
  .search-site-header .header-search .search-form {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }
  .search-site-header .header-search .search-field input {
    min-height: 44px;
    height: 44px;
  }
  .search-site-header .header-search .search-symbol {
    top: 12px;
  }
  .search-site-header .header-search .search-form > label,
  .search-site-header .search-button-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .search-site-header .header-search .search-submit {
    min-width: 44px;
    min-height: 44px;
    width: 44px;
    padding: 7px;
  }
  .header-search .search-suggestions,
  .header-search .paragraph-results {
    width: calc(100vw - 24px);
    left: 50%;
    transform: translateX(-50%);
  }
}

.header-navigation .generator-menu-link {
  font-weight: 800;
  padding: 8px 12px;
  border: 1px solid #a8bee8;
  border-radius: 9px;
  background: #eaf1ff;
  color: #173e7a;
  white-space: nowrap;
}
.admin-autofill-budget {
  margin: 10px 0;
  padding: 12px 14px;
  border: 1px solid #d2dff1;
  border-radius: 14px;
  background: linear-gradient(135deg, #f8fbff, #f5f3ff);
  box-shadow: 0 5px 18px #2459a80d;
  overflow-wrap: anywhere;
}
.admin-autofill-budget-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin-bottom: 10px;
}
.admin-autofill-review-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 4px 9px;
  border: 1px solid #c6e5d7;
  border-radius: 999px;
  background: #eaf8f1;
  color: #176448;
  font-size: 0.76rem;
  font-weight: 600;
}
.admin-autofill-review-badge::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #27845d;
  flex-shrink: 0;
}
.admin-autofill-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}
.admin-autofill-metric {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 7px;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--metric-border);
  border-inline-start: 3px solid var(--metric-accent);
  border-radius: 10px;
  background: var(--metric-background);
  color: var(--metric-text);
  box-shadow: 0 3px 9px #17345d08;
}
.admin-autofill-metric-total {
  --metric-border: #cbdcf8;
  --metric-accent: #3974c7;
  --metric-background: #edf4ff;
  --metric-text: #204f94;
}
.admin-autofill-metric-remaining {
  --metric-border: #c0e6d4;
  --metric-accent: #258363;
  --metric-background: #eaf8f0;
  --metric-text: #176448;
}
.admin-autofill-metric-spent {
  --metric-border: #efd8b2;
  --metric-accent: #bb781c;
  --metric-background: #fff5e5;
  --metric-text: #865113;
}
.admin-autofill-metric-attempts {
  --metric-border: #dcccf4;
  --metric-accent: #8051bb;
  --metric-background: #f3ecff;
  --metric-text: #674099;
}
.admin-autofill-metric dt {
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.4;
}
.admin-autofill-metric dd {
  margin: 0;
  font-size: 1.3rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
  white-space: nowrap;
}
.admin-autofill-metric-limit {
  font-size: 0.86rem;
  font-weight: 500;
}
.admin-autofill-cost-hint {
  display: block;
  margin-top: 10px;
  color: var(--muted);
  font-size: 0.76rem;
  line-height: 1.5;
}
@media (max-width: 1000px) {
  .admin-autofill-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 360px) {
  .admin-autofill-metrics {
    grid-template-columns: minmax(0, 1fr);
  }
}
.admin-batch-results .button {
  width: fit-content;
  padding: 5px 9px;
  min-height: 34px;
  font-size: 0.8rem;
}
.header-navigation .generator-menu-link:hover {
  background: #dce8ff;
  box-shadow: 0 3px 10px #2459a81a;
}
.generator-suggestions {
  margin-block: 18px;
  padding: 14px;
  border: 1px solid #d4e1f4;
  border-radius: 12px;
  background: #f5f8ff;
}
.generator-suggestions h3 {
  margin: 0 0 6px;
}
.generator-suggestions .how-demo-tag {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
}
.generator-suggestions small {
  color: var(--muted);
  font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto", "Noto Sans Devanagari", Arial, sans-serif;
}

.home-directory {
  margin-top: 16px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: linear-gradient(120deg, #f8faff, #fff);
  scroll-margin-top: 20px;
}
.home-directory .directory-heading h2 {
  font-size: clamp(1.3rem, 2vw, 1.7rem);
  font-weight: 750;
  color: var(--blue);
}
.home-directory .alphabet-index {
  margin-top: 16px;
}
.index-browse-button {
  margin-top: 14px;
  color: var(--blue);
}
@media (max-width: 767px) {
  .home-directory {
    padding: 14px 10px;
  }
}

.editorial-tag-set textarea,
.text-generator textarea {
  display: block;
  width: 100%;
  border: 1px solid #c9d8f0;
  border-radius: 10px;
  padding: 12px;
  margin-block: 8px 12px;
  resize: vertical;
  background: white;
}
.editorial-tag-set button[aria-pressed="true"] {
  border-color: #2c5baa;
  background: #edf3ff;
}
.editorial-tag-set button[aria-pressed="false"] {
  color: #536581;
  background: #fff;
}
.editorial-tag-set button {
  cursor: pointer;
}
.editorial-tag-set .how-demo-tag {
  overflow-x: auto;
}
.editorial-tag-set .hashtag-label {
  white-space: nowrap;
  max-width: none;
}
.text-generator {
  margin-top: 24px;
}
.text-generator h2,
.seo-guide .how-card h2 {
  font-size: 1.3rem;
  margin-bottom: 12px;
}
.text-generator form p {
  margin-bottom: 12px;
}
.text-generator form {
  display: grid;
  grid-template-columns: minmax(140px, 220px) minmax(0, 1fr);
  gap: 8px 14px;
  align-items: center;
}
.text-generator form label {
  font-weight: 600;
}
.paragraph-tag-count {
  grid-column: 1 / -1;
  min-width: 0;
  margin: 0 0 6px;
  padding: 10px 12px;
  border: 1px solid #b7cbed;
  border-radius: 10px;
  background: #f2f6ff;
}
.paragraph-tag-count legend {
  font-weight: 700;
  color: #234e91;
}
.paragraph-count-options {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.paragraph-count-options button {
  min-width: 44px;
  min-height: 44px;
  padding: 6px 12px;
  border: 1px solid #8caedf;
  border-radius: 8px;
  color: #234e91;
  background: #fff;
  font-weight: 700;
}
.paragraph-count-options button[aria-pressed="true"] {
  color: #fff;
  background: #285ba8;
  border-color: #285ba8;
}
.text-generator .paragraph-tag-count p {
  margin: 6px 0 0;
  font-size: 0.85rem;
}
.paragraph-result {
  display: grid;
  gap: 8px;
  margin-block: 10px;
}
.paragraph-result label {
  font-weight: 700;
}
.paragraph-result button {
  justify-self: start;
}
.text-generator form input,
.text-generator form select {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid #c9d8f0;
  border-radius: 10px;
  background: white;
}
.text-generator form textarea {
  margin: 0;
}
.text-generator form > p,
.text-generator form > button {
  grid-column: 1 / -1;
}
.text-generator form > button {
  justify-self: start;
}
.text-generator :is(input, select, textarea):focus-visible {
  outline: 2px solid #285ba8;
  outline-offset: 2px;
}
@media (max-width: 600px) {
  .text-generator form {
    grid-template-columns: minmax(0, 1fr);
  }
}
.seo-guide .breadcrumb {
  flex-wrap: wrap;
  margin-bottom: 16px;
}

/* Text generator studio: keep the visual treatment local to this tool. */
.generator-studio {
  font-family: "Roboto", "Noto Sans Devanagari", Arial, sans-serif;
  --studio-ink: #172d4d;
  --studio-blue: #2459a8;
  --studio-red: #b81e3c;
}
.generator-studio .studio-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.7fr);
  gap: 24px;
  align-items: center;
  padding: 20px 28px;
  border: 1px solid #dce5f1;
  border-radius: 22px;
  background:
    radial-gradient(ellipse at right bottom, #fff0f2, transparent 65%),
    linear-gradient(110deg, #f1f6ff, #fff 65%);
  box-shadow:
    0 4px 0 #e9eef6,
    0 16px 36px #17345d08;
}
.generator-studio .studio-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--studio-blue);
  margin: 0 0 10px;
  letter-spacing: 0.04em;
}
.studio-eyebrow > span {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 7px;
  background: var(--studio-red);
  color: white;
  font-size: 1.1rem;
  box-shadow: 0 3px 0 #861c32;
}
.generator-studio .studio-hero h1 {
  margin: 0 0 12px;
  font-size: clamp(1.9rem, 3vw, 3.05rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.035em;
  color: var(--studio-ink);
}
.studio-hero h1 > span {
  color: var(--studio-blue);
}
.generator-studio .studio-intro {
  max-width: 72ch;
  margin: 0;
  line-height: 1.65;
  font-size: 1rem;
}
.studio-features {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  margin: 14px 0 0;
  padding: 0;
}
.studio-features li {
  padding: 5px 10px;
  font-size: 0.78rem;
  font-weight: 600;
  color: #354e70;
  background: #ffffffd9;
  border: 1px solid #d9e4f3;
  border-radius: 7px;
}
.studio-art {
  position: relative;
  perspective: 1000px;
  padding: 14px 26px;
  max-width: 420px;
  width: 100%;
  justify-self: center;
}
.studio-art-back {
  position: absolute;
  inset: 20px 24px 0 40px;
  background: #dbe7fa;
  border: 1px solid #bfcee8;
  border-radius: 18px;
  transform: rotate(5deg);
}
.studio-art-card {
  position: relative;
  padding: 18px 20px;
  background: #fff;
  border: 1px solid #dce5f1;
  border-radius: 16px;
  box-shadow:
    0 5px 0 #e0e8f4,
    0 18px 26px #193c7020;
  transform: rotateY(-7deg) rotate(-2deg);
}
.studio-art-toolbar {
  display: flex;
  align-items: center;
  gap: 4px;
}
.studio-art-toolbar > span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #d2dced;
}
.studio-art-toolbar > span:first-child {
  background: #b81e3c;
}
.studio-art-toolbar b {
  margin-left: auto;
  font-size: 0.7rem;
  color: #526b8e;
}
.generator-studio .studio-art-card p {
  margin: 16px 0 7px;
  font-size: 0.75rem;
}
.studio-art-caption {
  font-size: 1.3rem;
  line-height: 1.6;
  font-weight: 600;
  color: var(--studio-ink);
}
.studio-art-caption strong {
  color: var(--studio-blue);
}
.studio-art-caption strong:last-child {
  color: var(--studio-red);
}
.studio-art-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 15px;
  padding-top: 12px;
  border-top: 1px solid #e9edf4;
  font-size: 0.72rem;
  color: #426185;
}
.studio-art-bottom b {
  color: var(--studio-blue);
}
.studio-hash-cube {
  position: absolute;
  right: 5px;
  bottom: 4px;
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border-radius: 15px;
  background: linear-gradient(140deg, #d43353, #a91b39);
  color: #fff;
  font-size: 2.4rem;
  font-weight: 800;
  transform: rotate(9deg);
  box-shadow:
    3px 5px 0 #80152c,
    0 12px 20px #b81e3c26;
}
.generator-studio .generator-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: stretch;
  gap: 18px;
  margin-top: 22px;
}
.generator-input-pane,
.generator-output-pane {
  min-width: 0;
  padding: 22px;
  border: 1px solid #d6e1f0;
  border-radius: 18px;
  background: #fff;
  box-shadow:
    0 4px 0 #e7edf6,
    0 12px 28px #17345d0a;
}
.generator-output-pane {
  border-top: 3px solid #b81e3c;
  background: linear-gradient(155deg, #fff, #fff9fa);
}
.generator-input-pane {
  border-top: 3px solid #2459a8;
}
.studio-panel-heading {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
}
.studio-step {
  flex: 0 0 36px;
  display: grid;
  place-items: center;
  height: 36px;
  border: 1px solid #d3e0f3;
  border-radius: 10px;
  color: #2459a8;
  background: #eef4ff;
  font-weight: 800;
  font-size: 0.85rem;
}
.generator-output-pane .studio-step {
  color: #a01c36;
  background: #fff0f3;
  border-color: #f0cdd5;
}
.generator-studio .studio-panel-heading p {
  margin: 0 0 3px;
  font-size: 0.66rem;
  letter-spacing: 0.07em;
  font-weight: 700;
  color: #62738d;
}
.generator-studio .studio-panel-heading h2 {
  margin: 0;
  font-size: clamp(1.05rem, 1.3vw, 1.3rem);
  line-height: 1.4;
  color: #172d4d;
}
.studio-live-badge {
  margin-left: auto;
  padding: 4px 8px;
  border-radius: 6px;
  background: #f2f6fc;
  color: #43638c;
  font-size: 0.7rem;
  font-weight: 700;
}
.generator-studio .text-generator form {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
}
.generator-studio .paragraph-tag-count {
  margin: 0 0 4px;
  padding: 10px 12px;
  background: #f6f9ff;
  border-color: #d6e2f4;
}
.generator-studio .paragraph-tag-count legend {
  font-size: 0.87rem;
  padding: 0 5px;
}
.generator-studio .paragraph-count-options {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 6px;
}
.generator-studio .paragraph-count-options button {
  min-width: 0;
  padding: 7px 4px;
  border-color: #c9d8ed;
  box-shadow: 0 3px 0 #dfe7f3;
  transition:
    transform 0.15s,
    box-shadow 0.15s;
}
.generator-studio .paragraph-count-options button[aria-pressed="true"] {
  background: linear-gradient(140deg, #326dc0, #2355a0);
  border-color: #2459a8;
  box-shadow: 0 3px 0 #15396d;
}
.generator-studio .paragraph-count-options button:active {
  transform: translateY(2px);
  box-shadow: none;
}
.generator-studio .paragraph-tag-count p {
  margin: 8px 0 0;
  font-size: 0.75rem;
  line-height: 1.6;
}
.studio-input-label {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  font-size: 0.9rem;
}
.studio-input-label > span {
  color: #60738e;
  font-size: 0.72rem;
  font-weight: 400;
  white-space: nowrap;
}
.generator-studio .text-generator textarea {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  margin: 0;
  border: 1px solid #b8cbe6;
  border-radius: 11px;
  padding: 13px 14px;
  font: inherit;
  font-size: 1rem;
  line-height: 1.65;
  background: #fbfdff;
  color: #172d4d;
  box-shadow: inset 0 2px 5px #17345d05;
  resize: vertical;
}
.generator-studio #generator-text {
  min-height: 144px;
}
.generator-studio #generator-hint {
  font-size: 0.75rem;
  line-height: 1.65;
  margin: 0;
}
.generator-studio .text-generator .studio-generate-button {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  min-height: 48px;
  margin-top: 3px;
  border-radius: 10px;
  border: 1px solid #1d4c91;
  background: linear-gradient(140deg, #326ec2, #2456a0);
  color: #fff;
  box-shadow:
    0 4px 0 #173e76,
    0 8px 15px #2459a820;
  font-size: 0.95rem;
  font-weight: 700;
}
.studio-generate-button:disabled {
  opacity: 0.6;
  box-shadow: none !important;
}
.studio-empty-output {
  display: grid;
  justify-items: center;
  align-content: center;
  text-align: center;
  min-height: 350px;
  padding: 22px;
  border: 1px dashed #d7dfe9;
  border-radius: 12px;
  background: radial-gradient(circle at center, #f1f6ff, #ffffff80 70%);
}
.studio-empty-hash {
  display: grid;
  place-items: center;
  width: 66px;
  height: 66px;
  margin-bottom: 22px;
  border: 1px solid #cfdaec;
  border-radius: 17px;
  background: white;
  color: #2459a8;
  font-size: 2.5rem;
  font-weight: 800;
  transform: rotate(-7deg);
  box-shadow:
    3px 4px 0 #e1e9f7,
    0 12px 22px #2459a814;
}
.studio-empty-output h3 {
  margin: 0 0 8px;
  font-size: 1.1rem;
  color: #253e60;
}
.generator-studio .studio-empty-output p {
  margin: 0;
  max-width: 38ch;
  font-size: 0.9rem;
  line-height: 1.7;
}
.studio-empty-steps {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 20px;
}
.studio-empty-steps span {
  padding: 5px 9px;
  border: 1px solid #e0e6ef;
  border-radius: 6px;
  font-size: 0.72rem;
  color: #5b708c;
  background: #fff;
}
.generator-studio .editorial-tag-set {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.generator-studio .editorial-tag-set > label {
  font-size: 0.85rem;
  font-weight: 700;
}
.generator-studio .editorial-tag-set > label textarea {
  margin-top: 7px;
}
.generator-studio .editorial-tag-set .button {
  align-self: flex-start;
  font-size: 0.85rem;
  min-height: 42px;
}
.generator-studio .editorial-tag-set .how-demo-tags {
  gap: 6px;
  margin: 0;
}
.generator-studio .editorial-tag-set .how-demo-tag {
  padding: 7px 10px;
  border-radius: 8px;
  font-size: 0.9rem;
}
.generator-studio .editorial-tag-set p {
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.6;
}
.generator-studio .paragraph-result {
  padding-top: 12px;
  margin: 4px 0 0;
  border-top: 1px solid #e3e8f0;
}
.generator-studio .paragraph-result label {
  font-size: 0.85rem;
}
.generator-studio .generator-output-pane > p {
  margin: 10px 0;
  font-size: 0.8rem;
  line-height: 1.6;
}
.generator-output-pane > p:empty,
.generator-studio .editorial-tag-set > p:empty {
  display: none;
}
.studio-how {
  padding: 14px 18px;
  margin-top: 18px;
  border: 1px solid #dce5f1;
  border-radius: 12px;
  background: #f8faff;
}
.studio-how summary {
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 700;
  color: #294e7f;
}
.generator-studio .studio-how p {
  margin: 12px 0 0;
  line-height: 1.7;
  font-size: 0.9rem;
}
.generator-studio .how-section {
  margin-top: 24px;
}
.generator-studio .how-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 12px;
}
.generator-studio .how-card {
  padding: 17px 18px;
  border-bottom: 3px solid #dce6f4;
  box-shadow: 0 5px 16px #17345d08;
  transition:
    border-color 0.15s,
    transform 0.15s;
}
.generator-studio .how-card:hover {
  border-color: #8aaedb;
  transform: translateY(-2px);
}
.generator-studio .how-card h3 {
  font-size: 1rem;
  line-height: 1.5;
}
.generator-studio .how-card p {
  font-size: 0.85rem;
  line-height: 1.65;
  margin: 0;
}
.generator-studio .how-note {
  font-size: 0.8rem;
  line-height: 1.8;
}
.generator-studio :is(button, a, summary, textarea):focus-visible {
  outline: 3px solid #2459a8;
  outline-offset: 3px;
}
@media (max-width: 960px) {
  .generator-studio .generator-workspace {
    grid-template-columns: minmax(0, 1fr);
  }
  .generator-studio .studio-hero {
    grid-template-columns: minmax(0, 1fr) 240px;
    padding: 24px;
  }
  .studio-art {
    padding: 12px;
  }
  .studio-art-card {
    padding: 16px;
  }
  .studio-art-caption {
    font-size: 1.1rem;
  }
  .studio-empty-output {
    min-height: 200px;
  }
}
@media (max-width: 600px) {
  .generator-studio .studio-hero {
    grid-template-columns: minmax(0, 1fr);
    padding: 20px;
    gap: 12px;
    border-radius: 16px;
  }
  .generator-studio .studio-hero h1 {
    font-size: 1.9rem;
    letter-spacing: -0.02em;
  }
  .generator-studio .studio-intro {
    font-size: 0.9rem;
  }
  .studio-art {
    display: none;
  }
  .studio-art-card {
    padding: 12px 16px;
  }
  .generator-studio .studio-art-card p {
    margin-top: 10px;
  }
  .studio-art-caption {
    font-size: 1rem;
  }
  .studio-hash-cube {
    width: 40px;
    height: 40px;
    font-size: 1.8rem;
    border-radius: 11px;
  }
  .studio-art-bottom {
    margin-top: 8px;
    padding-top: 8px;
  }
  .generator-input-pane,
  .generator-output-pane {
    padding: 16px;
    border-radius: 14px;
  }
  .studio-panel-heading {
    gap: 8px;
  }
  .generator-studio .paragraph-count-options {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .studio-live-badge {
    font-size: 0.65rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .generator-studio *,
  .generator-studio *::before,
  .generator-studio *::after {
    transition: none !important;
    animation: none !important;
  }
  .generator-studio .how-card:hover {
    transform: none;
  }
}

/* Public getting-started guide; scoped to preserve existing page layouts. */
.how-page {
  padding-block: 28px 40px;
}
.how-hero {
  display: grid;
  grid-template-columns: 1.25fr 1fr;
  gap: 28px;
  align-items: center;
  padding: clamp(20px, 3vw, 40px);
  border: 1px solid #d8e4ff;
  border-radius: 24px;
  background: linear-gradient(120deg, #edf4ff, #fff 58%, #f1edff);
}
.how-hero h1 {
  font-size: clamp(2rem, 3.5vw, 3.3rem);
  line-height: 1.12;
  max-width: 750px;
  margin: 12px 0 18px;
  letter-spacing: -0.025em;
}
.how-page p {
  color: var(--muted);
}
.how-intro {
  max-width: 760px;
  font-size: 1.08rem;
}
.how-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}
.how-demo {
  background: #fff;
  padding: 24px;
  border: 1px solid #e0e6f4;
  border-radius: 18px;
  box-shadow: 0 12px 32px #263d7220;
  min-width: 0;
}
.how-demo h2 {
  font-size: 1.4rem;
  margin-block: 8px 16px;
}
.how-demo-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 16px;
}
.how-demo-tag {
  padding: 10px 12px;
  background: #f5f7ff;
  border: 1px solid #dae3f6;
  border-radius: 10px;
  max-width: 100%;
}
.how-demo-tag .hashtag-label {
  white-space: normal;
  overflow-wrap: anywhere;
}
.how-jump {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-block: 20px 28px;
}
.how-jump a {
  background: #f4f7fc;
  padding: 8px 14px;
  border: 1px solid #dde5f2;
  border-radius: 999px;
  font-weight: 600;
}
.how-jump a:hover {
  background: #e7efff;
}
.how-section {
  margin-top: 32px;
  scroll-margin-top: 24px;
}
.how-section > h2,
.how-closing h2 {
  font-size: clamp(1.4rem, 2vw, 1.9rem);
  margin-bottom: 16px;
}
.how-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 270px), 1fr));
  gap: 16px;
}
.how-steps {
  list-style: none;
  padding: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.how-card {
  padding: 22px;
  border: 1px solid #dfe6f2;
  border-radius: 16px;
  box-shadow: 0 5px 18px #25365b0a;
  background: #fff;
  min-width: 0;
}
.how-card h3,
.how-audience h3 {
  font-size: 1.12rem;
  margin-bottom: 8px;
}
.how-number,
.how-feature-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 1.15rem;
  border-radius: 12px;
  width: 44px;
  height: 44px;
  margin-bottom: 14px;
  background: #e6edff;
  color: #254d9e;
}
.how-mark-1 {
  background: #fbe7f0;
  color: #993551;
}
.how-mark-2 {
  background: #e2f5eb;
  color: #216347;
}
.how-mark-3 {
  background: #fff0d5;
  color: #80521c;
}
.how-audience {
  border-radius: 18px;
  background: #f3f6fc;
  padding: 24px;
}
.how-colors {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}
.how-colors li {
  padding: 9px 12px;
  background: var(--volume-bg);
  border: 1px solid var(--volume-border);
  border-radius: 9px;
  font-size: 0.9rem;
  font-weight: 600;
  white-space: nowrap;
}
.how-note {
  padding: 14px 18px;
  border-left: 3px solid #2c5baa;
  background: #f4f7fd;
  border-radius: 0 10px 10px 0;
  margin-top: 16px;
}
.how-install .how-grid {
  margin-top: 16px;
}
.how-faq details {
  border: 1px solid #dfe6f2;
  border-radius: 12px;
  padding: 14px 18px;
  margin-bottom: 10px;
  background: #fff;
}
.how-faq summary {
  cursor: pointer;
  font-weight: 650;
}
.how-faq details p {
  margin: 12px 0 2px;
}
.how-faq > a {
  display: inline-block;
  margin-top: 8px;
  color: var(--blue);
}
.how-closing {
  text-align: center;
  padding: 28px 20px;
  margin-top: 32px;
  background: #edf3ff;
  border-radius: 18px;
}
.how-closing .button {
  margin-top: 18px;
}
@media (max-width: 900px) {
  .how-hero {
    grid-template-columns: 1fr;
  }
  .how-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 520px) {
  .how-steps {
    grid-template-columns: 1fr;
  }
  .how-page {
    padding-block: 18px 28px;
  }
  .how-hero {
    padding: 20px 16px;
    border-radius: 18px;
    gap: 20px;
  }
  .how-demo,
  .how-card,
  .how-audience {
    padding: 18px;
  }
  .how-jump a {
    padding: 7px 10px;
    font-size: 0.87rem;
  }
  .how-hero h1 {
    font-size: 2rem;
  }
}

/* Shared public guides, accessible branded sharing and the private owner area. */
.business-section {
  margin-top: 56px;
}
.business-section > p,
.guide-content p {
  margin-top: 12px;
  color: var(--muted);
}
.platform-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px;
  margin-top: 22px;
}
.platform-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 10px;
}
.platform-card svg,
.platform-mark svg,
.share-button svg {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  color: var(--brand, var(--blue));
}
.platform-card:hover {
  border-color: var(--brand, var(--blue));
  background: var(--soft);
}
.platform-card span {
  margin-left: auto;
}
.brand-instagram {
  --brand: #c13584;
}
.brand-facebook {
  --brand: #1877f2;
}
.brand-youtube {
  --brand: #ff0033;
}
.brand-linkedin {
  --brand: #0a66c2;
}
.brand-whatsapp {
  --brand: #128c7e;
}
.brand-telegram {
  --brand: #229ed9;
}
.brand-pinterest {
  --brand: #bd081c;
}
.brand-x,
.brand-tiktok,
.brand-threads,
.brand-snapchat {
  --brand: #111;
}
.sharing-section {
  margin-block: 22px;
}
.share-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.share-button {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  min-height: 42px;
  background: #fff;
  color: var(--ink);
  padding: 8px 12px;
  border: 1px solid var(--line);
  border-radius: 7px;
  font-size: 0.8rem;
}
.share-button:hover {
  border-color: var(--brand, var(--blue));
  background: var(--soft);
}
.sharing-section [role="status"] {
  font-size: 0.78rem;
  overflow-wrap: anywhere;
}
.guide-page {
  max-width: 900px;
  padding-top: 30px;
}
.guide-page h1 {
  margin-top: 14px;
}
.platform-mark {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 25px;
  font-weight: bold;
}
.guide-content section {
  margin-top: 28px;
}
.guide-content li {
  margin-block: 10px;
  color: var(--muted);
}
.topic-links {
  margin-block: 28px;
}
.topic-links h2 {
  margin-bottom: 10px;
}
.topic-links p {
  color: var(--muted);
}
.topic-links a {
  display: inline-block;
  margin: 8px 8px 0 0;
  padding: 7px 12px;
  background: var(--soft);
  color: var(--blue);
  border-radius: 6px;
}
.public-faq {
  padding-block: 14px;
  border-bottom: 1px solid var(--line);
}
.public-faq summary {
  cursor: pointer;
  font-weight: 600;
}
.footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.related-tag-info strong a {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.admin-auth {
  max-width: 520px;
  margin: 40px auto;
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: 12px;
}
.admin-auth h1 {
  font-size: 2rem;
  margin: 12px 0;
}
.admin-auth > p {
  color: var(--muted);
}
.admin-page {
  padding-top: 28px;
  overflow-wrap: anywhere;
}
.admin-menu {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(8rem, 100%), 1fr));
  gap: 8px;
  margin-top: 16px;
}
.admin-menu a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 8px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--soft);
  color: var(--blue);
  font-size: 0.9rem;
  font-weight: 700;
}
.admin-menu a[aria-current="page"] {
  background: var(--blue);
  border-color: var(--blue);
  color: #fff;
}
.admin-menu a:focus-visible {
  outline: 2px solid var(--red);
  outline-offset: 2px;
}
.admin-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 20px;
}
.admin-heading h1 {
  font-size: 2rem;
}
.admin-heading > div,
.admin-heading > h2 {
  min-width: 0;
  flex: 1 1 220px;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.admin-save-dialog {
  width: min(32rem, calc(100vw - 2rem));
  margin: auto;
  padding: 1.25rem;
  border: 1px solid #b9ccee;
  border-radius: 1rem;
  background: #f4f8ff;
  color: #172640;
  box-shadow: 0 18px 60px #17264040;
}
.admin-save-dialog::backdrop {
  background: #14254188;
}
.admin-save-dialog .admin-editor-actions {
  display: flex;
  gap: 0.75rem;
  margin-top: 1rem;
}
.admin-notice {
  background: var(--soft);
  border: 1px solid var(--line);
  padding: 12px 16px;
  border-radius: 8px;
  margin-block: 16px;
}
.admin-applied-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 12px;
}
.admin-applied-filters > span {
  overflow-wrap: anywhere;
  min-width: 0;
}
.admin-applied-filters > button {
  margin-inline-start: auto;
  white-space: normal;
}
.admin-form {
  display: grid;
  gap: 16px;
  margin-top: 20px;
}
.admin-form label {
  display: grid;
  gap: 6px;
  font-size: 0.88rem;
  font-weight: 600;
}
.admin-form input,
.admin-form textarea,
.admin-form select,
.admin-card textarea,
.admin-toolbar input,
.admin-toolbar select {
  border: 1px solid #bbc7d8;
  background: white;
  border-radius: 6px;
  padding: 10px 12px;
  width: 100%;
  min-width: 0;
  color: var(--ink);
}
.admin-form select,
.admin-toolbar select {
  font: inherit;
}
.admin-form small {
  font-weight: normal;
  color: var(--muted);
}
.admin-form input[readonly] {
  background: var(--soft);
}
.admin-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.admin-columns fieldset {
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
}
.admin-columns fieldset label {
  margin-bottom: 14px;
}
.admin-columns legend {
  font-weight: bold;
}
.admin-form .admin-check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.admin-check input {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  margin-top: 4px;
}
.admin-submit-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-block: 10px;
}
.admin-submit-tag-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid #e0bb78;
  border-radius: 10px;
  background: #fff8e9;
  text-align: center;
}
.admin-submit-tag-card small {
  color: #67502b;
  font-weight: 650;
}
.admin-word-match {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  font-size: 0.82rem;
  line-height: 1.5;
}
.admin-word-match-details {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
}
.admin-word-match-details[open] {
  flex-basis: 100%;
  width: 100%;
  padding: 8px;
  border: 1px solid #dfcfae;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 8px #67502b0d;
}
.admin-word-match-details summary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 3px 8px;
  border: 1px solid #8794a9;
  border-radius: 20px;
  background: #edf0f5;
  color: #34445a;
  cursor: pointer;
  font-weight: 750;
  list-style: none;
  width: fit-content;
  min-height: 30px;
}
.admin-word-match-details summary::-webkit-details-marker {
  display: none;
}
.admin-word-match.is-ok summary {
  background: #dcfce7;
  border-color: #27a65b;
  color: #14532d;
}
.admin-word-match.is-missing summary {
  background: #ffe1e5;
  border-color: #d53750;
  color: #951b30;
}
.admin-word-match-explanation {
  display: block;
  width: 100%;
  max-width: none;
  padding: 6px 0;
  color: #34445a;
  background: #fff;
  border-radius: 5px;
  overflow-wrap: anywhere;
  text-align: start;
  font-size: inherit;
  font-weight: normal;
  line-height: 1.5;
}
.admin-word-match-sound {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  min-height: 26px;
  padding: 3px 6px;
  border: 1px solid #a8bddf;
  border-radius: 6px;
  background: #fff;
  color: #2455a7;
  font: inherit;
  cursor: pointer;
}
.admin-word-match-sound:disabled {
  opacity: 0.6;
  cursor: default;
}
.admin-word-match-add {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  width: 100%;
  max-width: none;
  padding: 6px 0;
  border-radius: 5px;
  background: #fff;
  color: #34445a;
  text-align: start;
  overflow-wrap: anywhere;
}
.admin-word-match-add > span {
  flex: 1 1 100%;
}
.admin-word-match-add button {
  white-space: normal;
  overflow-wrap: anywhere;
}
.admin-word-match-notice {
  width: 100%;
  color: #17623f;
  overflow-wrap: anywhere;
}
.admin-word-match-notice.is-error {
  color: #b4203b;
}
.admin-word-match summary:focus-visible,
.admin-word-match-sound:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: 2px;
}
.admin-submit-tag-card .hashtag-label {
  font-size: 1.25rem;
}
.admin-submit-tag-card .hash-word {
  overflow-wrap: anywhere;
}
.admin-submit-tag-card .tag-segment {
  white-space: normal;
}
.admin-submit-bar .admin-submit-tag-card .hashtag-word-breakdown {
  margin: 0;
  padding: 2px 6px;
  font-size: 0.75rem;
  line-height: 1.35;
}
.admin-submit-tag-card .word-copy-button {
  min-height: 28px;
  padding: 3px 7px;
  border: 1px solid #a8bddf;
  border-radius: 5px;
  background: #fff;
  font: inherit;
  cursor: pointer;
}
.admin-submit-tag-card .word-copy-button:hover {
  background: #e8f1ff;
}
.admin-submit-tag-card .word-copy-button:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: 2px;
}
.admin-word-copy-status {
  min-height: 1.2em;
  font-size: 0.7rem;
  line-height: 1.2;
  color: #17623f;
}
.admin-word-copy-status.is-error {
  color: #b4203b;
}
html[data-theme="dark"] .admin-submit-tag-card .word-copy-button {
  background: #243852;
  border-color: #607da7;
}
html[data-theme="dark"] .admin-submit-tag-card .word-copy-button:hover {
  background: #304968;
}
html[data-theme="dark"] .admin-word-copy-status {
  color: #8ce1b5;
}
html[data-theme="dark"] .admin-word-copy-status.is-error {
  color: #ff9cb5;
}
@media (pointer: coarse) {
  .admin-submit-tag-card .word-copy-button {
    min-height: 36px;
    min-width: 44px;
  }
}
@media (max-width: 900px) {
  .admin-submit-options {
    grid-template-columns: minmax(0, 1fr);
  }
  .admin-submit-tag-card {
    order: -1;
  }
}
.admin-form .admin-submit-options .admin-choice-card {
  margin: 0;
  padding: 12px;
  border: 1px solid #b8ccef;
  border-radius: 10px;
  background: #f0f5ff;
  cursor: pointer;
  line-height: 1.6;
}
.admin-submit-options .admin-choice-card > span {
  min-width: 0;
}
.admin-submit-options .admin-choice-card strong {
  font-size: 0.9rem;
}
.admin-submit-options .admin-choice-card small {
  display: block;
  margin-top: 4px;
}
.admin-form .admin-submit-options .admin-publish-choice {
  border-color: #e6bdc8;
  background: #fff2f6;
}
.admin-form .admin-submit-options .admin-choice-card:has(:checked) {
  border-color: #2459a8;
  box-shadow: inset 0 0 0 1px #2459a8;
}
.admin-form .admin-submit-options .admin-choice-card:has(:focus-visible) {
  outline: 2px solid #2459a8;
  outline-offset: 2px;
}
.admin-form .admin-submit-options .admin-choice-card:has(:disabled) {
  cursor: not-allowed;
}
.admin-card {
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  margin-block: 18px;
}
.admin-card summary {
  cursor: pointer;
  font-weight: bold;
}
.admin-card p {
  margin-block: 12px;
}
.admin-card > textarea {
  margin-block: 12px;
}
.admin-toolbar {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  margin-block: 16px;
}
.admin-toolbar input {
  flex: 1 1 220px;
  width: auto;
}
.admin-toolbar select {
  width: auto;
  max-width: 100%;
}
.admin-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
}
.admin-table {
  border-collapse: collapse;
  width: 100%;
  font-size: 0.84rem;
}
.admin-table th,
.admin-table td {
  padding: 10px 12px;
  text-align: left;
  border-bottom: 1px solid var(--line);
}
.admin-table th {
  background: var(--soft);
}
.admin-table td:first-child {
  overflow-wrap: anywhere;
  min-width: 130px;
}
.admin-table a {
  color: var(--blue);
  text-decoration: underline;
}
.admin-actions {
  display: flex;
  gap: 6px;
}
.admin-table .admin-actions .admin-check {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin: 0;
  font-size: 0.78rem;
  white-space: nowrap;
}
.admin-actions .button {
  padding: 6px 10px;
  min-height: 36px;
  font-size: 0.8rem;
  background: var(--soft);
}
@media (max-width: 640px) {
  .admin-auth {
    padding: 18px;
    margin-top: 24px;
  }
  .admin-columns {
    grid-template-columns: 1fr;
  }
  .admin-table th,
  .admin-table td {
    padding: 8px;
  }
  .admin-page h1 {
    font-size: 1.7rem;
  }
  .footer-inner {
    align-items: flex-start;
    flex-direction: column;
  }
  .guide-page h1 {
    font-size: 1.8rem;
  }
}

@theme {
  --color-sapphire: #2459a8;
  --color-brand-red: #b4203b;
  --color-ink: #1d2a40;
  --font-sans: Arial, "Nirmala UI", "Mangal", sans-serif;
}

:root {
  color-scheme: light;
  --blue: #2459a8;
  --red: #b4203b;
  --ink: #1d2a40;
  --muted: #58657a;
  --line: #e4e8f0;
  --soft: #f6f8fc;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: #fff;
  color: var(--ink);
  font-family: Arial, "Noto Sans Devanagari", sans-serif;
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
button,
input,
textarea {
  font: inherit;
}
button,
a {
  -webkit-tap-highlight-color: transparent;
}
button {
  cursor: pointer;
}
button:disabled {
  cursor: default;
  opacity: 0.65;
}
button:focus-visible,
a:focus-visible,
input:focus-visible,
textarea:focus-visible {
  outline: 3px solid #7b9ed5;
  outline-offset: 4px;
}
a {
  color: inherit;
  text-decoration: none;
}
h1,
h2,
h3,
p {
  margin: 0;
}
h1,
h2,
h3 {
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.025em;
}
h1 {
  font-size: clamp(2rem, 4.5vw, 3.1rem);
}
h2 {
  font-size: 1.4rem;
}
ul {
  padding-left: 1.3rem;
}
::selection {
  background: #dce8fb;
  color: #173b74;
}
.site-container {
  width: calc(100% - 16px);
  margin-inline: auto;
}
.site-main {
  flex: 1;
  width: 100%;
}
.site-header {
  border-bottom: 1px solid var(--line);
}
.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 102px;
}
.brand-mark {
  display: block;
  position: relative;
  flex: 0 0 auto;
  width: 150px;
  height: 88px;
  overflow: hidden;
}
.brand-mark img {
  display: block;
  width: 150px;
  height: 150px;
  max-width: none;
  transform: translateY(-32px);
}
.header-navigation {
  display: flex;
  align-items: center;
  gap: 32px;
}
.home-link {
  font-size: 0.9rem;
  color: var(--muted);
  font-weight: 600;
}
.home-link:hover {
  color: var(--blue);
}
.language-switch {
  display: flex;
  align-items: center;
  padding: 4px;
  border: 1px solid var(--line);
  border-radius: 9px;
  gap: 3px;
}
.language-switch a {
  display: flex;
  min-height: 36px;
  padding: 5px 12px;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--muted);
  border-radius: 6px;
}
.language-switch a[aria-current="page"] {
  background: var(--blue);
  color: white;
}
.language-switch a:hover:not([aria-current]) {
  background: var(--soft);
  color: var(--blue);
}
.search-site-header .header-tools .language-toggle {
  padding: 0;
  gap: 0;
}
.search-site-header .header-tools .language-toggle a {
  min-width: 40px;
  min-height: 36px;
  padding: 5px 9px;
  background: #2459a8;
  color: #fff;
  font-weight: 750;
}
html[data-theme="dark"] .search-site-header .header-tools .language-toggle a {
  background: #304d77;
  color: #fff;
}
@media (max-width: 767px) {
  .search-site-header .header-tools .language-toggle a {
    min-width: 44px;
    min-height: 44px;
  }
}
.skip-link {
  position: absolute;
  z-index: 100;
  left: 20px;
  top: -100px;
  padding: 10px 18px;
  background: var(--blue);
  color: white;
  border-radius: 6px;
}
.skip-link:focus {
  top: 12px;
}
.site-footer {
  margin-top: 76px;
  border-top: 1px solid var(--line);
}
.footer-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding-block: 25px;
  font-size: 0.83rem;
  color: var(--muted);
}
.footer-inner p {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 16px;
}
.footer-inner strong {
  color: var(--ink);
}
.footer-inner a {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.home-hero {
  max-width: 800px;
  margin-inline: auto;
  padding-top: 65px;
  text-align: center;
}
.eyebrow {
  display: flex;
  align-items: center;
  justify-content: inherit;
  gap: 8px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: var(--muted);
}
.home-hero > .eyebrow {
  justify-content: center;
  color: var(--red);
}
.brand-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--red);
}
.home-hero h1 {
  margin-top: 15px;
}
.hero-intro {
  max-width: 610px;
  margin: 15px auto 29px;
  color: var(--muted);
  font-size: 1.03rem;
}
.search-shell {
  text-align: left;
}
.search-form {
  padding: 25px 25px 17px;
  background: #fff;
  border: 1px solid #dbe2ec;
  border-radius: 14px;
  box-shadow: 0 8px 30px #17345d08;
}
.search-form > label {
  display: block;
  font-size: 0.88rem;
  font-weight: 700;
  margin-bottom: 10px;
}
.search-field-row {
  display: flex;
  gap: 10px;
  align-items: stretch;
}
.search-field {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
}
.search-symbol {
  position: absolute;
  top: 17px;
  left: 15px;
  color: #8794a6;
  pointer-events: none;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 20px;
}
.search-suggestions {
  margin-top: 8px;
  border: 1px solid #ccd5e2;
  border-radius: 7px;
  overflow: hidden;
  background: white;
}
.search-suggestions > p,
.search-suggestion-status {
  font-size: 0.8rem;
  color: var(--muted);
}
.search-suggestions > p {
  padding: 8px 12px;
}
.search-suggestions ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.search-suggestions li {
  padding: 0;
  cursor: pointer;
  overflow-wrap: anywhere;
  color: var(--blue);
}
.search-suggestions li:hover,
.search-suggestions button[aria-selected="true"],
.search-suggestions button:focus-visible {
  background: var(--soft);
}
.search-suggestions button {
  display: block;
  width: 100%;
  min-height: 44px;
  padding: 9px 12px;
  text-align: left;
  color: inherit;
  cursor: pointer;
}
.search-suggestions :is(.hashtag-label, .hash-word, .tag-segment) {
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;
  white-space: normal;
  overflow-wrap: anywhere;
}
.search-suggestion-status:empty {
  display: none;
}
.search-field input {
  width: 100%;
  min-height: 54px;
  border: 1px solid #ccd5e2;
  border-radius: 7px;
  padding: 11px 14px 11px 43px;
  background: white;
  color: var(--ink);
}
.search-field input::placeholder {
  color: #68778c;
}
.search-field input:disabled {
  background: var(--soft);
}
.search-field input[aria-invalid="true"] {
  border-color: var(--red);
}
.button {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 11px 21px;
  border: 1px solid transparent;
  border-radius: 7px;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.55;
  text-align: center;
}
.button-primary {
  background: var(--blue);
  color: #fff;
}
.button-primary:hover:not(:disabled) {
  background: #1d4787;
}
.search-submit {
  flex: 0 0 auto;
  min-width: 124px;
}
.search-submit span {
  font-size: 1.2rem;
}
.search-hints {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 4px 10px;
  margin-top: 9px;
  font-size: 0.72rem;
  color: var(--muted);
}
.normalization-preview {
  overflow-wrap: anywhere;
  color: var(--blue);
}
.search-examples {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px 10px;
  justify-content: center;
  margin-top: 16px;
  color: var(--muted);
  font-size: 0.78rem;
}
.search-examples button {
  border: 0;
  background: var(--soft);
  color: var(--blue);
  padding: 5px 10px;
  min-height: 34px;
  border-radius: 5px;
}
.search-examples button:hover:not(:disabled) {
  background: #e9f0fb;
}
.metric-note {
  color: var(--muted);
  font-size: 0.75rem;
  line-height: 1.7;
}
.home-hero > .metric-note {
  margin: 20px auto 0;
  max-width: 650px;
}
.service-notice,
.form-error {
  color: #9c1732;
  font-size: 0.8rem;
  line-height: 1.7;
}
.service-notice {
  margin-top: 12px;
}
.form-error {
  padding: 10px 12px;
  margin-top: 12px;
  background: #fff5f6;
  border: 1px solid #f2d7de;
  border-radius: 5px;
}
.muted {
  color: var(--muted);
}
.popular-section {
  margin-top: 52px;
}
.popular-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 14px;
}
.popular-tabs a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 8px 14px;
  border: 1px solid #d2ddef;
  border-radius: 9px;
  background: #f5f8ff;
  color: var(--blue);
  font-size: 0.88rem;
  font-weight: 700;
  text-decoration: none;
}
.popular-tabs a:hover {
  background: #e7efff;
}
.popular-tabs a[aria-current="page"] {
  color: white;
  background: var(--blue);
  border-color: var(--blue);
  box-shadow: 0 3px 9px #2458a624;
}
.popular-tabs a:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: 3px;
}
.popular-section .popular-period-note,
.popular-section .popular-history-note {
  font-size: 0.8rem;
  margin-block: 10px;
}
.popular-empty {
  padding: 16px;
  border: 1px dashed #d2ddef;
  border-radius: 9px;
  color: var(--muted);
}
.section-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
}
.popular-section > p,
.related-section > p {
  margin-top: 8px;
  font-size: 0.86rem;
}
.popular-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(10rem, 100%), 1fr));
  gap: 12px;
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
}
.popular-grid a {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  min-height: 92px;
  border: 1px solid var(--line);
  border-radius: 9px;
  padding: 15px 30px 15px 17px;
}
.popular-grid a:hover {
  border-color: #9bb5dc;
  background: #fbfcff;
}
.popular-grid strong {
  color: var(--blue);
  font-size: 0.97rem;
  overflow-wrap: anywhere;
}
.popular-grid a > span:not(.popular-arrow) {
  font-size: 0.69rem;
}
.popular-rank {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  color: #284e80;
}
.popular-rank b {
  padding: 2px 5px;
  border: 1px solid #c3d3e9;
  border-radius: 5px;
  background: #f2f6ff;
}
.popular-arrow {
  position: absolute;
  right: 12px;
  top: 15px;
  color: #7d8a9e;
}
.steps-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 35px;
  margin-top: 58px;
  padding-top: 32px;
  border-top: 1px solid var(--line);
}
.step-number {
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--red);
}
.steps-grid h2 {
  margin-top: 9px;
  font-size: 1rem;
}
.steps-grid p {
  color: var(--muted);
  font-size: 0.83rem;
  margin-top: 8px;
}
.detail-page {
  padding-top: 27px;
  max-width: 960px;
}
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font-size: 0.76rem;
  color: #fff;
  overflow-wrap: anywhere;
  width: 100%;
  padding: 9px 12px;
  background: #b91f40;
  border: 1px solid #b91f40;
  border-radius: 7px;
}
.breadcrumb a, .breadcrumb .hashtag-label, .breadcrumb .hashtag-label :is(.hash-mark, .hash-word, .tag-segment) { color: inherit; }
.breadcrumb a:hover {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.breadcrumb a:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.detail-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  margin-top: 27px;
}
.detail-heading h1 {
  margin-top: 7px;
  color: var(--blue);
  font-size: clamp(1.9rem, 4.5vw, 2.8rem);
  overflow-wrap: anywhere;
  word-break: break-word;
}
.detail-heading > div:first-child {
  min-width: 0;
}
.count-block {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  border-left: 1px solid var(--line);
  padding-left: 26px;
}
.count-number {
  font-size: 1.85rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.04em;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.count-label {
  font-size: 0.74rem;
  color: var(--muted);
  margin-top: 5px;
}
.detail-metric-note {
  margin-top: 14px;
}
.copy-card {
  border: 1px solid #dce3ef;
  border-radius: 13px;
  padding: 25px 27px 16px;
  margin-top: 29px;
  background: #fbfcff;
}
.copy-card .section-heading h2 {
  margin-top: 5px;
}
.selection-count {
  flex: 0 0 auto;
  font-size: 0.74rem;
  color: var(--blue);
  background: #edf3fd;
  padding: 5px 9px;
  border-radius: 5px;
}
.copy-intro {
  font-size: 0.82rem;
  margin-top: 9px;
}
.copy-presets {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 18px;
}
.copy-presets button {
  min-height: 40px;
  min-width: 45px;
  border: 1px solid #d5deeb;
  background: white;
  color: var(--muted);
  border-radius: 6px;
  font-size: 0.84rem;
  font-weight: 700;
  padding: 5px 12px;
}
.copy-presets button[aria-pressed="true"] {
  background: var(--blue);
  border-color: var(--blue);
  color: white;
}
.hashtag-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 19px;
}
.hashtag-chip {
  min-height: 40px;
  max-width: 100%;
  border: 1px solid #d9e0eb;
  background: white;
  color: var(--muted);
  padding: 6px 11px;
  border-radius: 6px;
  font-size: 0.83rem;
  text-align: left;
  overflow-wrap: anywhere;
}
.hashtag-chip[aria-pressed="true"] {
  border-color: #adc3e3;
  color: #1c4c95;
  background: #edf3fd;
}
.hashtag-chip:disabled {
  opacity: 1;
  border-style: solid;
}
.hashtag-chip span {
  margin-right: 2px;
  font-size: 0.9rem;
}
.copy-text-label {
  display: block;
  margin-top: 20px;
  margin-bottom: 7px;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--muted);
}
.copy-card textarea {
  width: 100%;
  min-height: 96px;
  resize: vertical;
  display: block;
  padding: 12px 14px;
  font-size: 0.88rem;
  color: var(--ink);
  background: white;
  border: 1px solid #d4ddea;
  border-radius: 7px;
  line-height: 1.85;
  overflow-wrap: anywhere;
}
.copy-actions {
  display: flex;
  gap: 18px;
  align-items: center;
  margin-top: 15px;
}
.shortfall {
  font-size: 0.76rem;
  color: var(--muted);
}
.copy-notice {
  margin-top: 8px;
  color: var(--blue);
  font-size: 0.8rem;
  min-height: 23px;
}
.content-status {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 23px;
  margin-top: 26px;
  background: var(--soft);
  border: 1px solid var(--line);
  border-radius: 9px;
}
.status-dot {
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  margin-top: 7px;
  background: #79879a;
  border-radius: 50%;
}
.status-dot.pending {
  background: var(--blue);
}
.content-status h2 {
  font-size: 0.94rem;
}
.content-status p {
  font-size: 0.82rem;
  color: var(--muted);
  margin-top: 7px;
}
.hashtag-content {
  margin-top: 38px;
}
.hashtag-content section + section {
  margin-top: 28px;
}
.hashtag-content h2 {
  margin-bottom: 13px;
}
.hashtag-content section > .eyebrow,
.hashtag-content header > .eyebrow {
  margin-bottom: 7px;
}
.explanation-text {
  white-space: pre-line;
  color: #3c4b61;
  font-size: 0.94rem;
  line-height: 1.9;
}
.content-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 38px;
  margin-block: 30px;
}
.hashtag-content .content-columns section {
  margin: 0;
}
.content-columns ul {
  margin: 0;
  color: #3c4b61;
  font-size: 0.88rem;
}
.content-columns li + li {
  margin-top: 9px;
}
.captions-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
}
.captions-grid blockquote {
  margin: 0;
  padding: 18px 19px;
  color: #3b4c64;
  background: var(--soft);
  border-left: 3px solid #b5c9e7;
  font-size: 0.88rem;
  line-height: 1.85;
  overflow-wrap: anywhere;
}
.ai-note {
  margin-top: 20px;
  font-size: 0.73rem;
  color: var(--muted);
}
.related-section {
  border-top: 1px solid var(--line);
  padding-top: 28px;
  margin-top: 38px;
}
.related-list {
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
}
.related-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 15px 1px;
  border-bottom: 1px solid var(--line);
}
.related-tag-info {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 3px;
}
.related-tag-info strong {
  font-size: 0.91rem;
  color: var(--blue);
  overflow-wrap: anywhere;
}
.related-tag-info > span {
  font-size: 0.72rem;
}
.ai-badge {
  display: inline-block;
  margin-left: 8px;
  color: var(--muted);
  border: 1px solid var(--line);
  border-radius: 4px;
  padding: 1px 5px;
}
.text-link,
.text-button {
  flex: 0 0 auto;
  color: var(--blue);
  font-size: 0.78rem;
  font-weight: 700;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.text-link:hover,
.text-button:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.text-button {
  border: 0;
  background: none;
}
.suggestion-action {
  max-width: 48%;
  text-align: right;
}
.suggestion-action .form-error {
  max-width: 270px;
  text-align: left;
}
.empty-related {
  padding: 17px 19px;
  background: var(--soft);
  border-radius: 7px;
  color: var(--muted);
}
.detail-search {
  margin-top: 35px;
}
.privacy-page {
  max-width: 800px;
  padding-top: 45px;
}
.privacy-page h1 {
  margin-top: 11px;
  font-size: clamp(1.8rem, 4vw, 2.5rem);
}
.privacy-intro {
  font-size: 1rem;
  color: var(--muted);
  margin-top: 17px;
}
.privacy-page section {
  margin-top: 29px;
}
.privacy-page h2 {
  font-size: 1.15rem;
}
.privacy-page section p {
  margin-top: 10px;
  color: #3e4e65;
  font-size: 0.91rem;
  line-height: 1.9;
}
.page-state {
  padding-block: 65px;
  max-width: 720px;
}
.page-state h1 {
  font-size: 2rem;
  margin-top: 13px;
}
.page-state p:not(.eyebrow) {
  margin-top: 14px;
  color: var(--muted);
}
.page-state .button {
  margin-top: 24px;
}
.loading-indicator {
  display: block;
  width: 26px;
  height: 26px;
  border: 3px solid #e0e9f7;
  border-top-color: var(--blue);
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* Full-width, compact reading layout. Actual activity controls the card tint. */
body {
  font-size: 17px;
  line-height: 1.5;
}
.site-container {
  width: calc(100% - 16px);
  max-width: none;
}
.header-inner {
  min-height: 80px;
  gap: 18px;
}
.brand-mark {
  width: 124px;
  height: 74px;
}
.brand-mark img {
  width: 124px;
  height: 124px;
  transform: translateY(-25px);
}
.header-navigation {
  gap: 20px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.home-link,
.language-switch a {
  font-size: 0.94rem;
}
.home-hero {
  max-width: none;
  padding-top: 24px;
}
.home-hero h1 {
  max-width: 1000px;
  margin: 10px auto;
  font-size: clamp(2rem, 3.3vw, 2.9rem);
}
.hero-intro {
  max-width: 900px;
  margin: 10px auto 16px;
  font-size: 1.05rem;
}
.home-hero .search-shell {
  max-width: 1000px;
  margin-inline: auto;
}
.search-form {
  padding: 16px 18px 10px;
}
.search-form > label {
  font-size: 0.96rem;
  margin-bottom: 7px;
}
.search-hints,
.metric-note,
.search-examples {
  font-size: 0.84rem;
}
.home-hero > .metric-note {
  margin-top: 12px;
  max-width: none;
}
.search-examples {
  margin-top: 10px;
}
.popular-section,
.business-section {
  margin-top: 24px;
}
.popular-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(10rem, 100%), 1fr));
  margin-top: 12px;
  gap: 10px;
}
.popular-grid a {
  min-height: 82px;
  padding: 12px 25px 12px 14px;
}
.popular-grid strong {
  font-size: 0.9rem;
}
.popular-grid a > span:not(.popular-arrow) {
  font-size: 0.83rem;
}
.steps-grid {
  gap: 14px;
  margin-top: 24px;
  padding-top: 0;
  border: 0;
}
.steps-grid article {
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--soft);
}
.steps-grid h2 {
  margin-top: 4px;
  font-size: 1.08rem;
}
.steps-grid p {
  margin-top: 5px;
  font-size: 0.94rem;
}
.platform-grid {
  margin-top: 12px;
  gap: 10px;
}
.platform-card {
  padding: 12px;
}
.guide-page,
.privacy-page,
.detail-page {
  max-width: none;
  padding-top: 20px;
}
.guide-content {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.guide-content section {
  min-width: 0;
  margin-top: 0;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 10px;
}
.guide-content p,
.guide-content li {
  font-size: 1rem;
}
.guide-content li {
  margin-block: 6px;
}
.public-faq {
  padding-block: 9px;
}
.business-section > p {
  margin-top: 6px;
}
.topic-links {
  margin-block: 18px;
}
.site-footer {
  margin-top: 26px;
}
.footer-inner {
  padding-block: 16px;
  font-size: 0.9rem;
}
.brand-word-blue,
.hash-word {
  color: var(--blue);
}
.brand-word-red,
.hash-mark {
  color: var(--red);
}
.hashkosh-wordmark {
  display: inline;
  white-space: nowrap;
  font-family: inherit;
  font-weight: 800;
  letter-spacing: -0.035em;
}
.platform-brandline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-block: 12px;
}
.platform-wordmark-link {
  font-size: 1.5rem;
  line-height: 1.3;
}
.platform-brandline .platform-mark {
  margin: 0;
}
.platform-brandline > span {
  color: var(--muted);
}
.hashtag-label {
  display: inline-flex;
  gap: 0.07em;
  align-items: baseline;
  max-width: 100%;
  min-width: 0;
  font-weight: 700;
  text-transform: none;
}
.hash-mark {
  flex: 0 0 auto;
  padding-inline: 0;
}
.hash-word {
  min-width: 0;
  overflow-wrap: anywhere;
}
.hashtag-label .hash-mark,
.hashtag-label .hash-word {
  font-size: inherit;
  margin: 0;
}
.hashtag-label {
  user-select: all;
}
.tag-segment {
  white-space: nowrap;
}
.tag-segment-unknown {
  color: #111111;
}
.tag-segment-0 {
  color: #285ba8;
}
.tag-segment-1 {
  color: #a92248;
}
.tag-segment-2 {
  color: #176a58;
}
.tag-segment-3 {
  color: #6b43a8;
}
.tag-segment-4 {
  color: #855414;
}
.volume-low {
  --volume-bg: #fff0f3;
  --volume-border: #edc5ce;
}
.volume-high {
  --volume-bg: #edf8ef;
  --volume-border: #b7d8bf;
}
.volume-unknown {
  --volume-bg: #f5f7fb;
  --volume-border: #d8dfeb;
}
.popular-grid a,
.tag-card,
.related-list li,
.hashtag-chip,
.count-block {
  background: var(--volume-bg, #f5f7fb);
  border-color: var(--volume-border, var(--line));
}
.popular-grid a:hover {
  background: var(--volume-bg);
  border-color: var(--blue);
}
.detail-heading {
  margin-top: 14px;
  gap: 16px;
}
.detail-heading h1 {
  margin-top: 4px;
}
.count-block {
  border: 1px solid var(--volume-border);
  border-radius: 10px;
  padding: 10px 16px;
}
.count-number {
  font-size: 1.8rem;
}
.count-label {
  font-size: 0.88rem;
}
.detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  margin-top: 16px;
}
.copy-card {
  padding: 16px;
  margin-top: 0;
  min-width: 0;
  background: linear-gradient(135deg, #fff 65%, #eaf1fc);
  box-shadow: 0 8px 26px #1c3e7310;
}
.copy-intro,
.related-section > p {
  font-size: 0.94rem;
  margin-top: 6px;
}
.hashtag-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.hashtag-chip {
  display: flex;
  flex: 0 0 auto;
  width: max-content;
  max-width: 100%;
  gap: 6px;
  align-items: center;
  min-height: 44px;
  font-size: 0.9rem;
  padding: 9px 10px;
  border-radius: 9px;
  overflow-x: auto;
  white-space: nowrap;
  box-shadow: 0 2px 6px #1c3e730b;
  background-image: repeating-linear-gradient(
    135deg,
    transparent,
    transparent 15px,
    #ffffff60 15px,
    #ffffff60 17px
  );
}
.hashtag-chip[aria-pressed="true"] {
  background-color: var(--volume-bg);
  border-color: var(--blue);
  box-shadow: inset 0 0 0 1px var(--blue);
}
.hashtag-chip .chip-selection {
  flex: 0 0 auto;
  color: var(--blue);
  margin: 0;
}
.hashtag-chip .hashtag-label {
  flex: 0 0 auto;
  width: max-content;
  max-width: none;
  font-size: inherit;
  margin: 0;
}
.hashtag-chip .hash-word {
  overflow-wrap: normal;
  white-space: nowrap;
}
.copy-presets {
  margin-top: 12px;
}
.copy-text-label {
  margin-top: 14px;
  font-size: 0.9rem;
}
.copy-card textarea {
  min-height: 80px;
  font-size: 1rem;
  line-height: 1.6;
}
.related-section {
  border: 1px solid var(--line);
  border-radius: 12px;
  margin-top: 0;
  padding: 16px;
  min-width: 0;
}
.related-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(10rem, 100%), 1fr));
  gap: 8px;
  margin-top: 12px;
}
.related-list li {
  align-items: flex-start;
  flex-direction: column;
  padding: 10px;
  gap: 4px;
  border: 1px solid var(--volume-border);
  border-radius: 8px;
  min-width: 0;
}
.related-tag-info strong {
  font-size: 0.9rem;
}
.related-tag-info > span {
  font-size: 0.83rem;
}
.related-list .text-link {
  min-height: 28px;
  font-size: 0.86rem;
}
.related-list li.related-linked {
  padding: 0;
  align-items: stretch;
}
.related-card-link {
  display: flex;
  flex: 1;
  align-items: flex-start;
  justify-content: space-between;
  gap: 5px;
  width: 100%;
  padding: 10px;
  border-radius: inherit;
  text-decoration: none;
}
.related-card-link:hover {
  background: #ffffff45;
  text-decoration: none;
}
.related-card-link:focus-visible {
  outline: 3px solid var(--blue);
  outline-offset: 2px;
}
.related-card-metrics {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 3px 8px;
}
.related-percentile {
  font-weight: 700;
}
.related-card-arrow {
  color: var(--blue);
  font-size: 0.85rem;
}
.suggestion-action {
  max-width: 100%;
  text-align: left;
}
.hashtag-content,
.detail-search {
  margin-top: 24px;
}
.content-status {
  margin-top: 16px;
  padding: 16px;
}
.directory-callout,
.directory-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.directory-callout {
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 12px;
  margin-top: 20px;
  background: linear-gradient(120deg, #fff1f4, #edf3fd);
}
.directory-callout p,
.directory-heading p {
  color: var(--muted);
  margin-top: 6px;
}
.directory-page {
  padding-top: 20px;
  max-width: none;
}
.alphabet-index {
  margin-top: 20px;
}
.alphabet-index > p {
  font-weight: 700;
  margin-bottom: 10px;
}
.alphabet-grid {
  display: grid;
  grid-template-columns: repeat(27, minmax(0, 1fr));
  gap: 4px;
  width: 100%;
}
.alphabet-grid-hindi {
  grid-template-columns: repeat(23, minmax(0, 1fr));
}
.alphabet-grid-hindi .alphabet-tile {
  min-height: 42px;
  padding: 6px 4px;
}
.alphabet-tile {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 34px;
  border: 2px solid transparent;
  border-radius: 6px;
  font-size: 0.9rem;
  font-weight: 800;
  white-space: nowrap;
}
@media (max-width: 1199px) {
  .alphabet-grid-english {
    grid-template-columns: repeat(14, minmax(0, 1fr));
  }
  .alphabet-grid-hindi {
    grid-template-columns: repeat(23, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .alphabet-grid {
    gap: 3px;
  }
  .alphabet-grid-english {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .alphabet-grid-hindi {
    display: flex;
    flex-wrap: wrap;
  }
  .alphabet-tile {
    min-height: 36px;
  }
  .alphabet-grid-hindi .alphabet-tile {
    flex: 1 1 calc((100% - 20px) / 6);
    font-size: 0.9rem;
    min-height: 44px;
  }
}
.alphabet-color-0 {
  background: #e6edff;
  color: #243f89;
}
.alphabet-color-1 {
  background: #ffe5ea;
  color: #922a46;
}
.alphabet-color-2 {
  background: #e0f4e8;
  color: #226240;
}
.alphabet-color-3 {
  background: #fff0d6;
  color: #80500e;
}
.alphabet-color-4 {
  background: #eee4ff;
  color: #603795;
}
.alphabet-color-5 {
  background: #dff4f7;
  color: #19616d;
}
.alphabet-color-6 {
  background: #ffe8db;
  color: #8e411c;
}
.alphabet-color-7 {
  background: #f4e5f2;
  color: #803776;
}
.alphabet-tile:hover {
  border-color: currentColor;
}
.alphabet-tile[aria-current="page"] {
  border-color: currentColor;
  box-shadow: inset 0 0 0 1px currentColor;
}
.alphabet-tile:focus-visible {
  outline: 3px solid var(--blue);
  outline-offset: 3px;
}
.directory-heading > div {
  flex: 1 1 400px;
  min-width: 0;
}
.directory-heading h1 {
  color: var(--blue);
  font-size: clamp(1.8rem, 3vw, 2.5rem);
}
.directory-search {
  display: grid;
  gap: 7px;
  margin-top: 16px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 10px;
}
.directory-search label {
  font-weight: 700;
}
.directory-search input {
  flex: 1;
  width: 100%;
  min-width: 0;
  border: 1px solid #bbc7d8;
  border-radius: 7px;
  padding: 10px 12px;
}
.directory-search .button {
  flex: 0 0 auto;
  white-space: nowrap;
}
.directory-grid li {
  min-width: 0;
}
.directory-grid .tag-card {
  height: 100%;
}
.eyebrow {
  text-transform: none;
  letter-spacing: 0.035em;
}
.directory-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 20px;
  margin-block: 14px;
  font-size: 0.9rem;
}
.volume-key {
  background: var(--volume-bg);
  border: 1px solid var(--volume-border);
  border-radius: 5px;
  padding: 4px 8px;
}
.directory-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(10rem, 100%), 1fr));
  gap: 4px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.tag-card {
  display: flex;
  position: relative;
  flex-direction: column;
  gap: 2px;
  min-height: 48px;
  border: 1px solid var(--volume-border);
  border-radius: 10px;
  padding: 5px 6px;
}
.tag-card:hover {
  outline: 1px solid var(--blue);
}
.tag-card strong {
  font-size: 1rem;
  line-height: 1.25;
}
.tag-card > span {
  font-size: 0.76rem;
}
.tag-card > span:not(.tag-card-arrow) {
  padding-inline-end: 12px;
}
.tag-card-arrow {
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-size: 0.65rem;
  color: var(--red);
}
.directory-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
  margin-block: 18px;
}
.directory-pagination .button {
  background: var(--soft);
  border-color: var(--line);
}
.admin-page {
  padding-top: 18px;
}
.admin-form {
  gap: 12px;
}
.admin-form label {
  font-size: 0.96rem;
}
.admin-toolbar {
  margin-block: 12px;
}
.admin-card {
  margin-block: 12px;
}
.admin-table {
  font-size: 0.94rem;
}
.admin-table tbody tr {
  background: var(--volume-bg, white);
}
.admin-table tbody tr.admin-hashtag-row {
  --volume-bg: hsl(var(--admin-row-hue) 80% 92%);
  --volume-border: hsl(var(--admin-row-hue) 60% 76%);
  background: var(--volume-bg);
}
.admin-table tbody tr.admin-hashtag-row[data-selected="true"] {
  --volume-bg: hsl(var(--admin-row-hue) 78% 84%);
  --volume-border: hsl(var(--admin-row-hue) 65% 46%);
  outline: 2px solid var(--volume-border);
  outline-offset: -2px;
}
.admin-table .admin-hashtag-row .hashtag-label {
  font-size: 1rem;
  line-height: 1.45;
}
.admin-table .admin-hashtag-row .admin-actions .button {
  white-space: nowrap;
}
.admin-table .admin-hashtag-row[data-selected="true"] .hashtag-label {
  filter: brightness(0.8);
}
html[data-theme="dark"] .admin-table tbody tr.admin-hashtag-row {
  --volume-bg: hsl(var(--admin-row-hue) 30% 19%);
  --volume-border: hsl(var(--admin-row-hue) 36% 38%);
}
html[data-theme="dark"] .admin-table tbody tr.admin-hashtag-row[data-selected="true"] {
  --volume-bg: hsl(var(--admin-row-hue) 36% 30%);
  --volume-border: hsl(var(--admin-row-hue) 65% 70%);
}
html[data-theme="dark"] .admin-table .admin-hashtag-row[data-selected="true"] .hashtag-label {
  filter: none;
}

@media (max-width: 760px) {
  .site-container {
    width: calc(100% - 12px);
  }
  .header-inner {
    min-height: 87px;
    gap: 15px;
  }
  .brand-mark {
    width: 124px;
    height: 74px;
  }
  .brand-mark img {
    width: 124px;
    height: 124px;
    transform: translateY(-25px);
  }
  .header-navigation {
    gap: 18px;
  }
  .home-hero {
    padding-top: 20px;
  }
  .home-hero h1 {
    font-size: 2.4rem;
  }
  .hero-intro {
    font-size: 0.96rem;
  }
  .search-form {
    padding: 20px 18px 14px;
  }
  .popular-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(10rem, 100%), 1fr));
  }
  .steps-grid {
    gap: 22px;
  }
  .site-footer {
    margin-top: 26px;
  }
  .copy-card {
    padding: 21px 20px 14px;
  }
  .count-block {
    padding-left: 20px;
  }
  .count-number {
    font-size: 1.65rem;
  }
  .count-label {
    max-width: 130px;
  }
  .content-columns {
    gap: 26px;
  }
}
@media (max-width: 520px) {
  .site-container {
    width: calc(100% - 12px);
  }
  .header-inner {
    min-height: 80px;
  }
  .brand-mark {
    width: 112px;
    height: 66px;
  }
  .brand-mark img {
    width: 112px;
    height: 112px;
    transform: translateY(-23px);
  }
  .home-link {
    display: none;
  }
  .language-switch {
    gap: 2px;
    padding: 3px;
  }
  .language-switch a {
    min-height: 34px;
    padding: 4px 9px;
    font-size: 0.78rem;
  }
  .home-hero {
    padding-top: 35px;
  }
  .eyebrow {
    font-size: 0.64rem;
    letter-spacing: 0.075em;
  }
  .home-hero h1 {
    font-size: 2.05rem;
    line-height: 1.4;
  }
  .hero-intro {
    margin-top: 12px;
    margin-bottom: 23px;
    font-size: 0.9rem;
  }
  .search-form {
    padding: 17px 15px 13px;
    border-radius: 10px;
  }
  .search-field-row {
    flex-direction: column;
    gap: 9px;
  }
  .search-field input {
    min-height: 51px;
    font-size: 0.92rem;
  }
  .search-submit {
    min-height: 47px;
  }
  .search-hints {
    font-size: 0.68rem;
    flex-direction: column;
  }
  .search-examples {
    gap: 5px 7px;
    font-size: 0.72rem;
  }
  .search-examples > span {
    flex-basis: 100%;
    text-align: center;
  }
  .home-hero > .metric-note {
    font-size: 0.69rem;
  }
  .steps-grid {
    grid-template-columns: 1fr;
    gap: 22px;
    margin-top: 35px;
    padding-top: 24px;
  }
  .steps-grid article {
    display: grid;
    grid-template-columns: 25px 1fr;
    column-gap: 13px;
  }
  .step-number {
    grid-row: 1 / 3;
    padding-top: 2px;
  }
  .steps-grid h2 {
    margin: 0;
    font-size: 0.95rem;
  }
  .steps-grid p {
    margin-top: 5px;
    font-size: 0.8rem;
  }
  .popular-section {
    margin-top: 37px;
  }
  .popular-section h2 {
    font-size: 1.14rem;
  }
  .popular-section > p {
    font-size: 0.8rem;
  }
  .popular-grid {
    gap: 9px;
    margin-top: 16px;
  }
  .popular-grid a {
    padding: 12px 25px 12px 12px;
    min-height: 94px;
  }
  .popular-grid strong {
    font-size: 0.85rem;
  }
  .popular-grid a > span:not(.popular-arrow) {
    font-size: 0.64rem;
  }
  .footer-inner {
    align-items: flex-start;
    padding-block: 22px;
    font-size: 0.72rem;
    gap: 15px;
  }
  .footer-inner p {
    flex-direction: column;
    gap: 4px;
  }
  .detail-page {
    padding-top: 21px;
  }
  .detail-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 15px;
    margin-top: 20px;
  }
  .detail-heading h1 {
    font-size: 2rem;
  }
  .count-block {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
    border: 0;
    padding: 0;
  }
  .count-number {
    font-size: 1.6rem;
  }
  .count-label {
    max-width: none;
    margin: 0;
    font-size: 0.76rem;
  }
  .detail-metric-note {
    margin-top: 8px;
    font-size: 0.69rem;
  }
  .copy-card {
    margin-top: 22px;
    padding: 18px 15px 10px;
  }
  .copy-card .section-heading {
    gap: 8px;
    align-items: flex-start;
  }
  .copy-card .section-heading h2 {
    font-size: 1.1rem;
  }
  .selection-count {
    font-size: 0.65rem;
    padding: 4px 6px;
    margin-top: 3px;
  }
  .copy-intro {
    font-size: 0.76rem;
  }
  .hashtag-chip {
    font-size: 0.77rem;
    padding: 6px 9px;
  }
  .hashtag-chips {
    gap: 7px;
  }
  .copy-card textarea {
    font-size: 0.83rem;
  }
  .copy-actions {
    flex-direction: column;
    align-items: stretch;
    gap: 9px;
  }
  .shortfall {
    font-size: 0.71rem;
  }
  .copy-notice {
    font-size: 0.76rem;
  }
  .content-status {
    padding: 18px 16px;
    gap: 11px;
    margin-top: 20px;
  }
  .content-status h2 {
    font-size: 0.87rem;
  }
  .content-status p {
    font-size: 0.77rem;
  }
  .hashtag-content {
    margin-top: 29px;
  }
  .hashtag-content h2,
  .related-section h2 {
    font-size: 1.15rem;
  }
  .content-columns {
    grid-template-columns: 1fr;
    gap: 25px;
    margin-block: 26px;
  }
  .explanation-text {
    font-size: 0.88rem;
  }
  .captions-grid {
    grid-template-columns: 1fr;
  }
  .related-list li {
    gap: 12px;
  }
  .related-tag-info strong {
    font-size: 0.84rem;
  }
  .related-tag-info > span {
    font-size: 0.67rem;
  }
  .text-link,
  .text-button {
    font-size: 0.7rem;
  }
  .privacy-page {
    padding-top: 32px;
  }
  .privacy-page section p {
    font-size: 0.86rem;
  }
  .privacy-intro {
    font-size: 0.91rem;
  }
  .page-state {
    padding-block: 45px;
  }
  .page-state h1 {
    font-size: 1.6rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
@media (max-width: 900px) {
  .detail-grid,
  .guide-content {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 520px) {
  .site-container {
    width: calc(100% - 12px);
  }
  .header-inner {
    gap: 8px;
  }
  .header-navigation {
    gap: 5px 10px;
    max-width: 210px;
  }
  .home-link {
    display: inline-flex;
    font-size: 0.85rem;
  }
  .language-switch a {
    font-size: 0.88rem;
  }
  .home-hero {
    padding-top: 16px;
  }
  .home-hero h1 {
    font-size: 2rem;
    line-height: 1.2;
  }
  .hero-intro {
    font-size: 1rem;
    margin: 10px auto 14px;
  }
  .eyebrow,
  .search-hints,
  .metric-note,
  .home-hero > .metric-note,
  .detail-metric-note {
    font-size: 0.82rem;
  }
  .search-examples {
    font-size: 0.86rem;
  }
  .search-examples .hashtag-label {
    flex-basis: auto;
  }
  .steps-grid {
    gap: 10px;
    margin-top: 20px;
    padding-top: 0;
  }
  .steps-grid p {
    font-size: 0.92rem;
  }
  .popular-section {
    margin-top: 20px;
  }
  .popular-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(10rem, 100%), 1fr));
    margin-top: 10px;
  }
  .popular-grid a {
    min-height: 86px;
    padding: 10px;
  }
  .popular-grid strong {
    font-size: 0.9rem;
  }
  .popular-grid a > span:not(.popular-arrow) {
    font-size: 0.79rem;
  }
  .popular-arrow {
    display: none;
  }
  .count-block {
    border: 1px solid var(--volume-border);
    padding: 9px 12px;
  }
  .count-label {
    font-size: 0.86rem;
  }
  .copy-card {
    margin-top: 0;
    padding: 14px;
  }
  .copy-intro,
  .copy-notice {
    font-size: 0.9rem;
  }
  .hashtag-chip {
    font-size: 0.9rem;
    padding: 9px;
  }
  .copy-card textarea {
    font-size: 1rem;
  }
  .selection-count {
    font-size: 0.8rem;
  }
  .related-list {
    grid-template-columns: repeat(auto-fit, minmax(min(10rem, 100%), 1fr));
  }
  .related-list li {
    gap: 5px;
  }
  .related-tag-info strong {
    font-size: 0.9rem;
  }
  .related-tag-info > span {
    font-size: 0.82rem;
  }
  .directory-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(10rem, 100%), 1fr));
  }
  .tag-card {
    padding: 5px 6px;
  }
  .tag-card strong {
    font-size: 1rem;
  }
  .tag-card > span {
    font-size: 0.79rem;
  }
  .tag-card-arrow {
    display: none;
  }
  .directory-callout {
    padding: 14px;
  }
  .directory-callout .button {
    width: 100%;
  }
  .footer-inner {
    font-size: 0.88rem;
    padding-block: 14px;
  }
}
/* Detail-page studio skin. Keep data colors and all shared tool styles intact. */
.detail-studio {
  font-family: "Roboto", "Noto Sans Devanagari", Arial, sans-serif;
}
.detail-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-block: 12px;
}
.detail-studio .detail-toolbar .breadcrumb {
  min-width: 0;
  margin: 0;
  font-size: 0.8rem;
  flex-basis: 100%;
}
.detail-studio .detail-toolbar .admin-page-edit {
  margin: 0;
  padding: 7px 12px;
  min-height: 36px;
  font-size: 0.78rem;
  box-shadow: 0 3px 0 #dce7f6;
}
.detail-studio .detail-heading.hashtag-summary-card {
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.15fr);
  align-items: center;
  gap: 16px 24px;
  padding: 20px 24px;
  border-radius: 20px;
  box-shadow:
    0 4px 0 #e3ebf7,
    0 14px 30px #17345d0b;
}
.detail-studio .detail-studio-eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #325b90;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.detail-studio-eyebrow > span {
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  border-radius: 7px;
  background: #b81e3c;
  color: white;
  font-size: 1.1rem;
  box-shadow: 0 3px 0 #87182e;
  flex-shrink: 0;
}
.detail-studio .hashtag-summary-card h1 {
  margin-top: 9px;
  font-weight: 800;
}
.detail-studio .hashtag-heading-context {
  font-size: clamp(0.95rem, 1.4vw, 1.15rem);
  line-height: 1.5;
  margin-top: 7px;
  font-weight: 650;
  color: #294c7c;
}
.detail-studio .hashtag-page-intro {
  font-size: 0.9rem;
  line-height: 1.65;
  margin-top: 7px;
  max-width: 62ch;
}
.detail-studio .hashtag-meta-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.detail-studio .hashtag-meta-chip,
.detail-studio .hashtag-meta-grid .count-block {
  min-height: 76px;
  padding: 10px 12px;
  border-radius: 10px;
  box-shadow:
    0 3px 0 #dfe7f1,
    0 5px 10px #17345d05;
}
.detail-studio .hashtag-meta-chip strong,
.detail-studio .hashtag-meta-grid .count-number {
  font-size: 1.3rem;
  font-weight: 800;
  letter-spacing: -0.02em;
}
.detail-studio .hashtag-meta-chip > span,
.detail-studio .hashtag-meta-grid .count-label {
  font-size: 0.73rem;
  line-height: 1.4;
}
.detail-studio .search-rank-card small {
  font-size: 0.67rem;
  line-height: 1.4;
}
.detail-metric-notes {
  grid-column: 1 / -1;
  border-top: 1px solid #dce5f1;
  padding-top: 8px;
}
.detail-metric-notes > summary {
  cursor: pointer;
  font-size: 0.75rem;
  font-weight: 600;
  color: #3e608d;
  min-height: 28px;
  padding-top: 4px;
}
.detail-metric-notes[open] > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 20px;
  margin-top: 8px;
}
.detail-studio .detail-metric-notes p {
  font-size: 0.72rem;
  line-height: 1.6;
  margin: 0;
}
.detail-studio .hashtag-section-links {
  gap: 6px;
  margin-block: 16px;
}
.detail-studio .hashtag-section-links a {
  min-height: 40px;
  padding: 8px 12px;
  border-color: #d0def0;
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 3px 0 #e6edf7;
  font-size: 0.78rem;
}
.detail-studio .detail-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  align-items: start;
}
.detail-studio .copy-card,
.detail-studio .related-section {
  padding: 18px;
  border: 1px solid #d6e1f0;
  border-top: 3px solid #2459a8;
  border-radius: 16px;
  margin-top: 0;
  box-shadow:
    0 4px 0 #e4ebf5,
    0 12px 26px #17345d0a;
  background: linear-gradient(145deg, #fff, #f9fbff);
}
.detail-studio .related-section {
  border-top-color: #b81e3c;
  background: linear-gradient(145deg, #fff, #fffafb);
}
.detail-studio .section-heading {
  align-items: center;
  gap: 10px;
}
.detail-studio .copy-card .section-heading h2,
.detail-studio .related-section h2 {
  margin: 0;
  font-size: 1.18rem;
  line-height: 1.45;
  font-weight: 750;
  color: #193456;
}
.detail-studio .copy-card .eyebrow {
  font-size: 0.65rem;
  margin: 0 0 4px;
  color: #5b718e;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.detail-studio .copy-intro,
.detail-studio .related-section > p {
  font-size: 0.83rem;
  line-height: 1.65;
  margin: 8px 0 0;
}
.detail-studio .selection-count {
  border: 1px solid #d7e3f4;
  border-radius: 7px;
  padding: 5px 8px;
  background: #f0f5ff;
  color: #2459a8;
  font-size: 0.72rem;
}
.detail-studio .copy-presets {
  display: flex;
  gap: 6px;
  margin-top: 12px;
}
.detail-studio .copy-presets button {
  min-width: 44px;
  min-height: 44px;
  padding: 6px 12px;
  border: 1px solid #c8d8ef;
  border-radius: 8px;
  background: #fff;
  color: #294f81;
  font-size: 0.85rem;
  font-weight: 700;
  box-shadow: 0 3px 0 #e1e8f3;
}
.detail-studio .copy-presets button[aria-pressed="true"] {
  background: linear-gradient(140deg, #326dc0, #2456a0);
  color: white;
  border-color: #2459a8;
  box-shadow: 0 3px 0 #173c72;
}
.detail-studio .copy-text-label {
  display: block;
  margin: 14px 0 7px;
  font-size: 0.85rem;
  font-weight: 700;
  color: #243f61;
}
.detail-studio .copy-card textarea {
  width: 100%;
  min-width: 0;
  min-height: 96px;
  margin: 0;
  padding: 12px 14px;
  border: 1px solid #a9c1e4;
  border-radius: 11px;
  background: #f6f9ff;
  box-shadow: inset 0 2px 5px #2459a806;
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.65;
  color: #183657;
  resize: vertical;
}
.detail-studio .hashtag-chips {
  gap: 4px;
  margin-top: 8px;
}
.detail-studio .hashtag-chip {
  min-height: 44px;
  font-size: 0.96rem;
  border-radius: 9px;
  padding: 4px 6px;
  box-shadow:
    0 3px 0 var(--volume-border),
    0 5px 9px #17345d08;
}
.detail-studio .hashtag-chip[aria-pressed="true"] {
  box-shadow:
    inset 0 0 0 1px #2459a8,
    0 3px 0 #b9cbe4;
}
.detail-studio .hashtag-chip:disabled {
  opacity: 1;
}
.detail-studio .copy-actions {
  margin-top: 14px;
  gap: 10px;
  flex-wrap: wrap;
}
.detail-studio .copy-actions .button-primary {
  min-height: 44px;
  padding: 10px 15px;
  font-size: 0.86rem;
  border: 1px solid #204c90;
  border-radius: 9px;
  background: linear-gradient(140deg, #326dc0, #2456a0);
  box-shadow:
    0 4px 0 #173c72,
    0 7px 14px #2459a818;
}
.detail-studio .shortfall,
.detail-studio .copy-notice {
  font-size: 0.78rem;
  line-height: 1.6;
}
.detail-studio .copy-notice {
  margin-bottom: 0;
}
.detail-studio .related-list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  overflow-x: auto;
  gap: 4px;
  margin-top: 8px;
}
.detail-studio .related-list li {
  flex: 0 0 auto;
  width: max-content;
  min-width: max-content;
  padding: 4px 6px;
  border-radius: 10px;
  box-shadow:
    0 3px 0 var(--volume-border),
    0 5px 10px #17345d06;
}
.detail-studio .related-list li.related-linked {
  padding: 0;
}
.detail-studio .related-card-link {
  position: relative;
  min-height: 52px;
  padding: 4px 6px;
}
.detail-studio .related-tag-info strong {
  width: max-content;
  font-size: 0.96rem;
  line-height: 1.25;
}
.detail-studio .related-tag-info :is(.hashtag-label, .hash-word, .tag-segment) {
  max-width: none;
  white-space: nowrap;
  overflow-wrap: normal;
  font-size: inherit;
}
.detail-studio .related-tag-info > span {
  font-size: 0.75rem;
}
.detail-studio .related-card-metrics {
  gap: 2px 5px;
  padding-inline-end: 12px;
}
.detail-studio .related-card-arrow {
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-size: 0.65rem;
}
.detail-studio .hashtag-meta-chip strong {
  overflow-wrap: anywhere;
}
.detail-studio .related-card-metrics {
  margin-top: 5px;
  font-size: 0.72rem;
  gap: 4px 7px;
}
.detail-studio .related-percentile {
  color: #254e84;
}
.detail-studio .related-section > .text-button {
  margin-top: 12px;
  min-height: 36px;
  font-size: 0.8rem;
}
.detail-studio .hashtag-content,
.detail-studio .hashtag-faq {
  margin-top: 22px;
  padding: 20px;
  border: 1px solid #d6e1f0;
  border-radius: 16px;
  background: #fff;
  box-shadow:
    0 4px 0 #e4ebf5,
    0 10px 24px #17345d08;
}
.detail-studio .hashtag-content > header {
  padding-bottom: 10px;
  border-bottom: 1px solid #e1e8f2;
}
.detail-studio .hashtag-content {
  margin-top: 16px;
  padding: 14px;
}
.detail-studio .hashtag-content h2,
.detail-studio .hashtag-faq h2 {
  margin: 6px 0 10px;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #1b395e;
}
.detail-studio .hashtag-content h2 {
  margin: 0 0 8px;
  padding: 7px 10px;
  border-inline-start: 3px solid #2459a8;
  border-radius: 5px 10px 10px 5px;
  background: linear-gradient(105deg, #eaf1ff, #f6f9ff);
  font-size: clamp(1.05rem, 1rem + 0.25vw, 1.25rem);
  font-weight: 750;
  letter-spacing: -0.015em;
}
.detail-studio .explanation-points {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 26rem), 1fr));
  gap: 8px 12px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
  counter-reset: explanation;
}
.detail-studio .explanation-points > li {
  display: grid;
  grid-template-columns: 1.9rem minmax(0, 1fr);
  align-content: start;
  gap: 9px;
  padding: 9px 10px;
  border: 1px solid #e0e8f4;
  border-radius: 10px;
  background: #fbfcff;
  font-size: 1rem;
  line-height: 1.75;
  overflow-wrap: anywhere;
}
.detail-studio .explanation-points > li::before {
  counter-increment: explanation;
  content: counter(explanation, decimal-leading-zero);
  align-self: start;
  border-radius: 6px;
  background: #e7effd;
  color: #2459a8;
  font-size: 0.8rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.9rem;
  font-variant-numeric: tabular-nums;
}
.detail-studio .content-columns {
  gap: 10px;
  margin-block: 10px;
  grid-auto-rows: 1fr;
  align-items: stretch;
}
.detail-studio .content-columns > section {
  display: grid;
  grid-template-rows: auto 1fr;
  min-width: 0;
  padding: 8px 10px;
  border: 1px solid #dce6f4;
  border-radius: 12px;
  background: #f7faff;
}
.detail-studio .content-columns > section:nth-child(2) {
  border-color: #edd7de;
  background: #fff7f9;
}
.detail-studio .content-columns > section:nth-child(2) h2 {
  border-inline-start-color: #b81e3c;
  background: linear-gradient(105deg, #fce7ed, #fff7f9);
}
.detail-studio .hashtag-content ul {
  display: grid;
  align-content: start;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.96rem;
  line-height: 1.75;
}
.detail-studio .hashtag-content ul > li {
  display: grid;
  grid-template-columns: 0.6rem minmax(0, 1fr);
  gap: 9px;
  margin: 0;
  padding: 6px 2px;
  overflow-wrap: anywhere;
}
.detail-studio .hashtag-content ul > li + li {
  border-top: 1px solid #dce6f4;
}
.detail-studio .hashtag-content ul > li::before {
  content: "";
  width: 6px;
  height: 6px;
  margin-top: 0.65em;
  border-radius: 50%;
  background: #2459a8;
}
.detail-studio .content-columns > section:nth-child(2) li::before {
  background: #b81e3c;
}
.detail-studio .captions-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr));
  gap: 8px;
  align-items: start;
}
.detail-studio .captions-grid blockquote {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #dce6f4;
  border-left: 3px solid #2459a8;
  border-radius: 10px;
  background: #f8fbff;
  box-shadow: 0 3px 0 #e8eff8;
  font-size: 0.96rem;
  line-height: 1.75;
  overflow-wrap: anywhere;
}
.detail-studio .ai-note {
  font-size: 0.76rem;
  line-height: 1.7;
  margin-bottom: 0;
}
.detail-studio .content-status {
  padding: 14px 17px;
  border: 1px solid #dce5f1;
  border-radius: 12px;
  background: #f8faff;
}
.detail-studio .content-status h2 {
  font-size: 1rem;
}
.detail-studio .content-status p {
  font-size: 0.85rem;
  line-height: 1.7;
}
.detail-studio .hashtag-faq-grid {
  gap: 8px;
}
.detail-studio .hashtag-faq-grid details {
  border-color: #d6e1f0;
  box-shadow: 0 3px 0 #e9eff8;
}
.detail-studio .hashtag-faq-grid summary {
  min-height: 44px;
  padding: 12px 14px;
  font-size: 0.9rem;
  line-height: 1.6;
}
.detail-studio :is(a, button, textarea, summary):focus-visible {
  outline: 3px solid #2459a8;
  outline-offset: 3px;
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .detail-studio .related-card-link {
    transition: transform 0.15s;
  }
  .detail-studio .related-card-link:hover {
    transform: translateY(-2px);
  }
}
@media (max-width: 1100px) {
  .detail-studio .detail-heading.hashtag-summary-card {
    grid-template-columns: minmax(0, 1fr);
  }
  .detail-studio .detail-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 600px) {
  .detail-studio .detail-heading.hashtag-summary-card {
    padding: 16px;
    gap: 12px;
    border-radius: 15px;
  }
  .detail-studio .hashtag-meta-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .detail-studio .hashtag-meta-chip,
  .detail-studio .hashtag-meta-grid .count-block {
    padding: 9px 10px;
    min-height: 70px;
  }
  .detail-metric-notes[open] > div {
    grid-template-columns: minmax(0, 1fr);
    gap: 5px;
  }
  .detail-studio .detail-metric-notes p {
    font-size: 0.68rem;
  }
  .detail-studio .hashtag-section-links {
    gap: 6px;
  }
  .detail-studio .hashtag-section-links a {
    font-size: 0.72rem;
    padding: 7px 9px;
  }
  .detail-studio .copy-card,
  .detail-studio .related-section,
  .detail-studio .hashtag-content,
  .detail-studio .hashtag-faq {
    padding: 15px;
    border-radius: 14px;
  }
  .detail-studio .content-columns,
  .detail-studio .captions-grid,
  .detail-studio .hashtag-faq-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .detail-studio .hashtag-content {
    padding: 12px;
  }
  .detail-studio .related-list {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 128px), 1fr));
  }
}

/* Compact single-line HashTag summary; long labels scroll inside the title only. */
.detail-heading.hashtag-summary-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  margin-block: 12px 16px;
  padding: clamp(14px, 2vw, 22px);
  border: 1px solid #dce4f0;
  border-top: 3px solid var(--blue);
  border-radius: 16px;
  background:
    radial-gradient(ellipse at top right, #fff0f3 0, transparent 58%),
    linear-gradient(135deg, #fff, #f6f9ff);
  box-shadow:
    0 8px 24px rgb(27 58 112 / 9%),
    0 2px 6px rgb(27 58 112 / 4%);
}
.hashtag-summary-title {
  min-width: 0;
  container-type: inline-size;
}
.hashtag-index-navigation {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.hashtag-index-navigation .button {
  min-height: 44px;
  padding: 6px 12px;
  font-size: 0.85rem;
  gap: 6px;
}
.hashtag-word-breakdown {
  user-select: text;
  margin-block: 4px;
  padding: 5px 9px;
  border: 1px solid #cad9ef;
  border-radius: 8px;
  background: #f1f6ff;
  font-size: clamp(0.875rem, 2.5vw, 1rem);
  font-weight: 650;
  max-width: 100%;
}
.footer-live-visitors {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  font-size: 0.8125rem;
  color: #536783;
}
.footer-live-visitors iframe {
  border: 0;
  display: block;
}
.hashtag-word-breakdown .hash-word {
  user-select: text;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.3em;
  white-space: normal;
}
.word-breakdown-plus {
  color: #536783;
  user-select: none;
}
.hashtag-word-breakdown .tag-segment {
  user-select: all;
}
.hashtag-summary-card .eyebrow {
  margin: 0;
}
.hashtag-summary-card h1 {
  max-width: 100%;
  margin: 5px 0 0;
  padding-block: 2px 5px;
  font-size: clamp(1.125rem, 7vw, 2.75rem);
  font-size: clamp(1.125rem, calc(var(--tag-title-fluid) * 1cqi), 2.75rem);
  line-height: 1.2;
  white-space: nowrap;
  overflow-x: auto;
  overflow-wrap: normal;
  word-break: normal;
  scrollbar-width: thin;
}
.hashtag-summary-card h1 .hashtag-label {
  max-width: none;
  flex-wrap: nowrap;
  white-space: nowrap;
}
.hashtag-summary-card h1 .hash-word {
  flex: 0 0 auto;
  overflow-wrap: normal;
  word-break: normal;
}
.hashtag-heading-context {
  display: block;
  margin-top: 8px;
  color: #254a7d;
  font-size: clamp(1rem, 2vw, 1.3rem);
  line-height: 1.4;
  white-space: normal;
}
.hashtag-page-intro {
  max-width: 80ch;
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 0.95rem;
  line-height: 1.6;
}
.hashtag-section-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}
.hashtag-section-links a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 8px 12px;
  border: 1px solid #d5e1f3;
  border-radius: 9px;
  background: #f3f7ff;
  color: #24579e;
  font-size: 0.84rem;
  font-weight: 600;
  text-decoration: none;
}
.hashtag-section-links a:hover {
  background: #e7efff;
}
.hashtag-faq {
  margin-top: 20px;
  padding: clamp(14px, 2vw, 22px);
  border: 1px solid #dce4f0;
  border-radius: 16px;
  background: linear-gradient(135deg, #f6f9ff, #fff);
  box-shadow: 0 6px 22px #17345d0d;
  overflow-wrap: anywhere;
}
.hashtag-faq h2 {
  margin: 4px 0 14px;
  font-size: clamp(1.15rem, 2.4vw, 1.5rem);
}
.hashtag-faq-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 10px;
}
.hashtag-faq-grid details {
  min-width: 0;
  border: 1px solid #dce4f0;
  border-radius: 10px;
  background: #fff;
}
.hashtag-faq-grid details:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}
.hashtag-faq-grid summary {
  padding: 13px 14px;
  color: #254a7d;
  font-weight: 600;
  cursor: pointer;
}
.hashtag-faq-grid summary::marker {
  color: var(--blue);
}
.hashtag-faq-grid details[open] {
  border-color: #aac4e9;
  box-shadow: 0 3px 12px #2459a80d;
}
.hashtag-faq-grid p {
  margin: 0;
  padding: 0 14px 14px;
  color: var(--muted);
  font-size: 0.92rem;
  line-height: 1.65;
  white-space: pre-line;
}
.hashtag-faq > a {
  display: inline-block;
  margin-top: 14px;
  font-size: 0.88rem;
  font-weight: 600;
}
@media (max-width: 640px) {
  .hashtag-faq-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.hashtag-meta-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr));
  gap: 8px;
}
.hashtag-meta-chip,
.hashtag-meta-grid .count-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 3px;
  min-width: 0;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid var(--volume-border, #dce4f0);
  border-radius: 10px;
  background: var(--volume-bg, rgb(255 255 255 / 85%));
}
.hashtag-meta-chip strong,
.hashtag-meta-grid .count-number {
  color: var(--blue);
  font-size: clamp(1rem, 2vw, 1.35rem);
  line-height: 1.2;
  letter-spacing: normal;
  font-variant-numeric: tabular-nums;
}
.hashtag-meta-chip > span,
.hashtag-meta-grid .count-label {
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.35;
  margin: 0;
}
.search-rank-card {
  border-color: #bdcfea;
  background: linear-gradient(135deg, #eef5ff, #fff5f7);
}
.search-rank-card small {
  color: var(--muted);
  font-size: 0.75rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.hashtag-summary-card .detail-metric-note {
  margin: 0;
  line-height: 1.45;
  font-size: 0.8rem;
}
@media (max-width: 600px) {
  .hashtag-meta-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .hashtag-meta-chip,
  .hashtag-meta-grid .count-block {
    padding: 8px 10px;
  }
}

.optional-consent {
  margin-block: 16px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 10px;
}
.admin-editor code {
  overflow-wrap: anywhere;
}
.admin-editor.admin-form {
  gap: 10px;
  margin-top: 12px;
}
.admin-page > .admin-notice {
  font-size: 0.8rem;
  padding: 8px 12px;
  margin-block: 10px;
}
.admin-content-help {
  font-size: 0.8rem;
}
.admin-content-help summary {
  cursor: pointer;
}
.admin-editor .admin-heading {
  padding: 14px 16px;
  margin: 0;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: linear-gradient(120deg, #fff0f3, #edf4ff);
  box-shadow: 0 5px 18px #17345d12;
}
.admin-keyword-title {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px;
}
.admin-editor .admin-editor-actions {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}
.admin-editor .admin-view-page {
  font-weight: 700;
  white-space: normal;
  text-align: center;
}
.admin-keyword-title .hashtag-label {
  flex: 1 1 auto;
  max-width: none;
}
.admin-keyword-title .hash-word {
  word-break: normal;
  overflow-wrap: anywhere;
}
.admin-editor .admin-columns {
  gap: 12px;
  align-items: start;
}
.admin-editor .admin-content-grid {
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
.admin-language-stack {
  display: grid;
  min-width: 0;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 5px 18px #17345d0e;
}
.admin-editor .admin-related-card {
  min-width: 0;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 5px 18px #17345d0e;
}
.admin-related-card > p {
  margin: 0 0 6px;
  font-size: 0.8rem;
}
.admin-related-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  max-height: 440px;
  overflow-y: auto;
  padding: 2px;
}
.admin-editor .admin-related-option {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
  padding: 4px 6px;
  margin: 0;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #f7f9fd;
  color: var(--blue);
  cursor: pointer;
  font-size: 0.8rem;
}
.admin-related-option:has(:checked) {
  border-color: #a9bfdf;
  background: #edf4ff;
}
.admin-related-option:focus-within {
  outline: 2px solid var(--blue);
  outline-offset: 1px;
}
.admin-related-option span {
  overflow-wrap: anywhere;
  user-select: text;
}
.admin-editor .admin-related-option input {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  margin: 1px 0 0;
  padding: 0;
  accent-color: var(--blue);
}
.admin-related-edit {
  margin-block: 6px;
}
.admin-related-edit summary {
  color: var(--blue);
  font-weight: 700;
  cursor: pointer;
}
.admin-related-edit label {
  margin-top: 4px;
  margin-bottom: 0;
}
.admin-related-card > small {
  display: block;
  margin-top: 6px;
}
@media (max-width: 1200px) {
  .admin-editor .admin-content-grid {
    grid-template-columns: 1fr;
  }
  .admin-related-card {
    grid-column: 1 / -1;
  }
}
.admin-editor .admin-language-stack .admin-language-card {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  padding: 10px;
  border: 1px solid var(--admin-field-border);
  border-left: 4px solid var(--admin-focus);
  border-radius: 10px;
  background: #eef5ff;
  box-shadow: none;
}
.admin-editor .admin-language-card[data-language="hi"] {
  --admin-field-border: #bf6d85;
  --admin-field-bg: #fff7f9;
  --admin-focus: #a92248;
  --admin-focus-ring: #a9224829;
  background: #fff0f4;
}
.admin-language-card legend {
  padding: 3px 9px;
  border: 1px solid var(--admin-field-border);
  border-radius: 6px;
  color: var(--admin-focus);
  background: var(--admin-field-bg);
}
.admin-editor textarea[data-auto-size] {
  box-sizing: border-box;
  overflow-y: hidden;
  resize: none;
}
/* Keep the editor's existing columns while reducing unused vertical space. */
.admin-studio .admin-editor.admin-form {
  gap: 7px;
  margin-top: 8px;
}
.admin-studio .admin-editor .admin-heading {
  padding: 8px 10px;
}
.admin-studio .admin-editor .admin-columns,
.admin-studio .admin-editor .admin-language-stack {
  gap: 8px;
}
.admin-studio .admin-editor .admin-language-stack {
  padding: 8px;
}
.admin-studio .admin-editor .admin-language-card {
  gap: 6px;
  padding: 7px;
}
.admin-studio .admin-editor.admin-form label {
  gap: 3px;
  line-height: 1.35;
}
.admin-studio .admin-editor.admin-form :is(input, select, textarea) {
  padding-block: 6px;
}
.admin-studio
  .admin-editor.admin-form
  :is(input:not([type="checkbox"]):not([type="radio"]), select) {
  min-height: 38px;
}
.admin-studio .admin-editor .admin-related-option input {
  padding: 0;
}
@media (pointer: coarse) {
  .admin-studio
    .admin-editor.admin-form
    :is(input:not([type="checkbox"]):not([type="radio"]), select) {
    min-height: 44px;
  }
}
body:has(.admin-page) .footer-inner {
  padding-block: 10px;
  gap: 10px;
  font-size: 0.8rem;
}
body:has(.admin-page) .footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
}
.admin-editor .admin-language-card label {
  margin: 0;
}
.admin-language-card .admin-field-short {
  grid-column: 1/-1;
}
.admin-editor input,
.admin-editor select,
.admin-editor textarea {
  padding: 8px 10px;
}
.admin-editor textarea {
  resize: vertical;
}
.admin-page {
  --admin-field-border: #6487b6;
  --admin-field-bg: #f3f7ff;
  --admin-focus: #2459a8;
  --admin-focus-ring: #2459a829;
}
.admin-page
  :is(input, textarea, select):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not(
    [readonly]
  ):not(:disabled) {
  border: 2px solid var(--admin-field-border);
  background-color: var(--admin-field-bg);
  color: #192d48;
  border-radius: 7px;
  box-shadow: inset 0 1px 2px #17345d0c;
}
.admin-page :is(input, textarea, select):focus-visible {
  outline: 2px solid var(--admin-focus);
  outline-offset: 2px;
}
.admin-page input[readonly] {
  border: 2px dashed #8b9bae;
  background: #e9eef4;
  color: #526174;
  cursor: default;
}
.admin-page :is(input, textarea, select):disabled {
  opacity: 0.65;
  background-color: #e9eef4;
  cursor: not-allowed;
}
.admin-page :is(input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--admin-focus);
  cursor: pointer;
}
.admin-batch-card {
  padding: 12px 14px;
  margin-block: 12px;
  border-radius: 12px;
  box-shadow: 0 4px 16px #17345d0e;
}
.admin-batch-card .admin-heading {
  margin-bottom: 6px;
  gap: 8px;
}
.admin-batch-card h2 {
  font-size: 1.1rem;
}
.admin-batch-card p {
  margin-block: 6px;
  font-size: 0.85rem;
}
.admin-batch-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
}
.admin-batch-controls label {
  font-size: 0.83rem;
}
.admin-batch-controls .admin-check {
  display: flex;
  align-items: center;
  gap: 6px;
}
.admin-batch-controls select,
.admin-batch-controls input[type="number"] {
  width: 80px;
  padding: 6px;
  border: 1px solid var(--line);
  border-radius: 6px;
  margin-left: 6px;
}
.admin-batch-controls input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin: 0;
}
.admin-batch-results {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
  gap: 8px;
  margin-top: 8px;
}
.admin-batch-results > div {
  display: grid;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  font-size: 0.82rem;
  overflow-wrap: anywhere;
}
@media (max-width: 600px) {
  .admin-editor .admin-content-grid,
  .admin-related-list {
    grid-template-columns: 1fr;
  }
  .admin-editor .admin-heading {
    padding: 10px;
  }
  .admin-keyword-title {
    font-size: 1.1rem;
  }
}
.install-app {
  position: relative;
}
.install-button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
  border: 1px solid #cbd9ee;
  border-radius: 8px;
  background: #eef4ff;
  color: #285ba8;
  font: inherit;
  font-size: 0.85rem;
  font-weight: 700;
  cursor: pointer;
}
.install-button:focus-visible,
.install-help button:focus-visible {
  outline: 3px solid #285ba8;
  outline-offset: 3px;
}
.install-button:disabled {
  opacity: 0.6;
  cursor: wait;
}
.install-help {
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  z-index: 100;
  width: min(320px, calc(100vw - 32px));
  box-sizing: border-box;
  padding: 18px;
  border: 1px solid #d9e2f0;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 10px 35px #24324824;
  color: #243248;
  font-size: 0.9rem;
  line-height: 1.5;
  text-align: left;
}
.install-help p {
  margin: 10px 0;
}
.install-help button {
  border: 0;
  border-radius: 6px;
  padding: 6px 12px;
  background: #285ba8;
  color: white;
  cursor: pointer;
}
.sitemap-console {
  display: grid;
  gap: 14px;
}
.sitemap-card {
  padding: 18px;
  border: 1px solid #e0e6f0;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 5px 18px #24324809;
  min-width: 0;
}
.sitemap-card h2 {
  margin: 0 0 10px;
  font-size: 1.12rem;
}
.sitemap-card p {
  margin: 8px 0;
  line-height: 1.55;
}
.sitemap-card-heading {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sitemap-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}
.sitemap-metrics > div {
  padding: 13px;
  background: #f3f6fc;
  border: 1px solid #e6ecf6;
  border-radius: 10px;
  display: grid;
  gap: 4px;
}
.sitemap-metrics span {
  font-size: 0.83rem;
  color: #52627a;
}
.sitemap-metrics strong {
  font-size: 1.6rem;
  color: #285ba8;
}
.sitemap-meta {
  font-size: 0.82rem;
  color: #52627a;
}
.sitemap-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.sitemap-url {
  display: block;
  padding: 10px;
  background: #f3f6fc;
  border-radius: 8px;
  overflow-wrap: anywhere;
  margin-bottom: 12px;
}
.sitemap-file-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
}
.sitemap-file {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  background: #f7f9fc;
  border-radius: 10px;
}
.sitemap-file > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.sitemap-file a {
  font-weight: 700;
  color: #285ba8;
}
.sitemap-file span,
.sitemap-file small {
  color: #52627a;
  font-size: 0.82rem;
  overflow-wrap: anywhere;
}
.sitemap-inspect {
  display: flex;
  gap: 12px;
  align-items: end;
}
.sitemap-inspect label {
  flex: 1;
}
@media (max-width: 700px) {
  .sitemap-columns,
  .sitemap-file-list {
    grid-template-columns: 1fr;
  }
  .sitemap-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sitemap-card {
    padding: 14px;
  }
  .sitemap-inspect {
    flex-wrap: wrap;
  }
  .sitemap-inspect label {
    flex-basis: 100%;
  }
}
.directory-grid,
.popular-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  overflow-x: auto;
}
.directory-grid > li,
.popular-grid > li {
  flex: 0 0 auto;
  width: max-content;
  min-width: max-content;
}
.directory-grid .tag-card,
.popular-grid a {
  height: 100%;
  box-sizing: border-box;
}
.directory-grid .hashtag-label,
.popular-grid .hashtag-label {
  max-width: none;
  flex-shrink: 0;
  white-space: nowrap;
}
.directory-grid .hash-word,
.popular-grid .hash-word {
  overflow-wrap: normal;
  white-space: nowrap;
}

.volume-0 {
  --volume-bg: #ffcdd2;
  --volume-border: #dc3545;
}

.volume-1 {
  --volume-bg: #ffe3e3;
  --volume-border: #eb9d9d;
}

.volume-2 {
  --volume-bg: #ffedf3;
  --volume-border: #e6adc1;
}

.volume-3 {
  --volume-bg: #ffd5e7;
  --volume-border: #d47a9d;
}

.volume-4 {
  --volume-bg: #fff0d9;
  --volume-border: #dda950;
}

.volume-5 {
  --volume-bg: #ffdab1;
  --volume-border: #d88a32;
}

.volume-6 {
  --volume-bg: #fff7bd;
  --volume-border: #b7a442;
}

.volume-7 {
  --volume-bg: #edf6c7;
  --volume-border: #92ac49;
}

.volume-8 {
  --volume-bg: #d7f2cf;
  --volume-border: #72a367;
}

.volume-9 {
  --volume-bg: #c5eddf;
  --volume-border: #5d9b87;
}

.volume-10 {
  --volume-bg: #d0f3f7;
  --volume-border: #5da8b1;
}

.volume-11 {
  --volume-bg: #d9ebff;
  --volume-border: #719bd2;
}

.volume-12 {
  --volume-bg: #dddfff;
  --volume-border: #8d87c9;
}

.volume-13 {
  --volume-bg: #ead8ff;
  --volume-border: #a079c0;
}

.volume-14 {
  --volume-bg: #f2d4ed;
  --volume-border: #b977ae;
}

.volume-15 {
  --volume-bg: #f7dba9;
  --volume-border: #b88b35;
}

.volume-16 {
  --volume-bg: #e4ddfa;
  --volume-border: #8a74bd;
}

/* Intrinsic labels must contribute their entire unbroken width to the card. */
.directory-grid .tag-card strong,
.popular-grid a strong {
  width: max-content;
  min-width: max-content;
  overflow-wrap: normal;
}
.directory-grid .hash-word,
.popular-grid .hash-word {
  flex: 0 0 auto;
  min-width: max-content;
}
.directory-grid .tag-card > span:not(.tag-card-arrow),
.popular-grid a > span:not(.popular-arrow) {
  white-space: nowrap;
}
.search-shell .search-form {
  border: 2px solid #9ebaf0;
  border-top: 5px solid #285ba8;
  background: linear-gradient(120deg, #edf4ff, #fff 70%);
  box-shadow: 0 10px 28px #285ba820;
  padding: 20px;
}
.search-shell .search-form > label {
  font-size: 1.1rem;
  color: #173e7a;
}
.search-shell .search-field input {
  border: 2px solid #7298d2;
  min-height: 60px;
  box-shadow: 0 2px 7px #285ba811;
}
.search-shell .search-field input:focus {
  outline: 3px solid #b8d4ff;
  outline-offset: 2px;
}
.search-shell .search-symbol {
  color: #285ba8;
  font-size: 1.4rem;
  top: 20px;
}
.search-shell .search-submit {
  font-size: 1rem;
  min-width: 130px;
}
.paragraph-results {
  margin-top: 14px;
  border: 1px solid #9ebaf0;
  border-radius: 12px;
  padding: 16px;
  background: #fff;
}
.paragraph-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.paragraph-tags {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 12px;
}
.paragraph-tags button {
  max-width: 100%;
  padding: 8px 12px;
  background: #edf4ff;
  border: 1px solid #b7cdef;
  border-radius: 8px;
  cursor: pointer;
  overflow-wrap: anywhere;
}
.paragraph-tags .hash-word {
  overflow-wrap: anywhere;
}
.volume-legend summary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 44px;
  padding: 9px 14px;
  border: 1px solid #bacdec;
  border-radius: 10px;
  background: #edf4ff;
  box-shadow: 0 3px 9px #285ba814;
  list-style: none;
  cursor: pointer;
  font-weight: 700;
  color: #285ba8;
}
.volume-legend {
  max-width: 100%;
}
.volume-legend summary::-webkit-details-marker {
  display: none;
}
.volume-legend summary:hover {
  background: #e1edff;
}
.volume-legend summary:focus-visible {
  outline: 3px solid #285ba8;
  outline-offset: 3px;
}
.volume-legend-chevron {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}
.volume-legend[open] summary {
  color: #fff;
  border-color: #285ba8;
  background: #285ba8;
}
.volume-legend[open] .volume-legend-chevron {
  transform: rotate(180deg);
}
.site-footer {
  padding-block: 22px 0;
  background: linear-gradient(135deg, #f1f5fc, #f9faff);
  border-top: 1px solid #dce5f3;
}
.footer-widgets {
  display: grid;
  grid-template-columns: 1.1fr 0.8fr 1.2fr 1fr;
  gap: 16px;
}
.footer-widget {
  min-width: 0;
  padding: 20px;
  border: 1px solid #dce5f3;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 5px 18px #203b670b;
}
.footer-widget h2 {
  margin: 0 0 10px;
  font-size: 1rem;
  line-height: 1.5;
}
.footer-widget p {
  margin: 0;
  color: var(--muted);
  font-size: 0.88rem;
  line-height: 1.65;
}
.footer-brand-link {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1.55rem;
  margin-bottom: 10px;
}
.footer-brand-link img {
  width: 44px;
  height: 44px;
  border-radius: 10px;
}
.footer-language-note {
  display: inline-block;
  margin-top: 10px;
  padding: 4px 8px;
  border-radius: 6px;
  background: #edf3fc;
  color: #2859a3;
  font-size: 0.76rem;
}
.footer-widget .footer-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px 14px;
  font-size: 0.88rem;
}
.footer-widget .footer-links a {
  text-decoration: none;
  line-height: 1.6;
  padding-block: 4px;
}
.footer-widget .footer-links a:hover {
  text-decoration: underline;
}
.info-page {
  max-width: 940px;
  padding-top: 24px;
  padding-bottom: 28px;
  overflow-wrap: anywhere;
}
.info-page h1 {
  font-size: clamp(1.6rem, 4vw, 2.3rem);
  margin: 8px 0;
}
.info-updated {
  color: var(--muted);
  font-size: 0.82rem;
  margin-block: 8px 14px;
}
.info-intro {
  font-size: 1.05rem;
  line-height: 1.8;
}
.info-page > section {
  margin-top: 24px;
  scroll-margin-top: 170px;
}
.info-page h2 {
  font-size: 1.15rem;
  margin-bottom: 8px;
}
.info-page section p,
.info-page section li,
.storage-inventory {
  line-height: 1.85;
  color: var(--ink);
}
.info-toc,
.info-related,
.info-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin-block: 18px;
}
.info-toc,
.info-related {
  border-block: 1px solid var(--line);
  padding-block: 14px;
  font-size: 0.9rem;
}
.info-toc a,
.info-related a {
  padding-block: 5px;
}
.consent-preferences {
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--soft);
}
.consent-preferences button[aria-pressed="true"] {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.storage-inventory dt {
  font-weight: 700;
  overflow-wrap: anywhere;
  margin-top: 14px;
}
.storage-inventory dd {
  margin: 4px 0 0;
}
@media (max-width: 600px) {
  .info-page {
    padding-top: 14px;
  }
  .info-page > section {
    scroll-margin-top: 120px;
  }
  .info-actions .button {
    min-height: 44px;
  }
}
.footer-bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 6px 16px;
  padding-block: 14px;
  color: var(--muted);
  font-size: 0.78rem;
}
.footer-network {
  grid-column: 1 / -1;
}
.footer-brand-network {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.footer-brand-network a {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 9px 12px;
  min-width: 0;
  border: 1px solid #e1e7f1;
  border-left: 3px solid;
  border-radius: 9px;
  text-decoration: none;
  background: #f8faff;
}
.footer-brand-network a:hover {
  background: #edf3fc;
  box-shadow: 0 3px 10px #203b6712;
}
.footer-brand-network strong {
  font-size: 0.87rem;
}
.footer-brand-network span {
  font-size: 0.75rem;
  color: var(--muted);
  overflow-wrap: anywhere;
}
.home-index-results .directory-grid {
  gap: 4px;
}
.home-index-results .directory-grid .tag-card {
  min-height: 46px;
  gap: 2px;
  padding: 4px 6px;
  border-radius: 8px;
}
.home-index-results .directory-grid .tag-card strong {
  font-size: 0.92rem;
}
.home-index-results .directory-grid .tag-card > span {
  font-size: 0.72rem;
}
.home-index-results .directory-grid .tag-card-arrow {
  top: auto;
  bottom: 4px;
  right: 5px;
}
.home-index-results .directory-summary {
  gap: 8px 14px;
  margin-block: 10px;
}
.index-page-size {
  color: var(--muted);
  font-size: 0.78rem;
}
.index-sort-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
}
.index-sort-controls a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 36px;
  padding: 6px 10px;
  border: 1px solid #d1def4;
  border-radius: 8px;
  background: #f5f8ff;
  font-size: 0.8rem;
  font-weight: 700;
  color: #2459a8;
  text-decoration: none;
}
.index-sort-controls a[aria-current] {
  background: #2459a8;
  color: #fff;
  border-color: #2459a8;
}
.index-sort-controls a:hover {
  box-shadow: 0 2px 8px #2459a820;
}
@media (max-width: 900px) {
  .footer-brand-network {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 600px) {
  .index-sort-controls a {
    min-height: 44px;
  }
  .footer-brand-network a {
    padding: 8px;
  }
}
.sharing-icons {
  margin-block: 12px 0;
}
.sharing-icons .share-buttons {
  gap: 8px;
}
.sharing-icons .share-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  border-radius: 11px;
  background: #f7f9fd;
  box-shadow: 0 2px 5px #203b6709;
}
.sharing-icons .share-button:hover {
  background: #eaf1fc;
  border-color: var(--brand, var(--blue));
}
.sharing-icons .share-status:empty {
  display: none;
}
.sharing-icons .share-status:not(:empty) {
  margin-top: 10px;
}
.share-label-hidden,
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
@media (max-width: 1000px) {
  .footer-widgets {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .footer-share {
    grid-column: 1 / -1;
  }
}
@media (max-width: 600px) {
  .footer-widgets {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }
  .footer-widget {
    padding: 16px;
  }
  .footer-widget .footer-links a {
    min-height: 44px;
    display: flex;
    align-items: center;
  }
}
.volume-legend > div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
  max-width: 100%;
}
@media (max-width: 767px) {
  .search-shell .search-form {
    padding: 14px;
  }
}

.admin-list-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 16px 0 10px;
}
.admin-list-tabs button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #c7d5e8;
  background: #f4f7fc;
  color: #294669;
  border-radius: 8px;
  padding: 9px 12px;
  cursor: pointer;
  font-weight: 700;
}
.admin-list-tabs button[aria-pressed="true"] {
  background: #285ba8;
  color: white;
  border-color: #285ba8;
}
.admin-list-tabs button span {
  background: #ffffff35;
  padding: 2px 6px;
  border-radius: 5px;
  font-variant-numeric: tabular-nums;
}
.admin-sort-control {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.admin-table th button {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: transparent;
  color: inherit;
  border: 0;
  padding: 6px 0;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}
.admin-table th[aria-sort="ascending"],
.admin-table th[aria-sort="descending"] {
  color: #285ba8;
  background: #eaf1fc;
}
.admin-list-status {
  font-size: 0.85rem;
  color: #526680;
  margin: 8px 0;
}
@media (max-width: 767px) {
  .admin-list-tabs {
    gap: 5px;
  }
  .admin-list-tabs button {
    padding: 8px;
    font-size: 0.8rem;
  }
  .admin-sort-control {
    flex-wrap: wrap;
  }
}

/* Keep Top 30 compact across existing desktop/mobile card overrides. */
.popular-section {
  margin-top: 18px;
  padding: 14px;
  border: 1px solid #dce5f3;
  border-radius: 16px;
  background: linear-gradient(120deg, #f7faff, #fff 65%);
  box-shadow: 0 6px 20px #1d3f7310;
}
.popular-section .section-heading h2 {
  margin: 0;
  line-height: 1.25;
}
.popular-section > p {
  margin-top: 4px;
  line-height: 1.4;
}
.popular-section .popular-tabs {
  justify-content: center;
  width: fit-content;
  max-width: 100%;
  gap: 5px;
  margin: 10px auto 6px;
  padding: 5px;
  border: 1px solid #dce5f3;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 2px 10px #1d3f7310;
}
.popular-section .popular-tabs a {
  --period-color: #285ba8;
  min-height: 40px;
  padding: 7px 12px;
  border-color: color-mix(in srgb, var(--period-color) 22%, white);
  border-radius: 10px;
  color: var(--period-color);
  background: color-mix(in srgb, var(--period-color) 9%, white);
  box-shadow: 0 2px 5px #1d3f730c;
}
.popular-section .popular-tabs a:nth-child(2) {
  --period-color: #7040a2;
}
.popular-section .popular-tabs a:nth-child(3) {
  --period-color: #08746e;
}
.popular-section .popular-tabs a:nth-child(4) {
  --period-color: #a14c09;
}
.popular-section .popular-tabs a:nth-child(5) {
  --period-color: #b02c62;
}
.popular-section .popular-tabs a:nth-child(6) {
  --period-color: #4b48a6;
}
.popular-section .popular-tabs a:nth-child(7) {
  --period-color: #26713e;
}
.popular-section .popular-tabs a:nth-child(8) {
  --period-color: #334155;
}
.popular-section .popular-tabs a:hover {
  background: color-mix(in srgb, var(--period-color) 16%, white);
}
.popular-section .popular-tabs a[aria-current="page"] {
  color: white;
  background: linear-gradient(
    135deg,
    var(--period-color),
    color-mix(in srgb, var(--period-color) 85%, black)
  );
  border-color: var(--period-color);
  box-shadow: 0 4px 10px color-mix(in srgb, var(--period-color) 25%, transparent);
}
.popular-section .popular-period-note,
.popular-section .popular-history-note {
  margin-block: 6px;
  text-align: center;
}
.popular-section .popular-grid {
  margin-top: 8px;
  padding: 3px 3px 7px;
  gap: 7px;
}
.popular-section .popular-grid a {
  min-height: 60px;
  padding: 8px 25px 8px 11px;
  gap: 3px;
  border-radius: 11px;
  line-height: 1.3;
  box-shadow: 0 3px 8px #1d3f7314;
}
.popular-section .popular-grid a:hover {
  box-shadow: 0 5px 12px #1d3f7324;
}
.popular-section .popular-grid a > span:not(.popular-arrow) {
  font-size: 0.76rem;
}
.popular-section .popular-arrow {
  top: 9px;
  right: 9px;
}
.popular-section .popular-grid a {
  align-items: stretch;
  min-height: 52px;
  gap: 5px;
  padding: 7px 9px;
}
.popular-section .popular-grid a > strong {
  display: flex;
  width: 100%;
  min-width: 0;
  justify-content: center;
  text-align: center;
}
.popular-section .popular-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  margin-top: auto;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.popular-card-footer > span:first-child {
  display: inline-flex;
  align-items: center;
  gap: 3px;
}
.popular-card-footer .popular-rank {
  display: contents;
}
.popular-card-footer .popular-rank b {
  padding: 0;
  border: 0;
  background: none;
}
.popular-section .popular-card-footer .popular-arrow {
  position: static;
  flex-shrink: 0;
}
@media (max-width: 600px) {
  .popular-section {
    padding: 10px;
    border-radius: 13px;
  }
  .popular-section .popular-tabs a {
    min-height: 44px;
    padding: 7px 10px;
  }
}

/* Homepage platform discovery and editorial guidance. */
.platform-showcase {
  padding: clamp(16px, 2vw, 28px);
  border: 1px solid #dbe5f4;
  border-radius: 22px;
  background: radial-gradient(ellipse at top right, #e9f1ff 0, transparent 55%), #f8faff;
  box-shadow: 0 10px 32px #1d3f730c;
}
.section-eyebrow {
  display: block;
  color: #2859a3;
  font-size: 0.73rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.5;
}
.platform-section-heading h2 {
  margin: 5px 0 8px;
  font-size: clamp(1.45rem, 2vw, 2rem);
  line-height: 1.2;
  letter-spacing: -0.025em;
}
.platform-section-heading p {
  max-width: 85ch;
  color: var(--muted);
  margin: 0;
  line-height: 1.6;
}
.platform-showcase .platform-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
  margin-top: 20px;
}
.platform-showcase .platform-card {
  --platform-tone: var(--brand, var(--blue));
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: 14px;
  padding: 18px;
  border-radius: 18px;
  border-color: color-mix(in srgb, var(--platform-tone) 30%, white);
  border-top: 4px solid var(--platform-tone);
  background: linear-gradient(
    145deg,
    color-mix(in srgb, var(--platform-tone) 7%, white),
    color-mix(in srgb, var(--platform-tone) 17%, white)
  );
  box-shadow:
    0 8px 22px #203b6714,
    0 2px 5px color-mix(in srgb, var(--platform-tone) 12%, transparent);
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease;
}
.platform-showcase .brand-x {
  --platform-tone: #64748b;
}
.platform-showcase .brand-tiktok {
  --platform-tone: #148b90;
}
.platform-showcase .brand-threads {
  --platform-tone: #7751a8;
}
.platform-showcase .brand-snapchat {
  --platform-tone: #c59600;
}
.platform-showcase .platform-card span {
  margin-left: 0;
}
.platform-card-heading {
  display: flex;
  align-items: center;
  gap: 9px;
}
.platform-card-heading strong {
  min-width: 0;
  font-size: 1rem;
}
.platform-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 4px 10px color-mix(in srgb, var(--platform-tone) 18%, transparent);
}
.platform-showcase .platform-icon svg {
  width: 28px;
  height: 28px;
}
.platform-showcase .platform-card .platform-arrow {
  margin-left: auto;
  color: var(--muted);
}
.platform-description {
  color: #34465f;
  font-size: 0.88rem;
  line-height: 1.65;
}
.platform-guide-link {
  margin-top: auto;
  align-self: flex-start;
  padding: 8px 11px;
  border: 1px solid color-mix(in srgb, var(--platform-tone) 25%, white);
  border-radius: 9px;
  background: #ffffffc9;
  color: var(--blue);
  font-size: 0.8rem;
  font-weight: 700;
}
.platform-showcase .platform-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px #203b6723;
}
.home-editorial {
  gap: 16px;
  align-items: start;
}
.home-editorial > section {
  padding: clamp(18px, 2vw, 26px);
  border-radius: 18px;
  border-color: #dce5f3;
  background: linear-gradient(150deg, #fff, #f8faff);
  box-shadow: 0 6px 22px #203b670b;
}
.home-editorial h2 {
  margin: 6px 0 10px;
  font-size: clamp(1.2rem, 1.5vw, 1.5rem);
  line-height: 1.3;
}
.home-editorial p {
  margin: 0 0 12px;
  line-height: 1.7;
  color: var(--muted);
  max-width: 80ch;
}
.home-editorial p:last-child {
  margin-bottom: 0;
}
.editorial-example {
  padding: 13px 15px;
  border-left: 3px solid #3771c6;
  border-radius: 0 10px 10px 0;
  background: #edf3fc;
}
.editorial-example strong {
  display: block;
  margin-bottom: 5px;
  color: #244e8d;
  font-size: 0.86rem;
}
.editorial-example p {
  font-size: 0.9rem;
}
.home-editorial .editorial-workflow {
  grid-column: 1 / -1;
}
.editorial-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  list-style: none;
  padding: 0;
  margin: 16px 0 0;
}
.home-editorial .editorial-steps li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin: 0;
}
.editorial-step-number {
  flex: 0 0 34px;
  padding: 7px 0;
  text-align: center;
  border-radius: 10px;
  background: #e8effc;
  color: #2859a3;
  font-weight: 800;
  font-size: 0.8rem;
}
.editorial-steps h3 {
  margin: 4px 0 7px;
  font-size: 1rem;
  line-height: 1.35;
}
.editorial-steps p {
  font-size: 0.9rem;
  line-height: 1.6;
}
.editorial-link {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  min-height: 44px;
  color: var(--blue);
  font-weight: 700;
  font-size: 0.9rem;
}
.home-editorial .public-faq {
  border-bottom: 1px solid var(--line);
  padding-block: 12px;
}
.home-editorial .public-faq:last-child {
  border-bottom: 0;
}
.home-editorial .public-faq p {
  margin-top: 9px;
  font-size: 0.93rem;
}
:lang(hi) .platform-section-heading h2,
:lang(hi) .home-editorial h2,
:lang(hi) .editorial-steps h3 {
  line-height: 1.5;
  letter-spacing: normal;
}
@media (max-width: 1100px) {
  .platform-showcase .platform-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .editorial-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 700px) {
  .home-editorial {
    grid-template-columns: minmax(0, 1fr);
  }
  .platform-showcase .platform-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .platform-showcase .platform-card {
    padding: 12px;
  }
  .platform-card-heading {
    gap: 6px;
  }
  .platform-icon {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
  }
  .platform-card-heading strong {
    font-size: 0.88rem;
  }
  .platform-showcase {
    padding: 14px;
    border-radius: 16px;
  }
  .platform-description {
    font-size: 0.82rem;
  }
}
@media (max-width: 600px) {
  .platform-showcase .platform-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .platform-showcase .platform-card {
    padding: 16px;
  }
  .platform-description {
    font-size: 0.9rem;
  }
}
@media (max-width: 380px) {
  .platform-showcase .platform-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .editorial-steps {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (prefers-reduced-motion: reduce) {
  .platform-showcase .platform-card {
    transition: none;
  }
  .platform-showcase .platform-card:hover {
    transform: none;
  }
}

/* Home studio: dimensional surfaces without changing search or ranking behavior. */
.home-studio {
  --home-shadow: 0 4px 0 #dce5f2, 0 10px 24px #17345d0b;
  font-family: "Roboto", "Noto Sans Devanagari", Arial, sans-serif;
  padding-top: 12px;
}
.home-studio .home-hero {
  position: relative;
  isolation: isolate;
  margin: 0;
  padding: 18px 24px 14px;
  border: 1px solid #dbe4f2;
  border-top: 3px solid #2459a8;
  border-radius: 18px;
  background:
    radial-gradient(ellipse at 95% 0%, #fce7ed, transparent 48%),
    linear-gradient(125deg, #edf4ff, #fff 55%);
  box-shadow: var(--home-shadow);
}
.home-studio .home-hero::before {
  content: "#";
  position: absolute;
  z-index: -1;
  inset: 0 16px auto auto;
  color: #2459a80a;
  font-size: 10rem;
  font-weight: 900;
  line-height: 1;
  transform: rotate(12deg);
  pointer-events: none;
}
.home-studio .home-hero > .eyebrow {
  margin: 0;
  font-size: 0.73rem;
  letter-spacing: 0.025em;
}
.home-studio .home-hero h1 {
  max-width: 1100px;
  margin: 7px auto;
  font-size: clamp(1.65rem, 2.6vw, 2.5rem);
  line-height: 1.22;
  letter-spacing: -0.025em;
  text-wrap: balance;
}
.home-studio .hero-intro {
  max-width: 1050px;
  margin: 6px auto;
  font-size: 0.97rem;
  line-height: 1.5;
  color: #435875;
}
.home-studio .home-hero > .metric-note {
  margin: 8px auto 0;
  font-size: 0.76rem;
  line-height: 1.5;
}
body:has(.home-studio) .search-site-header .header-search .search-form {
  border: 1px solid #c9d8ee;
  border-top: 3px solid #2459a8;
  border-radius: 14px;
  background: linear-gradient(125deg, #edf4ff, #fff 70%);
  box-shadow:
    0 3px 0 #d5e1f2,
    0 8px 18px #17345d12;
}
body:has(.home-studio) .search-site-header .header-search .search-field input {
  background: #fff;
  border-color: #99b4db;
  border-radius: 9px;
  box-shadow: inset 0 2px 3px #17345d08;
}
body:has(.home-studio) .search-site-header .header-search .search-submit {
  border-radius: 9px;
  background: linear-gradient(145deg, #326dbe, #2459a8);
  box-shadow: 0 3px 0 #17417d;
}
.home-studio .home-directory,
.home-studio .popular-section {
  margin-top: 16px;
  padding: 13px 16px;
  border: 1px solid #dbe4f2;
  border-top: 3px solid #b81e3c;
  border-radius: 16px;
  background: linear-gradient(135deg, #fff, #f7faff);
  box-shadow: var(--home-shadow);
}
.home-studio .home-directory .directory-heading {
  margin-bottom: 8px;
}
.home-studio .directory-heading .eyebrow {
  display: none;
}
.home-studio .directory-heading h2,
.home-studio .popular-section .section-heading h2 {
  font-size: clamp(1.13rem, 1.7vw, 1.4rem);
  margin: 0;
  line-height: 1.3;
}
.home-studio .directory-heading p,
.home-studio .popular-section > p {
  font-size: 0.83rem;
  line-height: 1.45;
  margin: 4px 0;
}
.home-studio .alphabet-index {
  margin-top: 8px;
}
.home-studio .alphabet-index > p {
  margin: 0 0 5px;
  font-size: 0.8rem;
}
.home-studio .alphabet-grid {
  gap: 4px;
}
.home-studio .alphabet-tile {
  box-shadow: 0 2px 0 #17345d18;
  border-radius: 6px;
}
.home-studio .index-browse-button {
  min-height: 36px;
  margin-top: 8px;
  padding: 5px 10px;
  font-size: 0.82rem;
}
.home-studio .popular-section {
  border-top-color: #2459a8;
}
.home-studio .popular-section .popular-tabs {
  margin-block: 8px 5px;
  padding: 4px;
  box-shadow: 0 3px 0 #dce5f2;
}
.home-studio .popular-tabs a {
  box-shadow: 0 2px 0 #17345d1a;
}
.home-studio .popular-section .popular-grid {
  gap: 6px;
  margin-top: 5px;
  padding: 2px 2px 5px;
  overflow-x: auto;
}
.home-studio .popular-grid > li {
  flex: 0 0 auto;
  min-width: max-content;
  width: max-content;
}
.home-studio .popular-section .popular-grid a {
  min-height: 42px;
  padding: 3px 5px;
  gap: 2px;
  border-radius: 8px;
  border: 2px solid color-mix(in srgb, var(--volume-border, #7895bd) 85%, #17345d);
  background: #fff;
  box-shadow: 0 2px 4px #17345d14;
}
.home-studio .popular-grid a > strong {
  align-items: center;
  min-width: 0;
  flex: 1;
  font-size: 0.92rem;
  line-height: 1.25;
}
.home-studio .popular-grid .hashtag-label {
  min-width: 0;
  max-width: 100%;
  flex-shrink: 1;
  white-space: normal;
}
.home-studio .popular-grid .hash-word,
.home-studio .popular-grid .tag-segment {
  white-space: normal;
  overflow-wrap: anywhere;
}
.home-studio .popular-grid .hash-word {
  flex: 1 1 auto;
  min-width: 0;
}
.home-studio .popular-section .popular-grid .popular-card-footer {
  font-size: 0.7rem;
  line-height: 1.2;
  gap: 3px;
  color: #304c73;
}
.home-studio .steps-grid {
  margin-top: 18px;
  gap: 10px;
}
.home-studio .steps-grid article {
  padding: 12px;
  border: 1px solid #dbe4f2;
  border-radius: 13px;
  background: #fff;
  box-shadow: var(--home-shadow);
}
.home-studio .steps-grid h2 {
  font-size: 1rem;
}
.home-studio .steps-grid p {
  font-size: 0.85rem;
  line-height: 1.5;
}
.home-studio a:focus-visible,
body:has(.home-studio) .header-search :is(input, button):focus-visible {
  outline: 3px solid #2459a8;
  outline-offset: 3px;
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .home-studio .popular-grid a {
    transition:
      transform 150ms ease,
      box-shadow 150ms ease;
  }
  .home-studio .popular-grid a:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px #17345d26;
  }
}
@media (max-width: 600px) {
  .home-studio .home-hero {
    padding: 13px 12px;
    border-radius: 13px;
  }
  .home-studio .home-hero h1 {
    font-size: clamp(1.5rem, 6vw, 1.9rem);
    line-height: 1.3;
  }
  .home-studio .hero-intro {
    font-size: 0.88rem;
  }
  .home-studio .home-directory,
  .home-studio .popular-section {
    padding: 11px 10px;
  }
  .home-studio .popular-grid > li {
    flex-basis: auto;
  }
  .home-studio .popular-section .popular-grid a {
    min-height: 44px;
    padding: 3px 5px;
  }
  .home-studio .alphabet-tile {
    min-height: 36px;
  }
}

/* Admin studio: retain native controls, validation and bilingual field colors. */
.admin-studio {
  --admin-surface-shadow: 0 3px 0 #dce5f2, 0 8px 20px #17345d0b;
  font-family: "Roboto", "Noto Sans Devanagari", Arial, sans-serif;
}
.admin-studio .admin-menu {
  gap: 7px;
  margin-top: 12px;
  padding: 8px;
  border: 1px solid #d5e1f2;
  border-radius: 14px;
  background: linear-gradient(125deg, #edf4ff, #fff 70%);
  box-shadow: var(--admin-surface-shadow);
}
.admin-studio .admin-menu a {
  min-height: 40px;
  padding: 7px 10px;
  border-radius: 9px;
  box-shadow: 0 2px 0 #cbd9ed;
}
.admin-studio .admin-menu a[aria-current="page"] {
  background: linear-gradient(145deg, #326dbe, #2459a8);
  box-shadow: 0 3px 0 #17417d;
}
.admin-studio .admin-page {
  padding-top: 14px;
}
.admin-studio .admin-heading {
  margin-bottom: 12px;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid #dbe4f2;
  border-top: 3px solid #2459a8;
  border-radius: 14px;
  background: linear-gradient(125deg, #edf4ff, #fff 65%, #fff0f4);
  box-shadow: var(--admin-surface-shadow);
}
.admin-studio .admin-heading :is(h1, h2, p) {
  margin-block: 3px;
}
.admin-studio .admin-editor .admin-heading {
  border-color: #dfa34f;
  border-inline-start: 5px solid #b86a0b;
  background: linear-gradient(110deg, #ffe3b2, #fff0d5 65%, #ffedc5);
  box-shadow:
    0 3px 0 #ecd1a7,
    0 5px 16px #92500b12;
}
.admin-studio .admin-editor .admin-keyword-title {
  color: #57300a;
  font-weight: 800;
}
.admin-studio .admin-editor .admin-keyword-title .hashtag-label {
  padding: 3px 8px;
  border: 1px solid #e0b675;
  border-radius: 7px;
  background: #fffdf8;
}
.admin-studio .admin-heading h1 {
  font-size: clamp(1.35rem, 2vw, 1.8rem);
  line-height: 1.3;
}
.admin-studio :is(.admin-card, .sitemap-card, .admin-auth, .admin-language-stack) {
  padding: 12px;
  border: 1px solid #d2dff0;
  border-radius: 13px;
  background: linear-gradient(135deg, #fff, #f7faff);
  box-shadow: var(--admin-surface-shadow);
}
.admin-studio .admin-card {
  margin-block: 12px;
}
.admin-studio .admin-card .admin-heading {
  padding: 8px 10px;
  box-shadow: none;
}
.admin-studio .admin-notice {
  margin-block: 10px;
  padding: 8px 11px;
  border-radius: 9px;
  font-size: 0.84rem;
}
.admin-studio .admin-form {
  gap: 10px;
  margin-top: 12px;
}
.admin-studio .admin-form > * {
  min-width: 0;
}
.admin-studio .admin-keyword-title .tag-segment {
  white-space: normal;
  overflow-wrap: anywhere;
}
.admin-studio .admin-form label {
  gap: 5px;
  font-size: 0.88rem;
}
.admin-studio .admin-form :is(input, select, textarea),
.admin-studio .admin-toolbar :is(input, select) {
  padding: 8px 10px;
  font-size: 0.92rem;
  line-height: 1.45;
}
.admin-studio .admin-form :is(input:not([type="checkbox"]):not([type="radio"]), select),
.admin-studio .admin-toolbar :is(input, select) {
  min-height: 42px;
}
.admin-studio .button {
  min-height: 40px;
  padding: 7px 12px;
  border: 1px solid #b7cae5;
  border-radius: 9px;
  color: #214f91;
  background: linear-gradient(145deg, #fff, #edf4ff);
  box-shadow: 0 3px 0 #c9d8ec;
  font-size: 0.86rem;
  line-height: 1.4;
}
.admin-studio .button-primary {
  color: #fff;
  border-color: #2459a8;
  background: linear-gradient(145deg, #326dbe, #2459a8);
  box-shadow: 0 3px 0 #17417d;
}
.admin-studio .button:disabled {
  opacity: 0.55;
  box-shadow: none;
  cursor: not-allowed;
}
.admin-studio :is(button, a, input, select, textarea):focus-visible {
  outline: 3px solid var(--admin-focus, #2459a8);
  outline-offset: 3px;
}
.admin-studio .admin-list-tabs {
  gap: 6px;
  margin-block: 10px;
}
.admin-studio .admin-list-tabs button {
  min-height: 42px;
  padding: 7px 10px;
  border-radius: 10px;
  box-shadow: 0 3px 0 #d5e1f2;
  font-size: 0.85rem;
}
.admin-studio .admin-list-tabs button[aria-pressed="true"] {
  background: linear-gradient(145deg, #326dbe, #2459a8);
  box-shadow: 0 3px 0 #17417d;
}
.admin-studio .admin-toolbar {
  gap: 8px;
  margin-block: 10px;
}
.admin-studio .admin-table-wrap {
  border: 1px solid #cbd9ed;
  border-radius: 12px;
  box-shadow: var(--admin-surface-shadow);
}
.admin-studio .admin-table {
  font-size: 0.87rem;
}
.admin-studio .admin-table :is(th, td) {
  padding: 8px 10px;
}
.admin-studio .admin-table th {
  color: #27466e;
  background: #edf3fc;
}
.admin-studio .admin-table th button {
  min-height: 34px;
}
.admin-studio .admin-actions .button {
  min-height: 36px;
  padding: 6px 10px;
  font-size: 0.8rem;
}
.admin-studio .admin-editor .admin-language-card {
  box-shadow: 0 3px 0 #c7d9f1;
}
.admin-studio .admin-editor .admin-language-card[data-language="hi"] {
  box-shadow: 0 3px 0 #eed0da;
}
.admin-studio .admin-related-card {
  box-shadow: var(--admin-surface-shadow);
}
@media (max-width: 640px) {
  .admin-studio .admin-menu {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 6px;
    gap: 6px;
  }
  .admin-studio .admin-menu a {
    font-size: 0.78rem;
    padding-inline: 5px;
    min-height: 44px;
  }
  .admin-studio .admin-toolbar > input {
    flex-basis: 100%;
  }
  .admin-studio .admin-list-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .admin-studio .admin-list-tabs button {
    min-width: 0;
    min-height: 44px;
    white-space: normal;
  }
  .admin-studio .admin-table-wrap {
    overflow: visible;
    box-shadow: none;
    border: 0;
  }
  .admin-studio .admin-table,
  .admin-studio .admin-table :is(thead, tbody) {
    display: block;
    min-width: 0;
    width: 100%;
  }
  .admin-studio .admin-table thead tr {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 8px;
  }
  .admin-studio .admin-table th {
    padding: 3px 6px;
    border: 1px solid #d2dff0;
    border-radius: 7px;
    font-size: 0.72rem;
  }
  .admin-studio .admin-table tbody {
    display: grid;
    gap: 10px;
  }
  .admin-studio .admin-table tbody tr {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    padding: 7px;
    border: 1px solid var(--volume-border, #cbd9ed);
    border-radius: 12px;
    box-shadow: 0 3px 0 var(--volume-border, #dce5f2);
  }
  .admin-studio .admin-table td {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    padding: 6px;
    min-width: 0;
    border: 0;
    overflow-wrap: anywhere;
  }
  .admin-studio .admin-table td::before {
    content: attr(data-label);
    color: #435875;
    font-size: 0.69rem;
    font-weight: 600;
  }
  .admin-studio .admin-table td:first-child,
  .admin-studio .admin-table td:last-child {
    grid-column: 1 / -1;
  }
  .admin-studio .admin-table td:first-child .tag-segment {
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .admin-studio .admin-actions {
    flex-wrap: wrap;
    width: 100%;
  }
  .admin-studio .admin-actions .button {
    min-height: 44px;
    flex: 1;
    text-align: center;
  }
}
/* Full one-line labels retain their readable font; cards follow the tag width. */
.home-studio .popular-grid a > strong {
  overflow-wrap: normal;
}
.home-studio .popular-grid .hashtag-label {
  flex: 0 0 auto;
  max-width: none;
  white-space: nowrap;
}
.home-studio .popular-grid :is(.hash-word, .tag-segment) {
  flex: 0 0 auto;
  min-width: max-content;
  white-space: nowrap;
  overflow-wrap: normal;
  font-size: inherit;
}

/* Owner operations reuse the admin studio surfaces and native form controls. */
.ops-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(170px, 100%), 1fr));
  gap: 10px;
}
.ops-metrics .admin-card {
  margin: 0;
  display: grid;
  gap: 7px;
  min-width: 0;
}
.ops-metrics strong {
  font-size: 1.65rem;
  color: #2459a8;
  font-variant-numeric: tabular-nums;
}
.ops-metrics span,
.ops-metrics a {
  font-size: 0.85rem;
}
.ops-two-columns,
.ops-records,
.ops-backups {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.admin-operations .admin-card {
  min-width: 0;
  overflow-wrap: anywhere;
}
.admin-operations .admin-card h2 {
  font-size: 1.05rem;
}
.admin-operations .admin-card h3 {
  font-size: 0.95rem;
  margin-top: 10px;
}
.admin-operations .admin-card p {
  font-size: 0.88rem;
  line-height: 1.5;
}
.admin-operations .admin-card small {
  display: block;
  overflow-wrap: anywhere;
}
.ops-issues {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.ops-issues span {
  padding: 4px 8px;
  border: 1px solid #df9bad;
  background: #fff0f4;
  color: #982346;
  border-radius: 7px;
  font-size: 0.8rem;
}
.ops-issues .ops-good {
  border-color: #91bfab;
  color: #246044;
  background: #effaf4;
}
.ops-filter {
  display: grid;
  gap: 5px;
  max-width: 420px;
}
.ops-filter select,
.admin-bulk-actions select {
  max-width: 100%;
  min-height: 42px;
  padding: 7px;
  border: 2px solid #6487b6;
  border-radius: 8px;
  background: #f3f7ff;
}
.ops-selection-bar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.ops-selection-bar .admin-check {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.85rem;
}
.ops-row-select {
  display: inline-flex;
  vertical-align: middle;
  margin-right: 8px;
}
.ops-row-select input {
  width: 19px;
  height: 19px;
}
.admin-bulk-actions h2 {
  font-size: 1rem;
}
.admin-bulk-actions .muted {
  font-size: 0.8rem;
  margin-block: 5px;
}
.ops-bulk-preview ul {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  list-style: none;
  padding: 0;
  max-height: 180px;
  overflow: auto;
}
.ops-bulk-preview li {
  border: 1px solid #c3d4ed;
  border-radius: 6px;
  padding: 4px 7px;
  background: #eef5ff;
  font-size: 0.82rem;
  overflow-wrap: anywhere;
}
.ops-confirm {
  max-height: 85dvh;
  overflow: auto;
}
@media (max-width: 700px) {
  .ops-two-columns,
  .ops-records,
  .ops-backups {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }
  .admin-operations .admin-heading {
    padding: 10px;
  }
  .ops-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .admin-bulk-actions .admin-toolbar {
    align-items: stretch;
  }
  .admin-bulk-actions label {
    min-width: 0;
    width: 100%;
  }
  .admin-bulk-actions select {
    width: 100%;
    font-size: 1rem;
  }
}
/* Compact header tools and right-hand main menu. */
.search-site-header .header-navigation {
  grid-column: 2;
  grid-row: 2;
}
.search-site-header .header-tools {
  gap: 8px;
}
.header-main-menu {
  position: relative;
  justify-self: end;
  grid-column: 3;
  grid-row: 1 / span 2;
}
.header-main-menu summary,
.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 44px;
  min-height: 44px;
  padding: 6px 10px;
  border: 1px solid #b9ccef;
  border-radius: 9px;
  background: #f2f6ff;
  color: #2459a8;
  cursor: pointer;
  font-weight: 700;
}
.header-main-menu summary {
  list-style: none;
}
.header-main-menu summary::-webkit-details-marker {
  display: none;
}
.header-main-menu summary > span:first-child,
.theme-toggle span {
  font-size: 1.35rem;
  line-height: 1;
}
.header-main-menu nav {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  width: max-content;
  max-width: min(280px, calc(100vw - 24px));
  padding: 6px;
  background: #fff;
  border: 1px solid #c7d5eb;
  border-radius: 12px;
  box-shadow: 0 10px 28px #17345d2b;
  z-index: 5;
}
.header-main-menu nav a {
  display: block;
  padding: 9px 12px;
  border-radius: 6px;
  color: #173e7a;
  font-weight: 650;
}
.header-main-menu nav a:hover {
  background: #edf3ff;
}
.header-main-menu summary:focus-visible,
.theme-toggle:focus-visible {
  outline: 3px solid #6597e6;
  outline-offset: 3px;
}
@media (max-width: 767px) {
  .search-site-header .header-inner {
    grid-template-columns: 64px minmax(0, 1fr) 44px;
    gap: 5px;
  }
  .search-site-header .header-navigation {
    display: contents;
  }
  .search-site-header .header-tools {
    grid-column: 2;
    grid-row: 1;
    gap: 5px;
  }
  .header-main-menu {
    grid-column: 3;
    grid-row: 1;
  }
  .header-menu-caption {
    display: none;
  }
  .header-main-menu summary {
    padding: 6px;
  }
}

/* Dark surfaces keep traffic colors and word highlighting distinct. */
html[data-theme="dark"] {
  color-scheme: dark;
  --blue: #96bcff;
  --red: #ff89a5;
  --ink: #e4edf8;
  --muted: #b0bfd5;
  --line: #354863;
  --soft: #1a2941;
}
html[data-theme="dark"] body {
  background: #101a2a;
}
html[data-theme="dark"] :is(p, li, dt, dd, small, blockquote) {
  color: var(--ink);
}
html[data-theme="dark"] a:not(.button):not(.alphabet-tile):not([aria-current="page"]) {
  color: #b5ceff;
}
html[data-theme="dark"] :is(.site-header.search-site-header, .site-footer, .header-main-menu nav) {
  background: #142136;
  border-color: var(--line);
}
html[data-theme="dark"]
  :is(
    [class*="card"],
    .search-form,
    .footer-widget,
    .footer-brand-network,
    .privacy-page,
    .admin-page,
    .admin-table-wrap,
    .optional-consent,
    .search-suggestions,
    .paragraph-results,
    .hashtag-word-breakdown
  ) {
  background: #192940;
  color: var(--ink);
  border-color: var(--line);
}
html[data-theme="dark"] :is(h1, h2, h3, h4, label, legend, .home-link, .header-main-menu nav a) {
  color: var(--ink);
}
html[data-theme="dark"] :is(input, textarea, select) {
  background: #101d30;
  color: #edf4ff;
  border-color: #6d87ac;
}
html[data-theme="dark"] :is(input, textarea)::placeholder {
  color: #a8b9d1;
}
html[data-theme="dark"]
  :is(
    .button,
    .theme-toggle,
    .header-main-menu summary,
    .language-switch,
    .install-button,
    .admin-list-tabs button,
    .admin-actions button
  ) {
  background: #243852;
  color: #d6e6ff;
  border-color: #607da7;
}
html[data-theme="dark"]
  :is(
    .button-primary,
    .search-submit,
    .language-switch a[aria-current="page"],
    .admin-list-tabs button[aria-pressed="true"]
  ) {
  background: #2459a8;
  color: #fff;
}
html[data-theme="dark"] .volume-low {
  --volume-bg: #462633;
  --volume-border: #a85b75;
}
html[data-theme="dark"] .volume-high {
  --volume-bg: #173e35;
  --volume-border: #4b9d81;
}
html[data-theme="dark"] .volume-unknown {
  --volume-bg: #27364e;
  --volume-border: #637b9e;
}
html[data-theme="dark"] :is(.hashtag-chip, .related-tag-card, .popular-tag-card, .volume-key) {
  background: var(--volume-bg, #27364e);
  border-color: var(--volume-border, #637b9e);
  color: var(--ink);
}
html[data-theme="dark"] .hash-mark {
  color: #ff89a5;
}
html[data-theme="dark"] .tag-segment-0 {
  color: #96bcff;
}
html[data-theme="dark"] .tag-segment-1 {
  color: #ff9cb5;
}
html[data-theme="dark"] .tag-segment-2 {
  color: #78dec5;
}
html[data-theme="dark"] .tag-segment-3 {
  color: #e1b3ff;
}
html[data-theme="dark"] .tag-segment-4 {
  color: #ffd18c;
}
html[data-theme="dark"] .tag-segment-unknown {
  color: #f4f6fa;
}
html[data-theme="dark"]
  :is(
    .admin-heading,
    .admin-editor-heading,
    fieldset,
    .admin-autofill-budget,
    .admin-autofill-metric,
    .admin-batch-results > div,
    .footer-brand-network a,
    .header-main-menu nav a:hover
  ) {
  background: #203149;
  color: var(--ink);
  border-color: var(--line);
}
html[data-theme="dark"] :is(th, td) {
  border-color: var(--line);
}
html[data-theme="dark"] th {
  background: #203149;
  color: var(--ink);
}
html[data-theme="dark"] .brand-mark {
  background: white;
  border-radius: 10px;
}
@media (max-width: 359px) {
  .search-site-header .header-inner {
    grid-template-columns: 52px minmax(0, 1fr) 44px;
    gap: 6px 4px;
  }
  .search-site-header .brand-mark {
    width: 52px;
  }
  .search-site-header .brand-mark .mobile-brand-icon {
    width: 58px;
    height: 58px;
    transform: translate(-3px, -7px);
  }
  .search-site-header .header-tools {
    gap: 4px;
  }
  .search-site-header .header-tools .language-switch {
    padding: 1px;
    gap: 0;
  }
  .search-site-header .header-tools .language-switch a {
    min-width: 38px;
    padding-inline: 6px;
  }
}
html[data-theme="dark"] :is(.tag-card, .hashtag-chip, .related-list li, .count-block, .volume-key) {
  background: color-mix(in srgb, var(--volume-bg, #344661) 22%, #152238);
  border-color: color-mix(in srgb, var(--volume-border, #637b9e) 70%, #152238);
  color: var(--ink);
}
html[data-theme="dark"] .hashtag-chip[aria-pressed="true"] {
  outline: 2px solid #96bcff;
  outline-offset: -2px;
}
html[data-theme="dark"] .admin-studio .admin-editor .admin-language-card[data-language="en"] {
  background: #172c49;
  border-color: #648abb;
}
html[data-theme="dark"] .admin-studio .admin-editor .admin-language-card[data-language="hi"] {
  background: #35283e;
  border-color: #b47f9d;
}
html[data-theme="dark"] .admin-studio .admin-editor .admin-language-card label {
  color: var(--ink);
}
html[data-theme="dark"]
  .admin-studio
  .admin-editor
  .admin-language-card
  :is(input, textarea, select) {
  background: #101d30;
  color: #edf4ff;
  border-color: #6d87ac;
}
/* Override older page-specific 3D surfaces without changing volume semantics. */
html[data-theme="dark"]
  body
  .site-main
  :is([class*="card"], section, article, .hashtag-meta-chip, .selection-count):not(
    [class*="volume-"]
  ) {
  background: #192940;
  color: var(--ink);
  border-color: var(--line);
  box-shadow:
    0 3px 0 #0b1423,
    0 8px 22px #00000026;
}
html[data-theme="dark"]
  body
  .site-main
  :is(
    h1,
    h2,
    h3,
    h4,
    p,
    li,
    dt,
    dd,
    small,
    label,
    legend,
    blockquote,
    summary,
    .hashtag-heading-context,
    .hashtag-meta-chip > span,
    .count-label,
    .eyebrow
  ) {
  color: var(--ink);
}
html[data-theme="dark"]
  body
  .site-main
  :is(.count-number, .hashtag-meta-chip strong, .search-rank-card strong) {
  color: #96bcff;
}
html[data-theme="dark"] body .site-main :is(input, textarea, select) {
  background: #101d30;
  color: #edf4ff;
  border-color: #6d87ac;
}
html[data-theme="dark"] body .site-main :is(.hashtag-section-links a, .copy-presets button) {
  background: #243852;
  color: #d6e6ff;
  border-color: #607da7;
  box-shadow: 0 3px 0 #0b1423;
}
html[data-theme="dark"] body .site-main .copy-presets button[aria-pressed="true"] {
  background: #2459a8;
  color: white;
}
html[data-theme="dark"] body .site-main [class*="volume-"] {
  background: color-mix(in srgb, var(--volume-bg, #344661) 22%, #152238);
  border-color: color-mix(in srgb, var(--volume-border, #637b9e) 70%, #152238);
  color: var(--ink);
}
html[data-theme="dark"]
  body
  .site-main
  .admin-studio
  .admin-editor
  .admin-language-card[data-language="en"] {
  background: #172c49;
}
html[data-theme="dark"]
  body
  .site-main
  .admin-studio
  .admin-editor
  .admin-language-card[data-language="hi"] {
  background: #35283e;
}
html[data-theme="dark"]
  body
  .site-main
  .admin-studio
  :is(.admin-menu, .admin-menu a, .admin-autofill-budget, .admin-autofill-metric) {
  background: #203149;
  color: var(--ink);
  border-color: var(--line);
}
html[data-theme="dark"] body .site-main .admin-studio .admin-menu a[aria-current="page"] {
  background: #2459a8;
  color: white;
}
html[data-theme="dark"] .site-header .install-help {
  background: #192940;
  color: var(--ink);
  border-color: var(--line);
}
html[data-theme="dark"] .site-header .search-suggestions li:hover {
  background: #243852;
}
/* Desktop links stay visible; only narrow screens use the disclosure menu. */
.header-mobile-menu {
  display: none;
}
.header-main-menu .header-desktop-links {
  position: static;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 4px;
  width: auto;
  max-width: none;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.header-main-menu .header-desktop-links a {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  padding: 4px 7px;
  font-size: 0.82rem;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .search-site-header .header-inner {
    grid-template-columns: 96px minmax(0, 1fr) auto;
  }
  .search-site-header .brand-mark {
    width: 96px;
    height: 58px;
  }
  .search-site-header .brand-mark img {
    width: 96px;
    height: 96px;
    transform: translateY(-19px);
  }
  .search-site-header .header-tools :is(.language-switch a, .theme-toggle, .install-button) {
    min-width: 36px;
    min-height: 32px;
    padding: 4px 8px;
    font-size: 0.82rem;
  }
}
@media (min-width: 768px) and (max-width: 1100px) {
  .search-site-header .header-tools .install-button {
    width: 44px;
    padding: 0;
    justify-content: center;
  }
  .search-site-header .install-button-label {
    display: none;
  }
}
@media (max-width: 767px) {
  .header-main-menu .header-desktop-links {
    display: none;
  }
  .header-mobile-menu {
    display: block;
  }
}
html[data-theme="dark"] .header-main-menu .header-desktop-links {
  background: transparent;
}
@media (max-width: 300px) {
  .search-site-header .header-inner {
    grid-template-columns: minmax(0, 1fr) 44px;
  }
  .header-main-menu {
    grid-column: 2;
  }
  .search-site-header .header-tools {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-self: center;
  }
  .search-site-header .header-search {
    grid-row: 3;
  }
}
/* Sticky editor actions retain their space at the end of the form. */
.admin-submit-bar {
  position: sticky;
  bottom: 8px;
  z-index: 20;
  padding: 5px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 -5px 20px #17345d20;
}
.admin-submit-bar .admin-submit-options {
  gap: 6px;
  margin: 0 0 5px;
}
.admin-form .admin-uppercase-choice {
  background: #edf8f2;
  border-color: #9ed5bd;
}
html[data-theme="dark"] .admin-form .admin-uppercase-choice {
  background: #19382e;
  border-color: #4d9378;
}
.admin-form .admin-submit-bar .admin-choice-card {
  padding: 6px 8px;
  line-height: 1.35;
}
.admin-submit-bar .admin-submit-tag-card {
  gap: 2px;
  padding: 5px 8px;
}
.admin-submit-meaning-card {
  min-width: 0;
  padding: 6px 8px;
  border: 1px solid #a5cdbc;
  border-radius: 10px;
  background: #edf8f2;
}
.admin-submit-meaning-card summary {
  color: var(--subheading-color);
  font-size: 0.75rem;
  cursor: pointer;
  font-weight: 700;
}
.admin-submit-help {
  grid-column: 1 / -1;
  font-size: 0.78rem;
  text-align: start;
}
.admin-submit-help summary,
.admin-word-match .admin-word-match-help > summary {
  cursor: pointer;
  color: var(--blue);
}
.admin-word-match-help > summary {
  border: 0;
  border-radius: 0;
  padding: 3px 0;
  min-height: 0;
  background: transparent;
  font-weight: normal;
}
.admin-submit-bar .admin-submit-tag-card {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
}
.admin-submit-tag-card .admin-word-match {
  width: auto;
  flex: 1 1 auto;
  align-items: center;
}
.admin-submit-tag-card .admin-word-match:has(.admin-word-match-details[open]) {
  flex-basis: 100%;
}
.admin-submit-bar .admin-word-copy-status:empty {
  display: none;
}
.admin-submit-meaning-card p {
  max-height: 4.5em;
  margin: 3px 0 0;
  overflow-y: auto;
  overflow-wrap: anywhere;
  color: var(--content-color);
  font-size: 0.8rem;
  line-height: 1.5;
}
.admin-submit-meaning-card p:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: 2px;
}
html[data-theme="dark"] .admin-submit-meaning-card {
  border-color: #467761;
  background: #18392d;
}
.admin-submit-bar > .button {
  width: 100%;
}
@media (min-width: 901px) {
  .admin-submit-bar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) minmax(0, 0.8fr) minmax(0, 0.8fr) minmax(
        0,
        1fr
      );
    align-items: start;
    gap: 6px;
  }
  .admin-submit-bar .admin-submit-options {
    display: contents;
  }
  .admin-form .admin-submit-bar .admin-choice-card {
    margin: 0;
    font-size: 0.8rem;
    line-height: 1.25;
  }
  .admin-submit-bar .admin-choice-card small {
    font-size: 0.65rem;
    line-height: 1.2;
  }
  .admin-submit-bar > .button {
    grid-column: 1 / -1;
    justify-self: center;
    width: auto;
    max-width: 100%;
    min-width: 220px;
    min-height: 36px;
    padding: 6px 16px;
    white-space: normal;
  }
  .admin-submit-bar .admin-lock-status {
    grid-column: 1 / -1;
    margin: 0;
  }
}
.admin-editor :is(input, textarea, select) {
  scroll-margin-block: 180px 240px;
}
html[data-theme="dark"] .admin-submit-bar {
  background: #192940;
}
@media (min-width: 768px) {
  .search-site-header .header-navigation {
    grid-column: 3;
    grid-row: 1;
    justify-content: flex-end;
  }
  .header-main-menu {
    grid-column: 3;
    grid-row: 2;
  }
  .search-site-header .header-search {
    grid-column: 2;
    grid-row: 1 / span 2;
  }
  .search-site-header .brand-mark {
    grid-row: 1 / span 2;
  }
  .search-site-header .header-tools {
    gap: 6px;
    flex-wrap: nowrap;
  }
  .search-site-header .header-tools :is(.language-switch a, .theme-toggle, .install-button) {
    min-height: 32px;
  }
}
.header-main-menu .header-desktop-links a {
  border: 1px solid #b9ccef;
  background: #f2f6ff;
  box-shadow: 0 2px 0 #d7e3f7;
  border-radius: 8px;
}
.header-main-menu .header-desktop-links a:hover {
  background: #e0ebff;
}
html[data-theme="dark"] .header-main-menu .header-desktop-links a {
  background: #203149;
  border-color: #486083;
  box-shadow: 0 2px 0 #101a2a;
}
@media (max-width: 900px) {
  .admin-submit-bar .admin-submit-options {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }
  .admin-submit-bar .admin-submit-tag-card {
    grid-column: 1 / -1;
    padding: 4px 8px;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
  }
  .admin-submit-bar .admin-submit-tag-card .hashtag-label {
    font-size: 1rem;
  }
  .admin-submit-meaning-card {
    grid-column: 1 / -1;
    order: -1;
    padding: 4px 6px;
  }
  .admin-submit-meaning-card p {
    max-height: 3em;
  }
  .admin-form .admin-submit-bar .admin-choice-card {
    padding: 6px;
    line-height: 1.25;
  }
  .admin-submit-bar .admin-choice-card strong {
    font-size: 0.75rem;
  }
  .admin-submit-bar .admin-choice-card small {
    display: none;
  }
  .admin-submit-bar {
    bottom: env(safe-area-inset-bottom, 0px);
    max-height: 38svh;
    overflow-y: auto;
  }
}
/* Shared typography follows the HashKosh wordmark palette. */
:root {
  --heading-color: #b4203b;
  --subheading-color: #2459a8;
  --content-color: #333a43;
}
html[data-theme="dark"] {
  --heading-color: #ff89a5;
  --subheading-color: #96bcff;
  --content-color: #d6dde7;
}
body {
  color: var(--content-color);
}
/* Page-specific studio styles must not replace this shared hierarchy. */
:is(h1, h2) {
  color: var(--heading-color) !important;
}
:is(h3, h4, h5, h6) {
  color: var(--subheading-color) !important;
}
:is(p, li, dt, dd, blockquote) {
  color: var(--content-color) !important;
}
:is(.eyebrow, .section-eyebrow, .studio-eyebrow) {
  color: var(--subheading-color) !important;
}
.studio-hero h1 > span {
  color: inherit;
}
.admin-submit-bar .admin-lock-status {
  margin: 0 0 6px;
  padding: 6px 10px;
  border: 1px solid #43a77b;
  border-radius: 7px;
  background: #e5f7ed;
  font-weight: 700;
}
html[data-theme="dark"] .admin-submit-bar .admin-lock-status {
  background: #183f32;
}
.admin-page-title {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.admin-account-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 6px 12px;
  margin: 6px 0;
  font-size: 0.8rem;
  color: var(--content-color);
}
.admin-account-row .button {
  min-height: 36px;
  padding: 5px 10px;
  font-size: 0.8rem;
}
.admin-tools-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  margin-block: 10px;
}
.admin-tools-heading h1 {
  font-size: clamp(1.3rem, 3vw, 1.8rem);
}
.admin-tools-heading h3 {
  font-size: 1rem;
  min-width: 0;
  overflow-wrap: anywhere;
}
.admin-tools-nav,
.admin-tools-controls {
  display: flex;
  align-items: end;
  flex-wrap: wrap;
  gap: 8px;
  margin-block: 12px;
}
.admin-tools-nav .button {
  padding: 7px 10px;
  font-size: 0.83rem;
}
.admin-tools-nav [aria-current="page"] {
  background: #2459a8;
  color: #fff;
}
.admin-tools-controls label {
  display: grid;
  gap: 4px;
  min-width: 130px;
}
.admin-advanced :is(input, select, textarea) {
  max-width: 100%;
  padding: 8px 10px;
  border: 1px solid #a7bddf;
  border-radius: 7px;
  background: #f6f9ff;
  color: var(--ink);
}
.admin-advanced textarea {
  width: 100%;
}
.admin-tools-grid,
.admin-tools-records {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.admin-advanced .admin-card {
  margin-block: 6px;
  padding: 12px;
  min-width: 0;
}
.admin-advanced .admin-card p {
  margin-block: 7px;
  overflow-wrap: anywhere;
}
.admin-advanced .admin-card label {
  display: grid;
  gap: 5px;
  margin-block: 8px;
}
.admin-advanced .admin-card .admin-check {
  display: flex;
  align-items: center;
}
.admin-tool-warning {
  color: #9b3e00;
  font-weight: 700;
}
.admin-trend-list > div {
  display: grid;
  grid-template-columns: 100px minmax(0, 1fr) 80px;
  gap: 8px;
  padding-block: 5px;
}
.admin-trend-list meter {
  width: 100%;
}
html[data-theme="dark"] .admin-advanced :is(input, select, textarea) {
  background: #192940;
  border-color: #486083;
}
@media (max-width: 700px) {
  .admin-tools-grid,
  .admin-tools-records {
    grid-template-columns: minmax(0, 1fr);
  }
  .admin-tools-controls label {
    flex: 1 1 140px;
  }
  .admin-tools-nav .button {
    flex: 1 1 130px;
    text-align: center;
  }
}
.x-trends-admin {
  display: grid;
  gap: 12px;
  min-width: 0;
}
.x-trends-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: end;
  margin: 10px 0;
}
.x-trends-controls label {
  display: grid;
  gap: 4px;
  max-width: 180px;
}
.x-trends-admin input,
.x-trends-admin select {
  padding: 8px;
  border: 1px solid #7899d5;
  border-radius: 8px;
  background: #f1f6ff;
  color: #182a45;
  max-width: 100%;
}
.x-trends-admin h3 {
  overflow-wrap: anywhere;
}
.x-india-section {
  margin-block: 12px;
  padding: 12px;
  border: 1px solid #c6d7f0;
  border-top: 3px solid #2459a8;
  border-radius: 14px;
  background: linear-gradient(125deg, #f1f6ff, #fff7f9);
  box-shadow:
    0 3px 0 #dfe7f2,
    0 8px 18px #17345d08;
}
.x-india-heading {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: 4px 12px;
}
.x-india-heading h2 {
  margin: 0;
  font-size: 1.1rem;
}
.x-india-heading p,
.x-india-note {
  margin: 4px 0;
  font-size: 0.78rem;
  color: #4b5b70;
}
.x-india-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
  margin: 9px 0 0;
  padding: 0;
  list-style: none;
}
.x-india-grid li {
  min-width: 0;
}
.x-india-grid a {
  display: grid;
  gap: 6px;
  height: 100%;
  padding: 9px 10px;
  border: 1px solid #c4d4eb;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 3px 0 #dce5f1;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.x-india-grid a:hover {
  border-color: #2459a8;
  background: #eef5ff;
}
.x-india-grid a:focus-visible {
  outline: 3px solid #2459a8;
  outline-offset: 2px;
}
.x-india-grid strong {
  font-size: 0.88rem;
  min-width: 0;
}
.x-india-grid .tag-segment {
  white-space: normal;
  overflow-wrap: anywhere;
}
.x-india-card-meta {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4px 8px;
  font-size: 0.75rem;
  color: #42546a;
}
.x-india-card-meta > span:first-child {
  color: #2459a8;
  font-weight: 700;
}
.x-india-empty {
  margin: 7px 0 0;
  font-size: 0.85rem;
}
html[data-theme="dark"] .x-india-section {
  background: linear-gradient(125deg, #17243a, #291e2b);
  border-color: #526987;
  box-shadow: 0 3px 0 #101927;
}
html[data-theme="dark"] .x-india-grid a {
  background: #1c2b41;
  border-color: #526987;
  box-shadow: 0 3px 0 #111c2d;
}
html[data-theme="dark"] :is(.x-india-heading p, .x-india-note, .x-india-card-meta) {
  color: #c8d5e8;
}
html[data-theme="dark"] .x-india-card-meta > span:first-child {
  color: #9bc1ff;
}
.navigation-progress {
  position: fixed;
  inset: 0 0 auto;
  z-index: 1000;
  height: 3px;
  background: linear-gradient(90deg, #2459a8, #b4203b);
  box-shadow: 0 1px 5px #2459a860;
  pointer-events: none;
}
.site-promise {
  margin-block: 6px 0;
}
.site-promise-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 6px 12px;
  border: 1px solid #dfc4f3;
  border-inline-start: 4px solid #75409b;
  border-radius: 12px;
  background: linear-gradient(110deg, #f4eaff, #fff6e7);
  box-shadow: 0 3px 0 #e8daef;
  color: #352644;
  text-decoration: none;
}
.site-promise-title {
  margin: 0;
  color: #6c278a;
  font-size: clamp(0.9375rem, 1.25vw, 1.125rem);
  font-weight: 800;
  line-height: 1.35;
}
.site-promise-copy {
  margin: 0;
  display: block;
  text-align: center;
  font-size: 0.84rem;
  line-height: 1.4;
}
.site-promise-link:focus-visible {
  outline: 3px solid #2459a8;
  outline-offset: 3px;
}
html[data-theme="dark"] .site-promise-link {
  background: linear-gradient(110deg, #322341, #352e23);
  border-color: #725880;
  box-shadow: 0 3px 0 #21182c;
  color: #e8deed;
}
html[data-theme="dark"] .site-promise-title {
  color: #e4b7ff;
}
@media (max-width: 600px) {
  .site-promise {
    margin-top: 6px;
  }
  .site-promise-link {
    display: block;
    padding: 7px 9px;
  }
  .site-promise-link > div {
    display: contents;
  }
  .site-promise-title {
    font-size: 0.9375rem;
    line-height: 1.3;
  }
  .site-promise-copy {
    display: block;
    font-size: 0.8125rem;
    line-height: 1.4;
  }
}
/* The signed-in workspace keeps navigation beside the content, not above it. */
.admin-workspace {
  display: grid;
  grid-template-columns: 188px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  padding-top: 8px;
}
.admin-workspace-content {
  min-width: 0;
}
.admin-workspace .admin-page {
  padding-top: 0;
}
.admin-editing .admin-account-row {
  margin-block: 0;
  gap: 4px 10px;
}
.admin-inline-status {
  margin-inline-end: auto;
  color: var(--blue);
  font-weight: 650;
  line-height: 1.35;
}
.admin-studio .admin-editing .admin-editor.admin-form {
  margin-top: 4px;
  gap: 5px;
}
.admin-studio .admin-editing .admin-editor .admin-heading {
  padding: 5px 8px;
  gap: 6px;
}
.admin-studio .admin-editing .admin-editor-actions .button {
  min-height: 36px;
  padding: 5px 9px;
}
.admin-editing .admin-content-help {
  margin: 0;
  line-height: 1.3;
}
@media (min-width: 1200px) {
  .admin-studio .admin-editing .admin-tag-settings {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.7fr) minmax(0, 1fr);
  }
}
@media (pointer: coarse) {
  .admin-studio .admin-editing .admin-editor-actions .button {
    min-height: 44px;
  }
}
.admin-workspace .admin-notice {
  margin-block: 6px;
  padding-block: 6px;
}
.admin-sidebar {
  position: sticky;
  top: 124px;
  min-width: 0;
  max-height: calc(100svh - 136px);
  overflow-y: auto;
  scrollbar-width: thin;
}
@media (min-width: 901px) {
  body:has(.header-search-below-menu) .admin-sidebar {
    top: 210px;
    max-height: calc(100svh - 222px);
  }
}
body:has(.header-search-below-menu) .admin-editor :is(input, textarea, select) {
  scroll-margin-top: 210px;
}
.admin-workspace .admin-sidebar .admin-menu {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  margin: 0 0 5px;
  padding: 7px;
}
.admin-nav-group {
  --nav-accent: #2459a8;
  --nav-tint: #edf4ff;
  display: grid;
  gap: 4px;
  min-width: 0;
}
.admin-nav-group[data-group="review"] {
  --nav-accent: #176650;
  --nav-tint: #edf8f2;
}
.admin-nav-group[data-group="growth"] {
  --nav-accent: #6b469b;
  --nav-tint: #f6f0fd;
}
.admin-nav-group[data-group="maintenance"] {
  --nav-accent: #935000;
  --nav-tint: #fff5e5;
}
.admin-sidebar .admin-nav-group h2 {
  margin: 0 0 2px;
  padding: 3px 5px;
  color: var(--nav-accent);
  font-size: 0.74rem;
  line-height: 1.35;
  font-weight: 800;
}
.admin-workspace .admin-sidebar .admin-menu a {
  justify-content: flex-start;
  min-height: 32px;
  padding: 5px 7px;
  border-inline-start: 3px solid var(--nav-accent);
  border-radius: 7px;
  background: var(--nav-tint);
  color: var(--nav-accent);
  font-size: 0.8rem;
  line-height: 1.35;
  box-shadow: 0 1px 0 #17345d12;
}
.admin-workspace .admin-sidebar .admin-menu a:hover {
  text-decoration: underline;
}
.admin-workspace .admin-sidebar .admin-menu a[aria-current="page"] {
  background: var(--nav-accent);
  border-color: var(--nav-accent);
  color: #fff;
  box-shadow: 0 2px 3px #17345d20;
}
.admin-sidebar-toggle {
  display: none;
}
.admin-feature-search {
  padding: 5px 7px 7px;
}
.admin-feature-search label {
  display: block;
  margin-bottom: 3px;
  font-size: 0.78rem;
  font-weight: 700;
}
.admin-feature-search > div {
  display: flex;
  gap: 4px;
}
.admin-feature-search input {
  width: 100%;
  min-width: 0;
  min-height: 36px;
  padding: 5px 7px;
  font-size: 0.8rem;
}
.admin-feature-search button {
  min-width: 30px;
  padding: 3px 7px;
}
.admin-feature-search > span {
  display: block;
  margin-top: 4px;
  font-size: 0.75rem;
}
.admin-og-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
  margin-block: 12px;
}
.admin-og-stats article {
  display: grid;
  gap: 5px;
  padding: 12px;
  border: 1px solid var(--line);
  border-top: 3px solid #2867bb;
  border-radius: 10px;
  background: var(--soft);
}
.admin-og-stats article:nth-child(2) {
  border-top-color: #248661;
}
.admin-og-stats article:nth-child(3) {
  border-top-color: #a4641d;
}
.admin-og-stats article:nth-child(4) {
  border-top-color: #8754bb;
}
.admin-og-stats span {
  font-size: 0.82rem;
}
.admin-og-stats strong {
  overflow-wrap: anywhere;
}
.admin-og-form {
  display: flex;
  align-items: end;
  flex-wrap: wrap;
  gap: 10px;
  margin-block: 14px;
}
.admin-og-form label {
  display: grid;
  gap: 4px;
  flex: 1 1 200px;
  font-weight: 700;
}
.admin-og-form input,
.admin-og-form select {
  width: 100%;
  min-width: 0;
  min-height: 42px;
}
.admin-og-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.admin-og-actions .button {
  min-height: 42px;
}
.admin-og-results {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
  gap: 12px;
}
.admin-og-card {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 12px;
  background: var(--soft);
}
.admin-og-card h2 {
  font-size: 1.1rem;
  overflow-wrap: anywhere;
}
.admin-og-card img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
  margin-bottom: 10px;
}
html[data-theme="dark"] .admin-sidebar .admin-nav-group {
  --nav-accent: #a7c8ff;
  --nav-tint: #22344f;
}
html[data-theme="dark"] .admin-sidebar [data-group="review"] {
  --nav-accent: #8ed8b9;
  --nav-tint: #1c3834;
}
html[data-theme="dark"] .admin-sidebar [data-group="growth"] {
  --nav-accent: #d0b6f5;
  --nav-tint: #342c48;
}
html[data-theme="dark"] .admin-sidebar [data-group="maintenance"] {
  --nav-accent: #f4c88d;
  --nav-tint: #403329;
}
html[data-theme="dark"] body .site-main .admin-workspace .admin-sidebar .admin-menu a {
  background: var(--nav-tint);
  color: var(--nav-accent);
}
html[data-theme="dark"]
  body
  .site-main
  .admin-workspace
  .admin-sidebar
  .admin-menu
  a[aria-current="page"] {
  background: var(--nav-accent);
  color: #142238;
}
@media (max-width: 900px) {
  .admin-workspace {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }
  .admin-sidebar {
    position: static;
    max-height: none;
    overflow: visible;
  }
  .admin-sidebar-toggle {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 44px;
    padding: 7px 10px;
    border: 1px solid var(--line);
    border-radius: 9px;
    background: var(--soft);
    color: var(--ink);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
  }
  .admin-sidebar-toggle > span:last-child {
    margin-inline-start: auto;
  }
  .admin-workspace .admin-sidebar .admin-menu {
    display: none;
    margin-top: 6px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
  }
  .admin-workspace .admin-sidebar[data-open="true"] .admin-menu {
    display: grid;
  }
  .admin-workspace .admin-sidebar .admin-menu a {
    min-height: 44px;
  }
}
@media (max-width: 480px) {
  .x-india-section {
    padding: 10px;
  }
  .x-india-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }
  .x-india-grid a {
    padding: 8px;
  }
}

/* The same compact border treatment across public hashtag collections. */
.site-main :is(.directory-grid, .related-list, .hashtag-chips) {
  gap: 4px;
}
.site-main :is(.directory-grid, .related-list) > li {
  min-width: 0;
  max-width: 100%;
}
.site-main
  :is(.directory-grid, .related-list, .hashtag-chips)
  :is(.hashtag-label, .hash-word, .tag-segment) {
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}
.site-main :is(.directory-grid .tag-card, .related-list > li, .hashtag-chip) {
  min-height: 38px;
  padding: 2px 5px;
  border: 1px solid color-mix(in srgb, var(--volume-border, #7895bd) 12%, transparent);
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 1px 3px #17345d0d;
}
.site-main .related-list > li.related-linked {
  padding: 0;
}
.site-main .related-list .related-card-link {
  min-height: 36px;
  padding: 2px 5px;
  background: transparent;
  transform: none;
}
.site-main :is(.directory-grid .tag-card strong, .related-tag-info strong, .hashtag-chip) {
  font-size: 0.92rem;
  line-height: 1.25;
}
.site-main :is(.directory-grid .tag-card > span, .related-tag-info > .related-card-metrics) {
  font-size: 0.72rem;
  line-height: 1.2;
}
.site-main .hashtag-chip[aria-pressed="true"] {
  box-shadow:
    inset 0 0 0 1px #2459a8,
    0 2px 4px #17345d14;
}
html[data-theme="dark"]
  body
  .site-main
  :is(.directory-grid .tag-card, .related-list > li, .hashtag-chip) {
  background: #152238;
  border-color: color-mix(in srgb, var(--volume-border, #7895bd) 25%, transparent);
}
.site-main .hashtag-index-navigation .button,
html[data-theme="dark"] body .site-main .hashtag-index-navigation .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 5px 10px;
  border: 2px solid #92172f;
  border-radius: 8px;
  background: #b4203b;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 2px 4px #70162826;
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .site-main :is(.directory-grid .tag-card, .related-list > li, .hashtag-chip:not(:disabled)) {
    transition:
      transform 150ms ease,
      box-shadow 150ms ease;
  }
  .site-main
    :is(
      .directory-grid .tag-card:hover,
      .related-list > li:hover,
      .hashtag-chip:not(:disabled):hover
    ) {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px #17345d26;
  }
  .site-main .hashtag-chip[aria-pressed="true"]:hover {
    box-shadow:
      inset 0 0 0 1px #2459a8,
      0 4px 8px #17345d26;
  }
}
.site-main .hashtag-index-navigation .button:hover,
html[data-theme="dark"] body .site-main .hashtag-index-navigation .button:hover {
  background: #92172f;
}

html[data-theme="dark"] body .home-studio .popular-section .popular-grid a {
  background: #152238;
  border-color: var(--volume-border, #7895bd);
}

/* Ad units stay in normal flow. Sticky overlays are managed by AdSense Auto ads. */
.hk-ad {
  margin: 24px auto;
  min-width: 0;
  min-height: 124px;
  text-align: center;
}
.hk-ad-label {
  display: block;
  margin-bottom: 8px;
  font-size: 11px;
  color: #657084;
}
.hk-ad ins {
  min-height: 100px;
  width: 100%;
}
.hk-ad ins[data-ad-status="unfilled"] {
  display: none !important;
}
.hk-ad:has(ins[data-ad-status="unfilled"]) {
  display: none;
}
#hk-ad-sidebar {
  display: none;
}
@media (min-width: 1400px) {
  #hk-page-with-ads.hk-with-sidebar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 20px;
    width: 100%;
    max-width: none;
    margin: auto;
    padding-right: 16px;
  }
  .hk-with-sidebar #main-content {
    min-width: 0;
  }
  .hk-with-sidebar #hk-ad-sidebar {
    display: block;
    width: 300px;
  }
  .hk-ad-sidebar ins {
    min-height: 250px;
  }
}

/* One expandable navigation strip replaces the old right-hand menu. */
.header-menu-strip {
  background: #2459a8;
  border-block: 1px solid #194785;
}
.header-strip-links {
  display: flex;
  align-items: stretch;
  gap: 3px;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: #a8c7f6 #2459a8;
}
.header-menu-strip .header-strip-links :is(a, button) {
  display: inline-flex;
  flex: 1 0 auto;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 6px 14px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #fff;
  font: inherit;
  font-size: 0.85rem;
  font-weight: 650;
  white-space: nowrap;
  text-decoration: none;
}
.header-menu-strip .header-strip-links a:hover {
  background: #194785;
}
.header-menu-strip .header-strip-links a[aria-current="page"] {
  background: #b51c39;
  box-shadow: inset 0 -3px #ffd4dd;
}
.header-menu-strip .header-strip-links button:disabled {
  color: #d2e0f5;
  cursor: default;
}
.header-menu-strip .header-strip-links a:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -4px;
}
html[data-theme="dark"] .header-menu-strip .header-strip-links a:not([aria-current="page"]) {
  color: #fff;
}
@media (min-width: 768px) {
  .search-site-header :is(.brand-mark, .header-search, .header-navigation) {
    grid-row: 1;
  }
  .search-site-header .header-navigation {
    align-self: center;
  }
}
@media (max-width: 767px) {
  .search-site-header .header-inner {
    grid-template-columns: 64px minmax(0, 1fr);
  }
  .search-site-header .header-tools {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
  }
  .search-site-header .header-search {
    grid-row: 2;
  }
  .header-menu-strip .header-strip-links :is(a, button) {
    min-height: 44px;
    padding: 7px 12px;
    font-size: 0.8rem;
  }
}
@media (max-width: 359px) {
  .search-site-header .header-inner {
    grid-template-columns: 52px minmax(0, 1fr);
  }
}

/* Keep the shared information banner centered. */
.site-promise-link > div {
  flex: 1;
  min-width: 0;
}
.site-promise-title {
  text-align: center;
  font-family: "Roboto", "Noto Sans Devanagari", sans-serif;
}
.search-site-header .header-tools .install-button,
html[data-theme="dark"] .search-site-header .header-tools .install-button {
  background: #b51c39;
  color: #fff;
  border-color: #92172e;
  box-shadow: 0 2px 0 #7d1227;
}
.search-site-header .header-tools .install-button:hover {
  background: #92172e;
}
.header-menu-editor {
  min-width: 0;
  padding: 10px;
}
.header-menu-editor-row {
  display: grid;
  grid-template-columns: 24px repeat(2, minmax(0, 1fr)) minmax(0, 1.4fr) auto;
  gap: 8px;
  align-items: end;
  padding: 10px 0;
  border-bottom: 1px solid var(--line);
}
.header-menu-editor-row label {
  min-width: 0;
}
.header-menu-editor-row input {
  width: 100%;
}
.header-menu-row-actions {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}
.header-menu-row-actions .button {
  min-height: 36px;
  padding: 5px 9px;
}
@media (max-width: 1000px) {
  .header-menu-editor-row {
    grid-template-columns: 24px minmax(0, 1fr) minmax(0, 1fr);
  }
  .header-menu-editor-row label:last-of-type {
    grid-column: 2 / -1;
  }
  .header-menu-row-actions {
    grid-column: 2 / -1;
  }
}
@media (max-width: 480px) {
  .header-menu-editor-row {
    grid-template-columns: 24px minmax(0, 1fr);
  }
  .header-menu-editor-row label,
  .header-menu-editor-row label:last-of-type {
    grid-column: 2;
  }
  .header-menu-row-actions .button {
    min-height: 44px;
  }
}
.site-promise-link {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2px;
}
.site-promise-title {
  grid-column: 1 / -1;
}
@media (max-width: 600px) {
  .site-promise-link {
    display: block;
  }
}

/* Private analytics use real database snapshots with bounded responsive panels. */
.admin-analytics {
  --analytics-blue: #2865ba;
}
.analytics-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: linear-gradient(110deg, var(--soft), transparent);
}
.analytics-heading h1 {
  margin: 2px 0 5px;
  font-size: clamp(1.4rem, 2vw, 2rem);
}
.analytics-heading p {
  margin: 0;
}
.analytics-controls {
  display: flex;
  align-items: end;
  gap: 8px;
  flex-wrap: wrap;
}
.analytics-controls label {
  display: grid;
  gap: 3px;
  font-size: 0.8rem;
}
.analytics-controls select {
  padding: 7px 10px;
  border: 1px solid var(--line);
  border-radius: 7px;
}
.analytics-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-block: 12px;
}
.analytics-tabs button {
  flex: 1;
  min-height: 40px;
  padding: 7px 15px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--soft);
  color: var(--ink);
  font-weight: 750;
  cursor: pointer;
}
.analytics-tabs button[aria-pressed="true"] {
  background: #2459a8;
  border-color: #2459a8;
  color: white;
  box-shadow: 0 3px 0 #163d78;
}
.analytics-tabs button:focus-visible {
  outline: 3px solid #729bdf;
  outline-offset: 2px;
}
.analytics-freshness {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 5px 12px;
  margin-block: 10px;
  font-size: 0.76rem;
  color: var(--muted);
}
.analytics-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.analytics-kpi {
  display: grid;
  align-content: start;
  gap: 5px;
  padding: 14px;
  border: 1px solid color-mix(in srgb, var(--tone) 35%, var(--line));
  border-top: 4px solid var(--tone);
  border-radius: 12px;
  background: color-mix(in srgb, var(--tone) 8%, var(--paper, #fff));
}
.analytics-kpi strong {
  font-size: clamp(1.5rem, 2.6vw, 2.2rem);
  line-height: 1.2;
  color: var(--tone);
  overflow-wrap: anywhere;
}
.analytics-kpi span {
  font-weight: 700;
  font-size: 0.9rem;
}
.analytics-kpi small {
  color: var(--muted);
  font-size: 0.76rem;
}
.tone-blue {
  --tone: #2865ba;
}
.tone-teal {
  --tone: #087f83;
}
.tone-violet {
  --tone: #7544a5;
}
.tone-green {
  --tone: #21824c;
}
.tone-amber {
  --tone: #a96506;
}
.tone-rose {
  --tone: #b51c39;
}
.analytics-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.analytics-grid:has(.analytics-trend) {
  grid-template-columns: minmax(0, 1.6fr) minmax(280px, 1fr);
}
.analytics-panel {
  min-width: 0;
  margin-top: 14px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--paper, #fff);
  box-shadow: 0 3px 0 #17345d0c;
}
.analytics-panel h2 {
  margin: 0 0 10px;
  font-size: 1.1rem;
}
.analytics-panel h3 {
  font-size: 0.95rem;
}
.analytics-panel-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.analytics-badge {
  white-space: nowrap;
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 3px 10px;
  font-size: 0.75rem;
}
.analytics-comparison {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px 12px;
}
.analytics-comparison strong {
  font-size: 1.9rem;
}
.analytics-comparison span {
  font-weight: 750;
  color: var(--blue);
}
.analytics-comparison small {
  flex-basis: 100%;
  color: var(--muted);
}
.analytics-trend svg {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 6px;
}
.analytics-trend svg text {
  fill: currentColor;
  font-size: 13px;
}
.analytics-trend summary {
  cursor: pointer;
  font-weight: 700;
}
.analytics-loading {
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--soft);
}
.analytics-bar-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 3px 8px;
  margin: 10px 0;
  font-size: 0.84rem;
}
.analytics-bar-row progress {
  grid-column: 1/-1;
  width: 100%;
  height: 10px;
  accent-color: var(--bar);
}
.bar-color-0 {
  --bar: #21824c;
}
.bar-color-1 {
  --bar: #7544a5;
}
.bar-color-2 {
  --bar: #b97912;
}
.bar-color-3 {
  --bar: #b51c39;
}
.bar-color-4 {
  --bar: #2877b7;
}
.analytics-table-wrap {
  overflow-x: auto;
  max-height: 480px;
  scrollbar-width: thin;
}
.analytics-table-wrap table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}
.analytics-table-wrap th {
  text-align: start;
  font-weight: 750;
  background: var(--soft);
}
.analytics-table-wrap :is(th, td) {
  padding: 9px 10px;
  border-bottom: 1px solid var(--line);
}
.analytics-table-wrap td:first-child {
  white-space: nowrap;
}
.analytics-table-wrap td {
  overflow-wrap: anywhere;
}
.analytics-facts {
  margin: 0;
}
.analytics-facts > div {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px solid var(--line);
}
.analytics-facts dt {
  font-size: 0.87rem;
}
.analytics-facts dd {
  margin: 0;
  font-weight: 750;
}
.analytics-budget {
  display: grid;
  gap: 2px;
}
.analytics-budget strong {
  color: #21824c;
  font-size: 2rem;
}
.analytics-budget-progress {
  width: 100%;
  height: 14px;
  accent-color: #b97912;
  margin-top: 10px;
}
.analytics-insights {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.analytics-insight {
  padding: 12px;
  border-inline-start: 4px solid var(--tone);
  border-radius: 8px;
  background: color-mix(in srgb, var(--tone) 7%, var(--paper, #fff));
}
.analytics-insight p {
  font-size: 0.86rem;
}
.analytics-insight a {
  font-size: 0.84rem;
  font-weight: 700;
}
.analytics-audit {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 5px 12px;
  padding: 9px 0;
  border-bottom: 1px solid var(--line);
  font-size: 0.84rem;
}
.analytics-audit time {
  color: var(--muted);
}
.analytics-data-note {
  margin-top: 14px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--soft);
  font-size: 0.82rem;
}
.analytics-data-note p {
  margin-block: 6px;
}
html[data-theme="dark"] .admin-analytics {
  --paper: #192940;
}
.admin-analytics .muted {
  font-size: 0.8rem;
}
html[data-theme="dark"] .analytics-kpi strong {
  color: color-mix(in srgb, var(--tone) 35%, #fff);
}
@media (max-width: 1100px) {
  .analytics-grid:has(.analytics-trend) {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 700px) {
  .analytics-heading {
    align-items: start;
    flex-direction: column;
  }
  .analytics-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .analytics-grid,
  .analytics-insights {
    grid-template-columns: minmax(0, 1fr);
  }
  .analytics-panel {
    padding: 12px;
  }
  .analytics-controls {
    width: 100%;
  }
  .analytics-controls > * {
    flex: 1;
  }
  .analytics-tabs button {
    flex: 1 0 calc(50% - 6px);
    min-height: 44px;
    padding-inline: 8px;
  }
  .analytics-kpi {
    padding: 10px;
  }
  .analytics-table-wrap :is(th, td) {
    padding: 8px 6px;
  }
}
.analytics-bar-row progress,
.analytics-budget-progress {
  appearance: none;
  border: 0;
  border-radius: 6px;
  overflow: hidden;
  background: var(--soft);
}
.analytics-bar-row progress::-webkit-progress-bar,
.analytics-budget-progress::-webkit-progress-bar {
  background: var(--soft);
  border-radius: 6px;
}
.analytics-bar-row progress::-webkit-progress-value {
  background: var(--bar);
  border-radius: 6px;
}
.analytics-bar-row progress::-moz-progress-bar {
  background: var(--bar);
  border-radius: 6px;
}
.analytics-budget-progress::-webkit-progress-value {
  background: #b97912;
  border-radius: 6px;
}
.analytics-budget-progress::-moz-progress-bar {
  background: #b97912;
  border-radius: 6px;
}
.similar-page {
  padding-block: 16px 28px;
}
.similar-intro,
.similar-finder,
.similar-help {
  border: 1px solid var(--volume-border, #c4d5ef);
  border-radius: 14px;
  padding: clamp(12px, 2vw, 22px);
  margin-bottom: 14px;
}
.similar-intro {
  border-top: 3px solid var(--red);
}
.similar-intro h1 {
  margin-block: 7px;
  font-size: clamp(1.5rem, 3vw, 2.15rem);
}
.similar-intro p,
.similar-help p {
  max-width: 78ch;
  margin-block: 8px;
}
.similar-form label {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
}
.similar-search-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.similar-search-row > span {
  font-size: 1.5rem;
  color: var(--blue);
}
.similar-search-row input {
  flex: 1;
  min-width: 0;
  padding: 11px;
  font-size: 1rem;
  border: 1px solid var(--blue);
  border-radius: 8px;
}
.similar-search-row .button {
  white-space: nowrap;
}
.similar-form small {
  display: block;
  margin-top: 6px;
}
.similar-examples {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
}
.similar-examples button {
  padding: 5px 10px;
  border-radius: 20px;
}
.similar-status {
  margin-block: 14px;
  min-height: 24px;
}
.similar-grid .hashtag-label {
  font-size: 1.1rem;
  font-weight: 400;
  overflow-wrap: anywhere;
}
.similar-grid .tag-card {
  min-height: 65px;
  padding: 8px;
}
.similar-help h2 {
  font-size: 1.15rem;
}
@media (max-width: 480px) {
  .similar-search-row {
    flex-wrap: wrap;
  }
  .similar-search-row input {
    width: calc(100% - 32px);
  }
  .similar-search-row .button {
    width: 100%;
  }
}
.hashtag-page-reports {
  display: grid;
  gap: 14px;
  margin-block: 16px;
}
.hashtag-report-panel {
  min-width: 0;
  padding: clamp(12px, 2vw, 22px);
  border: 1px solid var(--volume-border, #bdcce0);
  border-radius: 14px;
}
.hashtag-report-panel h2 {
  margin-block: 7px 10px;
  font-size: clamp(1.2rem, 2.3vw, 1.65rem);
  overflow-wrap: anywhere;
}
.hashtag-report-panel p {
  line-height: 1.6;
}
.report-source {
  display: inline-block;
  border: 1px solid var(--blue);
  border-radius: 6px;
  padding: 3px 7px;
  font-size: 0.78rem;
}
.report-share-list {
  padding: 0;
  margin: 18px 0 0;
  list-style: none;
  display: grid;
  gap: 13px;
}
.report-share-caption {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 14px;
  margin-bottom: 5px;
}
.report-share-caption a {
  min-width: 0;
  overflow-wrap: anywhere;
}
.report-share-caption > span {
  font-size: 0.85rem;
}
.hashtag-page-reports progress {
  appearance: none;
  width: 100%;
  height: 9px;
  display: block;
  border: 0;
  border-radius: 6px;
  overflow: hidden;
  background: #dbe4f2;
  accent-color: #2863b2;
}
.hashtag-page-reports progress::-webkit-progress-bar {
  background: #dbe4f2;
}
.hashtag-page-reports progress::-webkit-progress-value {
  background: #2863b2;
  border-radius: 6px;
}
.hashtag-page-reports progress::-moz-progress-bar {
  background: #2863b2;
}
.report-share-list li:nth-child(3n + 2) progress::-webkit-progress-value {
  background: #b51d42;
}
.report-share-list li:nth-child(3n + 3) progress::-webkit-progress-value {
  background: #13816b;
}
.platform-report-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 0;
}
.platform-report-grid > div {
  border: 1px solid var(--volume-border, #bdcce0);
  border-radius: 10px;
  padding: 12px;
}
.platform-report-grid dt {
  font-weight: 600;
}
.platform-report-grid dd {
  margin: 4px 0;
  font-size: 1.7rem;
  font-weight: 700;
}
.platform-report-grid small {
  display: block;
  font-size: 0.8rem;
  font-weight: 400;
}
.report-week-total strong {
  color: var(--blue);
  font-size: 1.7rem;
}
.report-daily-list {
  display: grid;
  gap: 10px;
  padding: 0;
  list-style: none;
}
.report-daily-list li {
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr) minmax(30px, auto);
  align-items: center;
  gap: 10px;
  font-size: 0.85rem;
}
.report-daily-list li > span {
  text-align: end;
}
@media (max-width: 420px) {
  .platform-report-grid {
    grid-template-columns: 1fr;
  }
}
.admin-word-match-inline {
  margin-top: 4px;
  gap: 3px;
}
.admin-word-match-inline .admin-word-match-details[open] {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.admin-word-match-inline .admin-word-match-details > summary,
.admin-word-match-inline .admin-word-match-details > .admin-word-match-explanation,
.admin-word-match-inline .admin-word-match-help {
  display: none;
}
.admin-word-match-inline .admin-word-match-add {
  margin: 0;
  gap: 4px;
}
.admin-word-match-inline .admin-word-match-add button {
  padding: 3px 7px;
  min-height: 30px;
  font-size: 0.76rem;
  white-space: normal;
  overflow-wrap: anywhere;
}
.admin-word-match-inline .admin-word-match-notice {
  text-align: start;
}
/* Keep all mobile header controls while reducing the three sticky rows. */
@media (max-width: 767px) {
  .site-header.header-search-below-menu .header-inner {
    padding-top: max(2px, env(safe-area-inset-top));
    padding-bottom: 2px;
    gap: 3px;
  }
  .site-header.header-search-below-menu .brand-mark {
    width: 56px;
    height: 40px;
  }
  .site-header.header-search-below-menu .brand-mark .mobile-brand-icon {
    width: 56px;
    height: 56px;
    transform: translateY(-8px);
  }
  .site-header.header-search-below-menu .header-tools {
    gap: 5px;
  }
  .site-header.header-search-below-menu
    .header-tools
    :is(.language-toggle a, .theme-toggle, .install-button) {
    min-height: 40px;
    height: 40px;
    min-width: 40px;
    padding: 3px 6px;
    line-height: 1;
  }
  .site-header.header-search-below-menu .header-strip-links {
    scrollbar-width: none;
  }
  .site-header.header-search-below-menu .header-strip-links::-webkit-scrollbar {
    display: none;
  }
  .site-header.header-search-below-menu .header-strip-links :is(a, button) {
    min-height: 36px;
    padding-block: 4px;
  }
  .site-header.header-search-below-menu .header-search-row {
    padding-block: 3px;
  }
  .site-header.header-search-below-menu .header-search .search-field input {
    min-height: 40px;
    height: 40px;
    font-size: 16px;
  }
  .site-header.header-search-below-menu .header-search .search-symbol {
    top: 10px;
  }
  .site-header.header-search-below-menu .header-search .search-submit {
    min-height: 40px;
    height: 40px;
    padding-block: 5px;
  }
  html:has(.header-search-below-menu) {
    scroll-padding-top: 145px;
  }
}

/* Admin search stays at the top; visitor navigation remains public-only. */
.site-header.admin-site-header {
  display: flex;
  flex-direction: column;
}
.site-header.admin-site-header .header-search-row {
  order: -1;
  width: 100%;
  padding-block: max(3px, env(safe-area-inset-top)) 3px;
}
.site-header.admin-site-header .header-inner {
  padding-block: 2px;
}
.site-header.admin-site-header .brand-mark {
  width: 56px;
  height: 40px;
  overflow: hidden;
}
.site-header.admin-site-header .brand-mark img {
  width: 56px;
  height: 56px;
  transform: translateY(-8px);
}
html:has(.admin-site-header) {
  scroll-padding-top: 120px;
}
body:has(.admin-site-header) .admin-editor :is(input, textarea, select) {
  scroll-margin-top: 120px;
}
@media (min-width: 901px) {
  body:has(.admin-site-header) .admin-sidebar {
    top: 120px;
    max-height: calc(100svh - 132px);
  }
}

.admin-hashtag-equation {
  display: inline-flex;
  float: right;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: baseline;
  gap: 3px 5px;
  max-width: 60%;
  margin-inline-start: 7px;
  vertical-align: baseline;
  font-size: 0.9em;
  line-height: 1.35;
}
.admin-hashtag-equation a {
  text-decoration: underline;
  text-underline-offset: 2px;
  overflow-wrap: anywhere;
}
.admin-hashtag-equation .word-equation-symbol {
  color: var(--muted);
  font-weight: 500;
}

/* Dense desktop hashtag rows keep the label readable and actions on one line. */
@media (min-width: 761px) {
  .admin-studio .admin-table :is(th, td) {
    padding: 3px 8px;
    line-height: 1.25;
  }
  .admin-studio .admin-table th button {
    min-height: 28px;
  }
  .admin-studio .admin-hashtag-row .admin-actions {
    align-items: center;
    gap: 5px;
  }
  .admin-studio .admin-hashtag-row .admin-actions .button {
    min-height: 28px;
    padding: 3px 8px;
    line-height: 1.2;
  }
  .admin-studio .admin-hashtag-row .admin-check {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin: 0;
    white-space: nowrap;
    line-height: 1.2;
  }
  .admin-studio .admin-hashtag-row input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin-block: 0;
  }
  .admin-studio .admin-hashtag-row .admin-word-match-inline {
    margin-block: 2px 0;
  }
}

/* Per-item shades cover cards directly and inside list wrappers, in both areas. */
.site-main :is(.directory-grid .tag-card[data-grid-color], .popular-grid a[data-grid-color], .related-list > li[data-grid-color], .hashtag-chip[data-grid-color], .x-india-grid a[data-grid-color]),
.taxonomy-dense-grid > [data-grid-color],
.admin-studio [data-grid-color],
.admin-studio :is(.admin-card[data-grid-color], .admin-related-option[data-grid-color], .admin-hashtag-row[data-grid-color]) {
  background: linear-gradient(135deg, color-mix(in srgb, var(--discovery-tone) 18%, #fff), color-mix(in srgb, var(--discovery-tone) 8%, #fff));
  border-color: color-mix(in srgb, var(--discovery-tone) 23%, transparent);
  box-shadow: inset 0 1px 0 #ffffffa6, 0 2px 5px #17345d0d;
}
html[data-theme="dark"] body .site-main :is(.directory-grid .tag-card[data-grid-color], .popular-grid a[data-grid-color], .related-list > li[data-grid-color], .hashtag-chip[data-grid-color], .x-india-grid a[data-grid-color]),
html[data-theme="dark"] body .taxonomy-dense-grid > [data-grid-color],
html[data-theme="dark"] body .admin-studio [data-grid-color],
html[data-theme="dark"] body .admin-studio :is(.admin-card[data-grid-color], .admin-related-option[data-grid-color], .admin-hashtag-row[data-grid-color]) {
  background: linear-gradient(135deg, color-mix(in srgb, var(--discovery-tone) 29%, #152238), color-mix(in srgb, var(--discovery-tone) 14%, #152238));
  border-color: color-mix(in srgb, var(--discovery-tone) 38%, transparent);
  box-shadow: inset 0 1px 0 #ffffff09, 0 2px 5px #00000024;
}
.site-main .hashtag-chips > .hashtag-chip[aria-pressed="true"] {
  box-shadow: inset 0 0 0 2px #2459a8, 0 2px 5px #17345d14;
}
html[data-theme="dark"] body .site-main .hashtag-chips > .hashtag-chip[aria-pressed="true"] {
  box-shadow: inset 0 0 0 2px #8cb4f6, 0 2px 5px #00000024;
}
/* Compact review workspace: keep filters and safe preview actions before creation tools. */
.admin-review-workbar {
  padding: 10px;
  margin-block: 10px;
  border: 1px solid var(--line);
  border-top: 3px solid #5268bb;
  border-radius: 12px;
  background: linear-gradient(120deg, color-mix(in srgb, #dce8ff 28%, var(--workspace-surface)), var(--workspace-surface));
  box-shadow: 0 3px 12px #1933590c;
}
.admin-review-workbar :is(.admin-notice, .admin-list-tabs, .admin-toolbar, .ops-selection-bar) { margin-block: 5px; }
.admin-review-workbar .admin-notice { padding: 6px 9px; font-size: .8rem; }
.admin-review-workbar .admin-list-tabs { display: flex; flex-wrap: wrap; gap: 5px; }
.admin-review-workbar .admin-list-tabs button {
  --review-tone: #3566b1;
  padding: 7px 10px;
  min-height: 36px;
  border-color: color-mix(in srgb, var(--review-tone) 35%, var(--line));
  background: color-mix(in srgb, var(--review-tone) 10%, var(--workspace-surface));
  color: var(--ink);
}
.admin-review-workbar .admin-list-tabs button:nth-child(2) { --review-tone: #14765a; }
.admin-review-workbar .admin-list-tabs button:nth-child(3) { --review-tone: #a56b15; }
.admin-review-workbar .admin-list-tabs button:nth-child(4) { --review-tone: #237b76; }
.admin-review-workbar .admin-list-tabs button:nth-child(5) { --review-tone: #a92d52; }
.admin-review-workbar .admin-list-tabs button:nth-child(6) { --review-tone: #7950aa; }
.admin-review-workbar .admin-list-tabs button[aria-pressed="true"] { background: var(--review-tone); color: #fff; border-color: var(--review-tone); }
.admin-review-workbar .admin-applied-filters > button { background: #315eb0; border-color: #315eb0; color: #fff; }
.admin-review-workbar .admin-toolbar button[type="submit"] { background: #177560; border-color: #177560; color: #fff; }
.admin-review-workbar .admin-bulk-actions { margin-block: 6px 0; padding: 9px 11px; background: color-mix(in srgb, #dfd4fa 17%, var(--workspace-surface)); }
.admin-review-workbar .admin-bulk-actions h2 { margin: 0 0 4px; }
.admin-review-workbar .admin-bulk-actions p { margin-block: 4px; font-size: .78rem; }
.admin-review-workbar .admin-bulk-actions button { background: #68469d; border-color: #68469d; color: #fff; }
.admin-review-workbar .button { min-height: 34px; padding: 6px 10px; }
.admin-review-workbar button:disabled { opacity: .55; }
.admin-batch-summary { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px; cursor: pointer; color: var(--ink); }
.admin-batch-summary::before { content: '▸'; color: #315eb0; }
.admin-batch-disclosure[open] > .admin-batch-summary::before { content: '▾'; }
.admin-batch-summary > strong { color: var(--red); }
.admin-batch-live, .admin-batch-balance { padding: 4px 9px; border-radius: 6px; font-size: .8rem; font-variant-numeric: tabular-nums; }
.admin-batch-live { background: color-mix(in srgb, #8771cc 13%, var(--workspace-surface)); }
.admin-batch-balance { background: color-mix(in srgb, #259879 13%, var(--workspace-surface)); margin-left: auto; }
.admin-batch-disclosure[open] > .admin-heading { margin-top: 10px; }
.admin-batch-card .admin-autofill-budget { padding: 9px; }
.admin-batch-card .admin-autofill-metric { padding: 8px 10px; }
.admin-batch-card .admin-autofill-metric dd { font-size: 1.2rem; }
.admin-batch-card .admin-autofill-cost-hint { margin-top: 5px; }
@media (max-width: 600px) {
  .admin-review-workbar { padding: 7px; }
  .admin-review-workbar .admin-list-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-review-workbar .admin-toolbar > *, .admin-review-workbar .admin-bulk-actions select { min-width: 0; max-width: 100%; }
  .admin-review-workbar .admin-bulk-actions label { min-width: 0; width: 100%; }
  .admin-batch-summary { gap: 6px; }
  .admin-batch-summary > strong { flex: 1; }
  .admin-batch-balance { margin-left: 0; }
}

.admin-review-workbar, .admin-batch-card { --workspace-surface: #fff; }
html[data-theme="dark"] :is(.admin-review-workbar, .admin-batch-card) { --workspace-surface: #172237; }
/* Consistent breathing room on every public page template. */
.breadcrumb { margin-block: 18px 14px; }
.breadcrumb-step { display: inline-flex; align-items: center; gap: 10px; min-width: 0; }
.breadcrumb-step > [aria-current="page"] { overflow-wrap: anywhere; }
.detail-studio .detail-toolbar { margin-top: 18px; }
.header-menu-toggle { display: none; }
.header-menu-butterfly { width: 28px; height: 24px; flex: 0 0 28px; }
.header-menu-strip .header-strip-links { flex-wrap: wrap; overflow-x: visible; }
@media (max-width: 767px) {
  .header-menu-strip { position: relative; z-index: 5; }
  .header-menu-toggle {
    display: inline-flex; align-items: center; justify-content: center; gap: 9px;
    min-height: 42px; padding: 7px 14px; background: transparent; border: 0;
    color: #fff; font: inherit; font-size: .88rem; font-weight: 650; cursor: pointer;
  }
  .header-menu-toggle:focus-visible { outline: 2px solid #fff; outline-offset: -4px; }
  .hamburger-icon { position: relative; display: inline-block; width: 21px; height: 18px; flex: 0 0 21px; }
  .hamburger-icon > span { position: absolute; left: 0; width: 21px; height: 2px; background: currentColor; border-radius: 2px; transition: transform .16s ease, opacity .16s ease; }
  .hamburger-icon > span:nth-child(1) { top: 1px; }
  .hamburger-icon > span:nth-child(2) { top: 8px; }
  .hamburger-icon > span:nth-child(3) { top: 15px; }
  [data-open="true"] > .header-menu-toggle .hamburger-icon > span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  [data-open="true"] > .header-menu-toggle .hamburger-icon > span:nth-child(2) { opacity: 0; }
  [data-open="true"] > .header-menu-toggle .hamburger-icon > span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
  .site-header.header-search-below-menu .header-menu-strip .header-strip-links {
    display: none; position: absolute; top: 100%; left: 0; width: 100%;
    padding: 8px; margin: 0; grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px; max-height: min(60dvh, 420px); overflow-y: auto; overflow-x: hidden;
    background: #2459a8; border-radius: 0 0 10px 10px; box-shadow: 0 10px 24px #152b4f33;
  }
  .site-header.header-search-below-menu .header-menu-strip[data-open="true"] .header-strip-links { display: grid; }
  .site-header.header-search-below-menu .header-menu-strip .header-strip-links :is(a, button) {
    min-width: 0; min-height: 44px; white-space: normal; overflow-wrap: anywhere;
    justify-content: flex-start; border-radius: 6px; line-height: 1.4; text-align: start;
    background: #ffffff0b;
  }
}
@media (prefers-reduced-motion: reduce) { .hamburger-icon > span { transition: none; } }

.admin-form .admin-submit-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}.admin-form .admin-submit-bar>*{grid-column:1/-1}.admin-form .admin-submit-bar>button[type="button"]{grid-column:auto;width:100%;min-width:0}
/* Review actions: previous, submit, next share one compact row. */
.admin-form .admin-submit-bar { grid-template-columns:repeat(3,minmax(0,1fr)); }
.admin-form .admin-submit-bar > button.button-primary { grid-column:2; grid-row:3; justify-self:stretch; width:100%; max-width:none; background:#16804a; border-color:#116b3d; color:#fff; }
.admin-form .admin-submit-bar > button[type="button"] { grid-row:3; background:#2459a8; border-color:#1a478e; color:#fff; }
.admin-form .admin-submit-bar > button[type="button"]:nth-last-of-type(2) { grid-column:1; }
.admin-form .admin-submit-bar > button[type="button"]:last-of-type { grid-column:3; background:#7942ad; border-color:#663493; color:#fff; }

/* Keep the full feedback workflow visible, with independent rating hit targets. */
.visitor-feedback {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr);
  gap: 16px;
  box-shadow: 0 4px 16px rgb(23 45 78 / 6%);
}
.visitor-feedback > .feedback-heading,
.visitor-feedback > .feedback-receipt,
.visitor-feedback > .feedback-error {
  grid-column: 1 / -1;
}
.visitor-feedback > details {
  min-width: 0;
  align-self: start;
  border: 1px solid var(--feedback-border);
  border-radius: 10px;
  padding: 12px 14px;
  background: var(--feedback-soft);
}
.visitor-feedback details > summary {
  padding: 2px 0 12px;
  line-height: 1.5;
}
.visitor-feedback .feedback-heading > div { min-width: 0; flex: 1 1 320px; }
.visitor-feedback .feedback-rating-summary { align-self: start; line-height: 1.5; }
.visitor-feedback .feedback-form { gap: 16px; }
.visitor-feedback .feedback-track form { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
.visitor-feedback .feedback-track button { justify-self: start; min-height: 44px; }
.visitor-feedback .feedback-stars { min-width: 0; flex-wrap: wrap; gap: 8px; }
.visitor-feedback .feedback-stars legend { margin-bottom: 8px; line-height: 1.5; }
.visitor-feedback .feedback-stars label {
  flex: 0 0 44px; width: 44px; height: 44px; box-sizing: border-box;
  border: 1px solid var(--feedback-border); border-radius: 8px;
  background: var(--feedback-bg); overflow: hidden;
}
.visitor-feedback .feedback-stars input { inset: 0; margin: 0; padding: 0; }
.visitor-feedback .feedback-stars .sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.visitor-feedback .feedback-stars label.selected { border-color: #b77912; background: #fff3d4; color: #875000; }
@media (max-width: 760px) {
  .visitor-feedback { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .visitor-feedback > details { padding: 12px; }
  .visitor-feedback .feedback-contact { grid-template-columns: minmax(0, 1fr); }
  .visitor-feedback .feedback-track button { width: 100%; }
}

html[data-theme="dark"] .visitor-feedback .feedback-stars label.selected { background: #47360d; color: #ffcc64; border-color: #d2a345; }