
:root{
 --navy:#071827;--navy2:#102c40;--gold:#d4ad58;--cream:#f4efe5;--paper:#fffdf8;--ink:#13232e;
 --muted:#63717b;--line:#d8d1c5;--blue:#1d647c;--rust:#c86f4a;--green:#3b7668;--shadow:0 20px 50px rgba(7,24,39,.12);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}
a{text-decoration:none;color:inherit}button,input{font:inherit}.shell{width:min(1180px,calc(100% - 38px));margin:auto}
header{position:sticky;top:0;z-index:30;background:rgba(7,24,39,.96);border-bottom:1px solid #ffffff16;color:white;backdrop-filter:blur(12px)}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{font-weight:850;letter-spacing:.08em;white-space:nowrap}.brand span{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid #d4ad5890;border-radius:50%;color:var(--gold);font-family:Georgia,serif;margin-right:10px}
.navright{display:flex;align-items:center;gap:20px}.navlinks{display:flex;gap:22px;font-size:14px;color:#dce6eb}.navlinks a:hover{color:#fff}
.lang{display:flex;border:1px solid #ffffff26;border-radius:999px;padding:3px;background:#ffffff0d}.lang button{border:0;background:transparent;color:#cbd6dc;padding:7px 10px;border-radius:999px;cursor:pointer;font-weight:800;font-size:12px}.lang button.on{background:var(--gold);color:var(--navy)}
.hero{position:relative;overflow:hidden;color:white;background:radial-gradient(circle at 82% 16%,#d4ad5831,transparent 29%),radial-gradient(circle at 10% 88%,#1d647c44,transparent 30%),linear-gradient(135deg,var(--navy),var(--navy2));padding:98px 0 88px}
.hero.maze:after{content:"";position:absolute;right:-70px;top:-90px;width:520px;height:520px;background:repeating-linear-gradient(90deg,#ffffff0c 0 2px,transparent 2px 42px),repeating-linear-gradient(0deg,#ffffff0c 0 2px,transparent 2px 42px);transform:rotate(12deg);mask-image:radial-gradient(circle,#000 35%,transparent 72%)}
.kicker{text-transform:uppercase;letter-spacing:.21em;font-weight:850;font-size:12px;color:var(--gold)}
.hero h1{font:500 clamp(48px,7vw,86px)/.96 Georgia,serif;letter-spacing:-.04em;margin:15px 0}.hero .subtitle{max-width:810px;font:24px/1.35 Georgia,serif;color:#e8edf0}.hero p{max-width:760px;color:#cbd7dd;font-size:17px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;font-weight:800}.primary{background:var(--gold);color:var(--navy)}.ghost{border:1px solid #ffffff40;color:white}
section{padding:72px 0}.section-title{display:flex;align-items:end;justify-content:space-between;gap:26px;margin-bottom:28px}.section-title h2{font:500 clamp(34px,4vw,50px)/1.05 Georgia,serif;margin:0}.section-title p{max-width:570px;margin:0;color:var(--muted)}
.books{background:var(--paper)}.bookgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.bookcard{border:1px solid var(--line);background:white;border-radius:24px;overflow:hidden;box-shadow:0 8px 24px #0718270b;transition:.22s}.bookcard:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.cover{min-height:315px;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;color:white;position:relative;overflow:hidden}.cover.mind{background:radial-gradient(circle at 80% 10%,#d4ad5832,transparent 31%),linear-gradient(150deg,#071827,#123b56)}.cover.trapped{background:radial-gradient(circle at 18% 20%,#c86f4a38,transparent 32%),linear-gradient(145deg,#191715,#3a211a)}.cover.trapped:before{content:"";position:absolute;inset:-40px;background:repeating-linear-gradient(90deg,#ffffff0e 0 2px,transparent 2px 44px),repeating-linear-gradient(0deg,#ffffff0e 0 2px,transparent 2px 44px);transform:rotate(6deg);mask-image:radial-gradient(circle,#000 20%,transparent 75%)}
.cover small,.cover h3,.cover p{position:relative;z-index:1}.cover small{text-transform:uppercase;letter-spacing:.17em;color:#dfc47f;font-weight:800}.cover h3{font:500 42px/1 Georgia,serif;margin:10px 0 12px}.cover p{max-width:560px;color:#e0e6e9;margin:0}
.bookbody{padding:24px}.bookbody p{color:#59666f}.link{font-weight:850;color:var(--blue);display:inline-flex;gap:8px;align-items:center}
.quote{background:#eee6da}.quote blockquote{margin:0;font:500 clamp(26px,3.3vw,42px)/1.35 Georgia,serif;max-width:990px}.quote cite{display:block;margin-top:15px;color:var(--muted);font-style:normal}
.index{background:var(--paper)}.tools{display:grid;grid-template-columns:1fr auto;gap:18px;margin-bottom:24px}.tools input{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:white}.filters{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.filter{border:0;padding:9px 12px;border-radius:999px;background:#eee8de;color:#4d5961;font-size:13px;font-weight:750;cursor:pointer}.filter.on{background:var(--navy);color:white}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{border:1px solid var(--line);background:white;border-radius:20px;padding:21px;min-height:220px;text-align:left;display:flex;flex-direction:column}.card .meta{display:flex;justify-content:space-between;color:#7a858c;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.card h3{font:500 25px/1.1 Georgia,serif;margin:25px 0 10px}.card p{color:#58656d;margin:0}.chaptergrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.chapter{border:1px solid var(--line);border-radius:18px;padding:20px;background:white}.chapter .num{font-weight:900;color:var(--rust);font-size:12px;letter-spacing:.13em;text-transform:uppercase}.chapter h3{font:500 23px/1.1 Georgia,serif;margin:12px 0 8px}.chapter p{margin:0;color:#5e6970;font-size:14px}
.path{background:linear-gradient(180deg,#0d283b,var(--navy));color:white}.movement{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.move{border:1px solid #ffffff19;border-radius:19px;padding:22px;background:#ffffff08}.move b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--gold);color:var(--navy)}.move h3{font:500 24px Georgia,serif}.move p{color:#c8d3d9}
.about{background:#eee6da}.aboutgrid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px}.about h2{font:500 48px Georgia,serif;margin:0 0 16px}.note{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:24px}.note h3{font:500 25px Georgia,serif;margin-top:0}
footer{background:#05121d;color:#aebbc4;padding:32px 0;font-size:13px}.foot{display:flex;justify-content:space-between;gap:20px}.foot strong{color:white}
.notice{padding:13px 0;background:#122b3d;color:#cbd7dd;font-size:12px;text-align:center}
@media(max-width:920px){.navlinks{display:none}.bookgrid,.aboutgrid{grid-template-columns:1fr}.grid,.chaptergrid{grid-template-columns:repeat(2,1fr)}.movement{grid-template-columns:1fr 1fr}.tools{grid-template-columns:1fr}.filters{justify-content:flex-start}}
@media(max-width:640px){.shell{width:min(100% - 26px,1180px)}.hero{padding:76px 0 66px}.grid,.chaptergrid,.movement{grid-template-columns:1fr}.section-title{display:block}.section-title p{margin-top:12px}.foot{display:block}.foot div+div{margin-top:7px}.navright{gap:10px}}

/* Trapped Like Rats v2 — interactive maze */
.maze-tools{display:grid;grid-template-columns:1fr auto;gap:18px;margin:0 0 22px}
.maze-map{display:grid;grid-template-columns:repeat(12,1fr);gap:8px;margin:0 0 28px;padding:18px;border:1px solid var(--line);border-radius:20px;background:#f7f0e7}
.maze-node{border:1px solid #cbbba8;background:white;border-radius:14px;padding:11px 7px;text-align:center;cursor:pointer;transition:.18s;min-width:0}
.maze-node:hover{transform:translateY(-2px);box-shadow:0 8px 20px #07182712}
.maze-node b{display:block;font-size:12px;color:var(--rust)}
.maze-node span{display:block;font-size:10px;color:#6d6259;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.maze-node.m1{border-top:4px solid #3b7668}.maze-node.m2{border-top:4px solid #c86f4a}.maze-node.m3{border-top:4px solid #d4ad58}
.chapter.interactive{cursor:pointer;position:relative;transition:.2s;padding-bottom:48px}
.chapter.interactive:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.chapter .openhint{position:absolute;left:20px;bottom:18px;font-size:12px;font-weight:850;color:var(--rust)}
.movement-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 9px;background:#f0e7dc;color:#705844;font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;margin-top:12px}
.modalback{position:fixed;inset:0;background:#071827ba;z-index:80;display:none;align-items:center;justify-content:center;padding:20px}
.modalback.open{display:flex}
.modalbox{width:min(760px,100%);max-height:min(84vh,800px);overflow:auto;background:var(--paper);border-radius:24px;box-shadow:0 28px 80px #0005;position:relative;padding:34px}
.modalclose{position:absolute;right:18px;top:16px;border:0;background:#eee6da;width:38px;height:38px;border-radius:50%;font-weight:900;cursor:pointer}
.modaleyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:900;color:var(--rust)}
.modalbox h2{font:500 38px/1.05 Georgia,serif;margin:10px 42px 14px 0}
.modalbox .lead{font-size:18px;color:#4e5d66}
.lensgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.lens{border:1px solid var(--line);border-radius:16px;padding:17px;background:white}
.lens h4{margin:0 0 8px;text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--blue)}
.lens p{margin:0;color:#56636b}
.reflect{margin-top:16px;padding:20px;border-left:4px solid var(--gold);background:#f3ebdf;border-radius:0 15px 15px 0}
.reflect b{display:block;margin-bottom:5px}
.trapfilter{border:0;padding:9px 12px;border-radius:999px;background:#eee8de;color:#4d5961;font-size:13px;font-weight:750;cursor:pointer}
.trapfilter.on{background:#2a211d;color:white}
@media(max-width:920px){.maze-map{grid-template-columns:repeat(6,1fr)}}
@media(max-width:640px){.maze-tools{grid-template-columns:1fr}.maze-map{grid-template-columns:repeat(3,1fr)}.lensgrid{grid-template-columns:1fr}.modalbox{padding:26px 20px}.modalbox h2{font-size:31px}}

/* v3 — verified manuscript excerpts */
.excerpt-section{background:#f6f0e7}
.excerptgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.excerptcard{border:1px solid var(--line);background:var(--paper);border-radius:18px;padding:20px;cursor:pointer;transition:.2s;position:relative;min-height:190px}
.excerptcard:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.excerptcard .partlabel{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:900;color:var(--blue)}
.excerptcard h3{font:500 23px/1.12 Georgia,serif;margin:12px 0}
.excerptcard p{color:#657078;font-size:13px;margin:0 0 30px}
.excerptcard .readmore{position:absolute;left:20px;bottom:17px;font-size:12px;font-weight:900;color:var(--blue)}
.excerpt-original{margin-top:22px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:19px}
.excerpt-original .sourceflag,.excerpt-translation .sourceflag{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:900;margin-bottom:9px}
.excerpt-original .sourceflag{color:var(--blue)}
.excerpt-original blockquote{margin:0;font:500 18px/1.58 Georgia,serif;color:#20323d}
.excerpt-translation{margin-top:12px;border-left:4px solid var(--gold);background:#f1e8da;border-radius:0 14px 14px 0;padding:18px}
.excerpt-translation .sourceflag{color:#8a6729}
.excerpt-translation p{margin:0;color:#4d565c}
.integrity-note{font-size:12px;color:#6b7378;margin-top:12px}
.trap-excerpt{margin-top:18px}
.trap-excerpt .excerpt-original blockquote{font-size:17px}
.mind-modal-meta{font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--blue);font-weight:900}
@media(max-width:920px){.excerptgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.excerptgrid{grid-template-columns:1fr}}

/* v4 — Mind to Mind concept cards restored as true interactive lenses */
.card.mind-interactive{cursor:pointer;position:relative;padding-bottom:48px;transition:.2s}
.card.mind-interactive:hover,.card.mind-interactive:focus{transform:translateY(-3px);box-shadow:var(--shadow);outline:none}
.card.mind-interactive .openhint{position:absolute;left:21px;bottom:17px;font-size:12px;font-weight:900;color:var(--blue)}
.concept-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 9px;background:#e9eef0;color:#36505e;font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;margin-top:12px}
.concept-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.concept-actions button{border:0;border-radius:999px;padding:10px 14px;font-weight:850;cursor:pointer}
.concept-actions .chapter-excerpt-btn{background:var(--navy);color:white}
.concept-actions .close-concept-btn{background:#eee6da;color:var(--ink)}
.concept-note{margin-top:13px;font-size:12px;color:#6b7378}
