/*
  TaxTrends 10.8.3 — post template only.
  Every selector starts at body.post-template so pages, the homepage,
  tag, author and index templates are untouched. Loaded from post.hbs.
*/

/* The page heroes sit under an in-flow header. Match that on posts. */
body.post-template .m-header {
  position: sticky;
  top: 0;
}

/*
  The closed mobile drawer is position:fixed and scaled up. A sticky header
  with will-change:transform becomes its containing block, so that scale
  widens the page. Flatten it until the drawer opens. The open-state rules
  in taxtrends-navigation.css still take the header full-screen.
*/
@media (max-width: 47.999rem) {
  body.post-template .m-header .m-menu:not(.opened) {
    transform: none;
  }
}

/* ---------- Hero ---------- */

body.post-template .tt-post-hero {
  --tt-navy: #0c2038;
  --tt-navy-deep: #081827;
  --tt-ice: #9cc7e9;
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  overflow: hidden;
  margin: 0;
  padding: 80px 0;
  background: var(--tt-navy-deep);
  color: #fff;
  text-align: left;
}

@media (min-width: 1100px) {
  body.post-template .tt-post-hero {
    padding: 84px 0;
  }
}

@media (max-width: 650px) {
  body.post-template .tt-post-hero {
    align-items: flex-start;
    padding: 44px 0;
  }
}

body.post-template .tt-post-hero__media,
body.post-template .tt-post-hero__media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  margin: 0;
  border-radius: 0;
}

body.post-template .tt-post-hero__media {
  z-index: 0;
  pointer-events: none;
}

body.post-template .tt-post-hero__media img {
  object-fit: cover;
  object-position: center 42%;
}

/* Left-to-right navy wash, then a fade into solid navy at the bottom. */
body.post-template .tt-post-hero.has-picture::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(8, 24, 39, 0) 46%, rgba(8, 24, 39, 0.72) 78%, var(--tt-navy-deep) 100%),
    linear-gradient(90deg, rgba(8, 24, 39, 0.93) 0%, rgba(12, 38, 60, 0.8) 42%, rgba(15, 45, 70, 0.38) 72%, rgba(15, 45, 70, 0.16) 100%);
}

@media (max-width: 650px) {
  body.post-template .tt-post-hero.has-picture::after {
    background: linear-gradient(180deg, rgba(8, 24, 39, 0.62) 0%, rgba(12, 38, 60, 0.78) 48%, var(--tt-navy-deep) 100%);
  }
}

body.post-template .tt-post-hero.no-picture {
  background:
    radial-gradient(ellipse at 86% 12%, rgba(46, 117, 173, 0.42), transparent 42%),
    radial-gradient(ellipse at 8% 88%, rgba(156, 199, 233, 0.14), transparent 36%),
    linear-gradient(165deg, #1a4a6e 0%, #0f2d46 46%, var(--tt-navy-deep) 100%);
}

body.post-template .tt-post-hero.no-picture::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, transparent 58%, rgba(8, 24, 39, 0.72) 100%);
}

body.post-template .tt-post-hero__inner {
  position: relative;
  z-index: 2;
  width: min(calc(100% - 44px), 1120px);
  margin-inline: auto;
}

@media (max-width: 650px) {
  body.post-template .tt-post-hero__inner {
    width: min(calc(100% - 30px), 1120px);
  }
}

body.post-template .tt-post-hero__copy {
  max-width: 740px;
}

body.post-template .tt-post-hero__kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 14px;
  color: #9cc7e9 !important;
  font-size: 0.76rem;
  font-weight: 750;
  letter-spacing: 0.12em;
  line-height: 1.3;
  text-decoration: none;
  text-transform: uppercase;
}

body.post-template .tt-post-hero__kicker span {
  color: #9cc7e9 !important;
}

body.post-template .tt-post-hero__kicker:hover,
body.post-template .tt-post-hero__kicker:hover span {
  color: #fff !important;
}

body.post-template .tt-post-hero h1 {
  margin: 0;
  max-width: none;
  color: #fff;
  font-size: clamp(2.05rem, 4.4vw, 3.35rem);
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 1.08;
  text-wrap: balance;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
}

