/* Music + Podcasts nav buttons: solid orange, white text.
   Selectors are prefixed with .topbar nav so they beat the generic nav-link rules in style.css. */
.topbar nav a.music-nav,.topbar nav a.podcast-nav{
  display:inline-flex;align-items:center;gap:7px;
  background:#c85300;color:#fff;opacity:1;font-weight:600;animation:none;
  border:1px solid #c85300;border-radius:999px;padding:.32em .95em;
  box-shadow:0 1px 4px rgba(0,0,0,.25);
  transition:background .2s,border-color .2s,transform .15s}
.topbar nav a.music-nav svg,.topbar nav a.podcast-nav svg{width:17px;height:17px;flex:none;color:#fff}
.topbar nav a.music-nav:hover,.topbar nav a.podcast-nav:hover,
.topbar nav a.music-nav:focus-visible,.topbar nav a.podcast-nav:focus-visible{
  background:#a84400;border-color:#a84400;color:#fff;transform:translateY(-1px)}
.topbar nav a.music-nav:focus-visible,.topbar nav a.podcast-nav:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:820px){
  .topbar nav a.music-nav,.topbar nav a.podcast-nav{
    display:flex;justify-content:center;width:100%;padding:12px 14px;border-radius:8px;margin-top:8px;
    border-bottom:1px solid #c85300}
  .topbar nav a.music-nav{margin-top:10px}
}

/* FAQ page: podcast companion banner */
.faq-podcast{max-width:1100px;margin:18px auto 0;padding:0 20px}
.faq-podcast-inner{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:#c85300;color:#fff;border-radius:12px;padding:14px 18px;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.faq-podcast-inner svg{width:30px;height:30px;flex:none;color:#fff}
.faq-podcast-text{flex:1 1 260px;display:flex;flex-direction:column;line-height:1.4}
.faq-podcast-text span{font-size:.92rem;opacity:.95}
.faq-podcast-btn{background:#fff;color:#a84400;font-weight:700;text-decoration:none;border-radius:999px;padding:.45em 1.2em;white-space:nowrap}
.faq-podcast-btn:hover,.faq-podcast-btn:focus-visible{background:#1b1a2e;color:#fff}
.faq-listen{margin-top:10px}
.faq-listen a{display:inline-block;background:#c85300;color:#fff;font-weight:600;text-decoration:none;border-radius:999px;padding:.35em 1em;font-size:.92rem}
.faq-listen a:hover,.faq-listen a:focus-visible{background:#a84400;color:#fff}
.topbar nav a.podcast-nav[aria-current="page"],.topbar nav a.music-nav[aria-current="page"]{box-shadow:0 0 0 2px #fff inset,0 1px 4px rgba(0,0,0,.25)}
.faq-podcast-btns{display:flex;gap:10px;flex-wrap:wrap}
.faq-listen{display:flex;gap:8px;flex-wrap:wrap}

/* Cross-site footer row (same on the book, music and podcast sites) */
.eco-foot{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;max-width:1100px;margin:0 auto;padding:12px 20px 18px;font-size:.92rem}
.eco-foot a{color:inherit;text-decoration:underline;text-underline-offset:3px;opacity:.9}
.eco-foot a:hover,.eco-foot a:focus-visible{opacity:1;text-decoration-thickness:2px}
.eco-foot a[aria-current="page"]{font-weight:700;text-decoration:none;opacity:1}