:root {
  --navy: #102a43;
  --navy-2: #173f5f;
  --teal: #1aa6a6;
  --teal-soft: #e6f7f7;
  --blue: #2563eb;
  --ink: #243b53;
  --muted: #627d98;
  --line: #d9e2ec;
  --bg: #f5f8fb;
  --white: #ffffff;
  --gold: #f0b429;
  --danger: #c2410c;
  --radius: 8px;
}

* {
  box-sizing: border-box;
}

body {
  color: var(--ink);
  background: var(--white);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
}

body:not(.app-shell) {
  overflow-x: hidden;
}

a {
  color: var(--blue);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.text-navy {
  color: var(--navy);
}

.tm {
  font-size: 0.45em;
  vertical-align: super;
  margin-left: 1px;
}

.navbar-brand {
  letter-spacing: 0;
}

.btn {
  border-radius: var(--radius);
  font-weight: 700;
}

.btn-primary {
  background: var(--blue);
  border-color: var(--blue);
}

.btn-primary:hover {
  background: #1d4ed8;
  border-color: #1d4ed8;
}

.hero-medtech {
  color: var(--white);
  background:
    linear-gradient(115deg, rgba(16, 42, 67, 0.96), rgba(23, 63, 95, 0.9)),
    repeating-linear-gradient(90deg, rgba(255,255,255,0.08) 0 1px, transparent 1px 80px),
    repeating-linear-gradient(0deg, rgba(255,255,255,0.05) 0 1px, transparent 1px 80px);
  padding: 88px 0 64px;
}

.hero-medtech h1 {
  max-width: 760px;
  font-size: clamp(2.2rem, 5vw, 4.5rem);
  line-height: 1.02;
  margin: 12px 0 20px;
}

.hero-medtech .lead {
  color: rgba(255, 255, 255, 0.82);
  max-width: 650px;
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--teal);
  font-weight: 800;
  font-size: 0.8rem;
  text-transform: uppercase;
}

.trust-row {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 28px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.92rem;
}

.dashboard-preview {
  background: rgba(255, 255, 255, 0.96);
  color: var(--ink);
  border-radius: 8px;
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.24);
}

.preview-top,
.preview-grid {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
}

.preview-top strong {
  font-size: 3rem;
  color: var(--teal);
}

.preview-grid {
  margin: 16px 0;
}

.preview-grid > div {
  flex: 1;
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
}

.preview-grid small,
.metric-card span {
  display: block;
  color: var(--muted);
  font-weight: 700;
  font-size: 0.78rem;
  text-transform: uppercase;
}

.mini-bars {
  height: 190px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  align-items: end;
  gap: 10px;
  padding: 16px;
  border-radius: 8px;
  background: linear-gradient(180deg, #f8fbff, #eaf3fb);
}

.mini-bars span {
  display: block;
  min-height: 24px;
  border-radius: 6px 6px 2px 2px;
  background: linear-gradient(180deg, var(--teal), var(--blue));
}

.competency-bars {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  align-items: end;
  min-height: 224px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(238, 247, 251, 0.96)),
    repeating-linear-gradient(0deg, rgba(16, 42, 67, 0.04) 0 1px, transparent 1px 38px);
}

.competency-bar {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
}

.bar-track {
  display: flex;
  align-items: flex-end;
  width: 100%;
  max-width: 68px;
  height: 142px;
  padding: 4px;
  border: 1px solid #d7e5f0;
  border-radius: 8px 8px 4px 4px;
  background: #eaf2f8;
  overflow: hidden;
}

.bar-track span {
  display: block;
  width: 100%;
  min-height: 16px;
  border-radius: 6px 6px 2px 2px;
  background: linear-gradient(180deg, var(--teal), var(--blue));
  box-shadow: 0 10px 20px rgba(37, 99, 235, 0.22);
}