@media (max-width: 650px) {
  body.post-template .tt-post-hero h1 {
    font-size: 2.05rem;
    line-height: 1.12;
  }
}

body.post-template .tt-post-hero__lead {
  margin: 16px 0 0;
  max-width: 65ch;
  color: #dbe6ef;
  font-size: clamp(1rem, 1.35vw, 1.125rem);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.6;
}

body.post-template .tt-post-hero__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 26px 0 0;
  padding: 0;
  list-style: none;
}

body.post-template .tt-post-hero__chips li {
  display: inline-flex;
  align-items: flex-start;
  gap: 7px;
  max-width: 100%;
  margin: 0;
  padding: 7px 12px 7px 9px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  background: rgba(8, 24, 39, 0.45);
  color: #eef4f9;
  font-size: 0.84rem;
  font-weight: 650;
  line-height: 1.35;
}

body.post-template .tt-post-hero__chips li::before {
  content: none;
}

body.post-template .tt-post-hero .tt-icon {
  display: block;
  flex: none;
  width: 18px;
  height: 18px;
  margin-top: 1px;
  fill: var(--tt-ice);
}

/* app.css sets time and .m-heading__meta__time to --link-color !important
   (navy in light mode). Beat that so every chip stays ice-white on the hero. */
body.post-template .tt-post-hero__chips,
body.post-template .tt-post-hero__chips li,
body.post-template .tt-post-hero__chips a,
body.post-template .tt-post-hero__chips time,
body.post-template .tt-post-hero__chips strong,
body.post-template .tt-post-hero__chips .m-heading__meta__time,
body.post-template .tt-post-hero__chips .tt-post-hero__reading {
  color: #eef4f9 !important;
}

body.post-template .tt-post-hero__chips a,
body.post-template .tt-post-hero__chips time,
body.post-template .tt-post-hero__chips .m-heading__meta__time,
body.post-template .tt-post-hero__chips .tt-post-hero__reading {
  font-weight: inherit;
  letter-spacing: 0;
  text-decoration: none;
}

body.post-template .tt-post-hero__chips a:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}

body.post-template .tt-post-hero .m-heading__meta__time strong {
  font-weight: 750;
}

body.post-template .tt-post-hero a:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
  border-radius: 4px;
}

@media (prefers-reduced-motion: reduce) {
  body.post-template .tt-post-hero * {
    transition: none;
  }
}

/* ---------- Article measure and rhythm ---------- */

body.post-template .l-content.in-post {
  padding-top: 40px;
}

@media (min-width: 48rem) {
  body.post-template .l-content.in-post {
    padding-top: 56px;
  }
}

body.post-template .l-content.in-post,
body.post-template .l-wrapper.in-post,
body.post-template .l-post-content,
body.post-template .js-post-content {
  min-width: 0;
  max-width: 100%;
  /* A breakout table stays inside the viewport. These boxes must not clip it. */
  overflow: visible;
}

body.post-template .l-post-content {
  /* ch follows this element's font, so the reading size and the measure stay paired. */
  max-width: min(70ch, 100%);
  font-size: 1.0625rem;
  line-height: 1.75;
}

@media (min-width: 48rem) {
  body.post-template .l-post-content {
    max-width: min(72ch, 100%);
    font-size: 1.125rem;
  }
}

body.post-template .l-post-content .js-post-content {
  color: #24344b;
  font-size: inherit;
  line-height: inherit;
}

body.post-template .l-post-content .js-post-content > :first-child {
  margin-top: 0;
}

body.post-template .l-post-content .js-post-content p {
  margin: 0 0 1.05em;
  font-size: inherit;
  letter-spacing: 0.005em;
  line-height: 1.75;
}

body.post-template .l-post-content .js-post-content h2,
body.post-template .l-post-content .js-post-content h3,
body.post-template .l-post-content .js-post-content h4,
body.post-template .l-post-content .js-post-content h5,
body.post-template .l-post-content .js-post-content h6 {
  margin: 1.65em 0 0.45em;
  padding-top: 0;
  color: #0c2038;
  font-weight: 750;
  letter-spacing: -0.03em;
  line-height: 1.2;
  text-wrap: balance;
}

