/* Screen-reading layer for the hosted edition. Print rules live in book.css. */
:root{--wb-h:56px}
html{scroll-behavior:smooth}
body{background:#EDEDEA;padding-top:var(--wb-h)}
.sheet{max-width:6in;width:100%;margin:28px auto 0;box-shadow:0 1px 3px rgba(10,10,10,.16),0 14px 40px rgba(10,10,10,.14)}
.webbar{position:fixed;top:0;left:0;right:0;height:var(--wb-h);z-index:50;display:flex;align-items:center;gap:16px;padding:0 20px;background:#0E0F10;color:#fff}
.webbar .wb-brand{display:flex;align-items:center;flex:none}
.webbar .wb-brand img{height:20px;width:auto;display:block}
.wb-title{flex:1;font-family:'Barlow',sans-serif;font-weight:900;text-transform:uppercase;font-size:14px;letter-spacing:.04em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wb-actions{display:flex;align-items:center;gap:14px;flex:none}
.wb-link{font-family:'Montserrat',sans-serif;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#B9B9B4;text-decoration:none}
.wb-link:hover{color:#fff;text-decoration:none}
.wb-btn{font-family:'Montserrat',sans-serif;font-size:12px;font-weight:600;letter-spacing:.06em;color:#fff;background:#CF1F36;padding:9px 16px;border-radius:4px;text-decoration:none}
.wb-btn:hover{background:#A81729;color:#fff;text-decoration:none}
.webprogress{position:fixed;top:var(--wb-h);left:0;right:0;height:2px;background:rgba(10,10,10,.1);z-index:50}
.webprogress span{display:block;height:100%;width:0;background:#CF1F36}
.webfoot{background:#0E0F10;color:#fff;margin-top:40px;padding:64px 24px 72px}
.wf-inner{max-width:6in;margin:0 auto}
.wf-eyebrow{font-family:'Montserrat',sans-serif;font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#CF1F36}
.wf-head{font-family:'Barlow',sans-serif;font-weight:900;text-transform:uppercase;font-size:30px;line-height:1;margin:14px 0 0;color:#fff}
.wf-copy{font-family:'Montserrat',sans-serif;font-size:14px;line-height:1.6;color:#B9B9B4;margin:14px 0 0;max-width:34em}
.wf-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.wf-btn{font-family:'Montserrat',sans-serif;font-size:13px;font-weight:600;letter-spacing:.04em;padding:13px 22px;border-radius:4px;text-decoration:none}
.wf-btn.primary{background:#CF1F36;color:#fff}
.wf-btn.primary:hover{background:#A81729;color:#fff;text-decoration:none}
.wf-btn.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.28)}
.wf-btn.ghost:hover{border-color:#fff;color:#fff;text-decoration:none}
@media (max-width:700px){
  .sheet{margin:0 auto;box-shadow:none;max-width:100%}
  .body-block{padding:32px 22px}
  .plate{width:100%;height:auto;min-height:78vh}
  .plate.cover-art{min-height:0}
  .plate.cover-art img{height:auto}
  .wb-title{font-size:12px}
  .wb-link{display:none}
  .wf-head{font-size:24px}
}
@media print{.webbar,.webprogress,.webfoot{display:none!important}body{padding-top:0}.sheet{max-width:none;box-shadow:none;margin:0}}

/* live tool links in the Tools & Templates index */
.tool-row.live .tool-title::after{content:"";}
.tool-row.live .toc-page.open{
  color:#CF1F36;font-weight:700;font-size:.72rem;letter-spacing:.04em;
  text-transform:uppercase;white-space:nowrap;
}
.tool-row.live:hover .tool-title{color:#CF1F36;}

/* ---- read-aloud player ---- */
.wb-btn.listen{background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff;cursor:pointer;font:inherit;}
.wb-btn.listen:hover{border-color:#CF1F36;color:#fff;background:#CF1F36;}
body.ab-open{padding-bottom:78px;}
.audiobar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#0A0A0A;
  border-top:2px solid #CF1F36;color:#fff;box-shadow:0 -8px 24px rgba(0,0,0,.28);}
.audiobar .ab-inner{display:flex;align-items:center;gap:.75rem;max-width:1100px;margin:0 auto;padding:.6rem 1rem;}
.ab-btn{background:transparent;border:1px solid rgba(255,255,255,.28);color:#fff;border-radius:999px;
  min-width:38px;height:38px;cursor:pointer;font-size:.8rem;line-height:1;}
.ab-btn:hover{background:rgba(255,255,255,.12);}
.ab-btn.ab-play{background:#CF1F36;border-color:#CF1F36;min-width:46px;height:46px;font-size:1rem;}
.ab-meta{flex:1 1 auto;min-width:120px;}
.ab-where{font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;opacity:.85;margin-bottom:.3rem;}
.ab-track{height:3px;background:rgba(255,255,255,.18);border-radius:2px;overflow:hidden;}
.ab-track span{display:block;height:100%;width:0;background:#CF1F36;transition:width .3s;}
.ab-sel{display:flex;flex-direction:column;font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;opacity:.9;}
.ab-sel select{margin-top:.2rem;background:#161616;color:#fff;border:1px solid rgba(255,255,255,.25);
  border-radius:4px;padding:.25rem .35rem;font-size:.75rem;max-width:150px;}
.ab-sel.narrow select{max-width:80px;}
.ab-reading{background:rgba(207,31,54,.10);box-shadow:-10px 0 0 rgba(207,31,54,.9);border-radius:2px;}
@media (max-width:640px){
  .ab-sel{display:none;}
  .ab-sel.narrow{display:flex;}
  .audiobar .ab-inner{gap:.5rem;padding:.5rem .6rem;}
}
.ab-btn.ab-restart{font-size:1.05rem;}
@media (max-width:640px){ .ab-btn.ab-restart{display:none;} }