/**
 * RelistKit Help Scout Docs stylesheet (2026-09-03). Paste into
 * Docs Settings -> Custom Code (inside <style> tags) or host and link.
 * Tokens mirror brand.md section 15 / the app's theme.js exactly:
 * navy #05445E (hover #032F42), ink #12282F, secondary #4E6673,
 * page #F3F6F8, borders #D6DFE4, soft fill #E4EEF3, radius 8-10.
 * Orange stays the wordmark's accent only - never a text color here.
 * Targets Help Scout Docs' standard markup (verified live on
 * help.relistkit.com): #mainNav.navbar, #docsSearch, #contentArea,
 * article#fullArticle, aside#sidebar, .most-pop-articles.
 */

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700;800&display=swap');

/* ---- Base ---------------------------------------------------------- */

body {
	background: #F3F6F8;
	color: #12282F;
	font-family: 'Nunito Sans', 'Segoe UI', system-ui, -apple-system, sans-serif;
	font-size: 16px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

a {
	color: #05445E;
}

a:hover,
a:focus {
	color: #032F42;
	text-decoration: underline;
}

/* ---- Top bar: white, like the app's ------------------------------- */

#mainNav.navbar .navbar-inner {
	background: #FFFFFF;
	background-image: none;
	border: 0;
	border-bottom: 1px solid #D6DFE4;
	box-shadow: none;
	filter: none;
}

#mainNav .nav > li > a {
	color: #4E6673;
	font-weight: 600;
	text-shadow: none;
}

#mainNav .nav > li > a:hover,
#mainNav .nav > li > a:focus {
	color: #05445E;
	background: transparent;
}

#mainNav .nav > li.active > a,
#mainNav .nav > .active > a:hover,
#mainNav .nav > .active > a:focus {
	color: #05445E;
	background: #E4EEF3;
	border-radius: 8px;
	box-shadow: none;
}

/* The uploaded logo renders at its native size by default */
#mainNav .brand img {
	max-height: 44px;
	width: auto;
}

/* Admin-only Edit article button (never shown to readers) */
.admin-edit.btn,
.admin-edit.btn:hover {
	color: #FFFFFF !important;
}

#mainNav .caret {
	border-top-color: #4E6673;
	border-bottom-color: #4E6673;
}

/* ---- Search hero: the one navy brand moment ----------------------- */

#docsSearch {
	background: #05445E;
	padding: 44px 0 48px;
}

#docsSearch h1,
#docsSearch label {
	color: #FFFFFF;
	font-weight: 800;
	letter-spacing: 0.01em;
	text-shadow: none;
}

#searchBar input,
#searchBar .search-query {
	background: #FFFFFF;
	border: 1px solid #D6DFE4;
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(3, 47, 66, 0.25);
	color: #12282F;
	font-family: inherit;
	font-size: 16px;
	height: auto;
	padding: 12px 16px;
}

#searchBar input:focus {
	border-color: #05445E;
	box-shadow: 0 0 0 2px rgba(228, 238, 243, 0.9);
	outline: none;
}

#searchBar input::placeholder {
	color: #4E6673;
}

/* The search-suggestion dropdown */
#serp-dd {
	border: 1px solid #D6DFE4;
	border-radius: 8px;
	box-shadow: 0 8px 24px rgba(18, 40, 47, 0.14);
	overflow: hidden;
}

#serp-dd .result a {
	color: #12282F;
}

#serp-dd .result li:hover,
#serp-dd .result li.selected {
	background: #E4EEF3;
}

/* ---- Home: collection tiles and popular articles ------------------ */

.category,
.most-pop-articles {
	background: #FFFFFF;
	border: 1px solid #D6DFE4;
	border-radius: 10px;
	box-shadow: none;
	padding: 20px 22px;
	transition: box-shadow 0.15s ease;
}

.category:hover {
	box-shadow: 0 4px 16px rgba(18, 40, 47, 0.10);
	text-decoration: none;
}

.category h3,
.most-pop-articles h3 {
	color: #12282F;
	font-size: 18px;
	font-weight: 800;
	letter-spacing: 0;
}

