/* Tess: small additions on top of Dex's v3.css (loaded after it). */
/* topic page header photo (Joey: cluster image as the topic page header) */
.lhero{display:block;width:100%;max-width:var(--max);margin:0 auto 28px;box-sizing:border-box}
.lhero img{display:block;width:100%;height:clamp(200px,30vw,420px);object-fit:cover}
/* author box: short bio */
.authb>div{display:grid;gap:6px}
.authb .authbio{font-size:16px;line-height:1.55;color:var(--txt2)}
/* privacy page cookie section */
.cksec{margin-top:40px;padding-top:24px;border-top:1px solid var(--rule)}
.prose code{font-size:.9em;background:var(--ivory2);padding:1px 5px}
/* compact cookie bar: one line of text + two equal buttons; never taller than ~120px on a phone */
.ckb-in{padding:12px 14px;gap:10px}
.ckb p{font-size:15px;line-height:1.4}
.ckb-b .ckbtn{min-height:44px;font-size:16px}
@media(min-width:760px){.ckb-in{grid-template-columns:1fr auto;align-items:center;padding:14px 20px}.ckb-b .ckbtn{min-width:140px}}
/* CTA reassurance line under the coach button */
.ctasub{font-size:15px;color:var(--cream3);margin-top:10px}
/* Footer social icons (26 Oct 2026) */
.ftr .ftr-soc{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.ftr .ftr-soc li a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;border:1px solid var(--line);border-radius:50%;color:var(--gold);transition:color .15s,border-color .15s,background .15s}
.ftr .ftr-soc li a:hover,.ftr .ftr-soc li a:focus-visible{color:var(--cream);border-color:var(--gold);background:rgba(226,190,122,.08);text-decoration:none}
/* Home "Books by Jay Thomas" shelf on phones (27 Oct 2026): one book per row, cover left, title/price/button right.
   3-up at ~400px squeezed the buttons to one word per line. Desktop (>=760px) is untouched. */
@media (max-width:759px){
 .bs{grid-template-columns:1fr;gap:28px}
 .bs li{display:grid;grid-template-columns:minmax(104px,32%) 1fr;grid-template-rows:1fr auto auto auto 1fr;column-gap:20px;row-gap:6px;align-items:center}
 .bs-c{display:contents}
 .bs-c img{grid-column:1;grid-row:1/6;width:100%;height:auto}
 .bs-t{grid-column:2;grid-row:2;align-self:end;font-size:24px}
 .bs-p{grid-column:2;grid-row:3;margin:0}
 .bs .btn{grid-column:2;grid-row:4;align-self:start;width:100%;min-height:48px;margin-top:6px;padding:8px 14px;gap:10px;justify-content:space-between;text-align:left;white-space:normal;line-height:1.25}
 .bs-c:focus-visible .bs-t{text-decoration:underline}
}