/* Piclo HelpScout CSS – streamlined */

/* -------------------------
   Brand font: GT Walsheim
   ------------------------- */
@font-face {
  font-family: 'GT Walsheim';
  src: url('https://d2kpcy07wbxaky.cloudfront.net/GT-Walsheim-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

html, body, #fullArticle, #mainNav, .navbar, .docs-article {
  font-family: 'GT Walsheim', Arial, sans-serif;
}

/* -------------------------
   Search button
   ------------------------- */
form#searchBar button[type="submit"] {
  background-color: #25D2C6 !important; /* turquoise */
  color: #144466 !important;            /* dark teal text */
  border: none;
  text-shadow: none;
  box-shadow: none;
  border-radius: 0 4px 4px 0;
  padding: 8px 16px;
  cursor: pointer;
}
form#searchBar button[type="submit"]:hover {
  box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.15);
}

/* -------------------------
   Sidebar compact search fix
   ------------------------- */
#sidebar form#searchBar.sm { display: flex; align-items: stretch; }
#sidebar form#searchBar.sm input[type="text"] { flex: 1; border-right: 0; }
#sidebar form#searchBar.sm button[type="submit"] { position: static; margin: 0; border-radius: 0 4px 4px 0; }

/* -------------------------
   Input focus subtle glow
   ------------------------- */
#searchBar input[type="text"]:focus {
  box-shadow: 0 0 6px rgba(20, 68, 102, 0.15);
}

/* -------------------------
   Sidebar search icon colour
   ------------------------- */
#sidebar form#searchBar.sm button .icon-search,
#sidebar form#searchBar.sm .icon-search:before {
  color: #144466 !important; /* make magnifier icon dark teal */
}

/* -------------------------
   Cards
   ------------------------- */
.category-list .category { border-radius: 8px; overflow: hidden; }

/* -------------------------
   Existing rules (unchanged)
   ------------------------- */
#mainNav.navbar .nav li#contact { float: right !important; }
.navbar .nav { padding-left: 125px; }
@media (min-width: 769px) { .navbar .nav li#home { display: inline !important; } }
.navbar .nav li#home b.caret { display: none !important; }
#fullArticle .index-list { background: #F9FAFA; border-left: 4px solid #AAAEB7; margin: 3em 0; padding: 15px 0px; }
#fullArticle .index-list:before, #fullArticle .index-list:after { display: table; content: ""; line-height: 0; }
#fullArticle .index-list::after { clear: both; }
#fullArticle .index-list ul { list-style: none; margin: 0.7em 25px 0em 0; float: left; width: 100%; }
#fullArticle .index-list li { padding-left: 25px; }
@media screen and (min-width: 1000px) { #fullArticle .index-list li { float: left; width: 45%; } }
#fullArticle .index-list h4 { text-transform: uppercase; margin: 0; padding: 8px 26px 0; font-size: 13px; font-weight: 500; letter-spacing: 0.7px; }