/* Timemark Default Theme Identity */
:root {
  --tm-page: #f8faf8;
  --tm-ink: #162231;
  --tm-muted: #5f7082;
  --tm-line: #dce7e2;
  --tm-surface: #ffffff;
}

body {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 248, 0.98) 460px),
    var(--tm-page);
  color: var(--tm-ink);
}

.site:not(.post-page) {
  max-width: 1120px;
}

.site:not(.post-page) .home-hero-shell .site-hero h1 {
  color: #ffffff;
  font-size: 58px;
  font-weight: 720;
  letter-spacing: 0;
}

.site:not(.post-page) .home-hero-shell .site-hero p:last-child {
  color: var(--tm-muted);
  max-width: 620px;
}

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

.site:not(.post-page) .post-list > .post-card a:not(.post-card-cover) {
  font-size: clamp(21px, 2.1vw, 28px);
  font-weight: 800;
}

.post-page {
  background:
    linear-gradient(180deg, #ffffff, rgba(248, 250, 248, 0.98) 520px),
    var(--tm-page);
}

.post-page .post h1 {
  font-size: clamp(32px, 4.5vw, 54px);
  font-weight: 820;
}

.post-page .content {
  color: #263545;
  font-size: 18px;
  line-height: 1.88;
}

.post-page .comment-form {
  background: rgba(255, 255, 255, 0.82) !important;
}

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

  .post-page .post h1 {
    font-size: clamp(29px, 8.8vw, 37px);
  }
}