body.tc-article-experience {
  --tc-paper: #f7f1e7;
  --tc-paper-deep: #eee2d2;
  --tc-surface: #fffdf8;
  --tc-ink: #2c211b;
  --tc-muted: #6f6157;
  --tc-espresso: #3b2419;
  --tc-copper: #a9502b;
  --tc-copper-dark: #7d351d;
  --tc-forest: #275447;
  --tc-line: #d8c7b2;
  --tc-shadow: 0 1.5rem 4rem rgba(59, 36, 25, .1);
  background:
    radial-gradient(circle at 8% 4%, rgba(169, 80, 43, .08), transparent 24rem),
    linear-gradient(180deg, #fbf7f0 0, var(--tc-paper) 35rem, #f2e9dc 100%);
  color: var(--tc-ink);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.tc-article-experience #content,
body.tc-article-experience .site-content {
  background: transparent;
}

body.tc-article-experience .site-content > .ast-container,
body.tc-article-experience .site-content .ast-container {
  display: block;
  width: min(100%, 80rem);
  max-width: 80rem;
  margin-inline: auto;
  padding: clamp(1rem, 3vw, 2.5rem);
}

body.tc-article-experience .content-area,
body.tc-article-experience .site-main {
  width: 100%;
  min-width: 0;
  margin: 0;
}

body.tc-article-experience .widget-area {
  display: none !important;
}

body.tc-article-experience article.ast-article-single,
body.tc-article-experience .site-main > article.post {
  position: relative;
  overflow: clip;
  margin: 0;
  padding: clamp(1.25rem, 4vw, 4.5rem);
  border: 1px solid rgba(125, 53, 29, .16);
  border-radius: clamp(1rem, 2.2vw, 2rem);
  background: var(--tc-surface);
  background: color-mix(in srgb, var(--tc-surface) 96%, transparent);
  box-shadow: var(--tc-shadow);
}

body.tc-article-experience .entry-header,
body.tc-article-experience .entry-content,
body.tc-article-experience .entry-footer {
  width: min(100%, 58rem);
  margin-inline: auto;
}

body.tc-article-experience .entry-header {
  margin-block-end: clamp(1.5rem, 4vw, 3rem);
  padding-block-end: clamp(1.25rem, 3vw, 2.25rem);
  border-block-end: 1px solid var(--tc-line);
}

body.tc-article-experience .entry-title {
  max-width: 18ch;
  margin-block: 0 .8rem;
  color: var(--tc-espresso);
  font-family: Georgia, "Times New Roman", "Noto Serif TC", serif;
  font-size: clamp(2rem, 5.6vw, 4.35rem);
  font-weight: 700;
  letter-spacing: -.035em;
  line-height: 1.08;
  text-wrap: balance;
}

body.tc-article-experience .entry-meta,
body.tc-article-experience .entry-meta a {
  color: var(--tc-muted);
  font-size: .925rem;
  letter-spacing: .025em;
}

body.tc-article-experience .entry-content {
  color: var(--tc-ink);
  font-size: clamp(1.025rem, .98rem + .25vw, 1.175rem);
  line-height: 1.85;
  overflow-wrap: anywhere;
}

body.tc-article-experience .entry-content > * {
  max-width: 46rem;
  margin-inline: auto;
}

body.tc-article-experience .entry-content > :is(.tc-figure, figure, table, .wp-block-table, .tc-toc, .tc-wide) {
  max-width: 56rem;
}

body.tc-article-experience .entry-content p,
body.tc-article-experience .entry-content ul,
body.tc-article-experience .entry-content ol {
  margin-block: 0 1.35em;
}

body.tc-article-experience .entry-content li + li {
  margin-block-start: .5em;
}

body.tc-article-experience .entry-content h2,
body.tc-article-experience .entry-content h3,
body.tc-article-experience .entry-content h4 {
  color: var(--tc-espresso);
  font-family: Georgia, "Times New Roman", "Noto Serif TC", serif;
  letter-spacing: -.02em;
  line-height: 1.25;
  text-wrap: balance;
  scroll-margin-top: 5rem;
}

body.tc-article-experience .entry-content h2 {
  position: relative;
  margin-block: clamp(2.8rem, 7vw, 5rem) 1.15rem;
  padding-block-start: 1.2rem;
  font-size: clamp(1.65rem, 3vw, 2.4rem);
}

body.tc-article-experience .entry-content h2::before {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: clamp(3.5rem, 10vw, 6rem);
  height: .24rem;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--tc-copper), var(--tc-forest));
  content: "";
}

