.info-card-link {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  padding: 0;
  overflow: hidden;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.info-card-link:hover {
  border-color: var(--teal);
  box-shadow: var(--shadow);
  transform: translateY(-3px);
}

.info-card-link:focus-visible {
  outline: 3px solid var(--gold);
  outline-offset: 4px;
}

.info-card-link h2 {
  margin: 18px 28px 12px;
}

.blog-card-media {
  display: block;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--soft);
}

.blog-card-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .35s ease;
}

.info-card-link:hover .blog-card-image {
  transform: scale(1.035);
}

.info-card-link .badge {
  align-self: flex-start;
  margin: 24px 28px 0;
}

.info-card-link p {
  margin: 0 28px;
}

.info-card-link .info-card-cta {
  margin: auto 28px 0;
  padding: 22px 0 28px;
  color: var(--teal2);
  font-weight: 800;
}

/* Keeps images visible on journal cards published before image markup was added. */
@supports selector(.info-card-link:has(.blog-card-media)) {
  .page-blog .blog-grid .info-card-link:not(:has(.blog-card-media))::before {
    content: "";
    display: block;
    aspect-ratio: 16 / 9;
    background: center / cover no-repeat var(--soft);
  }
  .page-blog .blog-grid .info-card-link:nth-child(1)::before { background-image: url('/assets/img/blog/lease-license-documents-keys.webp'); }
  .page-blog .blog-grid .info-card-link:nth-child(2)::before,
  .page-blog .blog-grid .info-card-link:nth-child(3)::before { background-image: url('/assets/img/blog/read-listing-documents.webp'); }
  .page-blog .blog-grid .info-card-link:nth-child(4)::before { background-image: url('/assets/img/blog/asking-price-calculator.webp'); }
  .page-blog .blog-grid .info-card-link:nth-child(5)::before { background-image: url('/assets/img/blog/daily-market-hong-kong-finance.webp'); }
  .page-blog .blog-grid .info-card-link:nth-child(6)::before { background-image: url('/assets/img/blog/read-listing-documents.webp'); }
  .page-blog .blog-grid .info-card-link:nth-child(7)::before { background-image: url('/assets/img/blog/asking-price-calculator.webp'); }
  .page-blog .blog-grid .info-card-link:nth-child(8)::before { background-image: url('/assets/img/blog/read-listing-calculator.webp'); }
  .page-blog .blog-grid .info-card-link:nth-child(9)::before { background-image: url('/assets/img/blog/lease-license-documents-keys.webp'); }
  html[lang="en"] .page-blog .blog-grid .info-card-link:nth-child(7)::before { background-image: url('/assets/img/blog/read-listing-calculator.webp'); }
  html[lang="en"] .page-blog .blog-grid .info-card-link:nth-child(8)::before { background-image: url('/assets/img/blog/lease-license-documents-keys.webp'); }
}

@media (prefers-reduced-motion: reduce) {
  .blog-card-image { transition: none; }
  .info-card-link:hover .blog-card-image { transform: none; }
}

@media (max-width: 640px) {
  .info-card-link h2 { margin-inline: 22px; }
  .info-card-link .badge { margin-inline: 22px; }
  .info-card-link p { margin-inline: 22px; }
  .info-card-link .info-card-cta { margin-inline: 22px; padding-bottom: 22px; }
}
.article-meta{display:flex;flex-wrap:wrap;gap:.55rem 1.25rem;margin:0 0 1.5rem;color:#52616d;font-size:.92rem}.article-lede{font-size:1.16rem;line-height:1.8}.fact-panel{margin:1.6rem 0;padding:1.25rem 1.35rem;border-left:5px solid #b9872f;background:#f4f0e6;border-radius:0 12px 12px 0}.fact-panel h2,.fact-panel h3{margin-top:0}.analysis-label{display:inline-block;margin-right:.45rem;padding:.18rem .55rem;border-radius:999px;background:#0f645f;color:#fff;font-size:.78rem;font-weight:700;vertical-align:middle}.article table{width:100%;border-collapse:collapse;margin:1.4rem 0}.article th,.article td{padding:.78rem;border:1px solid #d7dee3;text-align:left;vertical-align:top}.article th{background:#edf4f3}.faq-list details{margin:.7rem 0;padding:1rem 1.1rem;border:1px solid #d7dee3;border-radius:10px;background:#fff}.faq-list summary{cursor:pointer;font-weight:700}.source-list li{margin-bottom:.65rem}.article .social-graphic{max-width:640px;margin-inline:auto}@media(max-width:700px){.article table{display:block;overflow-x:auto}.article-meta{display:block}.article-meta span{display:block;margin:.3rem 0}}
.page-blog{overflow-x:hidden}.page-blog .page-hero h1{overflow-wrap:anywhere;word-break:break-word}.page-blog .article img{display:block;max-width:100%;height:auto}@media(max-width:640px){.page-blog .page-hero{padding:42px 0}.page-blog .page-hero h1{font-size:clamp(29px,9vw,38px);letter-spacing:-.02em}.page-blog .page-hero p{font-size:16px}.page-blog .btd-consent-actions{display:grid;grid-template-columns:1fr;width:100%}.page-blog .btd-consent-button{width:100%;min-width:0}.page-blog .section{padding:42px 0}}
