/* ---------- chapter reader (read.html) ---------- */
.rd{padding:110px 0 40px}
.rd-bar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 24px;width:min(900px,100%);margin:0 auto 24px}
.rd-sub{color:var(--mut);font-weight:500;margin-bottom:6px}
.rd h1{font-size:clamp(1.7rem,5vw,2.8rem)}
.rd-back{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:999px;border:2px solid var(--navy);font-weight:700;text-decoration:none;font-size:.95rem;transition:background .3s,color .3s}
.rd-back:hover{background:var(--navy);color:#fff}
.pages{width:min(900px,100%);margin:0 auto;display:grid;gap:22px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.pg{position:relative;aspect-ratio:1400/1980;background:#fff;border:1.5px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 18px 40px -26px rgba(23,39,69,.45)}
.pg canvas{display:block;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .5s}
.pg.ready canvas{opacity:1}
.pg:not(.ready)::after{content:"Loading page…";position:absolute;inset:0;display:grid;place-items:center;color:var(--mut);font-weight:500}
.pg.err::after{content:"This page could not be loaded. Please refresh."}
.rd-count{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:40;padding:8px 18px;border-radius:999px;background:var(--navy);color:#fff;font-size:.9rem;font-weight:700;box-shadow:0 10px 26px -10px rgba(23,39,69,.6);pointer-events:none}
.rd-prog{position:fixed;top:0;left:0;width:100%;height:4px;background:var(--orange);transform-origin:0 50%;transform:scaleX(0);z-index:60}
.rd-end{width:min(900px,100%);margin:34px auto 0;padding:34px 22px;text-align:center;background:var(--tint);border:1.5px solid var(--line);border-radius:var(--r)}
.rd-end h2{font-size:clamp(1.4rem,3.5vw,2rem);margin-bottom:18px}
.rd-end .cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.rd-end .btn[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}

/* ---------- Studi list: make rows with an online chapter clickable ---------- */
.rd-link{text-decoration:none}
.rd-link::after{content:"";position:absolute;inset:0;z-index:1}
.row .chk{position:relative;z-index:2}

/* ---------- no printing ---------- */
@media print{
  .pages,.rd-end,.rd-count,.rd-prog,.nav,#foot{display:none!important}
  body::before{content:"Printing is disabled. Read this chapter online at sciencestudi.";display:block;padding:40px;font:700 1.3rem sans-serif}
}