:root {
  color-scheme: light !important;
  font-family: Tahoma, Verdana, Arial, sans-serif !important;
  color: #000 !important;
  background: #3a6ea5 !important;
}

*, *::before, *::after {
  box-shadow: none !important;
  text-shadow: none !important;
  transition: none !important;
}

html { background: #3a6ea5 !important; }

body {
  color: #000 !important;
  background: #d4d0c8 !important;
  font-family: Tahoma, Verdana, Arial, sans-serif !important;
  font-size: 13px !important;
}

header {
  color: #fff !important;
  background: #000080 !important;
  border: 2px outset #d4d0c8 !important;
  border-radius: 0 !important;
  font-family: Tahoma, Verdana, Arial, sans-serif !important;
}

h1, h2, h3 {
  color: #000080 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  letter-spacing: 0 !important;
}

a { color: #0000ee; }
a:visited { color: #551a8b; }

button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.button,
.actions > a,
.side-button,
.back,
main li > a {
  min-height: 28px;
  padding: 5px 12px !important;
  border: 2px outset #f4f4f4 !important;
  border-radius: 0 !important;
  color: #000 !important;
  background: #d4d0c8 !important;
  font: bold 13px Tahoma, Verdana, Arial, sans-serif !important;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
}

button:active,
input[type="button"]:active,
input[type="submit"]:active,
.button:active,
.actions > a:active,
.side-button:active,
.back:active,
main li > a:active {
  border-style: inset !important;
  transform: none !important;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 1px dotted #000 !important;
  outline-offset: -4px !important;
}

input,
textarea,
select {
  border: 2px inset #fff !important;
  border-radius: 0 !important;
  color: #000 !important;
  background: #fff !important;
  font: 13px Tahoma, Verdana, Arial, sans-serif !important;
}

.card,
.panel,
.notice,
.announcement-form,
.feedback-item,
.recorder-card,
.calculator,
.keyboard,
.display,
dialog,
[class*="modal-content"],
[class*="dialog-card"] {
  border: 2px outset #fff !important;
  border-radius: 0 !important;
  color: #000 !important;
  background: #ece9d8 !important;
}

.subtitle,
.message,
.intro,
.label,
.character-count,
.status {
  color: #333 !important;
}

.value { color: #000080 !important; }

nav,
aside {
  border-color: #808080 !important;
  border-radius: 0 !important;
  background: #d4d0c8 !important;
  backdrop-filter: none !important;
}

nav a,
nav button {
  border: 1px solid transparent !important;
  border-radius: 0 !important;
  color: #000 !important;
  background: transparent !important;
}

nav a[aria-current="page"],
nav button[aria-selected="true"] {
  border: 1px dotted #000 !important;
  color: #fff !important;
  background: #000080 !important;
}

.nav-icon { color: inherit !important; }

.star { color: #c07800 !important; }
.service-up { color: #006400 !important; }
.service-down { color: #9b0000 !important; }

iframe,
pre,
code,
#code-editor,
#editor-preview {
  border: 2px inset #fff !important;
  border-radius: 0 !important;
}

.disclaimer,
.notice,
[class*="announcement"] {
  border-radius: 0 !important;
}

@media (min-width: 761px) {
  body > main:not(.wrap),
  body > .container,
  body > .shell {
    border-left: 1px solid #808080;
    border-right: 1px solid #fff;
  }
}