/* Editorial case study; scoped to this article. */
.editorial-site > article.bluehost-case-study { max-width: 1016px; padding-top: 36px; }
.bluehost-case-study .case-sponsor { padding: 15px 20px; margin: 0 0 38px; border: 1px solid var(--editorial-line); background: var(--editorial-soft); font-size: 13px; line-height: 1.7; }
.bluehost-case-study .case-heading { padding: 0; margin: 0; text-align: start; border: 0; }
.bluehost-case-study .case-eyebrow { margin-bottom: 17px; color: var(--editorial-plum); font-size: 11px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.bluehost-case-study .case-heading h1 { max-width: 850px; font-size: clamp(36px, 5.2vw, 62px); line-height: 1.09; }
.bluehost-case-study .case-heading h1 span { color: var(--editorial-plum); font-style: italic; }
.bluehost-case-study > p, .bluehost-case-study .case-heading > p:not(.case-eyebrow), .bluehost-case-study > h2, .bluehost-case-study > h3 { max-width: 76ch; }
.bluehost-case-study .case-video h2 { font-size: clamp(26px, 3vw, 32px); margin-bottom: 12px; }
.bluehost-case-study .case-video > p { font-size: 14px; }
.bluehost-case-study .case-video-frame { aspect-ratio: 16 / 9; background: #201b1e; border: 1px solid var(--editorial-line); }
.bluehost-case-study .case-video-frame iframe { display: block; width: 100%; height: 100%; border: 0; }
.bluehost-case-study .case-cta { padding: 24px 28px; margin: 30px 0; background: #f2eaee; border: 1px solid #d4c2cb; }
.bluehost-case-study .case-cta p:last-child { margin-bottom: 0; }
.bluehost-case-study .case-cta .guide-button { text-align: center; max-width: 100%; box-sizing: border-box; white-space: normal; }
.bluehost-case-study .case-fine, .bluehost-case-study .case-source-note { font-size: 12px; line-height: 1.8; color: #554d52; }
.bluehost-case-study .case-contents { display: flex; flex-wrap: wrap; column-gap: 23px; row-gap: 0; padding: 18px 0; margin: 36px 0; border-block: 1px solid var(--editorial-line); font-size: 13px; }
.bluehost-case-study .case-contents p { flex-basis: 100%; margin-bottom: 8px; color: var(--editorial-muted); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }
.bluehost-case-study .case-contents a { display: inline-flex; align-items: center; min-height: 38px; }
.bluehost-case-study .case-prompt { font: 400 17px/1.8 var(--editorial-sans); padding-block: 6px; }
.bluehost-case-study .case-prompt p { margin: 0; }
.bluehost-case-study .case-figure { margin: 34px 0 42px; }
.bluehost-case-study .case-figure > a { display: block; background: #fff; border: 1px solid var(--editorial-line); }
.bluehost-case-study .case-figure img { display: block; width: 100%; height: auto; margin: 0; border: 0; border-radius: 0; }
.bluehost-case-study .case-figure figcaption { margin-top: 12px; color: var(--editorial-muted); font-size: 12px; line-height: 1.8; }
.bluehost-case-study .case-figure figcaption a { display: inline-block; min-height: 28px; }
.bluehost-case-study .case-takeaway { margin: 30px 0; padding: 24px 28px; border-inline-start: 3px solid var(--editorial-plum); background: var(--editorial-soft); }
.bluehost-case-study .case-takeaway h3 { font-size: 25px; margin-top: 0; }
.bluehost-case-study .case-takeaway p:last-child { margin-bottom: 0; }
.bluehost-case-study .case-cta-final h3 { margin-top: 0; }
.bluehost-case-study .case-faq { border-top: 1px solid var(--editorial-line); padding-top: 34px; }
.bluehost-case-study .case-faq h3 { font-size: 24px; }
.bluehost-case-study .case-faq p { font-size: 15px; }
.bluehost-case-study .case-faq .case-source-note { font-size: 12px; margin-top: 36px; }
html.case-lightbox-open { overflow: hidden; }
.editorial-site dialog.case-lightbox {
  box-sizing: border-box; width: min(1400px, calc(100vw - 32px)); max-width: none;
  max-height: calc(100dvh - 32px); margin: auto; padding: 20px;
  overflow: auto; background: var(--editorial-paper); color: var(--editorial-ink);
  border: 1px solid var(--editorial-line); border-radius: 3px;
  font: 400 14px/1.6 var(--editorial-sans);
}
.editorial-site dialog.case-lightbox:not([open]) { display: none; }
.case-lightbox::backdrop { background: rgb(22 16 21 / .86); }
.case-lightbox .case-lightbox-bar { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 14px; }
.editorial-site .case-lightbox h2 { margin: 0; font-size: 26px; }
.case-lightbox .case-lightbox-viewport { overflow: auto; max-height: calc(100dvh - 260px); min-height: 100px; background: #ece8e3; overscroll-behavior: contain; }
.case-lightbox .case-lightbox-viewport img { display: block; width: auto; max-width: 100%; height: auto; max-height: calc(100dvh - 260px); margin: auto; object-fit: contain; }
.case-lightbox.is-zoomed .case-lightbox-viewport img { width: 1280px; max-width: none; max-height: none; margin: 0; }
.editorial-site .case-lightbox .case-lightbox-caption { margin: 12px 0; font-size: 13px; color: #514c47; }
.case-lightbox .case-lightbox-controls { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 16px; }
.editorial-site .case-lightbox button { min-height: 44px; padding: 10px 16px; margin: 0; border-radius: 2px; font-size: 13px; line-height: 1.5; cursor: pointer; }
.editorial-site .case-lightbox .case-lightbox-count { margin: 0; font-size: 12px; }
.case-lightbox .case-lightbox-controls a { display: inline-flex; align-items: center; min-height: 44px; color: var(--editorial-plum); text-underline-offset: 3px; }
.bluehost-case-study .case-figure > a[aria-haspopup="dialog"] { cursor: zoom-in; }
@media (max-width: 599px) {
  .editorial-site > article.bluehost-case-study { padding: 24px 20px 48px; }
  .bluehost-case-study .case-sponsor { padding: 14px 16px; margin-bottom: 28px; }
  .bluehost-case-study .case-heading h1 { font-size: clamp(34px, 9.5vw, 48px); }
  .bluehost-case-study .case-cta, .bluehost-case-study .case-takeaway { padding: 22px 18px; }
  .bluehost-case-study .case-cta .guide-button { display: block; font-size: 14px; }
  .bluehost-case-study .case-figure { margin-block: 28px; }
  .bluehost-case-study .case-contents { column-gap: 18px; }
}
@media print {
  .editorial-site dialog.case-lightbox { display: none !important; }
  html.case-lightbox-open { overflow: visible; }
  .bluehost-case-study .case-video-frame { display: none; }
  .bluehost-case-study .case-figure, .bluehost-case-study .case-cta { break-inside: avoid; }
  .bluehost-case-study .case-figure img { max-height: 130mm; object-fit: contain; }
}