.bocoran-page .hero { grid-template-columns: 1fr; }
.bocoran-page .sample,
.bocoran-page .faq,
.bocoran-page #komunitas {
  padding: clamp(28px, 6vw, 64px);
  border-top: 1px solid var(--line);
}
.bocoran-page figure {
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
}
.bocoran-page figure img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 14px;
}
.bocoran-page figcaption { margin-top: 12px; color: var(--muted); }
.bocoran-page details {
  padding: 14px 18px;
  margin-top: 10px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--paper);
}
.bocoran-page summary { cursor: pointer; font-weight: 700; }
.bocoran-page details p { margin: 12px 0 0; }
@media (max-width: 480px) {
  .bocoran-page .sample, .bocoran-page .faq, .bocoran-page #komunitas { padding: 28px 16px; }
}