/* Product previews retain their full content, without photographic cropping. */
.kit-article .article-visual { min-height: 0; align-self: start; }
.kit-article .article-visual picture { height: auto; }
.kit-article .article-visual img { display: block; width: 100%; height: auto; min-height: 0; padding: 0; object-fit: contain; filter: none; }
.kit-article .article-visual figcaption { position: static; margin: 0; border: 0; border-top: 1px solid var(--line-2); border-radius: 0; padding: 18px; }
.kit-featured-media { min-height: 0; align-self: center; background: var(--card); }
.kit-featured-media img { display: block; width: 100%; height: auto; min-height: 0; object-fit: contain; filter: none; }

/* Calm reading rhythm for the hospitality guides. */
.kit-article .article-hero h1 { font-size: clamp(36px, 4.6vw, 60px); line-height: 1.12; max-width: 18ch; letter-spacing: -.018em; }
.kit-article .article-dek { font-size: clamp(18px, 1.6vw, 21px); line-height: 1.7; max-width: 58ch; }
.kit-article .article-content { font-size: 18px; line-height: 1.85; }
.kit-article .article-content p { margin-bottom: 22px; }
.kit-article .article-content section + section { margin-top: 48px; }
.kit-article .article-content h2 { font-size: clamp(27px, 3vw, 36px); line-height: 1.25; margin-bottom: 22px; }
.kit-article .article-content h3 { font-size: 22px; line-height: 1.4; margin-top: 32px; margin-bottom: 14px; }
.kit-article .article-content li { margin-bottom: 12px; }
.kit-article .article-content blockquote { margin: 28px 0; padding: 22px 26px; border-left: 3px solid var(--cream-soft); background: var(--card); color: var(--cream); font-size: 18px; line-height: 1.85; }
.kit-article .article-content blockquote p:last-child { margin-bottom: 0; }
.kit-article .article-content table { font-size: 16px; line-height: 1.65; }
.kit-article .article-content th, .kit-article .article-content td { padding: 16px; vertical-align: top; }
.kit-article .article-content .article-cta h2 { margin-bottom: 0; }
.kit-article .article-content .article-cta p { margin-bottom: 26px; }
@media (max-width: 640px) {
  .kit-article .article-content { font-size: 17px; line-height: 1.85; }
  .kit-article .article-content blockquote { padding: 20px; font-size: 17px; }
  .kit-article .article-content section + section { margin-top: 38px; }
}
