/* Shared quiet details; existing layout and interactions remain intact. */
:root { --rm-control-radius: 12px; --rm-detail-line: rgba(157,128,86,.35); --rm-detail-gold: #987744; }
.button, .route-controls button { border-radius: var(--rm-control-radius); border-width: 1px; }
.button:focus-visible, .route-controls button:focus-visible,
#faq summary:focus-visible, #before-you-go summary:focus-visible {
  outline: 2px solid var(--champagne); outline-offset: 5px;
}
#faq .faq-list details { border-color: var(--rm-detail-line); border-radius: var(--rm-control-radius); }
#faq .faq-icon { color: var(--rm-detail-gold); }
#faq details[open] summary { color: var(--rm-detail-gold); }
#before-you-go .fit-principle, #before-you-go .fit-interview-step,
#before-you-go .departure-note { border-color: var(--rm-detail-line); }
#before-you-go .fit-index { color: var(--rm-detail-gold); }
.route-stop::before { background: var(--pearl); border-color: var(--rm-detail-gold); box-shadow: none; }
.route-stop[data-state="passed"]::before { border-color: var(--rm-detail-gold); background: var(--pearl); }
.route-stop[aria-current="step"]::before { background: var(--rm-detail-gold); border-color: var(--rm-detail-gold); box-shadow: 0 0 0 4px var(--pearl); }
.route-stop[aria-current="step"] strong { color: var(--rm-detail-gold); }
#memories .memory-verse::before { content: ""; display: inline-block; width: 1px; height: 22px; margin-bottom: 10px; background: currentColor; opacity: .65; }