/* Repeatable document downloads attached to a post. */
.post-downloads {
  margin: 44px 0 0;
  padding: 24px;
  color: var(--ink);
  background: linear-gradient(145deg,#f5f8ff,#edf4ff);
  border: 1px solid #cbdaf5;
  border-radius: 16px;
}

.post-downloads__heading {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}

.post-downloads__icon {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  display: grid;
  place-items: center;
  color: #fff;
  background: var(--blue);
  border-radius: 12px;
  box-shadow: 0 8px 18px rgba(20,86,217,.2);
}

.post-downloads__icon .icon { width: 22px; height: 22px; }
.single-content .post-downloads h2 { margin: 0 0 2px; font-size: 1.15rem; }
.single-content .post-downloads__heading p { margin: 0; color: var(--ink-soft); font-size: .78rem; line-height: 1.5; }
.post-downloads__list { list-style: none; margin: 0 !important; padding: 0; }

.post-downloads__list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 14px;
  background: #fff;
  border: 1px solid #dce5f5;
  border-radius: 12px;
}

.post-downloads__list li + li { margin-top: 10px; }
.post-downloads__file { min-width: 0; display: flex; align-items: center; gap: 11px; }
.post-downloads__file > span { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; color: var(--blue); background: var(--blue-light); border-radius: 9px; }
.post-downloads__file .icon { width: 18px; height: 18px; }
.post-downloads__file div { min-width: 0; }
.post-downloads__file strong { display: block; overflow: hidden; font-size: .84rem; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.post-downloads__file small { display: block; margin-top: 2px; color: var(--ink-soft); font-size: .68rem; line-height: 1.3; }
.single-content a.post-downloads__button { min-height: 40px; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 0 15px; color: #fff; background: var(--blue); border-radius: 9px; font-size: .73rem; font-weight: 800; text-decoration: none; transition: transform 180ms ease, background 180ms ease, box-shadow 180ms ease; }
.single-content a.post-downloads__button:hover { color: #fff; background: #0f47b7; box-shadow: 0 7px 16px rgba(20,86,217,.2); transform: translateY(-1px); }
.post-downloads__button .icon { width: 16px; height: 16px; }

@media (max-width: 520px) {
  .post-downloads { margin-top: 34px; padding: 18px; }
  .post-downloads__list li { align-items: stretch; flex-direction: column; gap: 12px; }
  .post-downloads__file strong { white-space: normal; }
  .single-content a.post-downloads__button { width: 100%; }
}