.competency-bar.low .bar-track span {
  background: linear-gradient(180deg, #f59e0b, #dc2626);
}

.competency-bar.high .bar-track span {
  background: linear-gradient(180deg, #22c55e, var(--teal));
}

.bar-caption {
  display: grid;
  gap: 4px;
  width: 100%;
  margin-top: 9px;
  text-align: center;
}

.bar-caption strong {
  color: var(--navy);
  font-size: 0.72rem;
  line-height: 1.12;
  overflow-wrap: anywhere;
}

.bar-caption small {
  color: var(--muted);
  font-weight: 850;
  font-size: 0.72rem;
}

.competency-bars.compact,
.competency-bars.preview-bars,
.competency-bars.report-bars {
  min-height: 210px;
}

.competency-bars.compact .bar-track,
.competency-bars.preview-bars .bar-track,
.competency-bars.report-bars .bar-track {
  height: 126px;
}

.preview-alert {
  margin-top: 16px;
  border-left: 4px solid var(--gold);
  background: #fff8e5;
  padding: 12px 14px;
  border-radius: 6px;
  font-weight: 700;
}

.info-card,
.pricing-card,
.testimonial-card,
.surface,
.form-card,
.auth-card,
.payment-card,
.installer-card,
.order-summary,
.risk-panel,
.locked-teaser,
.contact-panel,
.seo-cta {
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: 0 12px 32px rgba(16, 42, 67, 0.06);
}

.info-card,
.pricing-card,
.testimonial-card,
.form-card,
.auth-card,
.payment-card,
.installer-card,
.order-summary,
.risk-panel,
.locked-teaser,
.contact-panel,
.seo-cta,
.surface {
  padding: 24px;
}

.info-card h3,
.pricing-card h3 {
  font-size: 1.08rem;
}

.section-band {
  background: var(--bg);
  padding: 64px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.section-heading {
  margin-bottom: 28px;
}

.section-heading h2 {
  max-width: 760px;
}

.timeline-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.timeline-steps > div {
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 20px;
}

.timeline-steps b {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--teal-soft);
  color: var(--teal);
  margin-bottom: 12px;
}

.competency-list,
.usa-grid,
.admin-quick-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.competency-list a,
.usa-grid span,
.admin-quick-links a {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px 14px;
  background: var(--white);
  font-weight: 700;
}

.admin-quick-links a.active {
  color: var(--white);
  background: var(--blue);
  border-color: var(--blue);
}

.risk-panel {
  border-left: 5px solid var(--teal);
}

.stars {
  color: var(--gold);
  font-size: 1.1rem;
  margin-bottom: 10px;
}

.price {
  color: var(--navy);
  font-size: 2rem;
  font-weight: 850;
  margin: 12px 0 18px;
}

.final-cta {
  background: linear-gradient(115deg, var(--navy), var(--navy-2));
  color: var(--white);
  padding: 58px 0;
}

.page-hero {
  background: linear-gradient(115deg, #eef7fb, #ffffff);
  border-bottom: 1px solid var(--line);
  padding: 56px 0;
}

.page-hero h1 {
  max-width: 860px;
  font-size: clamp(2rem, 4vw, 3.6rem);
}

.content-body {
  max-width: 980px;
}

.premium-page-hero {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(115deg, rgba(238, 247, 251, 0.96), rgba(255, 255, 255, 0.96)),
    repeating-linear-gradient(90deg, rgba(16, 42, 67, 0.045) 0 1px, transparent 1px 84px);
  padding: 72px 0 64px;
}

.premium-page-hero h1 {
  font-size: clamp(2.8rem, 5vw, 5rem);
  line-height: 0.98;
  margin: 14px 0 18px;
}

.premium-page-hero p {
  max-width: 780px;
  color: var(--navy-2);
  font-size: 1.12rem;
}

.hero-assurance {
  display: grid;
  gap: 10px;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  box-shadow: 0 16px 36px rgba(16, 42, 67, 0.08);
}

.hero-assurance span {
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--navy);
  font-weight: 800;
}

.hero-assurance i {
  color: var(--teal);
}

.premium-content-body {
  max-width: none;
}

.service-intro,
.testimonial-intro,
.premium-contact-panel,
.editorial-intro {
  background: linear-gradient(135deg, #ffffff, #f8fbff);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: 0 18px 44px rgba(16, 42, 67, 0.07);
}

.service-intro,
.testimonial-intro {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: 26px;
}

.service-intro h2,
.testimonial-intro h2,
.editorial-intro h2,
.premium-contact-panel h2 {
  max-width: 780px;
  font-size: clamp(1.55rem, 3vw, 2.35rem);
}

.service-intro p,
.editorial-intro p,
.premium-contact-panel p {
  color: var(--muted);
  margin-bottom: 0;
}

.premium-service-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.home-service-grid,
.home-testimonial-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.premium-service-card,
.premium-blog-card,
.premium-testimonial-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 26px;
  box-shadow: 0 18px 42px rgba(16, 42, 67, 0.07);
}

.premium-service-card.featured {
  border-color: rgba(26, 166, 166, 0.55);
  box-shadow: 0 24px 60px rgba(26, 166, 166, 0.14);
}

.premium-service-card.compact,
.premium-testimonial-card.compact {
  padding: 24px;
}

.premium-service-card.compact h3 {
  min-height: 2.7em;
}

.premium-testimonial-card.compact p {
  min-height: 5.2em;
}

.premium-service-card.featured::before {
  content: "Premium";
  position: absolute;
  top: 16px;
  right: 16px;
  color: #075985;
  background: #e0f2fe;
  border: 1px solid #bae6fd;
  border-radius: 999px;
  padding: 5px 10px;
  font-weight: 850;
  font-size: 0.75rem;
}

.service-card-top {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  color: var(--muted);
  font-weight: 800;
  font-size: 0.84rem;
  text-transform: uppercase;
}

.service-icon {
  display: inline-grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 8px;
  color: var(--teal);
  background: var(--teal-soft);
  font-size: 1.35rem;
}

.premium-service-card h3,
.premium-blog-card h2,
.premium-testimonial-card h3 {
  color: var(--navy);
  font-size: 1.28rem;
  line-height: 1.22;
}

.premium-service-card p,
.premium-blog-card p,
.premium-testimonial-card p {
  color: var(--ink);
  font-size: 1rem;
  line-height: 1.65;
}

.premium-service-card ul {
  padding: 0;
  margin: 14px 0 22px;
  list-style: none;
}

.premium-service-card li {
  position: relative;
  padding-left: 24px;
  margin: 9px 0;
  color: var(--muted);
}

.premium-service-card li::before {
  content: "\2713";
  position: absolute;
  left: 0;
  color: var(--teal);
  font-weight: 900;
}

.service-card-bottom {
  margin-top: auto;
}

.primary-offer-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 24px;
  align-items: stretch;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.98)),
    repeating-linear-gradient(90deg, rgba(16, 42, 67, 0.028) 0 1px, transparent 1px 76px);
  border: 1px solid rgba(26, 166, 166, 0.34);
  border-radius: 8px;
  padding: 28px;
  box-shadow: 0 24px 64px rgba(16, 42, 67, 0.12);
}

