/* Adapted from doocs/md theme-css (MIT). See vendor/doocs-md-LICENSE. */
.preview{background:#fff}
.preview .prose{--md-primary-color:#5C1A2B;--md-font-size:15px;--md-font-family:-apple-system-font,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;--foreground:0 0% 24.7%;--blockquote-background:#f7f7f7;font-family:var(--md-font-family);font-size:var(--md-font-size);line-height:1.75;color:hsl(var(--foreground));text-align:left}
.preview .prose :is(h1,h2,h3,h4,h5,h6){font-family:inherit;font-style:normal;letter-spacing:normal;line-height:1.75}
.preview .prose :is(section,container){font:inherit;line-height:inherit}
.preview .prose table{display:table;table-layout:auto;width:100%;font-size:inherit;text-align:left}
.preview .prose :is(th,td):nth-child(n){display:table-cell;width:auto;height:auto;text-align:left}
.preview .prose thead{background:transparent;font-size:inherit}
.preview .prose blockquote{margin:1em 0}
.preview .prose li{display:list-item}
.preview .prose pre{font-size:90%;overflow-x:auto;border-radius:8px;padding:1em;line-height:1.5;background:#f6f6f6}
.preview .prose :not(pre)>code{font-size:90%;color:var(--md-primary-color);background:color-mix(in srgb,var(--md-primary-color) 8%,transparent);padding:3px 5px;border-radius:4px;border:1px solid color-mix(in srgb,var(--md-primary-color) 20%,transparent)}
.preview .prose h1 {
  display: table;
  padding: 0 1em;
  border-bottom: 2px solid var(--md-primary-color);
  margin: 2em auto 1em;
  color: hsl(var(--foreground));
  font-size: calc(var(--md-font-size) * 1.2);
  font-weight: bold;
  text-align: center;
}.preview .prose h2 {
  display: table;
  padding: 0 0.2em;
  margin: 4em auto 2em;
  color: #fff;
  background: var(--md-primary-color);
  font-size: calc(var(--md-font-size) * 1.2);
  font-weight: bold;
  text-align: center;
}.preview .prose h3 {
  padding-left: 8px;
  border-left: 3px solid var(--md-primary-color);
  margin: 2em 8px 0.75em 0;
  color: hsl(var(--foreground));
  font-size: calc(var(--md-font-size) * 1.1);
  font-weight: bold;
  line-height: 1.2;
}.preview .prose h4 {
  margin: 2em 8px 0.5em;
  color: var(--md-primary-color);
  font-size: calc(var(--md-font-size) * 1);
  font-weight: bold;
}.preview .prose h5 {
  margin: 1.5em 8px 0.5em;
  color: var(--md-primary-color);
  font-size: calc(var(--md-font-size) * 1);
  font-weight: bold;
}.preview .prose h6 {
  margin: 1.5em 8px 0.5em;
  font-size: calc(var(--md-font-size) * 1);
  color: var(--md-primary-color);
}.preview .prose p {
  margin: 1.5em 8px;
  letter-spacing: 0.1em;
  color: hsl(var(--foreground));
}.preview .prose blockquote {
  font-style: normal;
  padding: 1em;
  border-left: 4px solid var(--md-primary-color);
  border-radius: 6px;
  color: hsl(var(--foreground));
  background: var(--blockquote-background);
  margin-bottom: 1em;
}.preview .prose blockquote > p {
  display: block;
  font-size: 1em;
  letter-spacing: 0.1em;
  color: hsl(var(--foreground));
  margin: 0;
}.preview .prose .alert-title-note,
.preview .prose .alert-title-tip,
.preview .prose .alert-title-info,
.preview .prose .alert-title-important,
.preview .prose .alert-title-warning,
.preview .prose .alert-title-caution,
.preview .prose .alert-title-abstract,
.preview .prose .alert-title-summary,
.preview .prose .alert-title-tldr,
.preview .prose .alert-title-todo,
.preview .prose .alert-title-success,
.preview .prose .alert-title-done,
.preview .prose .alert-title-question,
.preview .prose .alert-title-help,
.preview .prose .alert-title-faq,
.preview .prose .alert-title-failure,
.preview .prose .alert-title-fail,
.preview .prose .alert-title-missing,
.preview .prose .alert-title-danger,
.preview .prose .alert-title-error,
.preview .prose .alert-title-bug,
.preview .prose .alert-title-example,
.preview .prose .alert-title-quote,
.preview .prose .alert-title-cite {
  display: flex;
  align-items: center;
  gap: 0.5em;
  margin-bottom: 0.5em;
}.preview .prose .alert-title-note {
  color: #478be6;
}.preview .prose .alert-title-tip {
  color: #57ab5a;
}.preview .prose .alert-title-info {
  color: #93c5fd;
}.preview .prose .alert-title-important {
  color: #986ee2;
}.preview .prose .alert-title-warning {
  color: #c69026;
}.preview .prose .alert-title-caution {
  color: #e5534b;
}.preview .prose .alert-title-abstract,
.preview .prose .alert-title-summary,
.preview .prose .alert-title-tldr {
  color: #00bfff;
}.preview .prose .alert-title-todo {
  color: #478be6;
}.preview .prose .alert-title-success,
.preview .prose .alert-title-done {
  color: #57ab5a;
}.preview .prose .alert-title-question,
.preview .prose .alert-title-help,
.preview .prose .alert-title-faq {
  color: #c69026;
}.preview .prose .alert-title-failure,
.preview .prose .alert-title-fail,
.preview .prose .alert-title-missing {
  color: #e5534b;
}.preview .prose .alert-title-danger,
.preview .prose .alert-title-error {
  color: #e5534b;
}.preview .prose .alert-title-bug {
  color: #e5534b;
}.preview .prose .alert-title-example {
  color: #986ee2;
}.preview .prose .alert-title-quote,
.preview .prose .alert-title-cite {
  color: #9ca3af;
}.preview .prose .alert-icon-note {
  fill: #478be6;
}.preview .prose .alert-icon-tip {
  fill: #57ab5a;
}.preview .prose .alert-icon-info {
  fill: #93c5fd;
}.preview .prose .alert-icon-important {
  fill: #986ee2;
}.preview .prose .alert-icon-warning {
  fill: #c69026;
}.preview .prose .alert-icon-caution {
  fill: #e5534b;
}.preview .prose .alert-icon-abstract,
.preview .prose .alert-icon-summary,
.preview .prose .alert-icon-tldr {
  fill: #00bfff;
}.preview .prose .alert-icon-todo {
  fill: #478be6;
}.preview .prose .alert-icon-success,
.preview .prose .alert-icon-done {
  fill: #57ab5a;
}.preview .prose .alert-icon-question,
.preview .prose .alert-icon-help,
.preview .prose .alert-icon-faq {
  fill: #c69026;
}.preview .prose .alert-icon-failure,
.preview .prose .alert-icon-fail,
.preview .prose .alert-icon-missing {
  fill: #e5534b;
}.preview .prose .alert-icon-danger,
.preview .prose .alert-icon-error {
  fill: #e5534b;
}.preview .prose .alert-icon-bug {
  fill: #e5534b;
}.preview .prose .alert-icon-example {
  fill: #986ee2;
}.preview .prose .alert-icon-quote,
.preview .prose .alert-icon-cite {
  fill: #9ca3af;
}.preview .prose pre.code__pre,
.preview .prose .hljs.code__pre {
  font-size: 90%;
  overflow-x: auto;
  border-radius: 8px;
  padding: 0 !important;
  line-height: 1.5;
  margin: 10px 8px;
}.preview .prose img {
  display: block;
  max-width: 100%;
  margin: 0.1em auto 0.5em;
  border-radius: 4px;
}.preview .prose ol {
  padding-left: 1em;
  margin-left: 0;
  color: hsl(var(--foreground));
}.preview .prose ul {
  list-style: circle;
  padding-left: 1em;
  margin-left: 0;
  color: hsl(var(--foreground));
}.preview .prose li {
  display: block;
  margin: 0.2em 8px;
  color: hsl(var(--foreground));
}.preview .prose p.footnotes {
  margin: 0.5em 8px;
  font-size: 80%;
  color: hsl(var(--foreground));
}.preview .prose figure {
  margin: 1.5em 8px;
  color: hsl(var(--foreground));
}.preview .prose figcaption,
.preview .prose .md-figcaption {
  text-align: center;
  color: color-mix(in srgb, hsl(var(--foreground)) 50%, transparent);
  font-size: 0.8em;
}.preview .prose hr {
  border-style: solid;
  border-width: 2px 0 0;
  border-color: rgba(0, 0, 0, 0.1);
  -webkit-transform-origin: 0 0;
  -webkit-transform: scale(1, 0.5);
  transform-origin: 0 0;
  transform: scale(1, 0.5);
  height: 0.4em;
  margin: 1.5em 0;
}.preview .prose .codespan {
  font-size: 90%;
  color: var(--md-primary-color);
  background: color-mix(in srgb, var(--md-primary-color) 8%, transparent);
  padding: 3px 5px;
  border-radius: 4px;
  border: 1px solid color-mix(in srgb, var(--md-primary-color) 20%, transparent);
}.preview .prose pre.code__pre > code,
.preview .prose .hljs.code__pre > code {
  display: -webkit-box;
  padding: 0.5em 1em 1em;
  overflow-x: auto;
  text-indent: 0;
  color: inherit;
  background: none;
  white-space: nowrap;
  margin: 0;
}.preview .prose em {
  font-style: italic;
  font-size: inherit;
}.preview .prose a {
  color: #576b95;
  text-decoration: none;
}.preview .prose strong {
  color: var(--md-primary-color);
  font-weight: bold;
  font-size: inherit;
}.preview .prose table {
  color: hsl(var(--foreground));
}.preview .prose thead {
  font-weight: bold;
  color: hsl(var(--foreground));
}.preview .prose th {
  border: 1px solid color-mix(in srgb, hsl(var(--foreground)) 15%, transparent);
  padding: 0.25em 0.5em;
  color: hsl(var(--foreground));
  word-break: keep-all;
  background: color-mix(in srgb, hsl(var(--foreground)) 5%, transparent);
}.preview .prose td {
  border: 1px solid color-mix(in srgb, hsl(var(--foreground)) 15%, transparent);
  padding: 0.25em 0.5em;
  color: hsl(var(--foreground));
  word-break: keep-all;
}.preview .prose .katex-inline {
  max-width: 100%;
  overflow-x: auto;
}.preview .prose .katex-block {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0.5em 0;
  text-align: center;
}.preview .prose .markup-highlight {
  background-color: var(--md-primary-color);
  padding: 2px 4px;
  border-radius: 2px;
  color: #fff;
}.preview .prose .markup-underline {
  text-decoration: underline;
  text-decoration-color: var(--md-primary-color);
}.preview .prose .markup-wavyline {
  text-decoration: underline wavy;
  text-decoration-color: var(--md-primary-color);
  text-decoration-thickness: 2px;
}
.preview .prose[data-theme="grace"] h1 {
  padding: 0.5em 1em;
  border-bottom: 2px solid var(--md-primary-color);
  font-size: calc(var(--md-font-size) * 1.4);
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}.preview .prose[data-theme="grace"] h2 {
  padding: 0.3em 1em;
  border-radius: 8px;
  font-size: calc(var(--md-font-size) * 1.3);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}.preview .prose[data-theme="grace"] h3 {
  padding-left: 12px;
  font-size: calc(var(--md-font-size) * 1.2);
  border-left: 4px solid var(--md-primary-color);
  border-bottom: 1px dashed var(--md-primary-color);
}.preview .prose[data-theme="grace"] h4 {
  font-size: calc(var(--md-font-size) * 1.1);
}.preview .prose[data-theme="grace"] h5 {
  font-size: var(--md-font-size);
}.preview .prose[data-theme="grace"] h6 {
  font-size: var(--md-font-size);
}.preview .prose[data-theme="grace"] blockquote {
  font-style: italic;
  padding: 1em 1em 1em 2em;
  border-left: 4px solid var(--md-primary-color);
  border-radius: 6px;
  color: rgba(0, 0, 0, 0.6);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
  margin-bottom: 1em;
}.preview .prose[data-theme="grace"] .markdown-alert {
  font-style: italic;
}.preview .prose[data-theme="grace"] .codespan {
  font-family: 'Fira Code', Menlo, Operator Mono, Consolas, Monaco, monospace;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}.preview .prose[data-theme="grace"] pre.code__pre,
.preview .prose[data-theme="grace"] .hljs.code__pre {
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05);
}.preview .prose[data-theme="grace"] pre.code__pre > code,
.preview .prose[data-theme="grace"] .hljs.code__pre > code {
  font-family: 'Fira Code', Menlo, Operator Mono, Consolas, Monaco, monospace;
}.preview .prose[data-theme="grace"] img {
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}.preview .prose[data-theme="grace"] figcaption,
.preview .prose[data-theme="grace"] .md-figcaption {
  text-align: center;
  color: #888;
  font-size: 0.8em;
}.preview .prose[data-theme="grace"] ol {
  padding-left: 1.5em;
}.preview .prose[data-theme="grace"] ul {
  list-style: none;
  padding-left: 1.5em;
}.preview .prose[data-theme="grace"] li {
  margin: 0.5em 8px;
}.preview .prose[data-theme="grace"] hr {
  height: 1px;
  border: none;
  margin: 2em 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}.preview .prose[data-theme="grace"] table {
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 8px;
  margin: 1em 8px;
  color: hsl(var(--foreground));
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}.preview .prose[data-theme="grace"] thead {
  color: #fff;
}.preview .prose[data-theme="grace"] td {
  padding: 0.5em 1em;
}.preview .prose[data-theme="grace"] em {
  font-style: italic;
  font-size: inherit;
}.preview .prose[data-theme="grace"] a {
  color: #576b95;
  text-decoration: none;
}
.preview .prose[data-theme="simple"] h1 {
  padding: 0.5em 1em;
  font-size: calc(var(--md-font-size) * 1.4);
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
}.preview .prose[data-theme="simple"] h2 {
  padding: 0.3em 1.2em;
  font-size: calc(var(--md-font-size) * 1.3);
  border-radius: 8px 24px 8px 24px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}.preview .prose[data-theme="simple"] h3 {
  padding-left: 12px;
  font-size: calc(var(--md-font-size) * 1.2);
  border-radius: 6px;
  line-height: 2.4em;
  border-left: 4px solid var(--md-primary-color);
  border-right: 1px solid color-mix(in srgb, var(--md-primary-color) 10%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--md-primary-color) 10%, transparent);
  border-top: 1px solid color-mix(in srgb, var(--md-primary-color) 10%, transparent);
  background: color-mix(in srgb, var(--md-primary-color) 8%, transparent);
}.preview .prose[data-theme="simple"] h4 {
  font-size: calc(var(--md-font-size) * 1.1);
  border-radius: 6px;
}.preview .prose[data-theme="simple"] h5 {
  font-size: var(--md-font-size);
  border-radius: 6px;
}.preview .prose[data-theme="simple"] h6 {
  font-size: var(--md-font-size);
  border-radius: 6px;
}.preview .prose[data-theme="simple"] blockquote {
  font-style: italic;
  padding: 1em 1em 1em 2em;
  color: rgba(0, 0, 0, 0.6);
  border-bottom: 0.2px solid rgba(0, 0, 0, 0.04);
  border-top: 0.2px solid rgba(0, 0, 0, 0.04);
  border-right: 0.2px solid rgba(0, 0, 0, 0.04);
}.preview .prose[data-theme="simple"] .markdown-alert-note,
.preview .prose[data-theme="simple"] .markdown-alert-tip,
.preview .prose[data-theme="simple"] .markdown-alert-info,
.preview .prose[data-theme="simple"] .markdown-alert-important,
.preview .prose[data-theme="simple"] .markdown-alert-warning,
.preview .prose[data-theme="simple"] .markdown-alert-caution {
  font-style: italic;
}.preview .prose[data-theme="simple"] .codespan {
  font-family: 'Fira Code', Menlo, Operator Mono, Consolas, Monaco, monospace;
  border-radius: 6px;
  border: 1px solid color-mix(in srgb, var(--md-primary-color) 15%, transparent);
}.preview .prose[data-theme="simple"] pre.code__pre,
.preview .prose[data-theme="simple"] .hljs.code__pre {
  border: 1px solid rgba(0, 0, 0, 0.04);
}.preview .prose[data-theme="simple"] pre.code__pre > code,
.preview .prose[data-theme="simple"] .hljs.code__pre > code {
  font-family: 'Fira Code', Menlo, Operator Mono, Consolas, Monaco, monospace;
}.preview .prose[data-theme="simple"] img {
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.04);
}.preview .prose[data-theme="simple"] figcaption,
.preview .prose[data-theme="simple"] .md-figcaption {
  text-align: center;
  color: #888;
  font-size: 0.8em;
}.preview .prose[data-theme="simple"] ol {
  padding-left: 1.5em;
}.preview .prose[data-theme="simple"] ul {
  list-style: none;
  padding-left: 1.5em;
}.preview .prose[data-theme="simple"] li {
  margin: 0.5em 8px;
}.preview .prose[data-theme="simple"] hr {
  height: 1px;
  border: none;
  margin: 2em 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}.preview .prose[data-theme="simple"] em {
  font-style: italic;
  font-size: inherit;
}.preview .prose[data-theme="simple"] a {
  color: #576b95;
  text-decoration: none;
}

