/* CompTIA poster: white grid, red type, Security+ mark. Overrides the gold night theme. */
html {
  background: #fff !important;
  color-scheme: light !important;
}
body {
  background-color: #fff !important;
  background-image:
    linear-gradient(#eef2f7 1px, transparent 1px),
    linear-gradient(90deg, #eef2f7 1px, transparent 1px) !important;
  background-size: 42px 42px !important;
  background-attachment: fixed !important;
  color: #1c1c1c !important;
}
::selection { background: #e2231a !important; color: #fff !important; }

header {
  background: rgba(255, 255, 255, 0.94) !important;
  border-bottom: 1px solid #e6ebf2 !important;
  box-shadow: 0 1px 0 rgba(226, 35, 26, 0.05);
}
footer {
  background: #fff !important;
  border-top: 1px solid #e6ebf2 !important;
}

h1, h2, h3, h4, h5,
.text-white, .text-slate-100, .text-slate-200 {
  color: #1c1c1c !important;
}
.text-slate-300, .text-slate-400, .text-slate-500 {
  color: #4b5563 !important;
}
.text-brand-gold, .text-brand-goldlight, .text-brand-accent,
[class*="text-brand-gold"] {
  color: #e2231a !important;
}
.gold-gradient-text {
  background: none !important;
  -webkit-text-fill-color: #e2231a !important;
  color: #e2231a !important;
}
.badge-gold {
  background: #fff5f4 !important;
  border: 1px solid #f3c1bd !important;
  color: #c41612 !important;
}
.gold-border-glow,
.gold-border-glow:hover {
  border: 1px solid #f0d4d2 !important;
  box-shadow: 0 10px 30px rgba(28, 39, 64, 0.05) !important;
}

[class*="bg-brand-darkbg"],
[class*="bg-brand-cardbg"],
[class*="bg-brand-cardhover"] {
  background-color: #fff !important;
}
[class*="from-brand-"],
[class*="to-brand-"],
[class*="via-brand-"] {
  --tw-gradient-from: transparent !important;
  --tw-gradient-to: transparent !important;
  background-image: none !important;
}
[class*="bg-brand-gold/"] {
  background-color: rgba(226, 35, 26, 0.1) !important;
}
[class~="bg-brand-gold"],
a[class*="from-brand-gold"],
button[class*="from-brand-gold"] {
  background-color: #e2231a !important;
  background-image: none !important;
  color: #fff !important;
  border-color: #e2231a !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 18px rgba(226, 35, 26, 0.22) !important;
}
[class~="bg-brand-gold"] *,
a[class*="from-brand-gold"] *,
button[class*="from-brand-gold"] * {
  color: #fff !important;
}

[class*="border-brand-border"] { border-color: #e6ebf2 !important; }
[class*="border-brand-gold"] { border-color: #f3c1bd !important; }

header .w-12.h-12 {
  background: #fff url("security-plus-logo.png") center / contain no-repeat !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
header .w-12.h-12 > div {
  background: transparent !important;
  background-image: none !important;
}
header .fa-shield-halved { visibility: hidden !important; }

body > section.relative { overflow: hidden; }
body > section.relative::before {
  content: "";
  position: absolute;
  right: max(1rem, calc((100% - 80rem) / 2 + 1.5rem));
  top: .35rem;
  width: 108px;
  height: 108px;
  background: url("security-plus-logo.png") center / contain no-repeat;
  pointer-events: none;
  z-index: 1;
}
body > section.relative::after {
  content: "";
  position: absolute;
  top: -48px;
  right: 7rem;
  width: 280px;
  height: 120px;
  pointer-events: none;
  z-index: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 340 150'%3E%3Cpath d='M10 120 C 80 20, 180 10, 340 70' fill='none' stroke='%23e2231a' stroke-width='16' stroke-linecap='round'/%3E%3Cpath d='M40 140 C 120 50, 210 36, 340 110' fill='none' stroke='%23e2231a' stroke-width='9' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
body > section.relative > * { position: relative; z-index: 2; padding-top: 6.5rem !important; }

.text-emerald-300, .text-emerald-400 { color: #047857 !important; }
.text-rose-300, .text-rose-400 { color: #be123c !important; }
.text-sky-300, .text-sky-400 { color: #0369a1 !important; }
[class*="bg-emerald-950"] {
  background-color: #ecfdf5 !important;
  border-color: #a7f3d0 !important;
}
[class*="bg-rose-950"] {
  background-color: #fff1f2 !important;
  border-color: #fecdd3 !important;
}
[class*="bg-sky-500"] { background-color: #e0f2fe !important; }

.quiz-opt-btn:hover:not(:disabled) {
  background-color: #fff5f4 !important;
  border-color: #e2231a !important;
}
.opt-correct {
  background-color: #d1fae5 !important;
  border-color: #059669 !important;
  color: #065f46 !important;
}
.opt-incorrect {
  background-color: #ffe4e6 !important;
  border-color: #e11d48 !important;
  color: #9f1239 !important;
}
.opt-correct .text-brand-gold,
.opt-incorrect .text-brand-gold { color: inherit !important; }

table { background: #fff; }
th { color: #e2231a !important; }

@media (max-width: 900px) {
  body > section.relative::before { width: 84px; height: 84px; top: .2rem; }
  body > section.relative::after { width: 180px; height: 80px; right: 4.5rem; top: -36px; }
  body > section.relative > * { padding-top: 5.6rem !important; }
}