.primary-offer-card h3 {
  color: var(--navy);
  font-size: clamp(1.65rem, 3vw, 2.5rem);
  line-height: 1.08;
  margin: 10px 0 12px;
}

.primary-offer-card p {
  max-width: 780px;
  color: var(--ink);
  font-size: 1.08rem;
  line-height: 1.65;
}

.primary-offer-card ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 16px;
  padding: 0;
  margin: 18px 0 0;
  list-style: none;
}

.primary-offer-card li {
  position: relative;
  padding-left: 26px;
  color: var(--navy);
  font-weight: 760;
}

.primary-offer-card li::before {
  content: "\2713";
  position: absolute;
  left: 0;
  color: var(--teal);
  font-weight: 950;
}

.primary-offer-price {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
  color: var(--white);
  background: linear-gradient(135deg, var(--navy), var(--navy-2));
  border-radius: 8px;
  padding: 24px;
  text-align: center;
}

.primary-offer-price span,
.primary-offer-price small {
  color: rgba(255, 255, 255, 0.72);
  font-weight: 800;
}

.primary-offer-price strong {
  color: var(--white);
  font-size: clamp(2.2rem, 5vw, 3.3rem);
  line-height: 1;
}

.primary-offer-price .btn {
  margin-top: 8px;
}

.addon-section {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 22px;
  background: #fbfdff;
}

.addon-section h3 {
  color: var(--navy);
  margin: 8px 0 18px;
  font-size: clamp(1.25rem, 2vw, 1.7rem);
}

.addon-offer-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.addon-offer-card {
  display: grid;
  grid-template-columns: 46px 1fr;
  gap: 14px;
  align-items: flex-start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 18px;
  background: var(--white);
}

.addon-offer-card h4 {
  color: var(--navy);
  font-size: 1.08rem;
  margin-bottom: 6px;
}

.addon-offer-card p {
  color: var(--muted);
  margin-bottom: 12px;
}

.addon-card-bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}

.addon-card-bottom strong {
  color: var(--navy);
  font-size: 1.1rem;
}

.premium-note {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--navy);
  background: #f8fbff;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px 16px;
  font-weight: 750;
}

.premium-note i {
  color: var(--teal);
}

.premium-home-band {
  background:
    linear-gradient(135deg, rgba(245, 248, 251, 0.98), rgba(238, 247, 251, 0.98)),
    repeating-linear-gradient(90deg, rgba(16, 42, 67, 0.035) 0 1px, transparent 1px 96px);
}

.rating-summary {
  min-width: 190px;
  text-align: right;
}

.rating-summary strong {
  display: block;
  color: var(--navy);
  font-size: 2.4rem;
  line-height: 1;
}

.rating-summary span {
  color: var(--muted);
  font-weight: 800;
}

.premium-testimonial-grid,
.premium-blog-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.testimonial-rating,
.testimonial-rating-line {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
  margin-bottom: 16px;
}

.testimonial-rating strong,
.testimonial-rating-line strong {
  display: block;
  color: var(--navy);
  font-size: 0.95rem;
}

.testimonial-rating > span {
  color: #166534;
  background: #dcfce7;
  border-radius: 999px;
  padding: 5px 10px;
  font-size: 0.72rem;
  font-weight: 850;
  white-space: nowrap;
}

.premium-testimonial-card.compact .testimonial-rating {
  align-items: flex-start;
}

.premium-testimonial-card.compact .testimonial-rating > span {
  white-space: normal;
  text-align: center;
}

.testimonial-rating .stars,
.testimonial-rating-line .stars,
.rating-summary .stars {
  color: var(--gold);
  letter-spacing: 1px;
}

.score-change {
  display: inline-grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fbff;
  padding: 10px 12px;
  margin-top: auto;
}

.score-change small {
  display: block;
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 850;
  text-transform: uppercase;
}

.score-change strong {
  color: var(--navy);
  font-size: 1.25rem;
}

.score-change i {
  color: var(--teal);
}

.testimonial-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.testimonial-footer span {
  color: var(--muted);
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 5px 9px;
  font-size: 0.78rem;
  font-weight: 750;
}

.editorial-intro {
  padding: 26px;
}

.blog-card-meta {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 18px;
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 850;
  text-transform: uppercase;
}