body.post-template .l-post-content .js-post-content h2 {
  font-size: clamp(1.5rem, 2.3vw, 1.95rem);
}

body.post-template .l-post-content .js-post-content h3 {
  font-size: clamp(1.22rem, 1.7vw, 1.45rem);
  letter-spacing: -0.02em;
}

body.post-template .l-post-content .js-post-content h4 {
  font-size: 1.12rem;
}

body.post-template .l-post-content .js-post-content h5,
body.post-template .l-post-content .js-post-content h6 {
  font-size: 1rem;
  letter-spacing: 0;
}

body.post-template .l-post-content .js-post-content a {
  color: #1d4e89;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.16em;
}

body.post-template .l-post-content .js-post-content a:hover {
  color: #0c2038;
}

body.post-template .l-post-content .js-post-content ul,
body.post-template .l-post-content .js-post-content ol {
  margin: 0 0 1.15em;
  padding-left: 1.25em;
  font-size: inherit;
  letter-spacing: 0;
  line-height: 1.7;
}

body.post-template .l-post-content .js-post-content li {
  margin-bottom: 0.4em;
  padding-left: 0.15em;
}

body.post-template .l-post-content .js-post-content li::marker {
  color: #2e75ad;
}

body.post-template .l-post-content hr {
  margin: 2.1em 0;
  border: 0;
  border-top: 1px solid #e1e8ef;
}

body.post-template .l-post-content hr::after {
  content: none;
}

body.post-template .l-post-content blockquote:not(.kg-blockquote-alt) {
  margin: 1.5em 0;
  padding: 0.15em 0 0.15em 1.05em;
  border-left: 3px solid #2e75ad;
  color: #24344b;
  font-family: inherit;
  font-size: 1.12rem;
  font-style: normal;
  letter-spacing: 0;
  line-height: 1.65;
}

body.post-template .l-post-content blockquote:not(.kg-blockquote-alt)::before {
  content: none;
}

body.post-template .l-post-content blockquote.kg-blockquote-alt {
  color: #0c2038;
  font-family: inherit;
  letter-spacing: -0.03em;
  line-height: 1.25;
}

/* ---------- Tables ---------- */

body.post-template .l-post-content .tt-table-scroll {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 1.35em 0 1.5em;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  border: 1px solid #d5e0e8;
  border-radius: 14px;
  background: var(--background-color);
}

body.post-template .l-post-content .tt-table-scroll:focus-visible {
  outline: 2px solid #2e75ad;
  outline-offset: 3px;
}

body.post-template .l-post-content .tt-table-scroll > table {
  width: 100%;
  min-width: 0;
  margin: 0;
  border: 0;
}

body.post-template .l-post-content table {
  border-collapse: collapse;
  color: #24344b;
  font-size: 0.95rem;
  line-height: 1.45;
  word-break: normal;
  overflow-wrap: break-word;
}

body.post-template .l-post-content table caption {
  padding: 10px 14px 0;
  caption-side: top;
  color: #0c2038;
  font-weight: 700;
  text-align: left;
}

body.post-template .l-post-content td,
body.post-template .l-post-content th {
  padding: 12px 14px;
  border-bottom: 1px solid #e6eef3;
  text-align: left;
  vertical-align: top;
}

body.post-template .l-post-content thead th {
  background: #0f2d46;
  color: #fff;
  font-weight: 700;
  line-height: 1.35;
  border-bottom-color: #0f2d46;
}

body.post-template .l-post-content tbody th {
  background: transparent;
  color: #0c2038;
  font-weight: 700;
}

body.post-template .l-post-content tbody tr:nth-child(odd) {
  background: #f4f8fb;
}

body.post-template .l-post-content tbody tr:nth-child(even) {
  background: #fff;
}

@media (min-width: 48rem) {
  body.post-template .l-post-content .tt-table-scroll > table.tt-wide {
    min-width: 44rem;
  }
}

