/* Assistants AiQ — Help Docs Custom Stylesheet */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Outfit:wght@300;400;500;600&family=JetBrains+Mono:wght@400;600&display=swap');

* { box-sizing: border-box; }

body {
  font-family: 'Outfit', system-ui, sans-serif;
  background: #FBF8F1;
  color: rgba(13,40,20,0.66);
  -webkit-font-smoothing: antialiased;
  line-height: 1.65;
}

/* ---- Headings ---- */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Plus Jakarta Sans', sans-serif;
  color: #0D2814;
  letter-spacing: -0.025em;
  text-wrap: balance;
  line-height: 1.12;
}
h1 { font-size: 36px; font-weight: 800; }
h2 { font-size: 26px; font-weight: 700; }
h3 { font-size: 20px; font-weight: 700; }

/* ---- Links ---- */
a { color: #2D6A4F; text-decoration: none; }
a:hover { color: #0D2814; text-decoration: underline; }

/* ---- Breadcrumbs ---- */
.breadcrumbs, .breadcrumb,
nav[aria-label="breadcrumb"] {
  font-family: 'JetBrains Mono', monospace;
  font-size: 12px;
  letter-spacing: 0.08em;
  color: rgba(13,40,20,0.42);
}

/* ---- Search box ---- */
input[type="search"], input[type="text"],
.search-bar input, .search input {
  background: #fff;
  border: 1.5px solid rgba(13,40,20,0.12);
  border-radius: 10px;
  padding: 13px 18px;
  font-family: 'Outfit', sans-serif;
  font-size: 15px;
  color: #0D2814;
  outline: none;
  transition: border-color 0.2s ease;
}
input[type="search"]:focus, input[type="text"]:focus {
  border-color: #2D6A4F;
  box-shadow: 0 0 0 3px rgba(45,106,79,0.12);
}

/* ---- Buttons ---- */
button[type="submit"], .btn-primary, .btn {
  background: #FAC547;
  color: #0D2814;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 700;
  border: none;
  border-radius: 9px;
  padding: 11px 24px;
  font-size: 15px;
  cursor: pointer;
  box-shadow: 0 10px 28px -10px rgba(250,197,71,0.75);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  letter-spacing: -0.01em;
}
button[type="submit"]:hover, .btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 36px -10px rgba(250,197,71,0.85);
}

/* ---- Category cards ---- */
.category-list .category,
.categories .category,
.category-card {
  background: #fff;
  border: 1px solid rgba(13,40,20,0.09);
  border-radius: 18px;
  box-shadow: 0 24px 52px -28px rgba(13,40,20,0.16);
  transition: transform 0.2s cubic-bezier(.2,.7,.2,1),
              box-shadow 0.2s cubic-bezier(.2,.7,.2,1);
}
.category-list .category:hover,
.categories .category:hover {
  transform: translateY(-3px);
  box-shadow: 0 32px 64px -28px rgba(13,40,20,0.22);
}

/* ---- Article body ---- */
.article-body p, .article-content p,
.article p {
  font-size: 16px;
  line-height: 1.75;
  color: rgba(13,40,20,0.66);
  margin-bottom: 1.2em;
}

/* ---- Code blocks ---- */
code, pre, kbd {
  font-family: 'JetBrains Mono', monospace;
  background: rgba(13,40,20,0.05);
  border-radius: 6px;
  font-size: 13.5px;
}
pre { padding: 16px 20px; }
code { padding: 2px 6px; }

/* ---- Page hero band (home / category) ---- */
.page-header, .help-center-header,
.hero, .site-hero {
  background: linear-gradient(to bottom, #0D2814, #0A2010);
  color: #FBF8F1;
}

/* ---- Article list items ---- */
.article-list li, .article-list a {
  font-family: 'Outfit', sans-serif;
  font-size: 15px;
  color: #2D6A4F;
  padding: 10px 0;
  border-bottom: 1px solid rgba(13,40,20,0.07);
}
.article-list a:hover { color: #0D2814; }

/* ---- Tags / badges ---- */
.tag, .badge, .label {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  letter-spacing: 0.08em;
  padding: 4px 10px;
  border-radius: 20px;
  background: rgba(45,106,79,0.08);
  color: #2D6A4F;
}