/* Widget 8 — app cutout at the end of the article (v2_article.cutout): a moment-colour card. */
.hc-cutout {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 34px 38px;
  border-radius: 28px;
  background: var(--hc-moment);
}
.hc-cutout__heart { display: block; }
.hc-cutout__title { font-size: 30px; line-height: 1.15; font-weight: 300; letter-spacing: -0.6px; color: var(--hc-m-text); }
.hc-cutout__sub { font-size: 16px; line-height: 1.6; color: var(--hc-m-body); }
.hc-cutout__row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 8px; }
.hc-cutout__wl {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 24px;
  border-radius: 999px;
  background: #eef0f4;
  color: #12151a;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
.hc-cutout__wl:hover { color: #12151a; }
.hc-cutout__badge {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  height: 48px;
  padding: 0 16px;
  border-radius: 12px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28);
  color: #eef0f4;
  line-height: 1.15;
  white-space: nowrap;
}
.hc-cutout__badge-small { font-size: 10px; opacity: 0.8; }
.hc-cutout__badge-big { font-size: 16px; font-weight: 600; }
@media (max-width: 900px) {
  .hc-cutout { padding: 28px 22px; }
  .hc-cutout__title { font-size: 26px; }
}