/* The bookstore and the Consortium journal (0.8.0, /books/ and /consortium-journal/): the Classics
   palette and type from sr.css, plus the bookstore and journal kit — the heading with the series list,
   the featured book, shelves, the journal's card, magazines, series cards, beige cards, and the
   journal's masthead, issues by volume (search, contents that open) and contributors.
   Loaded only on pages with this look. */

.th-books{--bk-night:#1B2532}
/* Sections sit on white; two in a row read as one band, so no double gap between them. */
.th-books .sec.band{padding-block:clamp(44px,6vw,72px)}
.th-books .sec.band.bg-white + .sec.band.bg-white,
.th-books .sec.band.bg-tint + .sec.band.bg-tint{padding-top:0}
.th-books .sec-bk-hero.band,.th-books .sec-cj-masthead.band{padding-block:clamp(36px,6vw,64px) clamp(36px,5vw,56px)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---------- type ---------- */
.bk-h1{margin:0;font:700 clamp(36px,5vw,54px)/1.08 var(--serif);color:var(--ink)}
.bk-h2{margin:0;font:700 clamp(26px,3vw,32px)/1.2 var(--serif);color:var(--ink)}
.bk-h2.big{font-size:clamp(28px,3.4vw,40px);line-height:1.12}
.bk-h2 a,.bk-h3 a,.bk-card-t a{color:inherit;text-decoration:none}
.bk-h2 a:hover,.bk-card-t a:hover{color:var(--cta)}
.bk-h3{margin:0;font:700 21px/1.25 var(--serif);color:var(--ink)}
.bk-eyebrow{display:block;font:800 12.5px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink2)}
.bk-eyebrow.red{color:var(--cta)}
.bk-lede{margin:0;font:italic 400 clamp(18px,2vw,21px)/1.5 var(--serif);color:var(--ink)}
.bk-sub{margin:0;font:italic 400 18px/1.45 var(--serif);color:var(--ink)}
.bk-by{margin:0;font:400 15px/1.5 var(--sans);color:var(--ink2)}
.bk-by b{color:var(--ink)}
.bk-by a,.bk-p a{color:var(--cta);font-weight:700}
.bk-p{display:block;margin:0;font:400 15.5px/1.6 var(--sans);color:var(--ink2)}
.bk-p-lg{font-size:17px;line-height:1.65;max-width:640px}
.bk-head{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}
.bk-more{display:inline-flex;align-items:center;min-height:44px;font:800 15px/1.3 var(--sans);color:var(--cta);text-decoration:none}
.bk-more:hover{color:var(--ctah);text-decoration:underline}
.bk-price{font:800 16px/1.2 var(--sans);color:var(--ink);white-space:nowrap}
.bk-price.lg{font-size:18px}
.bk-price s{font-weight:600;color:var(--ink2);margin-right:2px}
.bk-note{font:400 13px/1.4 var(--sans);color:var(--ink2)}
.bk-acts{margin:6px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}
.bk-arr{flex:none;fill:none;stroke:var(--cta);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.bk-blank{display:block;width:70%;aspect-ratio:2/3;background:#fff;border:1px solid var(--rule)}
.ov-missing{display:inline-flex;align-items:center;justify-content:center;width:40px;height:60px;background:#fff;border:1px dashed var(--ink2);color:var(--ink2);font-weight:800}

/* ---------- /books/: heading and series list ---------- */
.bk-hero{display:flex;flex-wrap:wrap;align-items:center;gap:36px 64px}
.bk-hero-text{flex:1.25 1 440px;min-width:0;display:flex;flex-direction:column;gap:16px}
.bk-hero-text .bk-p{max-width:560px}
.bk-dir{flex:1 1 360px;min-width:0;border:1px solid var(--rule);border-radius:8px;padding:8px 20px 10px}
.bk-dir-h{margin:0;padding:12px 0 8px;font:800 12.5px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink2)}
.bk-dir ul{list-style:none;margin:0;padding:0}
.bk-dir li{border-top:1px solid var(--rule)}
.bk-dir a{display:flex;align-items:center;gap:14px;min-height:64px;padding:6px 0;text-decoration:none;color:var(--ink)}
.bk-dir-cv{flex:none;width:40px;height:56px;display:block;overflow:hidden;background:var(--tint);box-shadow:0 3px 8px rgba(27,37,50,.18)}
.bk-dir-cv img{display:block;width:100%;height:100%;object-fit:cover}
.bk-dir-t{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.bk-dir-t b{font:800 16px/1.3 var(--sans)}
.bk-dir-t span{font:400 14px/1.4 var(--sans);color:var(--ink2)}
.bk-dir a:hover b,.bk-dir a:focus-visible b{color:var(--cta)}

/* ---------- a featured book ---------- */
.bk-feature{display:flex;flex-wrap:wrap;align-items:center;gap:32px clamp(32px,5vw,64px)}
.bk-feature.banded{background:var(--tint);border-radius:8px;padding:clamp(24px,5vw,56px)}
.bk-feature.framed{border:1px solid var(--rule);border-radius:8px;padding:clamp(24px,4vw,40px);gap:24px 40px}
.bk-feature-cv{flex:0 1 300px;min-width:0;margin:0 auto;display:flex;justify-content:center}
.bk-feature.framed .bk-feature-cv{flex:0 0 140px;margin:0}
.bk-feature-cv img{display:block;width:100%;max-width:300px;height:auto;box-shadow:0 14px 30px rgba(27,37,50,.25)}
.bk-feature-body{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:14px}
.bk-feature.framed .bk-feature-body{flex-basis:360px;gap:10px}

/* ---------- shelves ---------- */
.bk-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:40px 24px}
.bk-card{display:flex;flex-direction:column;gap:10px;min-width:0}
.bk-card-cv{height:clamp(220px,23vw,290px);background:var(--tint);border-radius:6px;display:flex;align-items:center;justify-content:center;padding:20px}
.bk-card-cv img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;box-shadow:0 8px 18px rgba(27,37,50,.18);transition:transform .15s ease}
.bk-card-cv:hover img{transform:translateY(-3px)}
.bk-card-t{margin:4px 0 0;font:700 17px/1.3 var(--serif);color:var(--ink)}
.bk-card-a{font:700 14px/1.4 var(--sans);color:var(--ink2)}
.bk-card-p{margin:0;font:400 14.5px/1.55 var(--sans);color:var(--ink2)}
.bk-card-buy{margin:auto 0 0;padding-top:4px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.bk-btn-o{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:4px;box-shadow:inset 0 0 0 1.5px var(--cta);color:var(--cta);font:800 14px/1 var(--sans);text-decoration:none}
.bk-btn-o:hover{background:var(--cta);color:#fff}
.bk-minis{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.bk-mini{display:flex;gap:18px;align-items:flex-start;padding:18px;border:1px solid var(--rule);border-radius:8px;min-width:0}
.bk-mini-cv{flex:none;width:92px;display:block}
.bk-mini-cv img{display:block;width:100%;height:auto;box-shadow:0 6px 14px rgba(27,37,50,.18)}
.bk-mini-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px}
.bk-mini .bk-card-t{margin:0;font-size:16.5px}
.bk-mini .bk-card-a{font-size:13.5px}
.bk-mini .bk-card-p{font-size:14px;line-height:1.5}
.bk-mini-buy{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:0 16px}
.bk-buy-link{display:inline-flex;align-items:center;min-height:44px;font:800 14.5px/1 var(--sans);color:var(--cta);text-decoration:none}
.bk-buy-link:hover{text-decoration:underline}

/* ---------- the journal's card on /books/ ---------- */
.cj-band{background:var(--bk-night);color:#fff;border-radius:8px;padding:clamp(28px,5vw,56px);display:flex;flex-wrap:wrap;align-items:center;gap:32px clamp(32px,5vw,64px)}
.cj-band-cv{flex:0 1 230px;min-width:0;margin:0 auto;display:flex;justify-content:center}
.cj-band-cv img{display:block;width:100%;max-width:230px;height:auto;box-shadow:0 14px 30px rgba(0,0,0,.35)}
.cj-band-body{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:14px}
.cj-band .bk-eyebrow{color:#D9D4CA}
.cj-band .bk-h2,.cj-band .bk-h2 a{color:#fff}
.cj-band .bk-h2 a:hover{color:#F1D7DC}
.cj-band .bk-p{color:#E9E6E0}
.cj-band-latest{margin:0;font:400 15px/1.5 var(--sans);color:#E9E6E0}
.cj-band-latest b{color:#fff}
.cj-band-note{font:400 14px/1.4 var(--sans);color:#D9D4CA}

/* ---------- magazines ---------- */
.bk-panel{background:var(--tint);border-radius:8px;padding:clamp(24px,5vw,56px)}
.bk-mags{display:flex;flex-wrap:wrap;gap:20px}
.bk-mag{flex:1 1 420px;min-width:0;background:#fff;border-radius:8px;padding:clamp(20px,3vw,32px);display:flex;flex-wrap:wrap;gap:20px 28px;align-items:flex-start}
.bk-mag-cv{flex:0 0 150px;display:flex;align-items:flex-start}
.bk-mag-cv > span{display:block;width:150px}
.bk-mag-cv.two > span{width:118px}
.bk-mag-cv.two > span + span{margin:18px 0 0 -86px}
.bk-mag-cv img{display:block;width:100%;height:auto;box-shadow:0 8px 18px rgba(27,37,50,.18)}
.bk-mag-cv > span:first-child{position:relative;z-index:2}
.bk-mag-body{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:8px}
.bk-mag .bk-h3{font-size:24px}
.bk-mag-issues{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 18px}
.bk-mag-issues a{display:inline-flex;align-items:center;min-height:40px;font:700 14.5px/1.3 var(--sans);color:var(--ink);text-decoration:none}
.bk-mag-issues a:hover{color:var(--cta)}
.bk-mag-links{list-style:none;margin:0;padding:0}

/* ---------- series cards ---------- */
.bk-sers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.bk-ser{border:1px solid var(--rule);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;min-width:0;color:var(--ink);text-decoration:none}
a.bk-ser:hover{border-color:#CFC8BC;box-shadow:0 8px 22px rgba(27,37,50,.08)}
a.bk-ser:hover .bk-h3{color:var(--cta)}
.bk-ser-art{height:220px;background:var(--tint);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.bk-ser-art.cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bk-ser-art.contain{padding:20px}
.bk-ser-art.contain img{display:block;max-width:100%;max-height:100%;width:auto;height:auto}
.bk-ser-body{padding:22px 24px 24px;display:flex;flex-direction:column;gap:8px;flex:1 1 auto}
.bk-ser-titles{font:italic 400 13.5px/1.55 var(--sans);color:var(--ink2)}
.bk-ser .bk-more{margin-top:auto;padding-top:6px;min-height:0}
.bk-ser-links{list-style:none;margin:4px 0 0;padding:0}
.bk-ser-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;border-top:1px solid var(--rule);font:700 15px/1.35 var(--sans);color:var(--ink);text-decoration:none}
.bk-ser-links a:hover{color:var(--cta)}
.bk-fan{display:flex;align-items:center;justify-content:center}
.bk-fan-i{display:block;position:relative}
.bk-fan-i + .bk-fan-i{margin-left:calc(var(--h) * -0.4)}
.bk-fan-i:nth-child(1){z-index:5}.bk-fan-i:nth-child(2){z-index:4}.bk-fan-i:nth-child(3){z-index:3}.bk-fan-i:nth-child(4){z-index:2}
.bk-fan img{display:block;height:var(--h);width:auto;box-shadow:0 8px 18px rgba(27,37,50,.18)}

/* ---------- beige cards ---------- */
.bk-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px}
.bk-box{background:var(--tint);border-radius:8px;padding:clamp(22px,3vw,32px);display:flex;flex-direction:column;gap:12px;min-width:0}
.bk-box .bk-p{font-size:15.5px}
.bk-box .bk-p a{overflow-wrap:break-word}
.bk-box .bk-more{margin-top:auto}
.bk-people{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.bk-people li{display:flex;flex-direction:column}
.bk-people b{font:800 16px/1.35 var(--sans)}
.bk-people span{font:400 14.5px/1.4 var(--sans);color:var(--ink2)}

/* ---------- the journal: masthead ---------- */
.cj-mast{display:flex;flex-wrap:wrap;align-items:center;gap:40px 72px}
.cj-mast-text{flex:1.5 1 480px;min-width:0;display:flex;flex-direction:column;gap:18px}
.cj-h1{font-size:clamp(40px,5.6vw,60px);line-height:1.05}
.cj-mast-text .bk-p{max-width:600px}
.cj-facts{margin:0;display:flex;flex-wrap:wrap;gap:14px 40px;padding:18px 0;border-block:1px solid var(--rule)}
.cj-facts div{display:flex;flex-direction:column;gap:2px}
.cj-facts dt{font:700 20px/1.3 var(--serif);color:var(--ink)}
.cj-facts dd{margin:0;font:400 14px/1.4 var(--sans);color:var(--ink2)}
.cj-ebook-line{flex:0 0 100%;order:3;margin-top:-6px;font:400 14px/1.4 var(--sans);color:var(--ink2)}
@media (max-width:480px){.cj-ebook-line{order:0}}
.cj-coming{margin:0;display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:var(--tint);border-radius:6px;font:400 15px/1.5 var(--sans);color:var(--ink2)}
.cj-coming svg{flex:none;margin-top:1px;fill:none;stroke:var(--cta);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cj-coming b{color:var(--ink)}
.cj-mast-side{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:16px}
.cj-mast-cv img{display:block;width:clamp(210px,26vw,330px);height:auto;box-shadow:0 18px 36px rgba(27,37,50,.28)}
.cj-mast-cap{margin:0;text-align:center;font:400 14.5px/1.5 var(--sans);color:var(--ink2)}
.cj-mast-cap b{color:var(--ink)}

/* ---------- the journal: every issue ---------- */
.th-books .sec-cj-issues .w::before,.th-books .sec-cj-contributors .w::before{content:"";display:block;border-top:1px solid var(--rule);margin-bottom:clamp(40px,5vw,56px)}
.cj-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 40px}
.cj-head .bk-head{flex:1 1 420px;min-width:0;margin-bottom:0}
.cj-search{flex:0 1 380px;min-width:0;display:flex;flex-direction:column;gap:6px}
.cj-search[hidden]{display:none}
.cj-search label{font:800 13.5px/1.3 var(--sans);color:var(--ink2)}
.cj-q{position:relative;display:flex}
.cj-q svg{position:absolute;left:14px;top:50%;margin-top:-9px;fill:none;stroke:var(--ink2);stroke-width:2;stroke-linecap:round}
.cj-q input{width:100%;min-height:48px;padding:0 14px 0 42px;border:1.5px solid #CFC8BC;border-radius:6px;font:600 16px/1.2 var(--sans);color:var(--ink);background:#fff}
.cj-q input:focus{outline:2px solid var(--cta);outline-offset:1px;border-color:var(--cta)}
.cj-chips{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 12px}
.cj-chips a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--rule);border-radius:999px;font:800 14.5px/1 var(--sans);color:var(--ink);text-decoration:none}
.cj-chips a span{font-weight:600;color:var(--ink2)}
.cj-chips a:hover{border-color:var(--cta);color:var(--cta)}
.cj-vol{display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px;padding:32px 0;border-top:1px solid var(--rule);scroll-margin-top:80px}
.cj-vol[hidden]{display:none}
.cj-vol-l{display:flex;flex-direction:column;gap:2px}
.cj-vol-t{margin:0;font:700 26px/1.2 var(--serif);color:var(--ink)}
.cj-vol-l span{font:700 15px/1.3 var(--sans);color:var(--ink2)}
.cj-issues{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.cj-issue{border:1px solid var(--rule);border-radius:8px;padding:22px 24px 8px;display:flex;flex-direction:column;gap:10px;background:#fff;min-width:0;scroll-margin-top:80px}
.cj-issue[hidden]{display:none}
.cj-issue.soon{border:1.5px dashed #C9C2B6;background:var(--tint);padding-bottom:22px}
.cj-issue:target{box-shadow:0 0 0 2px var(--cta)}
.cj-issue-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.cj-badge{font:800 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--cta);border-radius:3px;padding:4px 8px}
.cj-issue-t{margin:0;font:700 24px/1.2 var(--serif);color:var(--ink)}
.cj-teaser{margin:0;font:400 14.5px/1.5 var(--sans);color:var(--ink2)}
.cj-buy{margin:0;padding:4px 0 6px;display:flex;align-items:center;gap:12px}
.cj-price{display:flex;flex-direction:column;gap:1px;min-width:0}
.cj-ebook{font:400 13px/1.35 var(--sans);color:var(--ink2)}
.cj-buy .btn{margin-left:auto;min-height:44px}
.cj-toc{border-top:1px solid var(--rule)}
.cj-toc summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;font:800 15px/1.3 var(--sans);color:var(--cta)}
.cj-toc summary::-webkit-details-marker{display:none}
.cj-toc summary:hover{color:var(--ctah)}
.cj-toc summary:focus-visible{outline:2px solid var(--cta);outline-offset:2px;border-radius:2px}
.cj-chev{flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s ease}
.cj-toc[open] .cj-chev{transform:rotate(180deg)}
.cj-list{list-style:none;margin:0;padding:2px 0 18px;display:flex;flex-direction:column;gap:12px}
.cj-list li{display:flex;flex-direction:column;gap:2px}
.cj-list li[hidden]{display:none}
.cj-it{font:600 15px/1.4 var(--sans);color:var(--ink)}
.cj-au{font:400 14px/1.4 var(--sans);color:var(--ink2)}
.cj-sub{padding-top:6px;font:800 12px/1.5 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink2)}
.cj-tag{display:inline-block;margin-right:6px;padding:1px 6px;border:1px solid #CFC8BC;border-radius:3px;font:800 11px/1.4 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2);vertical-align:2px}
.cj-list mark{background:#F6E3A1;color:inherit;border-radius:2px}
.cj-none{margin:0;padding:32px 0;border-top:1px solid var(--rule);font:400 17px/1.5 var(--sans);color:var(--ink2)}
.cj-none[hidden]{display:none}

/* ---------- the journal: contributors ---------- */
.cj-people{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 30px}
.cj-people li{display:inline-flex;flex-wrap:wrap;align-items:center;gap:0 8px;min-height:36px;font:400 15px/1.3 var(--sans)}
.cj-people b{font-weight:700;color:var(--ink);white-space:nowrap}
.cj-people span{display:inline-flex;flex-wrap:wrap;gap:0 2px}
.cj-people a{display:inline-flex;align-items:center;min-height:32px;padding:0 4px;font:800 13.5px/1 var(--sans);color:var(--cta);text-decoration:none;border-radius:3px}
.cj-people a:hover{background:var(--tint);text-decoration:underline}

/* ---------- smaller screens ---------- */
@media (max-width:980px){
  .bk-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bk-minis,.bk-sers{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .cj-vol{grid-template-columns:minmax(0,1fr);gap:14px;padding:28px 0}
  .cj-issues{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .bk-minis,.bk-sers{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:600px){
  .bk-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}
  .bk-card-cv{padding:14px}
  .bk-card-buy{flex-wrap:wrap}
  .bk-feature.framed .bk-feature-cv{flex-basis:120px}
}
@media (prefers-reduced-motion:reduce){.bk-card-cv img,.cj-chev{transition:none}}