.premium-blog-card h2 {
  font-size: clamp(1.35rem, 3vw, 2rem);
}

.premium-blog-card .btn {
  margin-top: auto;
  align-self: flex-start;
}

.premium-contact-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 420px;
  gap: 24px;
  padding: 28px;
}

.contact-main {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.contact-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}

.contact-methods {
  display: grid;
  gap: 12px;
}

.contact-methods > div {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 2px 12px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--white);
  padding: 14px;
}

.contact-methods i {
  grid-row: span 2;
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  color: var(--teal);
  background: var(--teal-soft);
  border-radius: 8px;
  font-size: 1.2rem;
}

.contact-methods small {
  color: var(--muted);
  font-weight: 850;
  text-transform: uppercase;
}

.contact-methods strong {
  color: var(--navy);
  overflow-wrap: anywhere;
}

.code-textarea {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.88rem;
}

.metric-mini {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px 12px;
  margin-bottom: 8px;
  background: #f8fbff;
}

.metric-mini span {
  color: var(--muted);
  font-weight: 800;
}

.metric-mini strong {
  color: var(--navy);
  font-size: 1.2rem;
}

.ai-workflow {
  display: grid;
  gap: 10px;
  padding-left: 1.2rem;
}

.ai-cta-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 34px 0;
}

.ai-cta-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 24px;
  background: linear-gradient(135deg, #ffffff, #f8fbff);
  box-shadow: 0 16px 36px rgba(16, 42, 67, 0.07);
}

.ai-cta-card span {
  color: var(--teal);
  font-weight: 850;
  text-transform: uppercase;
  font-size: 0.78rem;
}

.ai-faq-section,
.ai-related-links {
  margin: 34px 0;
}

.ai-faq-item {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 18px;
  margin-bottom: 12px;
  background: #ffffff;
}

.ai-related-links > div {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ai-related-links a {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 8px 12px;
  background: #f8fbff;
  font-weight: 750;
}

.template-downloads {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.template-downloads a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 8px 12px;
  background: #f8fbff;
  font-weight: 800;
}

.template-downloads a::before {
  content: "\F30A";
  font-family: "bootstrap-icons";
  color: var(--teal);
}

.how-hero,
.report-value-hero,
.assessment-hero {
  background:
    linear-gradient(115deg, rgba(238, 247, 251, 0.98), rgba(255, 255, 255, 0.98)),
    repeating-linear-gradient(90deg, rgba(16, 42, 67, 0.04) 0 1px, transparent 1px 92px);
  border-bottom: 1px solid var(--line);
  padding: 68px 0;
}

.how-hero h1,
.report-value-hero h1,
.assessment-hero h1 {
  max-width: 760px;
  font-size: clamp(2.4rem, 5vw, 4.4rem);
  line-height: 1.05;
  margin: 14px 0 18px;
}

.how-hero .lead,
.report-value-hero .lead,
.assessment-hero .lead {
  color: var(--navy-2);
  max-width: 690px;
}

.trust-strip,
.assessment-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.trust-strip span,
.assessment-trust span,
.assurance-row span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.78);
  border-radius: 999px;
  padding: 8px 12px;
  color: var(--navy);
  font-weight: 750;
  font-size: 0.86rem;
}

.how-dashboard-preview,
.readiness-preview-card {
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: 0 24px 60px rgba(16, 42, 67, 0.12);
  padding: 24px;
}

.preview-header,
.preview-score-row,
.preview-metrics {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
}

.preview-header {
  color: var(--muted);
  font-weight: 800;
  text-transform: uppercase;
  font-size: 0.8rem;
}

.preview-header strong {
  color: var(--teal);
  letter-spacing: 0;
}

.preview-score-large {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 20px;
  margin: 18px 0;
  background: linear-gradient(135deg, #f8fbff, #e6f7f7);
}

.preview-score-large small,
.preview-score-row small,
.preview-metrics small {
  display: block;
  color: var(--muted);
  font-weight: 800;
  text-transform: uppercase;
  font-size: 0.72rem;
}

.preview-score-large b {
  display: block;
  color: var(--navy);
  font-size: 3.4rem;
  line-height: 1;
}

.preview-score-large span {
  display: inline-block;
  margin-top: 8px;
  color: #075985;
  background: #e0f2fe;
  border-radius: 999px;
  padding: 5px 10px;
  font-weight: 800;
}

.preview-metrics > div,
.preview-score-row > div {
  flex: 1;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 13px;
  background: #fbfdff;
}

.preview-wave {
  height: 130px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 8px;
  align-items: end;
  margin-top: 18px;
}

.preview-wave span {
  min-height: 22px;
  border-radius: 6px 6px 2px 2px;
  background: linear-gradient(180deg, var(--teal), var(--blue));
}

.pathway-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

.pathway-card {
  position: relative;
  min-height: 255px;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 22px;
  box-shadow: 0 12px 28px rgba(16, 42, 67, 0.06);
}

.pathway-card i {
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  color: var(--teal);
  background: var(--teal-soft);
  border-radius: 8px;
  font-size: 1.35rem;
  margin-bottom: 18px;
}

.pathway-number {
  position: absolute;
  top: 14px;
  right: 16px;
  color: rgba(16, 42, 67, 0.16);
  font-weight: 900;
  font-size: 2.2rem;
}

.pathway-card h3,
.unlock-grid h3 {
  font-size: 1.05rem;
}

.pathway-card p,
.unlock-grid p,
.premium-panel p {
  color: var(--muted);
}

.unlock-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.unlock-grid > div,
.premium-panel {
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 22px;
}

.unlock-grid i {
  color: var(--blue);
  font-size: 1.45rem;
}

.premium-panel {
  box-shadow: 0 12px 28px rgba(16, 42, 67, 0.06);
}

.assurance-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.assessment-form {
  box-shadow: 0 24px 60px rgba(16, 42, 67, 0.1);
}

.form-kicker {
  display: inline-block;
  color: var(--teal);
  background: var(--teal-soft);
  border-radius: 999px;
  padding: 5px 10px;
  font-weight: 850;
  font-size: 0.75rem;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.preview-lock {
  color: var(--blue);
  font-weight: 850;
  margin-bottom: 16px;
}

.preview-meter {
  height: 12px;
  background: #e5edf5;
  border-radius: 999px;
  overflow: hidden;
  margin: 16px 0;
}

.preview-meter span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, var(--teal), var(--blue), var(--gold));
  border-radius: inherit;
}