/* Phone: stacked cards, label above the value, so a wide table never widens the page. */
@media (max-width: 37.5rem) {
  body.post-template .l-post-content .tt-table-scroll,
  body.post-template .l-post-content .tt-table-scroll > table.tt-wide,
  body.post-template .l-post-content table.tt-auto-stack {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin-left: 0;
  }

  body.post-template .l-post-content table.tt-auto-stack tr {
    margin: 0 0 12px;
    padding: 6px 0;
    border: 1px solid #e1e8ef;
    border-radius: 14px;
    background: #fff;
  }

  body.post-template .l-post-content table.tt-auto-stack td,
  body.post-template .l-post-content table.tt-auto-stack th {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 8px 14px;
    border: 0;
  }

  body.post-template .l-post-content table.tt-auto-stack [data-label]::before {
    flex: none;
    width: auto;
    color: #5c7386;
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.06em;
    line-height: 1.3;
    text-transform: uppercase;
  }
}

/* Article-level tables may break out only when the gutter is real.
   --tt-left-space / --tt-right-space are the measured gaps from the column to the
   viewport (post.js). The 100vw fallback is used before that runs. The breakout is
   always the smaller of the design amount and those gaps minus 16px, so a table
   cannot cross either viewport edge. Under 900px there is no breakout: the table
   is the text column and scrolls inside itself. Nested tables never match. */
body.post-template .js-post-content {
  --tt-left-space: max(0px, calc((100vw - 100%) / 2));
  --tt-right-space: max(0px, calc((100vw - 100%) / 2));
}

