/**
 * Base-tier reset/reboot, converted to literal CSS from Sass source:
 * src/stories/global/_reboot.scss
 *
 * Manually forked from Normalize.css (MIT licensed,
 * https://github.com/necolas/normalize.css) via Bootstrap's Reboot layer.
 *
 * Design tokens are consumed via var(--site-*) custom properties defined in
 * css/base/variables.css (Task 1's output). Bootstrap's own runtime custom
 * properties (--bs-*) are referenced directly, unchanged from the Sass
 * source, since they are already valid CSS as-is.
 *
 * A few declarations that are `null` in the Sass source (and therefore
 * compile to no declaration at all) are intentionally omitted here rather
 * than written with any value -- see the per-rule notes below and the
 * corresponding custom-property comments in css/base/variables.css:
 *   - th { font-weight }        ($table-th-font-weight: null)
 *   - legend { font-weight }    ($legend-font-weight: null)
 *   - kbd kbd { font-weight }   ($nested-kbd-font-weight: null)
 *   - pre { color }             ($pre-color: null)
 * Verified against the current compiled output (dist/css/bootstrap.css):
 * all four properties are indeed absent from those compiled rules today.
 *
 * Vendor-prefix duplicates introduced by the Sass build's Autoprefixer step
 * (e.g. -webkit-text-decoration on abbr[title], -moz-text-size-adjust on
 * :root) are not present in _reboot.scss itself and are not reproduced
 * here; this file is a literal rendering of the Sass source rules.
 */

*,
*::before,
*::after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}

:root {
  box-sizing: border-box;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  position: relative;
  font-family: system-ui, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  min-height: 100%;
}

html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  scroll-behavior: smooth;
}

body {
  color: var(--bs-dark);
  font-family: var(--site-font-family-sans-serif);
  min-height: 100vh;
  font-size: 100%;
  line-height: 1.5;
  line-height: 1;
  margin: 0;
  overflow-x: clip;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input,
textarea,
button {
  font-size: inherit;
  font-family: inherit;
}

/* Content grouping
 *
 * 1. Reset Firefox's gray color
 * 2. $hr-border-color is null in Sass, so no color keyword is emitted in
 *    the border-top shorthand (matches dist/css/bootstrap.css: "border-top:
 *    1px solid;"); this is visually identical to the CSS initial value of
 *    border-color (currentcolor).
 */
hr {
  margin: var(--site-hr-margin-y) 0;
  color: var(--site-hr-color); /* 1 */
  border: 0;
  border-top: var(--site-hr-border-width) solid; /* 2 */
  opacity: var(--site-hr-opacity);
}

/* Abbreviations
 *
 * 1. Add the correct text decoration in Chrome, Edge, Opera, and Safari.
 * 2. Add explicit cursor to indicate changed behavior.
 * 3. Prevent the text-decoration to be skipped.
 */
abbr[title] {
  text-decoration: underline dotted; /* 1 */
  cursor: help; /* 2 */
  text-decoration-skip-ink: none; /* 3 */
}

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

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

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

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

dt {
  font-weight: var(--site-dt-font-weight);
}

/* Undo browser default */
dd {
  margin-bottom: 0.5rem;
  margin-left: 0; /* 1 */
}

/* Blockquote */
blockquote {
  margin: 0 0 1rem;
}

/* Strong
 * Add the correct font weight in Chrome, Edge, and Safari
 */
b,
strong {
  font-weight: var(--site-font-weight-bolder);
}

/* Small
 * Add the correct font size in all browsers
 */
small {
  font-size: var(--site-small-font-size);
}

/* Mark */
mark {
  padding: var(--site-mark-padding);
  background-color: var(--bs-highlight-bg);
}

/* Sub and Sup
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  position: relative;
  font-size: var(--site-sub-sup-font-size);
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Links */
a {
  color: var(--bs-link-color);
  text-decoration: var(--site-link-decoration);
}

a:hover {
  color: var(--bs-link-hover-color);
  text-decoration: var(--site-link-hover-decoration);
}

/* And undo these styles for placeholder links/named anchors (without href).
 * It would be more straightforward to just use a[href] in previous block, but that
 * causes specificity issues in many other styles that are too complex to fix.
 * See https://github.com/twbs/bootstrap/issues/19402
 */
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

/* Code */
pre,
code,
kbd,
samp {
  font-family: var(--site-font-family-code);
  font-size: 1em; /* Correct the odd `em` font sizing in all browsers. */
}

/* 1. Remove browser default top margin
 * 2. Reset browser default of `1em` to use `rem`s
 * 3. Don't allow content to break outside
 * 4. $pre-color is null in Sass, so no `color` declaration is emitted here
 *    at all (matches dist/css/bootstrap.css); this is visually identical to
 *    `color: inherit`, since `color` is an inherited property.
 */
pre {
  display: block;
  margin-top: 0; /* 1 */
  margin-bottom: 1rem; /* 2 */
  overflow: auto; /* 3 */
  font-size: var(--site-code-font-size);
}

/* Account for some code outputs that place code tags in pre tags */
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: var(--site-code-font-size);
  color: var(--bs-code-color);
  word-wrap: break-word;
}

