/* ==========================================================================
   Bible study page only (biblestudy.html) — load after styles.css and inner.css
   ========================================================================== */
[id]{scroll-margin-top:130px}

/* toolbar: testament tabs + search */
.toolbar{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;margin-bottom:46px}
.tabs{display:inline-flex;gap:6px;padding:6px;border-radius:99px;border:1px solid var(--line);background:color-mix(in srgb,var(--ink) 5%,transparent)}
.tabs button{font:inherit;font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);background:none;border:0;padding:10px 20px;border-radius:99px;cursor:pointer;transition:.25s}
.tabs button:hover{color:var(--ink)}
.tabs button[aria-pressed="true"]{background:var(--gold);color:#10143a}
.tabs small{font-weight:400;opacity:.75;margin-left:4px}
.search{position:relative;flex:1 1 260px;max-width:380px}
.search input{width:100%;padding:13px 18px 13px 46px;border-radius:99px;border:1px solid var(--line);background:color-mix(in srgb,var(--ink) 6%,transparent);color:var(--ink);font:inherit;font-weight:300;font-size:1rem;transition:border-color .25s,box-shadow .25s}
.search input:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 22%,transparent)}
.search svg{position:absolute;left:17px;top:50%;width:18px;height:18px;margin-top:-9px;color:var(--gold);pointer-events:none}

/* testament sections */
.testament{margin-bottom:70px}
.testament[hidden]{display:none}
.t-head{display:flex;align-items:baseline;gap:16px;margin-bottom:22px}
.t-head h2{margin:0;font-size:clamp(2rem,4.5vw,3.2rem)}
.t-head span{font-size:.75rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.t-head::after{content:"";flex:1;height:1px;align-self:center;background:linear-gradient(90deg,rgba(232,185,96,.5),transparent)}

/* book rows */
.books{display:grid;gap:12px}
.book{display:grid;grid-template-columns:210px minmax(0,1fr);gap:18px 26px;align-items:start;padding:18px 24px;border-radius:20px;background:var(--card);border:1px solid var(--line);transition:border-color .3s}
.book:hover{border-color:rgba(232,185,96,.45)}
.book[hidden]{display:none}
.book h3{margin:6px 0 0;font-size:1.45rem;line-height:1.1}
.book h3 small{display:block;margin-top:5px;font-family:var(--sans);font-size:.68rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.chapters{display:flex;flex-wrap:wrap;gap:8px}
.chapters a{min-width:40px;height:40px;padding:0 10px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--ink) 5%,transparent);color:var(--ink);text-decoration:none;font-size:.88rem;font-weight:400;transition:.2s}
.chapters a:hover{background:var(--gold);border-color:var(--gold);color:#10143a;transform:translateY(-2px)}
.empty{display:none;text-align:center;padding:50px 0;color:var(--mute)}
.empty.show{display:block}
.note{margin:0 0 34px;font-weight:300;color:var(--mute);font-size:.95rem}

@media(max-width:760px){.book{grid-template-columns:1fr;padding:18px}.tabs{width:100%;justify-content:space-between}.tabs button{flex:1;padding:10px 6px;font-size:.7rem;letter-spacing:.08em}.search{max-width:none;flex-basis:100%}}