/* Timemark Focus Theme Identity */
:root {
  --tm-focus-page: #fbfaf7;
  --tm-focus-ink: #1f2933;
  --tm-focus-muted: #6f6a61;
  --tm-focus-line: #e6dfd4;
  --tm-focus-surface: #fffdf8;
}

body {
  background:
    linear-gradient(180deg, rgba(255, 253, 248, 0.98), rgba(251, 250, 247, 0.99) 520px),
    var(--tm-focus-page);
  color: var(--tm-focus-ink);
}

.site:not(.post-page),
.post-page .site-header,
.post-page .post,
.post-page .post-nav,
.post-page .related-posts,
.post-page .comments {
  max-width: 820px;
}

.site:not(.post-page) .site-brand span,
.post-page .site-brand span {
  color: #6d665c;
}

.site:not(.post-page) .site-nav a,
.post-page .site-nav a {
  color: #625b52;
}

.site:not(.post-page) .home-hero-shell .site-hero {
  background: transparent;
  box-shadow: none;
  padding-top: 40px;
}

.site:not(.post-page) .home-hero-shell .site-hero h1 {
  color: #ffffff;
  font-family: ui-serif, "Noto Serif SC", "Songti SC", "STSong", Georgia, serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.14;
  max-width: 900px;
}

.site:not(.post-page) .home-hero-shell .site-hero .hero-summary {
  color: rgba(255, 255, 255, 0.94);
  font-family: ui-serif, "Noto Serif SC", "Songti SC", "STSong", Georgia, serif;
  max-width: 620px;
}

.site:not(.post-page) .hero-actions a:first-child,
.comment-form button {
  background: #7a5c34;
  border-color: #7a5c34;
}

.site:not(.post-page) .post-list > .post-card:hover {
  background: var(--tm-focus-surface);
  border-color: var(--tm-focus-line);
}

.site:not(.post-page) .post-list > .post-card {
  border-bottom-color: var(--tm-focus-line);
}

.site:not(.post-page) .post-list > .post-card a:not(.post-card-cover) {
  color: #1f2933;
  font-family: ui-serif, "Noto Serif SC", "Songti SC", "STSong", Georgia, serif;
  font-weight: 760;
}

.post-page {
  background:
    linear-gradient(180deg, rgba(255, 253, 248, 0.98), rgba(251, 250, 247, 0.99) 560px),
    var(--tm-focus-page) !important;
}

.post-page .post h1,
.post-page .content,
.post-page .content h2,
.post-page .content h3 {
  font-family: ui-serif, "Noto Serif SC", "Songti SC", "STSong", Georgia, serif;
}

.post-page .post h1 {
  font-size: clamp(34px, 4.4vw, 56px);
  font-weight: 760;
  line-height: 1.16;
}

.post-page .content {
  color: #2d3742 !important;
  font-size: clamp(18px, 1.4vw, 20px) !important;
  line-height: 1.96 !important;
}

.post-page .post-head,
.post-page .post-nav,
.post-page .related-posts .section-head,
.post-page .comments {
  border-color: var(--tm-focus-line) !important;
}

.post-page .post-toc,
.post-page .reading-toolbar,
.post-page .comment-empty,
.post-page .comment-form {
  background: var(--tm-focus-surface) !important;
  border-color: var(--tm-focus-line) !important;
}

.post-page .post-taxonomy a,
.post-page .comment-status-pill,
.site-stats span,
.term-count {
  background: #fff8ea;
  border-color: #eadcc6;
  color: #75572f;
}

.post-page .content code {
  background: #f5ecdd;
  color: #9f1239;
}

@media (max-width: 720px) {
  .site:not(.post-page),
  .post-page .site-header,
  .post-page .post,
  .post-page .post-nav,
  .post-page .related-posts,
  .post-page .comments {
    max-width: 100%;
  }

  .site:not(.post-page) .home-hero-shell .site-hero {
    padding-top: 34px;
  }

  .site:not(.post-page) .home-hero-shell .site-hero h1 {
    font-size: 36px;
  }

  .post-page .post h1 {
    font-size: clamp(30px, 8.6vw, 38px);
  }

  .post-page .content {
    font-size: 18px;
    line-height: 1.9;
  }
}