.feature-review-image, .latest-review-thumb, .list-thumb { position: relative; overflow: hidden; }
.feature-review-image > img, .latest-review-thumb > img, .list-thumb > img {
  display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0;
}
.article-contents { margin: 24px auto; max-width: 900px; padding: 12px 0; border-block: 1px solid #cbd3d8; }
.article-contents summary { cursor: pointer; font-weight: 700; }
.article-contents nav > ol { margin: 16px 0 0; padding-left: 24px; columns: 2; column-gap: 32px; list-style-type: decimal; }
.article-contents li > ol { margin: 8px 0 0; padding-left: 32px; columns: 1; list-style-type: lower-roman; }
.article-contents li { break-inside: avoid; margin: 0 0 8px; }
.article-contents a { overflow-wrap: anywhere; }
.author-body img[role="button"] { cursor: zoom-in; }
.author-body :is(h2,h3) { scroll-margin-top: 24px; }
.image-lightbox { width: min(96vw, 1500px); max-height: 94vh; padding: 16px; border: 0; background: #fff; color: #1b242c; }
.image-lightbox::backdrop { background: rgb(0 0 0 / 80%); }
.image-lightbox button { float: right; margin-bottom: 12px; }
.image-lightbox img { display: block; clear: both; max-width: 100%; max-height: 76vh; margin: auto; object-fit: contain; }
.image-lightbox p { margin: 12px 0 0; }
.review-pagination { display: flex; justify-content: center; align-items: center; gap: 24px; margin: 24px 0; }
.slider-dots button[data-slide-dot] { display: grid; place-items: center; width: 32px; height: 32px; min-height: 32px; padding: 0; background: transparent; }
.slider-dots button[data-slide-dot]::before { content: ""; display: block; width: 24px; height: 5px; background: #53616c; }
.slider-dots button[data-slide-dot][aria-current="true"]::before { background: var(--gold); }
.slider-dots button.slider-pause { display: grid; place-items: center; width: 32px; height: 32px; min-height: 32px; padding: 6px; border: 0; background: transparent; color: #27313a; }
.slider-pause svg { width: 18px; height: 18px; }
.public-content-error { color: #9d2323; padding: 12px; }
@media (max-width: 600px) { .article-contents nav > ol { columns: 1; } }