/* review-10 (cjbuild/review10.py) */
.pnote{font-style:italic;color:var(--mute);font-size:.94em}
.chsub{display:block;font:italic 400 .62em/1.3 var(--serif);color:var(--mute);letter-spacing:0;text-transform:none;margin-top:.15em}
.hm .chsub,.cjf .chsub{color:inherit}
a .chsub,b .chsub{color:inherit;opacity:.85}
/* Home hero: one image, shown whole */
.hm.hm1{display:block;min-height:0;background:#1d1308}
.hm.hm1 .hm-in{max-width:1180px;margin:0 auto;padding:72px 24px 64px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center}
.hm.hm1 .hm-txt{padding:0;margin:0;max-width:none;width:auto}
.hm-fig{margin:0}
.hm-fig img{display:block;width:100%;height:auto;max-height:72vh;object-fit:contain;background:#120b05;border:1px solid rgba(240,194,122,.35)}
.hm-fig figcaption{font:400 .76rem/1.45 var(--sans);color:#d8cdbb;margin-top:8px}
.hm-fig figcaption a{color:#f0c27a}
@media (max-width:860px){.hm.hm1 .hm-in{grid-template-columns:1fr;padding:30px 20px 34px;gap:24px}.hm.hm1 .hm-txt{padding:0}}
/* Home chapter cards: the story beat inside each card */
.cc .beat{font:400 .9rem/1.5 var(--sans);color:var(--ink);margin:0 0 10px}
.cc .beat b{font-weight:600}
/* Home chapter cards: an even grid (3, 2, then 1 column) */
.chap .cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.chap .cc{grid-column:auto!important}
@media (max-width:1000px){.chap .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:640px){.chap .cards{grid-template-columns:1fr!important}}
.feat3+.wrap{padding-top:56px!important}
/* chapters index, about */
.r10{max-width:880px;margin:0 auto;padding:36px 24px 64px}
.r10 .b-top h1{margin-bottom:8px}
.r10-dek{font:400 1.05rem/1.55 var(--sans);color:var(--mute);margin:0 0 28px}
.chx{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.chx a{display:grid;grid-template-columns:110px 1fr;gap:4px 20px;padding:18px 20px;border:1px solid var(--line);border-left:3px solid var(--shu);border-radius:3px;text-decoration:none;color:var(--ink);background:var(--paper)}
.chx a:hover{border-color:var(--shu)}
.chx .no{font:600 .72rem/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--shu)}
.chx .yr{grid-column:1;font:400 .85rem/1.3 var(--sans);color:var(--mute)}
.chx b{grid-column:2;grid-row:1 / span 2;font:500 1.5rem/1.15 var(--serif)}
.chx .d{grid-column:2;font:400 .92rem/1.55 var(--sans);color:var(--mute)}
.chx .go{grid-column:2;font:600 .82rem/1 var(--sans);color:var(--shu)}
@media (max-width:600px){.chx a{grid-template-columns:1fr}.chx b,.chx .d,.chx .go,.chx .yr{grid-column:1;grid-row:auto}}
.r10-more{margin-top:24px;display:flex;flex-wrap:wrap;gap:10px 24px;font:500 .9rem/1.3 var(--sans)}
.r10-more a{color:var(--shu)}
.r10-sec{margin:28px 0}
.r10-sec h2{font:500 1.6rem/1.2 var(--serif);margin:0 0 10px}
.r10-sec p,.r10-dl dd,.r10-ul{font:400 1rem/1.6 var(--sans);color:var(--ink)}
.r10-dl dt{font:600 .78rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--shu);margin-top:14px}
.r10-dl dd{margin:4px 0 0}
.r10 a{color:var(--shu)}
/* one footer */
.cjf{background:#121a24;color:#b9b2a5;padding:56px 24px 36px;font-size:.88rem}
.cjf .fw{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:48px}
.cjf a{color:#d9c9a8}
.cjf .brand{color:#fff;font:500 1.3rem/1.2 var(--serif)}
@media (max-width:760px){.cjf .fw{grid-template-columns:1fr;gap:18px}}
.cjf .brand a{color:#fff;text-decoration:none}
.cjf .fl{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 14px}
.cjf .fl a{text-decoration:none}
.cjf .fl a:hover{text-decoration:underline}
.cjf p{margin:0 0 10px}

/* hero preview: full-width background slideshow, every picture shown whole */
.hm.hmp .hm-sl{background-size:contain!important;background-position:right center!important;background-repeat:no-repeat!important}   /* beats the batch 5b cover rule */
.hm.hmp .hm-shade{background:linear-gradient(90deg,rgba(20,12,6,.92) 0%,rgba(20,12,6,.7) 34%,rgba(20,12,6,.08) 62%,rgba(20,12,6,0) 100%)}
@media(max-width:860px){.hm.hmp .hm-sl{background-position:center 8px!important;background-size:100% auto!important}
 .hm.hmp .hm-shade{background:linear-gradient(180deg,transparent 22%,rgba(20,12,6,.8) 36%,rgba(20,12,6,.96) 50%)}}