.locked-teaser ul,
.check-list,
.recommendation-list {
  padding-left: 0;
  list-style: none;
}

.locked-teaser li,
.check-list li {
  margin: 10px 0;
  padding-left: 24px;
  position: relative;
}

.locked-teaser li::before,
.check-list li::before {
  content: "\2713";
  color: var(--teal);
  position: absolute;
  left: 0;
  font-weight: 800;
}

.report-hero-card,
.value-compare-card,
.report-reason-card,
.report-image-frame,
.report-faq {
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: 0 22px 58px rgba(16, 42, 67, 0.1);
}

.report-hero-card {
  padding: 24px;
}

.report-value-hero .row,
.report-picture-band .row {
  margin-left: 0;
  margin-right: 0;
}

.report-hero-top,
.report-meter-row {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
}

.report-hero-top {
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 850;
  text-transform: uppercase;
}

.report-hero-top i {
  color: var(--teal);
}

.report-hero-top strong {
  color: var(--navy);
}

.report-meter-row {
  margin: 20px 0;
}

.report-meter-row > div {
  flex: 1;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fbff;
  padding: 16px;
}

.report-meter-row small {
  display: block;
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 850;
  text-transform: uppercase;
}

.report-meter-row b {
  color: var(--navy);
  font-size: clamp(1.4rem, 3vw, 2.1rem);
}

.report-mini-chart {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  align-items: end;
  gap: 10px;
  height: 170px;
  border-radius: 8px;
  background: linear-gradient(180deg, #fbfdff, #eef7fb);
  border: 1px solid var(--line);
  padding: 18px;
}

.report-mini-chart span {
  display: block;
  min-height: 24px;
  border-radius: 6px 6px 2px 2px;
  background: linear-gradient(180deg, var(--teal), var(--blue));
}

.report-alert {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin-top: 16px;
  border-left: 4px solid var(--gold);
  border-radius: 6px;
  background: #fff8e5;
  padding: 12px 14px;
  color: var(--navy);
  font-weight: 750;
}

.value-compare-grid,
.report-reason-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.report-reason-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.value-compare-card,
.report-reason-card {
  padding: 26px;
}

.value-compare-card {
  position: relative;
  overflow: hidden;
}

.value-compare-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: var(--line);
}

.value-compare-card.paid::before {
  background: linear-gradient(90deg, var(--teal), var(--blue), var(--gold));
}

.value-compare-card h3,
.report-reason-card h3 {
  color: var(--navy);
}

.value-compare-card p,
.report-reason-card p {
  color: var(--muted);
}

.compare-label {
  display: inline-flex;
  color: var(--teal);
  background: var(--teal-soft);
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 0.74rem;
  font-weight: 850;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.value-compare-card ul {
  list-style: none;
  padding: 0;
  margin: 18px 0;
}

.value-compare-card li {
  position: relative;
  margin: 10px 0;
  padding-left: 24px;
}

.value-compare-card li::before {
  content: "\2713";
  position: absolute;
  left: 0;
  color: var(--teal);
  font-weight: 900;
}

.compare-lock,
.compare-unlock {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
  padding: 13px;
  font-weight: 750;
}

.compare-lock {
  color: var(--muted);
  background: #f8fbff;
  border: 1px solid var(--line);
}

.compare-unlock {
  color: #075985;
  background: #e0f2fe;
  border: 1px solid #bae6fd;
}

.report-picture-band {
  background:
    linear-gradient(135deg, rgba(245, 248, 251, 0.99), rgba(238, 247, 251, 0.99)),
    repeating-linear-gradient(90deg, rgba(16, 42, 67, 0.035) 0 1px, transparent 1px 96px);
}

.report-image-frame {
  overflow: hidden;
  padding: 10px;
}

.report-image-frame img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 6px;
}

