/* 说明：文章信息卡片（Article Info）的布局样式。
 * 作用：为 `layouts/partials/article-info.html` 输出的结构提供间距与文字层级。
 * 注意：表面质感由 `.article__surface app-glass app-card` 组合提供，这里不重复声明亚克力表面。
 */

/* 说明：文章信息卡片直接复用 article__surface 的亚克力样式，这里仅保留布局弹性。 */
.article__info {
  flex: 1 1 auto;
}

.article-info-card {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.article-info-card__heading {
  margin: 0;
  font-size: var(--md-sys-typescale-title-medium-size);
  line-height: var(--md-sys-typescale-title-medium-line-height);
  font-weight: 700;
  color: var(--md-sys-color-on-surface);
}

.article-info-card__section {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  border-top: 1px solid var(--app-glass-border-color);
  padding-top: 0.6rem;
}

.article-info-card__section:first-child {
  border-top: 0;
  padding-top: 0;
}

.article-info-card__section-label {
  margin: 0;
  font-size: var(--md-sys-typescale-title-small-size);
  line-height: var(--md-sys-typescale-title-small-line-height);
  font-weight: 400;
  color: var(--md-sys-color-on-surface);
}

.article-info-card__section-text {
  margin: 0;
  color: var(--md-sys-color-on-surface-variant);
  font-size: var(--md-sys-typescale-body-small-size);
  line-height: var(--md-sys-typescale-body-small-line-height);
}

.article-info-card__section-text--permalink {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.2rem;
}

.article-info-card__link {
  /* 说明：信息卡片内的超链接（许可证/永久链接）统一使用淡色，避免抢夺主色按钮与正文强调色。 */
  color: inherit;
  text-decoration: none;
  text-underline-offset: 0.18em;
}

.article-info-card__link:hover,
.article-info-card__link:focus-visible {
  text-decoration: underline;
}

	.article-info-card__link--permalink {
	  overflow-wrap: anywhere;
	  word-break: break-word;
	}

	.article-info-card__actions {
	  display: flex;
	  flex-wrap: wrap;
	  gap: 0.5rem;
	  justify-content: flex-start;
	  padding-top: 0.75rem;
	  border-top: 1px solid var(--app-glass-border-color);
	}

	.article-info-card__button {
	  font-weight: 700;
	  --app-button-padding-block: 0.65rem;
	  --app-button-padding-inline: 1.05rem;
	}

	.article-info-card__button.is-copied {
	  /* 说明：复制成功状态提示，沿用主色强调但保持按钮布局不跳动。 */
	  border-color: var(--md-sys-color-primary);
	  background-color: color-mix(in srgb, var(--md-sys-color-primary) 10%, transparent);
	  color: var(--app-text-accent-color);
	}