/* GSU Calm Reader 1.0.1 · Sep 26 2026 · built from The Hybrid Mind's design rules:
   pages not scrolling, no links inside the text, one quiet switch, read-aloud by the browser's own voice (free, offline-capable). */
.gcr{--bg:#f6f1e6;--ink:#1d1a14;--dim:#6b6353;--line:#d8cdb6;--acc:#8a6a16;--bar:#efe7d6;
 background:var(--bg);color:var(--ink);font-family:Georgia,'Times New Roman',serif;min-height:100vh;display:flex;flex-direction:column}
.gcr[data-theme="night"]{--bg:#0d0c0a;--ink:#e9e2d2;--dim:#9a917e;--line:#2e2a20;--acc:#d4af37;--bar:#15130f}
.gcr[data-theme="sepia"]{--bg:#efe0c2;--ink:#2b2215;--dim:#6d5b3e;--line:#d4bf96;--acc:#7a5514;--bar:#e6d4b0}
.gcr *{box-sizing:border-box}
.gcr button{font:inherit;color:inherit;background:none;border:1px solid var(--line);border-radius:6px;padding:7px 11px;cursor:pointer;font-size:15px;line-height:1.2}
.gcr button:hover,.gcr button[aria-pressed="true"]{border-color:var(--acc);color:var(--acc)}
.gcr .gcr-top{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:10px 14px;background:var(--bar);border-bottom:1px solid var(--line)}
.gcr .gcr-title{flex:1 1 200px;min-width:0;font-size:15px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gcr .gcr-title b{color:var(--ink);font-weight:normal}
.gcr .gcr-title a{color:var(--dim);text-decoration:none;margin-right:8px}
.gcr .gcr-view{position:relative;overflow:hidden;margin:0 auto;width:100%;max-width:760px;padding:0 28px}
.gcr .gcr-flow{font-size:var(--fs,20px);line-height:1.7;column-fill:auto;will-change:transform}
.gcr[data-mode="pages"] .gcr-flow{transition:transform .28s ease}
.gcr .gcr-flow p{margin:0 0 .85em;text-align:left;hyphens:auto;orphans:2;widows:2}
.gcr .gcr-flow p.ex{text-align:center;font-style:italic;margin:.2em 0 .9em}
.gcr .gcr-flow h2{font-weight:normal;font-size:1.45em;line-height:1.25;margin:.6em 0 .2em;break-after:avoid}
.gcr .gcr-flow .kick{font-size:.62em;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin:0;break-after:avoid}
.gcr .gcr-flow p.speaking{background:color-mix(in srgb,var(--acc) 16%,transparent);border-radius:4px}
.gcr .gcr-end{break-before:column;border:1px solid var(--line);border-radius:10px;padding:18px;font-size:.85em}
.gcr[data-mode="scroll"] .gcr-end{margin-top:2em}
.gcr .gcr-end h3{font-weight:normal;margin:0 0 .4em;font-size:1.2em}
.gcr .gcr-end textarea{width:100%;min-height:110px;font:inherit;font-size:.95em;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:10px}
.gcr .gcr-end .row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.gcr .gcr-end a{color:var(--acc)}
.gcr .gcr-bot{display:flex;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--line);background:var(--bar);font-size:14px;color:var(--dim)}
.gcr .gcr-bot .gcr-where{flex:1;text-align:center}
.gcr .gcr-prog{height:3px;background:var(--line)}.gcr .gcr-prog i{display:block;height:100%;background:var(--acc);width:0}
.gcr[data-mode="scroll"] .gcr-view{overflow:visible}
.gcr[data-mode="scroll"] .gcr-bot .gcr-pg{display:none}
.gcr .gcr-menu{position:absolute;z-index:5;top:0;left:0;right:0;max-height:70vh;overflow:auto;background:var(--bg);border-bottom:1px solid var(--line);padding:10px 14px;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.gcr .gcr-menu button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:10px 4px}
.gcr .gcr-note{padding:8px 14px;font-size:14px;color:var(--dim);background:var(--bar);border-bottom:1px solid var(--line)}
.gcr.quiet{position:fixed;inset:0;z-index:2147483000;min-height:0}
.gcr.quiet .gcr-hideq{display:none}
.gcr .sr{position:absolute;left:-9999px}
@media(max-width:600px){.gcr .gcr-view{padding:0 18px}.gcr .gcr-top button{padding:6px 8px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.gcr[data-mode="pages"] .gcr-flow{transition:none}}
@media print{.gcr .gcr-top,.gcr .gcr-bot,.gcr .gcr-prog{display:none}}
/* 1.0.1: the site stylesheet colours p, h2, h3 and buttons; pin the reader's own colours so the text stays dark on paper. */
.gcr p,.gcr h2,.gcr h3,.gcr span,.gcr b,.gcr li,.gcr .gcr-flow,.gcr .gcr-flow p{color:var(--ink)}
.gcr .gcr-flow .kick{color:var(--acc)}.gcr .gcr-title,.gcr .gcr-title a,.gcr .gcr-bot,.gcr .gcr-where,.gcr .gcr-note,.gcr .gcr-end p[style]{color:var(--dim)}
.gcr .gcr-title b{color:var(--ink)}.gcr button{color:var(--ink);background:transparent}.gcr button:hover,.gcr button[aria-pressed="true"]{color:var(--acc)}
.gcr .gcr-flow p,.gcr .gcr-flow h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:normal}
/* 1.0.2: the site styles headings and paragraphs hard; pin them. Centre the page buttons clear of the corner widgets.
   Quiet hides the floating chat and language buttons so nothing moves on screen while reading. */
#gsuCalm.gcr .gcr-flow h2{color:var(--ink)!important;font-family:Georgia,'Times New Roman',serif!important;font-size:1.45em!important;line-height:1.25!important;font-weight:normal!important;letter-spacing:normal!important;text-transform:none!important}
#gsuCalm.gcr .gcr-flow p,#gsuCalm.gcr .gcr-end h3{color:var(--ink)!important;font-family:Georgia,'Times New Roman',serif!important}
#gsuCalm.gcr .gcr-flow .kick{color:var(--acc)!important}
#gsuCalm.gcr .gcr-end h3{font-size:1.2em!important;font-weight:normal!important}
.gcr .gcr-bot{justify-content:center}.gcr .gcr-bot .gcr-where{flex:0 1 auto;min-width:170px}
html.gcr-q elevenlabs-convai,html.gcr-q button.MC,html.gcr-q nav.gn{display:none!important}
/* 1.0.3: the chapter title is now an h1 (the page's only h1); style it the same way. */
#gsuCalm.gcr .gcr-flow h1.gcr-h{color:var(--ink)!important;font-family:Georgia,'Times New Roman',serif!important;font-size:1.45em!important;line-height:1.25!important;font-weight:normal!important;letter-spacing:normal!important;text-transform:none!important;margin:.6em 0 .2em!important;break-after:avoid}