/* The Library and the pages that are not books (The Vision, the Starter Pack, the Handout).
   Same colours and the same top bar as the books and the forms. */
:root{--navy:#1f2a44;--gold:#b8893a;--cream:#faf7ef;--line:#e4dcc8;--ink:#1d1f24;--soft:#5a5648}
*{box-sizing:border-box}
body{margin:0;background:#f6f2e7;color:var(--ink);font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.6}
a{color:var(--navy)}
i{font-style:normal}
.books{position:sticky;top:0;z-index:5;background:#141c30;display:flex;gap:4px 6px;align-items:center;flex-wrap:wrap;padding:8px 16px;font-family:Arial,sans-serif;font-size:.8rem}
.books b{color:#e3bd62;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;margin-right:auto}
.books a{color:#fff8e5;text-decoration:none;padding:7px 11px;border-radius:999px;font-weight:700}
.books a:hover{background:#2a3a60}
.books a.on{background:var(--gold);color:#fff}
.books a.home{border:1px solid #6b5a2c;color:#e3bd62;margin-right:6px}
.top{position:sticky;top:0;z-index:5}
.top .books{position:static}
.crumbs{background:#fffdf7;border-bottom:1px solid #e4dcc8;padding:7px 16px;font-family:Arial,sans-serif;font-size:.78rem;color:#5a5648;white-space:nowrap;overflow-x:auto;scrollbar-width:none}
.crumbs::-webkit-scrollbar{display:none}
.crumbs a{color:#1f2a44;font-weight:700;text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.crumbs i{font-style:normal;color:#b8893a;margin:0 7px}
.crumbs b{color:#5a5648;font-weight:400}
@media print{.top{display:none}}
.hero{background:radial-gradient(circle at 30% 30%,#2a3a60 0%,#1f2a44 55%,#182036 100%);color:#fff;padding:30px 20px 34px}
.hero>*{max-width:900px;margin-left:auto;margin-right:auto}
.k{font-family:Arial,sans-serif;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:#e3bd62;font-weight:700}
.hero h1{font-size:2.3rem;line-height:1.15;margin:.25em auto}
.hero p{color:#e6e9f2;margin-top:0}
.tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.btn{font:700 .82rem Arial,sans-serif;min-height:42px;padding:9px 16px;border-radius:8px;border:1px solid var(--gold);background:var(--gold);color:#fff;text-decoration:none;display:inline-flex;align-items:center}
.btn.quiet{background:transparent;color:#fff8e5}
main{max-width:900px;margin:0 auto;padding:26px 20px 30px}
.group{margin-bottom:30px}
.group h2{font-size:1.45rem;color:var(--navy);margin:0 0 10px}
.group h2 b{display:inline-grid;place-items:center;width:1.6em;height:1.6em;border-radius:50%;background:var(--gold);color:#fff;font-family:Arial,sans-serif;font-size:.8em;margin-right:6px}
.rows{display:grid;gap:8px}
.row{display:flex;gap:14px;align-items:stretch;background:#fff;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:8px;padding:12px 14px;text-decoration:none;color:var(--ink)}
a.row:hover,.row:focus-within{box-shadow:0 6px 16px rgba(31,42,68,.12);border-color:var(--gold)}
.row .main{flex:1;text-decoration:none;color:inherit;min-width:0}
.row>i{align-self:flex-start;font-family:Arial,sans-serif;font-weight:800;color:#fff;background:var(--navy);border-radius:6px;padding:4px 8px;font-size:.86rem;white-space:nowrap}
.row b{display:block;color:var(--navy);font-size:1.08rem}
.row em{display:block;font-style:normal;color:#333;font-size:.95rem}
.row small{display:block;font-family:Arial,sans-serif;font-size:.74rem;color:var(--soft);margin-top:3px}
.row .pdf{align-self:center;font-family:Arial,sans-serif;font-size:.72rem;line-height:1.3;text-align:center;color:#8a6524;text-decoration:none;border:1px solid var(--line);border-radius:8px;padding:8px 10px;white-space:nowrap}
.row .pdf:hover{border-color:var(--gold);background:var(--cream)}
.read{background:#fff;border:1px solid var(--line);border-radius:10px;padding:30px 28px;max-width:760px;margin:0 auto}
.read p{margin:0 0 1em}
.read p.first::first-letter{font-size:3.2em;font-weight:700;color:var(--navy);float:left;line-height:.8;padding:6px 8px 0 0}
.sheet{margin:0 auto 22px;max-width:820px;text-align:center}
.sheet img{width:100%;height:auto;border:1px solid #cfc6ad;border-radius:6px;box-shadow:0 10px 26px rgba(31,42,68,.1);background:#fff}
.sheet figcaption{font-family:Arial,sans-serif;font-size:.78rem;color:var(--soft);margin-top:6px}
.pn{display:flex;justify-content:space-between;gap:12px;max-width:760px;margin:22px auto 0}
.pn a{flex:1;max-width:60%;background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 14px;text-decoration:none;font-weight:700}
.pn a.r{text-align:right;margin-left:auto}
.pn small{display:block;font-family:Arial,sans-serif;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.foot{text-align:center;font-family:Arial,sans-serif;font-size:.78rem;color:#777;padding:0 20px 40px}
@media (max-width:700px){.books{flex-wrap:nowrap;overflow-x:auto;padding:6px 10px;gap:2px;scrollbar-width:none}.books::-webkit-scrollbar{display:none}.books b{display:none}.books a{white-space:nowrap;padding:6px 9px;font-size:.76rem}}
@media (max-width:600px){.hero h1{font-size:1.8rem}.read{padding:22px 16px;border-radius:0;border-left:0;border-right:0}main{padding:18px 0 24px}.group,.sheet{padding:0 16px}.pn{padding:0 16px}}
@media print{.books,.tools,.pn{display:none}.hero{background:none;color:#000;padding:0}.hero p{color:#000}}
.donate-fab{position:fixed;right:16px;bottom:16px;z-index:6;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 20px;border-radius:999px;border:1px solid #8a6417;background:#b8893a;color:#fff;font:800 .86rem Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;box-shadow:0 8px 22px rgba(16,23,44,.28)}
.donate-fab:hover,.donate-fab:focus-visible{background:#1f2a44;border-color:#1f2a44;outline:2px solid #e3bd62;outline-offset:2px}
@media print{.donate-fab{display:none}}
body{padding-bottom:76px}
.hero .wrap{display:flex;gap:26px;align-items:center}
.hero .seal{width:170px;height:170px;flex:none}
@media (max-width:600px){.hero .wrap{gap:14px;align-items:flex-start}.hero .seal{width:76px;height:76px}}