.post-tldr {
  margin: 0 0 1.1rem 0;
  padding: 0.75rem 0.95rem;
  border-left: 4px solid #e3b341;
  background: #fff8d8;
  color: #3a3320;
  font-size: 0.93em;
  line-height: 1.35;
}

.post-tldr > :first-child {
  margin-top: 0 !important;
}

.post-tldr > :last-child {
  margin-bottom: 0 !important;
}

.post-tldr p {
  margin: 0.15em 0 !important;
}

.post-tldr ul,
.post-tldr ol {
  margin: 0;
  padding-left: 1.25em;
}

.post-tldr li {
  margin: 0.1em 0;
}

.post-tldr li > p {
  margin: 0 !important;
}

.fun-index-prelude {
  margin: 0.25rem 0 0.35rem;
  color: #333;
  font-size: 0.98em;
  line-height: 1.35;
}

.fun-index-prelude blockquote {
  margin: 0;
  padding-left: 0.75rem;
  border-left: 3px solid #c3c3c3;
  font-size: 1em;
  font-style: italic;
}

.fun-index-prelude-large blockquote {
  font-size: 1.85em;
  line-height: 1.15;
  text-align: center;
}

.fun-index-prelude p {
  margin: 0 !important;
  text-indent: 0;
}

.fun-index-tldr {
  margin: 0.2rem 0 0.45rem;
  color: #555;
  font-size: 0.93em;
  line-height: 1.35;
}

.fun-index-tldr > :first-child {
  margin-top: 0 !important;
}

.fun-index-tldr > :last-child {
  margin-bottom: 0 !important;
}

.fun-index-tldr p {
  margin: 0.15em 0 !important;
  text-indent: 0;
}

.fun-index-tldr ul,
.fun-index-tldr ol {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.fun-index-tldr li {
  position: relative;
  margin: 0.1em 0;
  padding-left: 0.9em;
}

.fun-index-tldr li::before {
  content: "\2022";
  position: absolute;
  left: 0;
  top: 0;
}

.fun-index-tldr li > p {
  margin: 0 !important;
}

.fun-index-image {
  margin: 0.35rem 0 0.75rem;
  width: 100%;
}

.fun-index-image img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  border-radius: 4px;
}

body.post .article-wrap figure.image {
  text-align: center;
}

body.post .article-wrap figure.image img,
body.post .article-wrap p > img:only-child {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

body.post .article-wrap figure.image figcaption {
  text-align: center;
}

body.post .headline-wrap h1 {
  line-height: 1.08;
}

.fun-post-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin: 0.85rem 0 1.35rem;
}

.fun-post-actions a {
  display: inline-flex;
  align-items: center;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  background: #fff;
  color: #111827;
  padding: 0.42rem 0.72rem;
  font-weight: 700;
  text-decoration: none;
}

.fun-post-actions a:hover,
.fun-post-actions a:focus {
  border-color: #111827;
  color: #111827;
  text-decoration: none;
}

.number-system-table {
  margin: 1.5rem 0;
  overflow-x: auto;
}

.number-system-table table {
  border-collapse: collapse;
  width: 100%;
}

.number-system-table th,
.number-system-table td {
  border: 1px solid #b8b8b8;
  padding: 0.5rem 0.6rem;
  text-align: center;
  vertical-align: middle;
}

.number-system-table th {
  background: #f0f0f0;
}

.number-system-table tr.example-set-start th,
.number-system-table tr.example-set-start td {
  border-top: 2px solid #666;
}

.number-system-table tr.digit-system-start th,
.number-system-table tr.digit-system-start td {
  border-top: 3px solid #555;
}

.number-system-table img.sitelen-pona-digit {
  display: block;
  width: 2rem;
  height: 2rem;
  object-fit: contain;
  margin: 0 auto;
}

.number-system-table img.choice-reason-icon,
.number-system-note img.choice-reason-icon {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  object-fit: contain;
  vertical-align: middle;
}