html {
	scroll-padding-top: 54px;
}
#page {
	width: fit-content;
}
.info-page {
	margin: 0 auto 20px auto;
}
.api-tabs {
	margin-top: 20px;
	padding-left: 10px;
	font-family: monospace;
	font-size: 13px;
}
.api-tabs a {
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 3px 3px 0 0;
	padding: 10px;
	margin: 0 0 -1px 10px;
	background-color: white;
	color: unset;
	text-decoration: unset;
}
.darkmode .api-tabs a {
	background: #333;
	border-color: #666;
}
.api-tabs .selected {
	border-color: #666 #666 #fff #666;
	font-weight: bold;
}
.darkmode .api-tabs .selected {
	border-color: #999 #999 #333 #999;
}
.api-tabs :not(.selected) {
	color: gray;
	cursor: pointer;
}


.api-section {
	border-bottom: 1px dotted #999;
}
.api-title {
	font-size: 24px;
	margin: 30px 0 20px;
	font-weight: normal;
}
.api-description {
	font-size: 14px;
	margin: 20px 0;
}
.api-code-title {
	font: 15px helvetica, arial;
	font-weight: bold;
	margin: 20px 0 10px;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td, th {
	padding: 5px;
	border: 1px solid #ccc;
}
pre {
	white-space: pre-wrap;
}
.api-request {
	position: relative;
	padding: 8px 50px 8px 10px; /* right padding keeps text clear of the 'bash' tag */
	border-radius: 3px;
	background: #f2f2f2;
	overflow-wrap: anywhere;
}
.darkmode .api-request {
	background: #555;
}
.api-request::before {
	content: '$ ';
	color: #999;
	user-select: none;
}
.api-request::after {
	content: 'bash';
	position: absolute;
	top: 5px;
	right: 5px;
	padding: 1px 5px;
	border: 1px solid #ccc;
	border-radius: 3px;
	font-size: 11px;
	color: #888;
	user-select: none;
}
.darkmode .api-request::after {
	border-color: #666;
}
.api-premium-table {
	width: 320px;
}
.api-premium-table td {
	padding: 5px 10px;
	text-align: center;
}
.api-premium-table td:first-child {
	text-align: left;
}
.api-premium-label {
	display: inline-flex;
	align-items: center;
	padding: 5px 10px;
	border: 1px solid #4b4;
	color: #4b4;
	font-size: 15px; /* override title style */
	font-weight: bold;
	border-radius: 3px;
	user-select: none;
}
.api-premium-label svg {
	width: 20px;
	height: 20px;
	fill: none;
	stroke: #4b4;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	margin: 0 6px 0 -3px;
}
.api-premium-label,
.api-premium-btn {
	float: right;
	margin-left: 10px;
}
#gen-qa .gen-q {
	font-size: 20px;
	font-weight: normal;
	margin: 30px 0 8px;
}
#gen-qa .gen-q:first-child {
	margin-top: 0;
}
#gen-qa p {
	font-size: 14px;
}