/* Streamline the style when inside anchors to avoid broken underline and more */
a > code {
  color: inherit;
}

kbd {
  padding: var(--site-kbd-padding-y) var(--site-kbd-padding-x);
  font-size: var(--site-kbd-font-size);
  color: var(--site-kbd-color);
  background-color: var(--site-kbd-bg);
  border-radius: var(--site-border-radius-sm);
}

/* $nested-kbd-font-weight is null in Sass, so no `font-weight` declaration
 * is emitted here at all (matches dist/css/bootstrap.css).
 */
kbd kbd {
  padding: 0;
  font-size: 1em;
}

/* Figures
 * Apply a consistent margin strategy (matches our type styles).
 */
figure {
  margin: 0 0 1rem;
}

/* Images and content */
img,
svg {
  vertical-align: middle;
}

/* Tables
 * Prevent double borders
 */
table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: var(--site-table-cell-padding-y);
  padding-bottom: var(--site-table-cell-padding-y);
  color: var(--site-table-caption-color);
  text-align: left;
}

/* 1. $table-th-font-weight is null in Sass; no `font-weight` declaration is
 *    emitted here at all (matches dist/css/bootstrap.css). <th> keeps its
 *    browser UA-stylesheet default of bold via this omission -- do not
 *    consume --site-table-th-font-weight here (see css/base/variables.css).
 * 2. Matches default `<td>` alignment by inheriting `text-align`.
 * 3. Fix alignment for Safari
 */
th {
  text-align: inherit; /* 2 */
  text-align: -webkit-match-parent; /* 3 */
}

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

/* Forms
 * 1. Allow labels to use `margin` for spacing.
 */
label {
  display: inline-block;
  /* Lehigh_coe: override label defaults. */
  font-size: var(--site-form-label-font-size);
  font-weight: var(--site-form-label-font-weight);
}

/* Remove the default `border-radius` that macOS Chrome adds.
 * See https://github.com/twbs/bootstrap/issues/24093
 */
button {
  border-radius: 0;
}

/* Explicitly remove focus outline in Chromium when it shouldn't be
 * visible (e.g. as result of mouse click or touch tap). It already
 * should be doing this automatically, but seems to currently be
 * confused and applies its very visible two-tone outline anyway.
 */
button:focus:not(:focus-visible) {
  outline: 0;
}

/* 1. Remove the margin in Firefox and Safari */
input,
button,
select,
optgroup,
textarea {
  margin: 0; /* 1 */
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

/* Remove the inheritance of text transform in Firefox */
button,
select {
  text-transform: none;
}

/* Set the cursor for non-`<button>` buttons
 * Details at https://github.com/twbs/bootstrap/pull/30562
 */
[role='button'] {
  cursor: pointer;
}

select {
  /* Remove the inheritance of word-wrap in Safari.
   * See https://github.com/twbs/bootstrap/issues/24990
   */
  word-wrap: normal;
}

/* Undo the opacity change from Chrome */
select:disabled {
  opacity: 1;
}

/* Remove the dropdown arrow only from text type inputs built with datalists in Chrome.
 * See https://stackoverflow.com/a/54997118
 */
[list]:not([type='date']):not([type='datetime-local']):not([type='month']):not([type='week']):not([type='time'])::-webkit-calendar-picker-indicator {
  display: none !important;
}

/* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 * 3. Opinionated: add 'hand' cursor to non-disabled button elements.
 *    ($enable-button-pointers is true in Sass, so this block is
 *    statically compiled in.)
 */
button,
[type='button'], /* 1 */
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type='button']:not(:disabled),
[type='reset']:not(:disabled),
[type='submit']:not(:disabled) {
  cursor: pointer; /* 3 */
}

