/* The New Testament series page. Builds on minimalist-bible-books-20261014.css (.tb) and its options stylesheet. */
.ntp{--tb-accent:#7a2430}
.ntp .tb-kicker{color:#7a2430}
.nt-name{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}
.nt-name span{font:600 12px var(--tb-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--tb-muted)}
.nt-name strong{font:400 30px/1.1 var(--tb-display)}
.nt-pick{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nt-pick span{min-width:64px;font:600 12px var(--tb-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--tb-muted)}
.nt-pick select{min-height:40px;max-width:100%;padding:8px 36px 8px 14px;border:1px solid var(--tb-line);border-radius:999px;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23161616'/%3E%3C/svg%3E") no-repeat right 14px center;
  font:600 13px var(--tb-ui);color:var(--tb-fg);-webkit-appearance:none;appearance:none;cursor:pointer}
.nt-pick select:focus-visible{outline:2px solid var(--tb-accent);outline-offset:2px}
/* the book list's longest name must not widen the buy column past a phone screen (it clipped the text at 390 px) */
.ntp .tb-side{grid-template-columns:minmax(0,1fr)}
/* the 28 covers, in their groups */
.nt-series-wrap{display:grid;gap:22px}
.nt-group{display:grid;gap:12px}
.nt-group h3{font-size:22px}
.nt-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:16px}
@media (max-width:1000px){.nt-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (max-width:700px){.nt-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
.nt-grid .tb-cover{gap:4px}
.nt-grid .tb-cover-label{font-size:10.5px}
.nt-grid .tb-cover-name{font:400 17px/1.1 var(--tb-display)}
.nt-grid .tb-cover-price{font:600 12px var(--tb-ui);color:var(--tb-muted)}
/* the ten hardcovers */
.nt-units{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
@media (max-width:860px){.nt-units{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:520px){.nt-units{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
.nt-units li{margin:0}
.nt-unit{all:unset;box-sizing:border-box;cursor:pointer;display:grid;gap:5px;text-align:center;width:100%}
.nt-unit img{display:block;width:100%;height:auto;aspect-ratio:2/3;border-radius:2px;box-shadow:0 1px 1px rgba(0,0,0,.2),0 10px 24px rgba(0,0,0,.16);outline:2px solid transparent;outline-offset:4px;transition:transform .2s ease}
.nt-unit:hover img{transform:translateY(-3px)}
.nt-unit[aria-current="true"] img{outline-color:var(--tb-fg)}
.nt-unit:focus-visible img{outline-color:var(--tb-accent)}
.nt-unit strong{font:400 18px/1.15 var(--tb-display)}
.nt-unit .tb-cover-label{font:600 10.5px var(--tb-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--tb-muted)}
.nt-unit-meta{font:600 12px var(--tb-ui);color:var(--tb-muted)}
@media (prefers-reduced-motion:reduce){.nt-unit img{transition:none}.nt-unit:hover img{transform:none}}
.ntp .tb-shelf{max-width:100%;overflow-x:auto}
.ntp .tb-set{grid-template-columns:minmax(0,1fr) auto auto}
@media (max-width:760px){.ntp .tb-set{grid-template-columns:1fr}}
.ntp .tb-shelf img{height:min(360px,70vw)}
/* the Black and White Editions */
.nt-editions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:18px}
@media (max-width:640px){.nt-editions{grid-template-columns:1fr}}
.nt-edition{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr);gap:20px;align-items:center;padding:18px;border:1px solid var(--tb-line);border-radius:4px;text-decoration:none;color:inherit;background:rgba(255,255,255,.35)}
.nt-edition:hover{background:rgba(255,255,255,.6)}
.nt-edition img{display:block;width:100%;height:auto}
.nt-edition-copy{display:grid;gap:6px}
.nt-edition-copy strong{font:400 26px/1.1 var(--tb-display)}
.nt-edition-copy span{color:var(--tb-muted)}
.nt-edition-copy .nt-edition-price{font:600 12px var(--tb-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--tb-fg)}
/* the letters in three volumes (2026-10-18): each card shows the covers and names of the books it holds */
.nt-grid .tb-cover .nt-members-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;margin:2px 0}
.nt-grid .tb-cover .nt-members-strip img{width:auto;height:30px;aspect-ratio:2/3;border-radius:1px;box-shadow:0 1px 2px rgba(0,0,0,.25);outline:none;transform:none}
.nt-grid .tb-cover:hover .nt-members-strip img{transform:none}
.nt-grid .nt-members{font:500 11.5px/1.35 var(--tb-ui);color:var(--tb-muted)}
.nt-members-line{margin:6px 0 0;font:500 13px/1.45 var(--tb-ui);color:var(--tb-muted)}
@media (max-width:700px){.nt-grid .tb-cover .nt-members-strip img{height:24px}.nt-grid .nt-members{font-size:10.5px}}