.report-reason-card i {
  display: inline-grid;
  place-items: center;
  width: 46px;
  height: 46px;
  color: var(--teal);
  background: var(--teal-soft);
  border-radius: 8px;
  font-size: 1.35rem;
  margin-bottom: 18px;
}

.risk-mini-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.risk-mini-list span {
  color: #7c2d12;
  background: #ffedd5;
  border: 1px solid #fed7aa;
  border-radius: 999px;
  padding: 8px 11px;
  font-weight: 800;
}

.success-panel {
  border-color: rgba(26, 166, 166, 0.45);
  background: linear-gradient(135deg, #ffffff, #f0fdfa);
}

.report-faq {
  padding: 26px;
}

.unlock-learn-link {
  display: block;
  color: rgba(255, 255, 255, 0.86);
  font-weight: 800;
  text-align: center;
  margin-top: 12px;
}

.contact-panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.installer-bg {
  min-height: 100vh;
  background:
    linear-gradient(135deg, rgba(16,42,67,0.92), rgba(37,99,235,0.78)),
    var(--bg);
}

.installer-card,
.auth-card,
.payment-card {
  max-width: 760px;
}

.auth-card {
  max-width: 560px;
}

.payment-card {
  max-width: 680px;
}

.site-footer {
  background: var(--navy);
  color: var(--white);
}

.site-footer a {
  display: block;
  color: rgba(255, 255, 255, 0.72);
  margin: 7px 0;
}

.app-shell {
  background: var(--bg);
}

.app-sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  width: 260px;
  background: var(--navy);
  color: var(--white);
  padding: 22px 16px;
  overflow-y: auto;
  z-index: 1040;
}

.app-sidebar .brand {
  display: block;
  color: var(--white);
  font-size: 1.2rem;
  font-weight: 900;
  margin-bottom: 22px;
}

.app-sidebar .brand span {
  display: block;
  color: var(--teal);
  font-size: 0.82rem;
}

.app-sidebar nav a {
  display: block;
  color: rgba(255, 255, 255, 0.74);
  border-radius: 8px;
  padding: 10px 12px;
  margin: 3px 0;
  font-weight: 700;
}

.app-sidebar nav a.active,
.app-sidebar nav a:hover {
  color: var(--white);
  background: rgba(255, 255, 255, 0.11);
  text-decoration: none;
}

.app-main {
  margin-left: 260px;
  min-height: 100vh;
}

.app-topbar {
  position: sticky;
  top: 0;
  z-index: 1020;
  background: rgba(255, 255, 255, 0.94);
  border-bottom: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  padding: 14px 24px;
  backdrop-filter: blur(10px);
}

.app-content {
  padding: 24px;
}

.metric-card {
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 18px;
  min-height: 132px;
}

.metric-card strong {
  display: block;
  margin-top: 10px;
  font-size: clamp(1.5rem, 4vw, 2.4rem);
  color: var(--navy);
  line-height: 1.05;
}

.metric-card .metric-text {
  font-size: 1rem;
  line-height: 1.25;
}

.metric-card small {
  display: block;
  color: var(--muted);
  margin-top: 8px;
}

.unlock-card {
  color: var(--white);
  background: linear-gradient(135deg, var(--blue), var(--teal));
  border-radius: 8px;
  padding: 26px;
  min-height: 100%;
}

.locked-content {
  position: relative;
  overflow: hidden;
}

.locked-content > * {
  filter: blur(5px);
  opacity: 0.55;
}

.locked-content::after {
  content: "Locked premium analytics";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font-weight: 850;
  color: var(--navy);
}

