@charset "UTF-8";
  .post-content pre,
.post-content pre[class*="language-"],
.post-content pre.wp-block-code {
margin: 1.5em 0 !important;
padding: 15px 18px 15px 22px !important;
background: #FAF8F4 !important;
background-image: none !important;
border: 0 !important;
border-left: 3px solid #A3937F !important;
border-radius: 4px !important;
box-shadow: inset 6px 0 0 -5px #fff, 0 3px 12px rgba(110, 79, 47, 0.06) !important;
color: #3E3830 !important;
font-family: Consolas, "Liberation Mono", Menlo, monospace !important;
font-size: 12.5px !important;
line-height: 1.75 !important;
overflow: auto !important;
text-shadow: none !important;
}
.post-content pre code,
.post-content pre code[class*="language-"] {
display: block !important;
padding: 0 !important;
background: transparent !important;
color: inherit !important;
text-shadow: none !important;
font-family: inherit !important;
font-size: inherit !important;
line-height: inherit !important;
white-space: pre-wrap;
word-break: break-word;
border-radius: 0 !important;
} .post-content code {
padding: 1px 5px;
background: #F0E9DC;
border-radius: 4px;
color: #8A4B24;
font-size: 0.9em;
}
.post-content pre code {
padding: 0 !important;
background: transparent !important;
color: inherit !important;
} .post-content .token.comment,
.post-content .token.block-comment,
.post-content .token.prolog,
.post-content .token.doctype,
.post-content .token.cdata {
color: #8C857D !important;
font-style: italic !important;
}
.post-content .token.punctuation {
color: #A69B8D !important;
}
.post-content .token.tag,
.post-content .token.attr-name,
.post-content .token.namespace,
.post-content .token.deleted {
color: #A6493C !important;
}
.post-content .token.function,
.post-content .token.function-name,
.post-content .token.number,
.post-content .token.boolean {
color: #B07D2B !important;
}
.post-content .token.keyword,
.post-content .token.selector,
.post-content .token.atrule,
.post-content .token.builtin,
.post-content .token.important {
color: #6E4F2F !important;
font-weight: 600 !important;
}
.post-content .token.string,
.post-content .token.attr-value,
.post-content .token.char,
.post-content .token.regex,
.post-content .token.variable {
color: #4F7A45 !important;
}
.post-content .token.class-name,
.post-content .token.constant,
.post-content .token.property,
.post-content .token.symbol {
color: #8A5A2B !important;
}
.post-content .token.operator,
.post-content .token.entity,
.post-content .token.url {
color: #7A7166 !important;
}
.post-content .token.inserted {
color: #4F7A45 !important;
} .post-content .code-toolbar {
position: relative;
}
.post-content .code-toolbar > .toolbar {
position: absolute;
top: 8px;
right: 10px;
margin: 0;
padding: 0;
opacity: 1;
pointer-events: none;
}
.post-content .code-toolbar > .toolbar .toolbar-item {
display: inline-block;
margin-left: 6px;
pointer-events: auto;
} .post-content .code-toolbar > .toolbar .toolbar-item > span {
display: inline-block;
padding: 1px 7px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.85);
color: #8C857D;
font-family: inherit;
font-size: 11px;
line-height: 16px;
text-transform: uppercase;
letter-spacing: 0.04em;
} .post-content .code-toolbar > .toolbar .toolbar-item > button {
padding: 1px 9px;
border: 1px solid #E0D9CC;
border-radius: 999px;
background: #fff;
color: #6A4A3C;
font-family: inherit;
font-size: 11px;
line-height: 16px;
cursor: pointer;
transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}
.post-content .code-toolbar > .toolbar .toolbar-item > button:hover,
.post-content .code-toolbar > .toolbar .toolbar-item > button:focus {
background: #F5F2EC;
border-color: #C9BBA4;
color: #4A342A;
} .post-content pre.line-numbers {
padding-left: 3.4em !important;
}
.post-content .line-numbers .line-numbers-rows {
border-right: 1px solid #E7E1D8 !important;
background: transparent !important;
}
.post-content .line-numbers-rows > span::before {
color: #B5A99A !important;
} .post-content blockquote {
margin: 1.5em 0;
padding: 14px 18px;
border: 0;
border-left: 4px solid #82715B;
border-radius: 0 8px 8px 0;
background: #F0EDE6;
color: #4B463F;
}
.post-content blockquote p {
margin: 0 0 8px;
}
.post-content blockquote p:last-child {
margin-bottom: 0;
}
.post-content blockquote cite {
display: block;
margin-top: 6px;
font-size: 0.85em;
font-style: normal;
color: #9A9287;
}
.post-content blockquote cite::before {
content: "— ";
} .post-content blockquote blockquote {
margin: 10px 0 0;
padding: 2px 0 2px 14px;
border: 0;
border-left: 2px solid #DDD6CC;
background: none;
border-radius: 0;
} .post-content .wp-block-pullquote {
margin: 2em 0;
padding: 20px 8px;
background: none !important;
background-image: none !important;
border: 0 !important;
border-top: 1px solid #DDD6CC !important;
border-bottom: 1px solid #DDD6CC !important;
border-radius: 0 !important;
text-align: center;
color: #4B463F;
}
.post-content .wp-block-pullquote::before,
.post-content .wp-block-pullquote::after {
content: "\2767"; display: block;
color: #A78C63;
font-size: 0.85em;
line-height: 1;
margin-bottom: 12px;
}
.post-content .wp-block-pullquote::after {
margin: 12px 0 0;
}
.post-content .wp-block-pullquote blockquote {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: none;
box-shadow: none;
color: #6A4A3C;
font-size: 1.24em;
line-height: 1.8;
font-style: italic;
text-align: center;
}
.post-content .wp-block-pullquote blockquote::before {
content: "";
display: none;
}
.post-content .wp-block-pullquote p {
font-size: 1.24em;
line-height: 1.8;
font-weight: 600;
font-style: italic;
color: #6A4A3C;
margin: 0 0 8px;
}
.post-content .wp-block-pullquote p:last-child {
margin-bottom: 0;
}
.post-content .wp-block-pullquote cite,
.post-content .wp-block-pullquote .wp-block-pullquote__citation {
display: block;
margin-top: 0.7em;
font-size: 0.72em;
font-style: normal;
color: #9A9287;
letter-spacing: 0.08em;
}
.post-content .wp-block-pullquote cite::before,
.post-content .wp-block-pullquote .wp-block-pullquote__citation::before {
content: "— ";
} .post-content .wp-block-pullquote.is-style-solid-color {
background: #F7F6F1 !important;
background-image: none !important;
border-top: 1px solid #DDD6CC !important;
border-bottom: 1px solid #DDD6CC !important;
border-radius: 8px !important;
padding: 20px 16px;
}
.post-content .wp-block-pullquote.is-style-solid-color p,
.post-content .wp-block-pullquote.is-style-solid-color blockquote,
.post-content .wp-block-pullquote.is-style-solid-color cite {
color: #6A4A3C !important;
} .post-content .wp-block-verse,
.post-content pre.wp-block-verse {
margin: 1.6em 0;
padding: 16px 20px;
background: #F0EDE6 !important;
background-image: none !important;
border: 0;
border-left: 3px solid #82715B;
border-radius: 0 8px 8px 0;
color: #4A4038;
font-family: inherit; font-size: 1em;
line-height: 2.1;
letter-spacing: 0.04em;
white-space: pre-wrap; word-break: break-word;
box-shadow: none !important;
overflow-x: auto;
} .post-content .wp-block-preformatted,
.post-content pre.wp-block-preformatted {
margin: 1.5em 0;
padding: 14px 16px;
background: #FAFAF8 !important;
background-image: none !important;
border: 1px dashed #DDD6CC;
border-radius: 8px;
color: #524A41;
font-family: Consolas, "Liberation Mono", Menlo, monospace;
font-size: 12.5px;
line-height: 1.8;
white-space: pre-wrap;
word-break: break-word;
box-shadow: none !important;
overflow-x: auto;
} .post-content table {
width: 100%;
margin: 1.5em 0;
border-collapse: separate;
border-spacing: 0;
border: 1px solid #E0D9CC;
border-radius: 8px;
background: #fff;
overflow: hidden;
}
.post-content th {
padding: 10px 12px;
background: #82715B;
color: #FBF6EC;
text-align: left;
font-weight: 600;
border: 0;
}
.post-content td {
padding: 9px 12px;
border: 0;
border-bottom: 1px solid #EBE6DE;
color: #4B463F;
} .post-content tbody tr:nth-child(even) td {
background: #F5F2EC;
}
.post-content tbody tr:last-child td {
border-bottom: 0;
} .post-content ul:not(.readers-list) {
margin: 0.8em 0;
padding-left: 1.5em;
}
.post-content ul:not(.readers-list) li {
margin: 6px 0;
}
.post-content ul:not(.readers-list) li::marker {
color: #82715B;
}
.post-content ol {
margin: 0.8em 0;
padding-left: 1.8em;
}
.post-content ol li {
margin: 6px 0;
}
.post-content ol li::marker {
color: #6A4A3C;
font-weight: 600;
} .post-content details {
margin: 1.4em 0;
border: 1px solid #E0D9CC;
border-radius: 8px;
background: #fff;
overflow: hidden;
}
.post-content details > summary {
display: flex;
align-items: center;
gap: 8px;
padding: 11px 16px;
background: #F5F2EC;
color: #6A4A3C;
font-weight: 600;
cursor: pointer;
list-style: none;
text-indent: 0;
transition: background-color 0.18s ease, color 0.18s ease;
-webkit-tap-highlight-color: transparent;
}
.post-content details > summary::-webkit-details-marker {
display: none;
}
.post-content details > summary::before {
content: "\25B8"; flex: 0 0 auto;
color: #82715B;
font-size: 0.95em;
line-height: 1;
transition: transform 0.2s ease;
}
.post-content details[open] > summary::before {
transform: rotate(90deg);
}
.post-content details > summary:hover {
background: #EFEAE0;
color: #4A342A;
}
.post-content details[open] > summary {
border-bottom: 1px solid #E0D9CC;
}
.post-content details > *:not(summary) {
margin-left: 16px;
margin-right: 16px;
}
.post-content details > p {
margin-top: 12px;
margin-bottom: 12px;
}
.post-content details > p:last-child {
margin-bottom: 16px;
} @media (max-width: 782px) {
.post-content pre,
.post-content pre.prettyprint,
.post-content pre.linenums,
.post-content pre.prettyprint.linenums,
.post-content pre.wp-block-code {
padding: 13px 14px !important;
font-size: 12px;
}
.post-content pre ol,
.post-content pre ol.linenums {
padding-left: 2.6em !important;
}
.post-content .wp-block-pullquote {
padding: 15px 16px;
}
.post-content .wp-block-pullquote p {
font-size: 1.12em;
}
.post-content .wp-block-verse,
.post-content pre.wp-block-verse {
padding: 14px 15px;
letter-spacing: 0.02em;
}
.post-content th,
.post-content td {
padding: 8px 9px;
}
}