/* bh-reboot.css - the element-level reset the app was laid out against. The host pages loaded
   Bootstrap 5.1 for years and its "Reboot" section styled every element the app and
   Platform.Components render (headings, paragraphs, lists, tables, form controls, fieldsets, ...),
   so its rules are kept here, with the same values, in the slot bootstrap.min.css had: first, before
   site.css and the component library (with its pc- utility classes), so everything that overrode a
   Reboot rule still does. Only Bootstrap's element and attribute rules are kept; none of its classes
   are. The handful of Bootstrap utility classes the markup used now map to Platform.Components' pc-
   utilities (p-3 is pc-pa-4, w-100 is pc-w-full).

   Left out because a later stylesheet already sets them for every element: box-sizing,
   -webkit-tap-highlight-color, the body font, bold weight, link colour and underline, and the
   iframe border (bh-base.css). Left out because nothing renders them: the .h1-.h6, .small and .mark
   classes, datalist inputs ([list]) and the root's smooth scrolling (the root never scrolls: html and
   body are fixed to the viewport in site.css; the content area scrolls). Left out on purpose: the
   link hover colour (a:hover, #0a58ca). It outranked the library's own link colours, so navigation
   labels and the error bar's Reload link turned Bootstrap blue on hover; they now keep their colour,
   as the library draws them.

   Element selectors only (specificity 0,0,1), so any class rule - the app's or the library's - wins
   whatever the load order. */

/* Page. The body font, size and line height come from bh-base.css; these are the colours shown
   before a layout's theme paints the page (the boot spinner, the error bar). */
body {
	margin: 0;
	color: #212529;
	background-color: #fff;
	-webkit-text-size-adjust: 100%; /* no text inflation on a rotated phone (Safari, MAUI WebView) */
}

hr {
	margin: 1rem 0;
	color: inherit;
	background-color: currentColor;
	border: 0;
	opacity: 0.25;
}

hr:not([size]) {
	height: 1px;
}

/* Headings. PlatformText sets its own margins and type scale; raw headings (the agent pages,
   knowledge-base articles, the HTML editors' content) use these. */
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 0.5rem;
	font-weight: 500;
	line-height: 1.2;
}

h1 { font-size: calc(1.375rem + 1.5vw); }
h2 { font-size: calc(1.325rem + 0.9vw); }
h3 { font-size: calc(1.3rem + 0.6vw); }
h4 { font-size: calc(1.275rem + 0.3vw); }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; }

@media (min-width: 1200px) {
	h1 { font-size: 2.5rem; }
	h2 { font-size: 2rem; }
	h3 { font-size: 1.75rem; }
	h4 { font-size: 1.5rem; }
}

/* Text blocks and inline text. */
p {
	margin-top: 0;
	margin-bottom: 1rem;
}

abbr[title] {
	text-decoration: underline dotted;
	cursor: help;
	text-decoration-skip-ink: none;
}

address {
	margin-bottom: 1rem;
	font-style: normal;
	line-height: inherit;
}

ol, ul {
	padding-left: 2rem;
}

dl, ol, ul {
	margin-top: 0;
	margin-bottom: 1rem;
}

ol ol, ol ul, ul ol, ul ul {
	margin-bottom: 0;
}

dt {
	font-weight: 700;
}

dd {
	margin-bottom: 0.5rem;
	margin-left: 0;
}

blockquote {
	margin: 0 0 1rem;
}

small {
	font-size: 0.875em;
}

mark {
	padding: 0.2em;
	background-color: #fcf8e3;
}

sub, sup {
	position: relative;
	font-size: 0.75em;
	line-height: 0;
	vertical-align: baseline;
}

sub { bottom: -0.25em; }
sup { top: -0.5em; }

/* Code. */
code, kbd, pre, samp {
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	font-size: 1em;
	direction: ltr;
	unicode-bidi: bidi-override;
}

pre {
	display: block;
	margin-top: 0;
	margin-bottom: 1rem;
	overflow: auto;
	font-size: 0.875em;
}

pre code {
	font-size: inherit;
	color: inherit;
	word-break: normal;
}

code {
	font-size: 0.875em;
	color: #d63384;
	word-wrap: break-word;
}

a > code {
	color: inherit;
}

kbd {
	padding: 0.2rem 0.4rem;
	font-size: 0.875em;
	color: #fff;
	background-color: #212529;
	border-radius: 0.2rem;
}

kbd kbd {
	padding: 0;
	font-size: 1em;
	font-weight: 700;
}

/* Media and tables. */
figure {
	margin: 0 0 1rem;
}

img, svg {
	vertical-align: middle;
}

table {
	caption-side: bottom;
	border-collapse: collapse;
}

caption {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	color: #6c757d;
	text-align: left;
}

th {
	text-align: inherit;
	text-align: -webkit-match-parent;
}

thead, tbody, tfoot, tr, td, th {
	border-color: inherit;
	border-style: solid;
	border-width: 0;
}

/* Forms. Platform.Components' fields, buttons, radio groups (fieldset and legend) and sliders
   (output) were all drawn with these. */
label {
	display: inline-block;
}

button {
	border-radius: 0;
}

button:focus:not(:focus-visible) {
	outline: 0;
}

input, button, select, optgroup, textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

button, select {
	text-transform: none;
}

[role="button"] {
	cursor: pointer;
}

select {
	word-wrap: normal;
}

select:disabled {
	opacity: 1;
}

button, [type="button"], [type="reset"], [type="submit"] {
	-webkit-appearance: button;
}

button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
	cursor: pointer;
}

::-moz-focus-inner {
	padding: 0;
	border-style: none;
}

textarea {
	resize: vertical;
}

fieldset {
	min-width: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

legend {
	float: left;
	width: 100%;
	padding: 0;
	margin-bottom: 0.5rem;
	font-size: calc(1.275rem + 0.3vw);
	line-height: inherit;
}

@media (min-width: 1200px) {
	legend { font-size: 1.5rem; }
}

legend + * {
	clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
	padding: 0;
}

::-webkit-inner-spin-button {
	height: auto;
}

[type="search"] {
	outline-offset: -2px;
	-webkit-appearance: textfield;
}

::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
	padding: 0;
}

::file-selector-button {
	font: inherit;
}

::-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: button;
}

output {
	display: inline-block;
}

/* Interactive and hidden content. */
summary {
	display: list-item;
	cursor: pointer;
}

progress {
	vertical-align: baseline;
}

/* The hidden attribute wins over a class that sets display (closed tab panels, collapsed sections). */
[hidden] {
	display: none !important;
}