/* Marked emits native list items; the original renderer uses custom list markers. */
.preview .prose li{display:list-item}
.preview .prose :is(ul,ol){padding-left:1.5em}
.preview .prose[data-theme] ul{list-style:circle}
.preview .prose > :first-child{margin-top:0}
.preview .prose img{height:auto}
.preview-theme-control{display:flex;align-items:center;gap:8px;color:#82766b;font-size:11px}
.preview-theme-control select{font:inherit;color:#5c1a2b;border:1px solid var(--line);border-radius:5px;padding:6px 8px;background:white;max-width:110px}
.editor-preview-options{padding:9px 17px;border-bottom:1px solid var(--line);background:#faf9f6}
.preview-options{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.preview-options p{font-size:11px;color:#928c88;margin:0;line-height:1.8}

/* Activity metadata is a sibling of the article, separate from its themed body. */
.preview-layout{min-width:0;background:#f7f6f2}
.preview-layout.mobile{max-width:390px;margin:auto;border:1px solid var(--line)}
.preview-event-info{margin:18px 0 0;padding:24px 30px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);overflow-wrap:anywhere}
.preview-event-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.preview-event-heading h2{font-size:14px;font-weight:600;margin:0}
.preview-event-heading>span{font-size:10px;color:var(--muted)}
.preview-event-info dl{margin:0;font-size:12px;line-height:1.8}
.preview-event-info dl>div{display:grid;grid-template-columns:minmax(65px,auto) minmax(0,1fr);gap:16px;margin:8px 0}
.preview-event-info dt{color:#928c88}
.preview-event-info dd{margin:0;white-space:pre-wrap}
.preview-event-info .detail-preview{margin-top:18px;padding:18px;border-color:var(--line);background:#faf9f6}
.preview-event-info .detail-preview h3{font-size:14px;font-weight:600;line-height:1.8;margin:0 0 12px}
.preview-event-info .detail-preview p{line-height:1.8;color:#928c88}
.preview-event-info .detail-preview .cta{background:var(--wine)}
.preview-layout.mobile .preview,.preview-layout.mobile .preview-event-info{padding:24px 20px}
.split-preview .preview-event-info{padding:20px}
@media(max-width:760px){.preview-event-info{padding:20px}}