.ali-blog-hero {
  padding-block: clamp(4rem, 8vw, 7rem) clamp(2.5rem, 5vw, 4.5rem);
}

.ali-blog-hero__inner {
  display: grid;
  gap: 1.35rem;
  max-width: 860px;
}

.ali-blog-hero h1 {
  margin: 0;
  font-size: var(--fs-h1);
}

.ali-blog-hero p {
  margin: 0;
  color: var(--color-muted);
  font-size: var(--fs-lead);
}

.ali-blog-list {
  padding-block: 0 clamp(4rem, 8vw, 7rem);
}

.ali-blog-pagination {
  margin-block-start: clamp(2rem, 5vw, 4rem);
}

.ali-blog-pagination .wp-block-query-pagination {
  gap: 1rem;
}

.ali-single {
  padding-block: clamp(3.5rem, 7vw, 6rem) clamp(4rem, 8vw, 7rem);
}

.ali-single__header {
  display: grid;
  gap: 1.2rem;
  max-width: 940px;
  margin-inline: auto;
  text-align: center;
}

.ali-single__header h1 {
  margin: 0;
  font-size: var(--fs-h1);
}

.ali-single__excerpt {
  margin: 0 auto;
  color: var(--color-muted);
  font-size: var(--fs-lead);
}

.ali-single__meta {
  justify-content: center;
}

.ali-single__date {
  color: var(--color-gold);
}

.ali-single__image {
  display: block;
  overflow: hidden;
  max-width: min(1120px, calc(100vw - 2rem));
  margin: clamp(2rem, 5vw, 4rem) auto 0;
  border: 1px solid var(--color-line);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-soft);
}

.ali-single__image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: clamp(18rem, 48vw, 620px);
  object-fit: cover;
}

.ali-single__content {
  max-width: 820px;
  margin: clamp(2.5rem, 5vw, 4.5rem) auto 0;
  color: var(--color-ink-soft);
}

.ali-single__content > * + * {
  margin-block-start: 1.35rem;
}

.ali-single__content h2 {
  margin-block-start: 2.4rem;
  color: var(--color-gold-soft);
  font-size: var(--fs-h3);
}

.ali-single__content p,
.ali-single__content li {
  font-size: var(--fs-lead);
}

.ali-single__content .ali-post-lead {
  color: var(--color-ink);
  font-size: clamp(1.25rem, 1.05rem + 0.8vw, 1.7rem);
  line-height: 1.75;
}

.ali-single__content blockquote {
  margin-inline: 0;
  border-inline-start: 3px solid var(--color-gold);
  padding: 1rem 1.35rem;
  color: var(--color-gold-soft);
  background: oklch(96% 0.01 84 / 0.05);
}

.ali-single__footer {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
  max-width: 920px;
  margin: clamp(2.5rem, 5vw, 4.5rem) auto 0;
  border-top: 1px solid var(--color-line);
  padding-top: 1.5rem;
}

.ali-single__footer a,
.ali-blog-pagination a,
.ali-blog-pagination .page-numbers {
  color: var(--color-gold-soft);
  font-weight: 800;
}