body.tc-article-experience .entry-content h3 {
  margin-block: 2.2rem .85rem;
  font-size: clamp(1.3rem, 2vw, 1.7rem);
}

body.tc-article-experience .entry-content a {
  color: var(--tc-copper-dark);
  text-decoration-color: rgba(169, 80, 43, .45);
  text-decoration-thickness: .09em;
  text-underline-offset: .2em;
}

body.tc-article-experience .entry-content a:hover {
  color: var(--tc-forest);
  text-decoration-color: currentColor;
}

body.tc-article-experience :where(a, button, [tabindex]):focus-visible {
  border-radius: .2rem;
  outline: .2rem solid var(--tc-forest);
  outline-offset: .2rem;
}

body.tc-article-experience .tc-breadcrumbs {
  max-width: 56rem;
  margin: 0 auto clamp(1.5rem, 4vw, 2.75rem);
  color: var(--tc-muted);
  font-size: .875rem;
}

body.tc-article-experience .tc-breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem .65rem;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.tc-article-experience .tc-breadcrumbs li {
  display: inline-flex;
  gap: .65rem;
  align-items: center;
  min-width: 0;
  margin: 0;
}

body.tc-article-experience .tc-breadcrumbs li:not(:last-child)::after {
  color: var(--tc-copper);
  content: "/";
}

body.tc-article-experience .tc-breadcrumbs a {
  color: var(--tc-forest);
  font-weight: 650;
  text-decoration-thickness: .08em;
  text-underline-offset: .18em;
}

body.tc-article-experience .tc-breadcrumbs [aria-current="page"] {
  display: block;
  max-width: min(54ch, 100%);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.tc-article-experience .tc-toc {
  margin-block: clamp(1.75rem, 5vw, 3.5rem);
  padding: clamp(1.15rem, 3vw, 2rem);
  border: 1px solid var(--tc-line);
  border-inline-start: .35rem solid var(--tc-forest);
  border-radius: 1rem;
  background: linear-gradient(135deg, rgba(255, 253, 248, .96), rgba(238, 226, 210, .62));
  box-shadow: 0 .8rem 2.2rem rgba(59, 36, 25, .06);
}

body.tc-article-experience .tc-toc :is(h2, h3, strong):first-child {
  margin-block-start: 0;
  color: var(--tc-espresso);
}

body.tc-article-experience .tc-toc :is(ul, ol) {
  margin: .75rem 0 0;
  padding-inline-start: 1.2rem;
}

body.tc-article-experience .tc-toc li {
  break-inside: avoid;
  margin: .18rem 0;
}

body.tc-article-experience .tc-toc a {
  display: inline-flex;
  align-items: center;
  min-height: 2.75rem;
  padding: .35rem .55rem;
  border-radius: .55rem;
  color: var(--tc-espresso);
  line-height: 1.45;
  text-decoration: none;
}

body.tc-article-experience .tc-toc a[aria-current="location"],
body.tc-article-experience .tc-toc a.is-active {
  background: var(--tc-forest);
  color: #fffdf8;
  box-shadow: 0 .35rem 1rem rgba(39, 84, 71, .18);
}

body.tc-article-experience .tc-figure,
body.tc-article-experience .entry-content > figure {
  position: relative;
  overflow: hidden;
  margin-block: clamp(1.75rem, 5vw, 3.5rem);
  border: 1px solid rgba(125, 53, 29, .2);
  border-radius: clamp(.9rem, 2vw, 1.5rem);
  background: var(--tc-paper-deep);
  box-shadow: 0 1.1rem 2.8rem rgba(59, 36, 25, .1);
}

body.tc-article-experience .tc-figure img,
body.tc-article-experience .entry-content > figure img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}

