/* REDAKSI.CSS — komponen kecil untuk konten dari situs lama
   (detail buku, galeri, gerakan global, kisah penulis). Memakai token base.css. */

/* ---------- Detail buku ---------- */
.bd-sec-title { font-family:Arial,sans-serif; font-weight:700; font-size:1.05rem; color:var(--tosca-dk); margin:1.75rem 0 .6rem; max-width:60rem; }
.bd-panel > div > .bd-sec-title:first-child { margin-top:0; }
.bd-points { list-style:none; max-width:56rem; display:flex; flex-direction:column; gap:.7rem; margin-bottom:1rem; }
.bd-points li { position:relative; padding-left:1.4rem; font-size:.88rem; line-height:1.7; color:#333; }
.bd-points li::before { content:''; position:absolute; left:0; top:.6em; width:.55rem; height:.55rem; border-radius:50%; background:var(--orange); }
.bd-specs { display:grid; grid-template-columns:max-content 1fr; gap:.4rem 1.25rem; font-size:.88rem; max-width:36rem; margin-bottom:1rem; }
.bd-specs dt { color:var(--gray); }
.bd-specs dd { color:var(--black); font-weight:700; }
.bd-ebook { display:inline-block; font-size:.85rem; font-weight:700; color:var(--tosca-dk); border-bottom:2px solid var(--orange); margin:.25rem 0 1rem; }
.bd-ebook:hover { color:var(--tosca); }
.bd-podcast { list-style:none; max-width:48rem; margin-bottom:.75rem; }
.bd-podcast li { display:flex; align-items:center; gap:.85rem; padding:.6rem 0; border-bottom:1px solid #eee; font-size:.88rem; }
.bd-podcast .ep-no { width:34px; height:34px; border-radius:50%; background:var(--offwhite); color:var(--tosca); font-weight:700; font-size:.72rem; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.bd-podcast a:hover { color:var(--tosca); }

/* ---------- Video 16:9 ---------- */
.rd-video { position:relative; width:100%; max-width:52rem; aspect-ratio:16/9; border-radius:12px; overflow:hidden; background:#000; margin-bottom:1.25rem; }
.rd-video iframe, .rd-video video { position:absolute; inset:0; width:100%; height:100%; border:0; object-fit:cover; }

/* ---------- Galeri foto ---------- */
.rd-gallery { display:grid; grid-template-columns:repeat(2,1fr); gap:.75rem; }
.rd-gal-item { position:relative; margin:0; border-radius:10px; overflow:hidden; background:#ddd; aspect-ratio:3/2; }
.rd-gal-item img { width:100%; height:100%; object-fit:cover; transition:transform .3s; }
.rd-gal-item:hover img { transform:scale(1.04); }
.rd-gal-item figcaption { position:absolute; left:0; right:0; bottom:0; padding:1.4rem .7rem .5rem; font-size:.75rem; font-weight:700; color:#fff; background:linear-gradient(transparent, rgba(0,0,0,.65)); }
.rd-gallery--sm { max-width:52rem; margin-bottom:1.25rem; }
@media (min-width:680px){ .rd-gallery { grid-template-columns:repeat(3,1fr); gap:1rem; } }
@media (min-width:1024px){ .rd-gallery:not(.rd-gallery--sm) { grid-template-columns:repeat(4,1fr); } }

.rd-filter { display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:1.25rem; }
.rd-filter button { font:700 .8rem Arial,sans-serif; padding:.45rem 1.1rem; border-radius:999px; border:2px solid var(--tosca); background:transparent; color:var(--tosca-dk); cursor:pointer; }
.rd-filter button.active { background:var(--tosca); color:#fff; }

/* ---------- Section umum ---------- */
.rd-sec { padding:3rem var(--pad); }
.rd-sec.on-white { background:#fff; }
.rd-sec.on-cream { background:var(--offwhite); }
.rd-inner { max-width:1180px; margin:0 auto; }
@media (min-width:1024px){ .rd-sec { padding:4.5rem 0; } .rd-inner { padding:0 40px; } }
.rd-eyebrow { font-family:'Avenir',Arial,sans-serif; font-size:.7rem; letter-spacing:.15em; text-transform:uppercase; color:var(--tosca); margin-bottom:.4rem; }
.rd-h2 { font-family:'Arial Black',Arial,sans-serif; font-weight:900; font-size:1.6rem; line-height:1.15; text-transform:uppercase; margin-bottom:1rem; }
.rd-lead { font-size:.92rem; line-height:1.75; color:#444; max-width:48rem; margin-bottom:1rem; }
@media (min-width:1024px){ .rd-h2 { font-size:2.1rem; } }

/* ---------- Gerakan global (per wilayah) ---------- */
.rd-banner { width:100%; border-radius:12px; margin:1rem 0 2rem; aspect-ratio:4/1; object-fit:cover; }
.rd-regions { display:grid; grid-template-columns:1fr; gap:1.5rem; }
.rd-region { background:#fff; border-radius:14px; overflow:hidden; box-shadow:0 2px 12px rgba(0,0,0,.06); display:flex; flex-direction:column; }
.rd-region-img { display:grid; grid-auto-flow:column; grid-auto-columns:1fr; grid-template-rows:100%; aspect-ratio:16/9; overflow:hidden; background:#ddd; }
.rd-region-img img { width:100%; height:100%; min-height:0; object-fit:cover; }
.rd-region-body { padding:1.1rem 1.25rem 1.4rem; }
.rd-region-body h3 { font-family:Arial,sans-serif; font-weight:700; font-size:1.05rem; color:var(--tosca-dk); margin-bottom:.45rem; }
.rd-region-body p { font-size:.85rem; line-height:1.65; color:var(--gray); }
@media (min-width:768px){ .rd-regions { grid-template-columns:1fr 1fr; } }
@media (min-width:1024px){ .rd-regions { grid-template-columns:repeat(3,1fr); } }

/* ---------- Kisah penulis (gambar + teks) ---------- */
.rd-split { display:grid; grid-template-columns:1fr; gap:1.75rem; align-items:center; }
.rd-split img { width:100%; border-radius:14px; object-fit:cover; }
.rd-split p { font-size:.9rem; line-height:1.8; color:#444; margin-bottom:1rem; }
@media (min-width:900px){ .rd-split { grid-template-columns:5fr 6fr; gap:3rem; } .rd-split.rev > :first-child { order:2; } }

.rd-links { list-style:none; display:grid; grid-template-columns:1fr; gap:.5rem; }
.rd-links a { display:block; padding:.7rem 1rem; background:#fff; border-radius:10px; font-size:.86rem; font-weight:700; border-left:4px solid var(--orange); }
.rd-links a:hover { color:var(--tosca); }
@media (min-width:768px){ .rd-links { grid-template-columns:1fr 1fr; } }

/* ---------- Beranda (revisi 16 Okt) ---------- */
.hero-title--long { font-size:1.75rem; line-height:1.12; text-transform:none; }
.hero-book-img--all { width:100%; max-width:560px; }
.parachurch-stats-title { font-family:'Arial Black',Arial,sans-serif; font-weight:900; font-size:1rem; line-height:1.3; margin-bottom:1rem; color:inherit; }
a.btn-tosca-solid, a.btn-orange-solid { display:inline-flex; align-items:center; justify-content:center; text-decoration:none; }
@media (min-width:1024px){
  .hero-title--long { font-size:2.6rem; }
  .hero-book-area:has(.hero-book-img--all) { flex:1 1 50%; }
  .hero-book-img--all { width:118%; max-width:none; margin-left:-9%; }
  .parachurch-stats-title { font-size:1.15rem; }
}

/* ---------- Rekomendasi tokoh ---------- */
.rd-reco { display:grid; grid-template-columns:1fr; gap:1.5rem; }
.rd-reco-item { display:flex; gap:1.1rem; align-items:flex-start; margin:0; padding:1.25rem; background:var(--offwhite); border-radius:14px; }
.rd-reco-item img { width:84px; height:84px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.rd-reco-item blockquote { margin:0 0 .6rem; font-size:.88rem; line-height:1.7; color:#333; font-style:italic; }
.rd-reco-name { font-weight:700; font-size:.92rem; }
.rd-reco-role { font-size:.8rem; color:var(--gray); }
@media (min-width:900px){ .rd-reco { grid-template-columns:1fr 1fr; } }
.rd-reco-item blockquote p { margin:0 0 .5rem; }
.rd-reco-item blockquote p:last-child { margin-bottom:0; }

/* Beranda: 3 rekomendasi di latar tosca gelap */
.endorse-wrap { max-width:1180px; margin:0 auto; }
.endorse-head { font-family:'Arial Black',Arial,sans-serif; font-weight:900; font-size:1.4rem; line-height:1.2; text-align:center; margin:.3rem 0 1.75rem; }
.endorse-3 { gap:1.25rem; }
.endorse-card { background:rgba(255,255,255,.08); color:#fff; flex-direction:column; align-items:center; text-align:center; }
.endorse-card img { width:96px; height:96px; border:3px solid rgba(255,255,255,.35); }
.endorse-card blockquote { color:#fff; opacity:.95; }
.endorse-card .rd-reco-role { color:#fff; opacity:.75; }
@media (min-width:900px){ .endorse-3 { grid-template-columns:repeat(3,1fr); } .endorse-head { font-size:1.9rem; } }