/* Story box: gaya komponen ringkasan cerita. */
.story-box { max-width: 900px; margin: 30px auto; padding: 25px; border: 1px solid rgba(255, 215, 0, .35); border-radius: 18px; background: rgba(0, 0, 0, .35); box-shadow: 0 0 20px rgba(255, 215, 0, .08); backdrop-filter: blur(8px); }
.story-header { display: flex; align-items: center; gap: 15px; margin-bottom: 18px; }
.story-icon { display: flex; width: 60px; height: 60px; flex: 0 0 60px; align-items: center; justify-content: center; border: 2px solid #ffd700; border-radius: 50%; background: rgba(255, 215, 0, .15); font-size: 28px; }
.story-title { margin: 0; color: #ffd700; font-size: 24px; font-weight: 700; }
.story-content { color: #ddd; font-size: 16px; line-height: 1.8; text-align: justify; }
.story-full[hidden] { display: none; }
.story-toggle { margin-top: 12px; padding: 0; border: 0; color: #ffd700; background: transparent; font: inherit; font-size: 14px; font-weight: 700; text-decoration: underline; cursor: pointer; opacity: .85; }
.story-toggle:hover { opacity: 1; text-shadow: 0 0 6px rgba(255, 215, 0, .4); }
@media (max-width: 600px) { .story-box { margin: 20px 14px; padding: 18px; } .story-title { font-size: 19px; } .story-content { font-size: 14px; } }