.category p,
.category .article-count {
	color: #4E6673;
	font-size: 14px;
}

.most-pop-articles h3,
.most-pop-articles h4 {
	border-bottom: 1px solid #E4EEF3;
	color: #4E6673;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.06em;
	padding-bottom: 8px;
	text-transform: uppercase;
}

.popArticles li {
	border: 0;
	padding: 4px 0;
}

.popArticles a {
	color: #05445E;
	font-weight: 600;
}

[class^='icon-'],
[class*=' icon-'] {
	color: #05445E;
}

/* ---- Article page -------------------------------------------------- */

#fullArticle {
	background: #FFFFFF;
	border: 1px solid #D6DFE4;
	border-radius: 10px;
	padding: 36px 40px 40px;
}

#fullArticle h1.title {
	color: #12282F;
	font-size: 28px;
	font-weight: 800;
	line-height: 1.2;
	margin-bottom: 6px;
}

#fullArticle .articleFoot,
#fullArticle .lu {
	color: #4E6673;
	font-size: 13px;
}

#fullArticle h2 {
	color: #12282F;
	font-size: 21px;
	font-weight: 800;
	margin-top: 34px;
}

#fullArticle h3 {
	color: #12282F;
	font-size: 17px;
	font-weight: 700;
	margin-top: 26px;
}

#fullArticle p,
#fullArticle li {
	color: #12282F;
	font-size: 16px;
	line-height: 1.65;
}

#fullArticle img {
	border: 1px solid #D6DFE4;
	border-radius: 8px;
	max-width: 100%;
}

#fullArticle blockquote {
	background: #E4EEF3;
	border-left: 4px solid #05445E;
	border-radius: 8px;
	color: #12282F;
	margin: 20px 0;
	padding: 14px 18px;
}

#fullArticle blockquote p {
	margin: 0;
}

#fullArticle code {
	background: #E4EEF3;
	border-radius: 5px;
	color: #032F42;
	font-size: 14px;
	padding: 2px 6px;
}

#fullArticle pre {
	background: #12282F;
	border: 0;
	border-radius: 8px;
	color: #F3F6F8;
	padding: 16px 18px;
}

#fullArticle table {
	border: 1px solid #D6DFE4;
	border-collapse: separate;
	border-radius: 8px;
	border-spacing: 0;
	overflow: hidden;
	width: 100%;
}

#fullArticle th {
	background: #F3F6F8;
	color: #4E6673;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.04em;
	padding: 10px 14px;
	text-align: left;
	text-transform: uppercase;
}

#fullArticle td {
	border-top: 1px solid #E4EEF3;
	padding: 10px 14px;
}

/* Heading anchor links Help Scout injects */
#fullArticle .anchor-link {
	color: #7A919D;
}

/* ---- Sidebar (related articles, categories) ------------------------ */

#sidebar {
	font-size: 14px;
}

#sidebar h3,
#sidebar .sb-title {
	color: #4E6673;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

#sidebar a {
	color: #05445E;
	font-weight: 600;
}

#sidebar li {
	border: 0;
	padding: 3px 0;
}

/* ---- Buttons and misc ---------------------------------------------- */

.btn,
.btn-primary,
input[type='submit'] {
	background: #05445E;
	background-image: none;
	border: 0;
	border-radius: 8px;
	box-shadow: none;
	color: #FFFFFF;
	font-family: inherit;
	font-weight: 700;
	padding: 9px 18px;
	text-shadow: none;
}

.btn:hover,
.btn-primary:hover,
input[type='submit']:hover {
	background: #032F42;
	color: #FFFFFF;
}

.pagination a {
	border-color: #D6DFE4;
	color: #05445E;
}

.pagination .active a {
	background: #05445E;
	color: #FFFFFF;
}

footer,
.footer,
#footer {
	color: #4E6673;
	font-size: 13px;
}

hr,
.sep {
	border-color: #E4EEF3;
}

/* Keep long content readable */
#contentArea .contentWrapper {
	padding-top: 28px;
	padding-bottom: 48px;
}