body.tc-article-experience .tc-figure figcaption,
body.tc-article-experience .entry-content > figure figcaption {
  margin: 0;
  padding: .8rem 1rem;
  color: var(--tc-muted);
  background: var(--tc-surface);
  font-size: .875rem;
  line-height: 1.55;
}

body.tc-article-experience .entry-content :is(.tc-card, .tc-note, .tc-callout, blockquote) {
  margin-block: 1.75rem;
  padding: clamp(1rem, 3vw, 1.6rem);
  border: 1px solid var(--tc-line);
  border-radius: .9rem;
  background: rgba(255, 253, 248, .78);
}

body.tc-article-experience .entry-content blockquote {
  border-inline-start: .35rem solid var(--tc-copper);
  color: var(--tc-espresso);
  font-family: Georgia, "Times New Roman", "Noto Serif TC", serif;
  font-size: 1.08em;
}

body.tc-article-experience .entry-content table,
body.tc-article-experience .entry-content .wp-block-table {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  border: 1px solid var(--tc-line);
  border-radius: .8rem;
  border-spacing: 0;
  background: var(--tc-surface);
  -webkit-overflow-scrolling: touch;
}

body.tc-article-experience .entry-content table :is(thead, tbody, tfoot) {
  min-width: 40rem;
}

body.tc-article-experience .entry-content table :is(th, td) {
  padding: .8rem .9rem;
  border: 0;
  border-block-end: 1px solid var(--tc-line);
  text-align: start;
  vertical-align: top;
}

body.tc-article-experience .entry-content table th {
  color: var(--tc-surface);
  background: var(--tc-espresso);
  font-weight: 700;
}

body.tc-article-experience .entry-content table tbody tr:nth-child(even) {
  background: rgba(238, 226, 210, .48);
}

body.tc-article-experience .entry-content :is(pre, code, kbd, samp) {
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}

body.tc-article-experience .entry-content pre {
  max-width: 100%;
  overflow-x: auto;
  padding: 1rem;
  border-radius: .75rem;
  background: #241b17;
  color: #fffaf2;
}

body.tc-article-experience .entry-content hr {
  margin-block: clamp(2.5rem, 6vw, 4rem);
  border: 0;
  border-block-start: 1px solid var(--tc-line);
}

body.tc-article-experience .tc-reading-progress {
  position: fixed;
  z-index: 9999;
  inset: 0 0 auto;
  height: .25rem;
  pointer-events: none;
  background: rgba(59, 36, 25, .1);
}

body.tc-article-experience .tc-reading-progress > span {
  display: block;
  width: 100%;
  height: 100%;
  transform: scaleX(0);
  transform-origin: left center;
  background: linear-gradient(90deg, var(--tc-copper), var(--tc-forest));
  will-change: transform;
}

body.tc-article-experience ::selection {
  color: var(--tc-espresso);
  background: #e8bea9;
}

body.tc-article-experience :is(.post-navigation, .ast-post-navigation, .ast-related-posts-wrapper, .ast-single-related-posts-container, #comments, .comments-area) {
  color: var(--tc-ink);
}

body.tc-article-experience :is(.post-navigation, .ast-post-navigation, .ast-related-posts-wrapper, .ast-single-related-posts-container, #comments, .comments-area) :is(h2, h3, .comments-title, .comment-reply-title, .ast-related-posts-title, .ast-related-post-title, .entry-title) {
  color: var(--tc-espresso);
}

