/* ============================================================
   技术 CODE 栏目 · 日期卡片（参考 category-books.css 书籍卡片语言）
   三色体系:黑 #0f0f0f / 白 / 高亮黄 #f9f506
   作用域全部限定 .section-program-posts，不影响同用 section-code-posts 的 pies 页
   ============================================================ */

/* --- 日期卡片:白底黑描边圆角硬阴影的日历牌,侧挂文章左侧 --- */
.section-program-posts .post .date-card {
  float: left;
  margin-left: -160px;
  margin-top: -6px;
  width: 100px;
  padding: 14px 0 16px;
  text-align: center;
  background: #fff;
  border: 2px solid #0f0f0f;
  border-radius: 12px;
  box-shadow: 6px 6px 0 #0f0f0f;
}
/* 年.月:黄底黑字 mono 小徽章(书籍卡片 PAID 徽章同款语言) */
.section-program-posts .post .date-card-ym {
  display: inline-block;
  background: #f9f506;
  border: 2px solid #0f0f0f;
  border-radius: 6px;
  padding: 2px 8px;
  font-family: Consolas, Monaco, monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  color: #0f0f0f;
}
/* 日:大号黑字 */
.section-program-posts .post .date-card-d {
  display: block;
  margin-top: 10px;
  font-size: 2.2em;
  font-weight: 900;
  line-height: 1.05;
  color: #0f0f0f;
}

/* --- 标题 hover:黄底高亮(覆盖 archive.css 遗留的橙色 hover) --- */
.section-program-posts .post .title a {
  padding: 0 4px;
  border-radius: 6px;
  transition: background-color .12s ease, color .12s ease;
}
.section-program-posts .post .title a:hover {
  background: #f9f506;
  color: #0f0f0f;
}

/* --- 移动端:文章取消左侧挂位(responsive.css 已将 post padding-left 归零),
       日期卡片收回正常流,变行内小徽章 --- */
@media (max-width: 1023px) {
  .section-program-posts .post .date-card {
    float: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: auto;
    margin: 0 0 14px;
    padding: 6px 12px;
    border-radius: 10px;
    box-shadow: 3px 3px 0 #0f0f0f;
  }
  .section-program-posts .post .date-card-d {
    margin: 0;
    font-size: 1.2em;
  }
}