/* Remove inner border and padding from Firefox, but don't restore the outline like Normalize. */
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

/* 1. Textareas should really only resize vertically so they don't break their (horizontal) containers. */
textarea {
  resize: vertical; /* 1 */
}

/* 1. Browsers set a default `min-width: min-content;` on fieldsets,
 *    unlike e.g. `<div>`s, which have `min-width: 0;` by default.
 *    So we reset that to ensure fieldsets behave more like a standard block element.
 *    See https://github.com/twbs/bootstrap/issues/12359
 *    and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements
 * 2. Reset the default outline behavior of fieldsets so they don't affect page layout.
 */
fieldset {
  min-width: 0; /* 1 */
  padding: 0; /* 2 */
  margin: 0; /* 2 */
  border: 0; /* 2 */
}

/* 1. By using `float: left`, the legend will behave like a block element.
 *    This way the border of a fieldset wraps around the legend if present.
 * 2. Fix wrapping bug.
 *    See https://github.com/twbs/bootstrap/issues/29712
 * 3. $legend-font-weight is null in Sass, so no `font-weight` declaration
 *    is emitted here at all (matches dist/css/bootstrap.css).
 */
legend {
  float: left; /* 1 */
  width: 100%;
  padding: 0;
  margin-bottom: var(--site-legend-margin-bottom);
  font-size: var(--site-legend-font-size);
  line-height: inherit;
}

legend + * {
  clear: left; /* 2 */
}

/* Fix height of inputs with a type of datetime-local, date, month, week, or time
 * See https://github.com/twbs/bootstrap/issues/18842
 */
::-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;
}

/* 1. Correct the outline style in Safari.
 * 2. This overrides the extra rounded corners on search inputs in iOS so that our
 *    `.form-control` class can properly style them. Note that this cannot simply
 *    be added to `.form-control` as it's not specific enough. For details, see
 *    https://github.com/twbs/bootstrap/issues/11586.
 */
[type='search'] {
  outline-offset: -2px; /* 1 */
  -webkit-appearance: textfield; /* 2 */
}

/* 1. A few input types should stay LTR
 *    See https://rtlstyling.com/posts/rtl-styling#form-inputs
 * 2. RTL only output
 *    See https://rtlcss.com/learn/usage-guide/control-directives/#raw
 *
 * The Sass source wraps the block below in an `/* rtl:raw: ... * /` rtlcss
 * control comment, which only emits the [type='tel'] etc. direction: ltr
 * rule into a separately generated RTL stylesheet. This theme's current
 * compiled output (dist/css/bootstrap.css) is LTR-only and does not contain
 * that rule either, so it is intentionally not reproduced here; this file
 * covers the LTR reset only, matching current shipped behavior.
 */

/* Remove the inner padding in Chrome and Safari on macOS. */
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* Remove padding around color pickers in webkit browsers */
::-webkit-color-swatch-wrapper {
  padding: 0;
}

/* 1. Inherit font family and line height for file input buttons
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
::file-selector-button {
  font: inherit; /* 1 */
  -webkit-appearance: button; /* 2 */
}

/* Correct element displays */
output {
  display: inline-block;
}

/* Remove border from iframe */
iframe {
  border: 0;
}

/* Summary
 * 1. Add the correct display in all browsers
 */
summary {
  display: list-item; /* 1 */
  cursor: pointer;
}

/* Progress
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/* Hidden attribute
 * Always hide an element with the `hidden` HTML attribute.
 */
[hidden] {
  display: none !important;
}