:root {
  color-scheme: light;
}

* {
  box-shadow: none !important;
  text-shadow: none !important;
  animation: none !important;
  transition: none !important;
}

html,
body {
  background: #ffffff !important;
  color: #111111 !important;
}

.bg-wave,
.wreath-crown,
.utility-bar,
.jokes-top-share,
.jokes-toolbar-wrap,
.jokes-toc,
.jokes-favorites-panel,
.joke-actions,
.joke-share-row,
.joke-toast,
.joke-reveal-btn,
footer,
.jokes-related {
  display: none !important;
}

.site,
.blog-main,
.jokes-page-main,
.section-block,
.jokes-layout,
.jokes-content,
.jokes-section-card,
.jokes-grid,
.joke-card {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}

.jokes-grid {
  display: block !important;
}

.joke-card {
  page-break-inside: avoid;
  break-inside: avoid;
  margin: 0 0 14pt !important;
  padding: 10pt !important;
  border: 1px solid #cccccc !important;
  border-radius: 8px !important;
}

.joke-head {
  margin-bottom: 6pt;
}

.joke-number {
  color: #333333 !important;
  font-size: 10pt !important;
}

.joke-setup,
.joke-answer,
.joke-rating,
.joke-rating-meta,
.jokes-section-card p,
.jokes-section-card li,
.jokes-faq-list p {
  color: #111111 !important;
}

.joke-answer-wrap {
  display: block !important;
  border-top: 1px dashed #bbbbbb !important;
  margin-top: 6pt;
  padding-top: 6pt;
}

.joke-rating {
  margin-top: 4pt;
}

.joke-rate-btn {
  border: 1px solid #bbbbbb !important;
  background: #f3f3f3 !important;
  color: #111111 !important;
}

.jokes-hero-image img {
  max-height: 240px;
  object-fit: cover;
}

h1,
h2,
h3,
p,
li,
summary,
a {
  color: #111111 !important;
}

a {
  text-decoration: none !important;
}

.jokes-section-card {
  page-break-inside: avoid;
  break-inside: avoid;
  margin-bottom: 12pt !important;
}

.jokes-faq-list details {
  border: 1px solid #d7d7d7 !important;
  background: #ffffff !important;
  margin-bottom: 8pt;
  padding: 8pt !important;
}