/* Viewpage uses the same content layout and theme tokens as Article. */
.pedra-public .hc-viewpage .details > .section-title {
    border-bottom: 1px solid var(--pd-line);
    padding-bottom: 24px;
    margin-bottom: 24px;
}
.pedra-public .hc-viewpage .page-content {overflow-wrap: anywhere; line-height: 2.25;}
.pedra-public .hc-viewpage .page-content :is(img, video) {max-width: 100%; height: auto;}
.pedra-public .hc-viewpage .page-content iframe {max-width: 100%;}
.pedra-public .hc-viewpage .page-toolbar {display: flex; flex-wrap: wrap; gap: .6rem; margin: 0;}
.pedra-public .hc-viewpage .page-toolbar :is(a, button) {display: inline-flex; align-items: center; justify-content: center; gap: .5rem;}
.pedra-public .hc-viewpage :is(#gallery, .team) {padding: clamp(22px, 4vw, 42px); margin-bottom: 26px; border: 1px solid var(--pd-line); border-radius: 24px; background: var(--pd-surface); box-shadow: var(--pd-shadow);}
.pedra-public .hc-viewpage #related-video {box-shadow: none; margin-top: 24px;}
.pedra-public .hc-viewpage .gallery-item img {width: 100%; height: 180px; object-fit: cover;}
.pedra-public .hc-viewpage .team .member-info h3 {font-family: inherit; font-size: 17px !important; color: var(--pd-ink); line-height: 1.8;}
.pedra-public .hc-viewpage .vp-comment {border: 1px solid var(--pd-line); border-radius: 16px; background: var(--pd-soft); color: var(--pd-ink);}
.pedra-public .hc-viewpage .vp-comment .card-body {padding: clamp(16px, 3vw, 24px);}
.pedra-public .hc-viewpage .comment-text {overflow-wrap: anywhere; line-height: 2;}
.pedra-public .hc-viewpage #chats {overflow-y: auto; padding-inline: 2px;}
.vp-dialog {max-height: 92vh; max-height: 92dvh; overflow-y: auto;}
.vp-dialog .swal2-html-container {min-height: 0; overflow-y: auto;}
.vp-dialog .swal2-image {max-height: 70vh; object-fit: contain;}
.vp-dialog :is(input, textarea, button) {font-family: inherit;}
[data-bs-theme="dark"] .vp-dialog :is(input, textarea) {background: #203731; color: #e4efeb; border-color: #425b52;}
@media (max-width: 575px) {
    .pedra-public .hc-viewpage > .inner-page {padding-top: 22px;}
    .pedra-public .hc-viewpage .page-toolbar {width: 100%;}
}
@media print {
    .pd-header, .pd-footer, .pd-back-top, .pd-skip {display: none !important;}
    .hc-viewpage .screen-content {display: none !important;}
    .hc-viewpage #PrintArea {display: block !important;}
    .hc-viewpage, .hc-viewpage .inner-page {padding: 0 !important;}
    .hc-viewpage .container {width: 100% !important; max-width: none !important;}
    .hc-viewpage #PrintArea {color: #000 !important; background: #fff !important;}
}