.single-brew_article .post_content {
  padding: clamp(22px, 4vw, 48px);
  color: #e8e1d6;
  background: #171717;
  border: 1px solid rgba(212, 175, 55, .32);
  box-shadow: 0 18px 42px rgba(0, 0, 0, .26);
}

.single-brew_article .post_content h2,
.single-brew_article .post_content h3,
.single-brew_article .post_content h4 {
  color: #f2d083;
}

.single-brew_article .post_content a {
  color: #e8b85f;
}

.single-brew_article .post_content a:hover {
  color: #ffe0a3;
}

.single-brew_article .post_content .p-toc,
.single-brew_article .post_content #toc_container {
  color: #e8e1d6;
  background: #202020;
  border-color: #4f4028;
}

.single-brew_article .post_content table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
}

.single-brew_article .post_content th,
.single-brew_article .post_content td {
  padding: .65em .8em;
  border: 1px solid #5a4b31;
}

.single-brew_article .post_content th {
  color: #f3d99d;
  background: #28231c;
}

.single-brew_article .post_content tr:nth-child(even) td {
  background: #1e1e1e;
}

.single-brew_article .callout {
  margin: 1.5em 0;
  padding: 1em 1.2em;
  border-left: 4px solid #d8ad63;
  background: #24211c;
}

.single-brew_article .callout-warning {
  border-left-color: #a84b3e;
}

.single-brew_article .post_content code,
.single-brew_article .post_content pre {
  color: #f1e8d7;
  background: #101010;
}

.post-type-archive-brew_article .c-pageTitle::after {
  display: block;
  margin-top: .6rem;
  color: #bdb3a3;
  font-size: .45em;
  font-weight: 400;
  content: "AWSのサービスと設計判断を覚えるための全118テーマ";
}