@media (max-width: 899.98px) {
  body.post-template .l-post-content .js-post-content > .tt-table-scroll {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

/* 900–1023px: the share bar is at the bottom, so both sides may grow, clamped. */
@media (min-width: 900px) and (max-width: 63.99rem) {
  body.post-template .l-post-content .js-post-content > .tt-table-scroll {
    --tt-break: min(
      160px,
      max(0px, calc(var(--tt-left-space) - 16px)),
      max(0px, calc(var(--tt-right-space) - 16px))
    );
    width: calc(100% + (var(--tt-break) * 2));
    max-width: none;
    margin-left: calc(var(--tt-break) * -1);
    margin-right: 0;
  }
}

/* 1024–1279px: the rail is 35px right of the column, so grow left only. */
@media (min-width: 64rem) and (max-width: 79.99rem) {
  body.post-template .l-post-content .js-post-content > .tt-table-scroll {
    --tt-break: min(160px, max(0px, calc(var(--tt-left-space) - 16px)));
    width: calc(100% + var(--tt-break));
    max-width: none;
    margin-left: calc(var(--tt-break) * -1);
    margin-right: 0;
  }
}

/* 1280px and up: the rail is at least 125px away. 80px each side, still clamped. */
@media (min-width: 80rem) {
  body.post-template .l-post-content .js-post-content > .tt-table-scroll {
    --tt-break: min(
      80px,
      max(0px, calc(var(--tt-left-space) - 16px)),
      max(0px, calc(var(--tt-right-space) - 16px))
    );
    width: calc(100% + (var(--tt-break) * 2));
    max-width: none;
    margin-left: calc(var(--tt-break) * -1);
    margin-right: 0;
  }
}

/* ---------- Code and embeds ---------- */

body.post-template .l-post-content pre {
  max-width: 100%;
  margin: 1.3em 0;
  overflow-x: auto;
  border-radius: 12px;
  background: #0c2038;
  color: #e8f1f8;
}

body.post-template .l-post-content pre code {
  background: transparent;
  color: inherit;
}

body.post-template .l-post-content :not(pre) > code {
  padding: 0.08em 0.35em;
  border-radius: 6px;
  background: #eef5fb;
  color: #0c2038;
  font-size: 0.9em;
}

body.post-template .l-post-content .kg-embed-card,
body.post-template .l-post-content .kg-embed-card iframe,
body.post-template .l-post-content iframe,
body.post-template .l-post-content video {
  max-width: 100%;
}

body.post-template .l-post-content .kg-embed-card {
  margin: 1.4em auto;
}

body.post-template .l-post-content figure.kg-width-full,
body.post-template .l-post-content figure.kg-width-wide,
body.post-template .l-post-content .kg-header-card {
  width: min(960px, calc(100vw - 40px));
  max-width: calc(100vw - 40px);
  margin-left: calc((100% - min(960px, calc(100vw - 40px))) / 2);
  margin-right: 0;
  transform: none;
}

@media (max-width: 47.999rem) {
  body.post-template .l-post-content figure,
  body.post-template .l-post-content figure.kg-width-full,
  body.post-template .l-post-content figure.kg-width-wide {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

body.post-template .l-post-content figure.kg-image-card,
body.post-template .l-post-content figure.kg-gallery-card {
  margin-top: 1.4em;
  margin-bottom: 1.4em;
}

body.post-template .l-post-content figure.kg-image-card img,
body.post-template .l-post-content figure.kg-gallery-image img {
  border-radius: 12px;
}

body.post-template .l-post-content figure figcaption {
  color: #5c6b7a;
  font-size: 0.92rem;
  line-height: 1.45;
}

/* ---------- Ghost cards ---------- */

body.post-template .l-post-content .kg-callout-card {
  margin: 1.35em 0;
  border-radius: 14px;
}

body.post-template .l-post-content .kg-callout-card .kg-callout-text {
  font-size: 1.02rem;
  line-height: 1.65;
}

body.post-template .l-post-content .kg-toggle-card {
  margin: 1.1em 0;
  padding: 2px 16px;
  border: 1px solid #e1e8ef;
  border-radius: 14px;
  background: var(--background-color);
}

body.post-template .l-post-content .kg-toggle-heading-text {
  font-weight: 700;
}

body.post-template .l-post-content .kg-bookmark-container {
  border: 1px solid #e1e8ef;
  border-radius: 14px;
  box-shadow: none;
  overflow: hidden;
}

body.post-template .l-post-content .kg-bookmark-title {
  color: #0c2038;
  letter-spacing: -0.02em;
}

body.post-template .l-post-content .kg-product-card,
body.post-template .l-post-content .kg-file-card,
body.post-template .l-post-content .kg-audio-card,
body.post-template .l-post-content .kg-video-card,
body.post-template .l-post-content .kg-gallery-card {
  max-width: 100%;
}

body.post-template .l-post-content .kg-product-card-container,
body.post-template .l-post-content .kg-file-card-container,
body.post-template .l-post-content .kg-audio-card {
  border-radius: 14px;
}

/* Ghost TOC card, when a post includes one. Liebling has no separate TOC. */
body.post-template .l-post-content .kg-toc,
body.post-template .l-post-content .kg-table-of-contents {
  margin: 1.4em 0;
  padding: 14px 18px;
  border: 1px solid #e1e8ef;
  border-radius: 14px;
  background: #f7fafc;
}

/* ---------- Dark mode ---------- */

[data-theme="dark"] body.post-template .l-post-content .js-post-content {
  color: #d5dde4;
}

[data-theme="dark"] body.post-template .l-post-content .js-post-content h2,
[data-theme="dark"] body.post-template .l-post-content .js-post-content h3,
[data-theme="dark"] body.post-template .l-post-content .js-post-content h4,
[data-theme="dark"] body.post-template .l-post-content .js-post-content h5,
[data-theme="dark"] body.post-template .l-post-content .js-post-content h6,
[data-theme="dark"] body.post-template .l-post-content blockquote.kg-blockquote-alt,
[data-theme="dark"] body.post-template .l-post-content .kg-bookmark-title {
  color: #e7eef5;
}

[data-theme="dark"] body.post-template .l-post-content tbody th:not(:is([id^="tt-"], .fig-opt, .fig-embed, .depopt) *),
[data-theme="dark"] body.post-template .l-post-content table caption:not(:is([id^="tt-"], .fig-opt, .fig-embed, .depopt) *) {
  color: #e7eef5;
}

[data-theme="dark"] body.post-template .l-post-content .js-post-content a {
  color: #9cc7e9;
}

[data-theme="dark"] body.post-template .l-post-content .js-post-content a:hover {
  color: #fff;
}

[data-theme="dark"] body.post-template .l-post-content blockquote:not(.kg-blockquote-alt) {
  color: #d5dde4;
  border-left-color: #6ea0c8;
}

[data-theme="dark"] body.post-template .l-post-content hr,
[data-theme="dark"] body.post-template .l-post-content .kg-toggle-card,
[data-theme="dark"] body.post-template .l-post-content .kg-bookmark-container,
[data-theme="dark"] body.post-template .l-post-content .tt-table-scroll:not(:is([id^="tt-"], .fig-opt, .fig-embed, .depopt) *) {
  border-color: #2a3440;
}

[data-theme="dark"] body.post-template .l-post-content :not(pre) > code {
  background: #1c2833;
  color: #d5e6f2;
}

[data-theme="dark"] body.post-template .l-post-content thead th:not(:is([id^="tt-"], .fig-opt, .fig-embed, .depopt) *) {
  background: #16324a;
  color: #f4f8fb;
  border-bottom-color: #16324a;
}

[data-theme="dark"] body.post-template .l-post-content td:not(:is([id^="tt-"], .fig-opt, .fig-embed, .depopt) *),
[data-theme="dark"] body.post-template .l-post-content th:not(:is([id^="tt-"], .fig-opt, .fig-embed, .depopt) *) {
  border-bottom-color: #2a3440;
}

[data-theme="dark"] body.post-template .l-post-content table:not(:is([id^="tt-"], .fig-opt, .fig-embed, .depopt) *),
[data-theme="dark"] body.post-template .l-post-content tbody tr:nth-child(even):not(:is([id^="tt-"], .fig-opt, .fig-embed, .depopt) *) {
  color: #d5dde4;
  background: #14181c;
}

[data-theme="dark"] body.post-template .l-post-content tbody tr:nth-child(odd):not(:is([id^="tt-"], .fig-opt, .fig-embed, .depopt) *) {
  background: #1b2228;
}

/* A header that brings its own light background must not keep the theme's white text.
   These selectors match the dark thead/tbody rules (the :not() adds a class) and win on source order. */
body.post-template .l-post-content thead th[style*="background"],
body.post-template .l-post-content tbody th[style*="background"],
body.post-template .l-post-content tr[style*="background"] > th,
[data-theme="dark"] body.post-template .l-post-content thead th[style*="background"],
[data-theme="dark"] body.post-template .l-post-content tbody th[style*="background"],
[data-theme="dark"] body.post-template .l-post-content tbody tr[style*="background"] > th {
  color: #0c2038;
}

/* Wide comparison tables keep their min-width and show that they scroll. */
body.post-template .l-post-content .tt-scroll-hint {
  scrollbar-width: thin;
  scrollbar-color: #5c7386 transparent;
}

body.post-template .l-post-content .tt-scroll-hint::-webkit-scrollbar {
  height: 8px;
}

body.post-template .l-post-content .tt-scroll-hint::-webkit-scrollbar-thumb {
  background: #5c7386;
  border-radius: 999px;
}

body.post-template .l-post-content .tt-scroll-hint.tt-scroll-more {
  box-shadow: inset -36px 0 22px -18px rgba(12, 32, 56, 0.28);
}

[data-theme="dark"] body.post-template .l-post-content .tt-scroll-hint.tt-scroll-more {
  box-shadow: inset -36px 0 22px -18px rgba(232, 241, 248, 0.35);
}

[data-theme="dark"] body.post-template .l-post-content figure figcaption,
[data-theme="dark"] body.post-template .l-post-content .js-post-content li::marker {
  color: #8ea3b5;
}

@media (max-width: 37.5rem) {
  [data-theme="dark"] body.post-template .l-post-content table.tt-auto-stack tr {
    border-color: #2a3440;
    background: #14181c;
  }

  [data-theme="dark"] body.post-template .l-post-content table.tt-auto-stack [data-label]::before {
    color: #8ea3b5;
  }
}

[data-theme="dark"] body.post-template .l-post-content .kg-toc,
[data-theme="dark"] body.post-template .l-post-content .kg-table-of-contents {
  border-color: #2a3440;
  background: #14181c;
}