body.tc-article-experience :is(.post-navigation, .ast-post-navigation, .ast-related-posts-wrapper) a {
  color: var(--tc-copper-dark);
}

body.tc-article-experience :is(.post-navigation, .ast-post-navigation, .ast-related-posts-wrapper) a:hover {
  color: var(--tc-forest);
}

body.tc-article-experience :is(#comments, .comments-area) :is(label, .comment-notes, .logged-in-as, .form-allowed-tags) {
  color: var(--tc-muted);
}

body.tc-article-experience :is(#comments, .comments-area) :is(input[type="text"], input[type="email"], input[type="url"], textarea) {
  border: 1px solid var(--tc-line);
  background: #fffdf8;
  color: var(--tc-ink);
  caret-color: var(--tc-copper-dark);
}

body.tc-article-experience :is(#comments, .comments-area) :is(input, textarea)::placeholder {
  color: #6f6157;
  opacity: 1;
}

body.tc-article-experience :is(#comments, .comments-area) :is(.submit, input[type="submit"], button[type="submit"]) {
  border-color: var(--tc-espresso);
  background: var(--tc-espresso);
  color: #fffdf8 !important;
}

body.tc-article-experience :is(#comments, .comments-area) :is(.submit, input[type="submit"], button[type="submit"]):is(:hover, :focus-visible) {
  border-color: var(--tc-forest);
  background: var(--tc-forest);
  color: #fffdf8 !important;
}

body.tc-article-experience .site-footer {
  background: var(--tc-espresso);
  color: #f7f1e7;
}

body.tc-article-experience .site-footer :is(p, li, .ast-footer-copyright) {
  color: inherit;
}

body.tc-article-experience .site-footer a {
  color: #f4d2bb !important;
}

body.tc-article-experience .site-footer a:hover {
  color: #ffffff !important;
}

@media (min-width: 48rem) {
  body.tc-article-experience .tc-toc :is(ul, ol) {
    columns: 2;
    column-gap: 2rem;
  }
}

@media (max-width: 40rem) {
  body.tc-article-experience .site-content > .ast-container,
  body.tc-article-experience .site-content .ast-container {
    padding-inline: .75rem;
  }

  body.tc-article-experience article.ast-article-single,
  body.tc-article-experience .site-main > article.post {
    padding-inline: 1rem;
    border-radius: .9rem;
    box-shadow: 0 .8rem 2rem rgba(59, 36, 25, .08);
  }

  body.tc-article-experience .entry-title {
    font-size: clamp(1.85rem, 11vw, 2.75rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.tc-article-experience .tc-reading-progress {
    display: none !important;
  }

  body.tc-article-experience *,
  body.tc-article-experience *::before,
  body.tc-article-experience *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

@media (prefers-contrast: more) {
  body.tc-article-experience {
    --tc-ink: #160e0a;
    --tc-muted: #41362e;
    --tc-copper: #843819;
    --tc-copper-dark: #64250f;
    --tc-forest: #153e33;
    --tc-line: #735c4b;
    --tc-shadow: none;
  }

  body.tc-article-experience article.ast-article-single,
  body.tc-article-experience .site-main > article.post,
  body.tc-article-experience .tc-toc,
  body.tc-article-experience .tc-figure {
    border-width: 2px;
  }
}

@media (forced-colors: active) {
  body.tc-article-experience .tc-reading-progress > span {
    background: Highlight;
  }

  body.tc-article-experience .tc-toc a[aria-current="location"],
  body.tc-article-experience .tc-toc a.is-active {
    border: 2px solid Highlight;
    background: Canvas;
    color: CanvasText;
  }
}

@media print {
  body.tc-article-experience {
    background: #fff;
  }

  body.tc-article-experience .tc-reading-progress,
  body.tc-article-experience .tc-toc {
    display: none !important;
  }

  body.tc-article-experience article.ast-article-single,
  body.tc-article-experience .site-main > article.post {
    padding: 0;
    border: 0;
    box-shadow: none;
  }
}