.fake-chart {
  height: 260px;
  border-radius: 50%;
  max-width: 260px;
  margin: 16px auto 0;
  background: conic-gradient(var(--teal) 0 22%, var(--blue) 22% 44%, var(--gold) 44% 61%, #7c3aed 61% 77%, #22c55e 77% 90%, #ef4444 90%);
}

canvas {
  max-height: 360px;
}

.recommendation-list li {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  margin-bottom: 10px;
}

.recommendation-list span {
  display: block;
  color: var(--muted);
  margin-top: 4px;
}

.chat-shell {
  border: 1px solid var(--line);
  border-radius: 8px;
  overflow: hidden;
  background: var(--white);
}

.chat-messages {
  height: min(58vh, 520px);
  overflow-y: auto;
  padding: 18px;
  background: #f8fbff;
}

.chat-message {
  max-width: 78%;
  margin-bottom: 12px;
  padding: 11px 13px;
  border-radius: 8px;
  background: var(--white);
  border: 1px solid var(--line);
}

.chat-message.mine {
  margin-left: auto;
  color: var(--white);
  background: var(--blue);
  border-color: var(--blue);
}

.chat-message small {
  display: block;
  opacity: 0.75;
  margin-bottom: 4px;
}

.chat-form {
  display: flex;
  gap: 10px;
  padding: 12px;
  border-top: 1px solid var(--line);
}

.conversation-list {
  display: grid;
  gap: 8px;
}

.conversation-list a {
  display: block;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  color: var(--ink);
  background: var(--white);
}

.conversation-list a.active {
  border-color: var(--blue);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

.conversation-list span,
.conversation-list small {
  display: block;
  color: var(--muted);
  font-size: 0.82rem;
}

.email-template-form {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 16px;
}

@media (max-width: 991.98px) {
  .timeline-steps,
  .competency-list,
  .usa-grid,
  .admin-quick-links,
  .pathway-grid,
  .unlock-grid,
  .value-compare-grid,
  .report-reason-grid,
  .premium-service-grid,
  .home-service-grid,
  .home-testimonial-grid,
  .premium-testimonial-grid,
  .premium-blog-grid,
  .premium-contact-panel,
  .primary-offer-card,
  .addon-offer-grid,
  .ai-cta-row {
    grid-template-columns: 1fr;
  }

  .service-intro,
  .testimonial-intro {
    align-items: flex-start;
    flex-direction: column;
  }

  .rating-summary {
    text-align: left;
  }

  .app-sidebar {
    transform: translateX(-100%);
    transition: transform 0.18s ease;
  }

  .app-sidebar.open {
    transform: translateX(0);
  }

  .app-main {
    margin-left: 0;
  }

  .app-topbar {
    padding: 12px 16px;
  }

  .app-content {
    padding: 16px;
  }

  .contact-panel,
  .chat-form {
    flex-direction: column;
    align-items: stretch;
  }
}

@media (max-width: 575.98px) {
  .hero-medtech {
    padding: 56px 0 40px;
  }

  .preview-top,
  .preview-grid {
    display: block;
  }

  .preview-grid > div {
    margin-bottom: 10px;
  }

  .competency-bars {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .bar-track {
    height: 112px;
  }

  .primary-offer-card ul {
    grid-template-columns: 1fr;
  }

  .report-hero-top,
  .report-meter-row {
    display: block;
  }

  .report-meter-row > div {
    margin-bottom: 10px;
  }

  .metric-card {
    min-height: 118px;
  }

  .chat-message {
    max-width: 92%;
  }
}

.nclex-running-header {
  background: #f7fbff;
  border-bottom: 1px solid var(--line);
  position: sticky;
  top: 72px;
  z-index: 99;
}

.nclex-running-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 11px 0;
}

.nclex-running-inner strong {
  color: var(--navy);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.nclex-running-inner nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.nclex-running-inner a {
  color: var(--ink);
  border: 1px solid transparent;
  border-radius: 999px;
  padding: 7px 12px;
  font-weight: 750;
}

.nclex-running-inner a.active,
.nclex-running-inner a:hover {
  color: var(--blue);
  background: #fff;
  border-color: var(--line);
  text-decoration: none;
}

.nclex-hero,
.nclex-topic-hero {
  background:
    linear-gradient(135deg, rgba(236, 248, 255, 0.95), rgba(255, 255, 255, 0.98)),
    linear-gradient(90deg, rgba(26, 166, 166, 0.08), rgba(37, 99, 235, 0.08));
  border-bottom: 1px solid var(--line);
  padding: 72px 0;
}

.nclex-hero h1,
.nclex-topic-hero h1 {
  color: var(--navy);
  font-size: clamp(2.2rem, 4vw, 4.6rem);
  line-height: 1.03;
  margin-bottom: 18px;
}

.nclex-hero p,
.nclex-topic-hero p {
  color: var(--ink);
  font-size: 1.13rem;
  max-width: 760px;
}

.nclex-hero-card,
.nclex-score-teaser,
.nclex-form-card,
.nclex-premium-panel,
.nclex-feature-card,
.nclex-aside-card,
.nclex-study-section,
.nclex-mini-panel,
.nclex-result-card {
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: 0 18px 50px rgba(15, 34, 55, 0.08);
}

.nclex-hero-card,
.nclex-score-teaser,
.nclex-form-card,
.nclex-premium-panel,
.nclex-feature-card,
.nclex-aside-card,
.nclex-study-section,
.nclex-mini-panel,
.nclex-result-card {
  padding: 28px;
}

.nclex-feature-card i {
  color: var(--teal);
  font-size: 1.9rem;
}

.nclex-feature-card h2,
.nclex-premium-panel h2,
.nclex-study-section h2,
.nclex-aside-card h2,
.nclex-mini-panel h3,
.nclex-result-card h1 {
  color: var(--navy);
}

.nclex-category-block {
  margin-top: 32px;
}

.nclex-category-block h3 {
  color: var(--navy);
  margin-bottom: 16px;
}

.nclex-topic-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.nclex-topic-card {
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--ink);
  padding: 22px;
  min-height: 230px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.nclex-topic-card:hover {
  border-color: rgba(37, 99, 235, 0.35);
  box-shadow: 0 18px 48px rgba(37, 99, 235, 0.11);
  text-decoration: none;
  transform: translateY(-2px);
}

.nclex-topic-card span,
.nclex-fact span,
.nclex-daily-card > span,
.nclex-lead-strip span {
  color: var(--teal);
  font-weight: 850;
  font-size: 0.78rem;
  letter-spacing: 0;
  text-transform: uppercase;
}

.nclex-topic-card h4 {
  color: var(--navy);
  font-size: 1.1rem;
  line-height: 1.25;
}

.nclex-topic-card small {
  margin-top: auto;
  color: var(--blue);
  font-weight: 750;
}

.nclex-topic-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 28px;
  align-items: start;
}

.nclex-topic-layout article {
  display: grid;
  gap: 22px;
}

.nclex-topic-layout aside {
  display: grid;
  gap: 18px;
  position: sticky;
  top: 142px;
}

.nclex-breadcrumb {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 18px;
  font-weight: 750;
}

.nclex-breadcrumb a {
  color: var(--blue);
}

.nclex-list {
  display: grid;
  gap: 10px;
  padding-left: 0;
  list-style: none;
}

.nclex-list li {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px 14px 12px 42px;
  position: relative;
  background: #fbfdff;
}

.nclex-list li::before {
  content: "\F26A";
  font-family: "bootstrap-icons";
  position: absolute;
  left: 14px;
  top: 12px;
  color: var(--teal);
}

.nclex-study-section.warning,
.nclex-mini-panel.warning {
  background: #fffaf0;
  border-color: #fde6b3;
}

.nclex-fact-stack {
  display: grid;
  gap: 12px;
}

.nclex-fact {
  display: grid;
  grid-template-columns: 112px 1fr;
  gap: 16px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfdff;
}

.nclex-fact p {
  margin: 0;
  font-size: 1.02rem;
}

.nclex-map-row {
  display: grid;
  gap: 4px;
  border-bottom: 1px solid var(--line);
  padding: 12px 0;
}

.nclex-map-row:last-child {
  border-bottom: 0;
}

.nclex-map-row strong {
  color: var(--navy);
}

.nclex-related-link {
  display: block;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  margin-bottom: 8px;
  color: var(--ink);
}

.nclex-aside-card.cta {
  background: var(--navy);
  color: #fff;
}

.nclex-aside-card.cta h2,
.nclex-aside-card.cta p {
  color: #fff;
}

.nclex-question-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  margin-top: 14px;
  background: #fff;
  overflow: hidden;
}

.nclex-question-card summary,
.nclex-question-card.open {
  padding: 18px;
}

.nclex-question-card summary {
  cursor: pointer;
  color: var(--navy);
  font-weight: 800;
}

.nclex-question-card summary span {
  background: #e9f5ff;
  color: var(--blue);
  border-radius: 999px;
  padding: 4px 9px;
  margin-right: 8px;
  font-size: 0.78rem;
}

.nclex-options {
  padding: 0 18px 18px;
}

.nclex-rationale {
  background: #f4fbf8;
  border-left: 4px solid var(--teal);
  padding: 12px;
  border-radius: 6px;
}

.nclex-quiz-form {
  max-width: 960px;
  margin: 0 auto;
}

.nclex-quiz-head {
  margin-bottom: 24px;
}

.nclex-choice {
  display: flex;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  margin-top: 10px;
  cursor: pointer;
}

.nclex-choice:hover {
  background: #f8fbff;
  border-color: rgba(37, 99, 235, 0.28);
}

.nclex-case {
  background: #f8fbff;
  border-left: 4px solid var(--blue);
  padding: 14px;
  border-radius: 6px;
  margin-bottom: 12px;
}

.nclex-daily-card {
  display: grid;
  gap: 9px;
}

.nclex-daily-card h3 {
  font-size: 1.15rem;
  color: var(--navy);
  margin: 0;
}

.nclex-daily-card a {
  font-weight: 800;
  color: var(--blue);
}

.nclex-lead-strip {
  display: grid;
  gap: 12px;
}

.nclex-lead-strip a {
  display: grid;
  gap: 6px;
  color: var(--ink);
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 18px;
}

.nclex-lead-strip a:hover {
  border-color: rgba(37, 99, 235, 0.35);
  text-decoration: none;
}

.nclex-result-card {
  max-width: 940px;
  margin: 0 auto;
}

.nclex-quality-meter {
  height: 8px;
  background: #e8eef5;
  border-radius: 99px;
  overflow: hidden;
  width: min(190px, 100%);
}

.nclex-quality-meter span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, var(--teal), var(--blue));
}

.template-downloads {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.template-downloads a {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
  background: #fbfdff;
  color: var(--navy);
  font-weight: 800;
}

@media (max-width: 991.98px) {
  .nclex-running-inner,
  .nclex-topic-layout {
    display: block;
  }

  .nclex-running-inner nav {
    margin-top: 10px;
  }

  .nclex-topic-layout aside {
    position: static;
    margin-top: 22px;
  }

  .nclex-topic-grid,
  .template-downloads {
    grid-template-columns: 1fr;
  }

  .nclex-running-header {
    top: 64px;
  }
}

@media (max-width: 575.98px) {
  .nclex-hero,
  .nclex-topic-hero {
    padding: 46px 0;
  }

  .nclex-hero h1,
  .nclex-topic-hero h1 {
    font-size: 2.15rem;
  }

  .nclex-fact {
    grid-template-columns: 1fr;
  }
}