:root{--bg:#070b0f;--bg2:#0d141a;--panel:#10191f;--panel2:#151f25;--ink:#f4efe4;--muted:#b9b5aa;--gold:#caa25e;--gold2:#ecd29b;--blue:#5aa5c8;--line:rgba(236,210,155,.17);--shadow:0 28px 75px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 12% 5%,rgba(69,123,151,.14),transparent 30rem),radial-gradient(circle at 85% 7%,rgba(202,162,94,.13),transparent 28rem),linear-gradient(180deg,#070b0f,#0b1116 42%,#070b0f);color:var(--ink);font-family:Georgia,"Times New Roman",serif;line-height:1.65}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:radial-gradient(circle,rgba(255,255,255,.8) 0 1px,transparent 1.1px);background-size:86px 86px;z-index:-1}a{color:inherit}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(7,11,15,.84);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{min-height:84px;display:flex;align-items:center;gap:28px;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;line-height:1.1}.brand-mark{width:47px;height:47px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(236,210,155,.42);background:radial-gradient(circle,#244352,#10191f);color:var(--gold2);font-size:25px;box-shadow:0 10px 30px rgba(0,0,0,.3)}.brand b{display:block;font-size:18px;letter-spacing:.12em}.brand small{display:block;color:var(--muted);margin-top:5px;font:14.5px/1.1 Arial,sans-serif;letter-spacing:.03em}.navlinks{display:flex;gap:28px;margin-left:auto}.navlinks a{font:700 18px Arial,sans-serif;text-decoration:none;color:#d9d5ca;letter-spacing:.01em}.navlinks a:hover,.footer-links a:hover{color:var(--gold2)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;text-decoration:none;font:700 14px Arial,sans-serif;letter-spacing:.02em;background:linear-gradient(135deg,#17384b,#2e7597);border:1px solid rgba(255,255,255,.13);box-shadow:0 14px 34px rgba(0,0,0,.28);transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.small{padding:11px 17px}.btn.gold{background:linear-gradient(135deg,#8d682e,#caa25e 65%,#edd29b);color:#0c1013}.btn.ghost{background:transparent;color:var(--gold2);border-color:rgba(236,210,155,.3);box-shadow:none}.hero{min-height:720px;padding:78px 0 70px;display:grid;grid-template-columns:1.04fr .96fr;gap:68px;align-items:center}.eyebrow,.kicker{display:inline-block;font:800 14px Arial,sans-serif;text-transform:uppercase;letter-spacing:.14em;color:var(--gold2)}.eyebrow{padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025)}h1{font-size:clamp(49px,6.6vw,84px);line-height:.91;letter-spacing:-.045em;margin:23px 0 12px;font-weight:700}h1 em{font-weight:400;color:var(--gold2)}.subtitle{font-size:24px;color:#e5d7b9;margin:0 0 16px}.lead{font-size:19px;color:var(--muted);max-width:680px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;font:13px Arial,sans-serif;color:var(--muted)}.trust span:before{content:"◆";color:var(--gold);font-size:9px;margin-right:7px}.hero-art{position:relative;min-height:580px}.art-card{position:absolute;overflow:hidden;border-radius:26px;border:1px solid rgba(236,210,155,.25);background:#0d151b;box-shadow:var(--shadow)}.art-card img{width:100%;height:100%;object-fit:cover;display:block}.main-art{width:58%;height:510px;right:12%;top:12px;z-index:3}.art-a{width:38%;height:330px;left:2%;top:110px;transform:rotate(-5deg);z-index:2}.art-b{width:37%;height:325px;right:0;top:195px;transform:rotate(5deg);z-index:4}.cover-label{position:absolute;left:16%;bottom:15px;z-index:6;width:62%;padding:18px 20px;background:rgba(7,11,15,.92);backdrop-filter:blur(12px);border:1px solid rgba(236,210,155,.28);border-radius:18px;box-shadow:0 16px 45px rgba(0,0,0,.42);text-align:center}.cover-label span,.cover-label small{display:block;font:14px Arial,sans-serif;letter-spacing:.16em;color:var(--muted)}.cover-label strong{display:block;color:var(--gold2);font-size:22px;line-height:1.08;margin:6px 0}.emblem-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(15,25,31,.93),rgba(17,29,36,.95),rgba(15,25,31,.93))}.emblem-row{padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.emblem-intro{max-width:none}.emblem-intro strong{display:block;font-size:18px;line-height:1.25;margin-top:5px;color:#e9dfcc}.emblem-list{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.emblem{width:98px;min-height:92px;padding:12px 8px;border:1px solid var(--line);border-radius:18px;background:radial-gradient(circle at 50% 28%,rgba(202,162,94,.12),transparent 70%),rgba(255,255,255,.02);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.emblem-symbol,.emblem-initials{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(236,210,155,.35);color:var(--gold2);font:700 23px Georgia,serif}.emblem-symbol.dna{font-size:29px;transform:rotate(20deg)}.emblem-initials{font:800 12px Arial,sans-serif;letter-spacing:.08em}.emblem small{margin-top:8px;color:var(--muted);font:13px/1.15 Arial,sans-serif}.statement-section,.dark-band,.quote-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(18,30,38,.96),rgba(10,17,22,.96))}.statement{padding:68px 0;text-align:center;max-width:880px}.statement h2,.section-head h2,.split h2,.author-copy h2,.reader-note h2{font-size:clamp(34px,4.6vw,54px);line-height:1.05;letter-spacing:-.035em;margin:12px 0 18px}.statement p,.section-head p,.split p,.author-copy p,.reader-note p{font-size:18px;color:var(--muted)}.section{padding:86px 0}.section-head{max-width:830px;margin-bottom:34px}.idea-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.idea-card{min-height:250px;padding:28px;border:1px solid var(--line);border-radius:25px;background:linear-gradient(180deg,rgba(21,31,37,.95),rgba(13,20,26,.96));box-shadow:0 20px 52px rgba(0,0,0,.22)}.idea-card .number{font:800 12px Arial,sans-serif;color:var(--blue);letter-spacing:.12em}.idea-card h3{font-size:27px;line-height:1.08;margin:42px 0 12px}.idea-card p{color:var(--muted);margin:0}.diagram-panel{margin-top:22px;padding:28px;display:grid;grid-template-columns:.75fr 1.25fr;gap:28px;align-items:center;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,#10191f,#13232c);box-shadow:var(--shadow)}.diagram-panel h3{font-size:30px;margin:8px 0}.diagram-panel p{color:var(--muted)}.diagram-panel img{width:100%;display:block;background:#f5f0e7;border-radius:16px;padding:12px}.dark-band{padding:72px 0}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.text-link{color:var(--gold2);text-decoration:none;font-weight:bold}.chapter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;align-items:start}.chapter-card{min-height:390px;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,#111a20,#0c1318);box-shadow:0 17px 42px rgba(0,0,0,.22);transition:.22s}.chapter-card:hover{transform:translateY(-5px);box-shadow:0 26px 60px rgba(0,0,0,.34)}.chapter-card img{width:100%;height:270px;object-fit:cover;display:block}.chapter-card>div{padding:18px}.chapter-card span{font:800 11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.13em;color:var(--gold)}.chapter-card h3{font-size:20px;line-height:1.16;margin:8px 0 5px}.chapter-card p{font-size:14px;color:var(--muted);margin:7px 0}.chapter-card.featured{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr}.chapter-card.featured img{height:100%}.chapter-card.featured>div{padding:28px;display:flex;flex-direction:column;justify-content:end}.chapter-card.featured h3{font-size:30px}.chapter-card.text-only{background:radial-gradient(circle at 85% 15%,rgba(90,165,200,.16),transparent 18rem),linear-gradient(160deg,#172832,#0c1318);display:flex;align-items:end}.chapter-card.text-only h3{font-size:24px}.quote-section{padding:75px 0}.quote-card{max-width:920px;position:relative;padding:22px 50px 25px}.quote-mark{font-size:92px;line-height:.5;color:var(--gold);opacity:.7}.quote-card p{font-size:28px;line-height:1.4;margin:16px 0;color:#efe4cf}.quote-card small{font:13px Arial,sans-serif;color:var(--muted)}.author-panel{display:grid;grid-template-columns:.78fr 1.25fr .72fr;gap:22px;align-items:stretch}.author-photo-card,.author-copy,.author-aside{border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,#111a20,#0d151a);overflow:hidden}.author-photo-card{margin:0;padding:14px;display:flex;flex-direction:column}.author-photo-frame{position:relative;min-height:390px;flex:1;border-radius:19px;overflow:hidden;background:radial-gradient(circle at 50% 28%,rgba(202,162,94,.24),transparent 18rem),linear-gradient(160deg,#17303b,#0b1217);display:grid;place-items:center}.author-photo-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;z-index:2}.photo-monogram{display:grid;place-items:center;width:150px;height:150px;border-radius:50%;border:1px solid rgba(236,210,155,.35);font:700 38px Georgia,serif;letter-spacing:.08em;color:var(--gold2);z-index:1}.author-photo-card figcaption{padding:12px 6px 2px;color:var(--muted);font:12px/1.45 Arial,sans-serif}.author-copy,.author-aside{padding:34px}.author-aside{display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 50% 15%,rgba(202,162,94,.18),transparent 14rem),linear-gradient(180deg,#171a17,#111513)}.author-aside span{font:800 12px Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:var(--gold)}.author-aside strong{font-size:23px;color:var(--gold2);margin:12px 0}.author-aside p{color:var(--muted)}.source-link{margin-top:10px;color:var(--gold2);text-decoration:none;font:700 13px Arial,sans-serif}.source-link:hover{text-decoration:underline}.reader-note{margin-bottom:88px;padding:34px;border:1px solid rgba(90,165,200,.25);border-radius:26px;background:rgba(22,40,49,.52)}.reader-note h2{font-size:34px}footer{border-top:1px solid var(--line);padding:38px 0 46px;color:var(--muted)}.footer-grid{display:flex;justify-content:space-between;gap:22px}.footer-grid b{color:var(--ink)}.footer-grid p{font:13px Arial,sans-serif}.footer-links{display:flex;gap:24px;align-items:center}.footer-links a{font:700 19px Arial,sans-serif;text-decoration:none;color:var(--muted)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:1120px){.navlinks{gap:18px}.navlinks a{font-size:17px}.author-panel{grid-template-columns:.8fr 1.2fr}.author-aside{grid-column:1/-1}.emblem-row{align-items:flex-start;flex-direction:column}.emblem-list{justify-content:flex-start}}@media(max-width:980px){.navlinks{display:none}.hero,.split,.diagram-panel{grid-template-columns:1fr}.author-panel{grid-template-columns:1fr 1.25fr}.author-aside{grid-column:1/-1}.hero{padding-top:55px}.hero-art{min-height:540px}.idea-grid{grid-template-columns:1fr}.chapter-grid{grid-template-columns:repeat(2,1fr)}.chapter-card.featured{grid-column:span 2}.footer-grid{flex-direction:column}}@media(max-width:720px){.author-panel{grid-template-columns:1fr}.author-aside{grid-column:auto}.author-photo-frame{min-height:420px}.emblem-list{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.emblem{width:100%}}@media(max-width:620px){.wrap{width:min(100% - 24px,1180px)}.site-header .btn{display:none}.brand b{font-size:17px}.brand small{display:none}.hero{min-height:0;padding:42px 0}.hero-art{min-height:470px}.main-art{width:66%;height:420px;right:8%}.art-a{width:40%;height:270px;top:90px}.art-b{width:38%;height:260px;top:170px}.cover-label{left:9%;width:82%}.emblem-row{padding:18px 0}.emblem-list{grid-template-columns:repeat(2,1fr)}.section{padding:64px 0}.chapter-grid{grid-template-columns:1fr}.chapter-card.featured{grid-column:auto;display:block}.chapter-card.featured img{height:280px}.quote-card{padding:18px}.quote-card p{font-size:22px}.footer-links{flex-wrap:wrap}.footer-links a{font-size:17px}}

.emblem-intro .kicker{white-space:nowrap;}
.author-photo-card figcaption{text-align:center;}

.chapter-card.centered-last{grid-column:2 / span 2;}
.chapter-card.centered-last img{height:270px;}
.author-photo-card figcaption{display:none;}

@media(max-width:980px){.chapter-card.centered-last{grid-column:auto;}}


/* Chapter grid consistency update */
#chapters .chapter-card:not(.centered-last){
  height: 440px;
  display: flex;
  flex-direction: column;
}
#chapters .chapter-card:not(.centered-last) img{
  height: 315px;
  flex: 0 0 315px;
}
#chapters .chapter-card:not(.centered-last) > div{
  flex: 1;
  display: flex;
  flex-direction: column;
}
#chapters .chapter-card:not(.centered-last) h3{
  min-height: 46px;
}
@media(max-width:980px){
  #chapters .chapter-card:not(.centered-last){height:auto;}
}


/* Chapter card image alignment update */
#chapters .chapter-card{
  min-height: 0;
  height: auto;
}
#chapters .chapter-card img{
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  object-position: top center;
}
#chapters .chapter-card > div{
  display: none;
}
#chapters .chapter-card.centered-last{
  grid-column: 2 / span 2;
}
@media(max-width:980px){
  #chapters .chapter-card.centered-last{grid-column:auto;}
}


/* Final chapter gallery cleanup */
#chapters .chapter-card,
#chapters .chapter-card:not(.centered-last){
  min-height: 0 !important;
  height: auto !important;
  display: block !important;
  padding: 0 !important;
  background: linear-gradient(180deg,#111a20,#0c1318);
}
#chapters .chapter-card > div,
#chapters .chapter-card:not(.centered-last) > div{
  display: none !important;
}
#chapters .chapter-card img,
#chapters .chapter-card:not(.centered-last) img{
  width: 100% !important;
  height: auto !important;
  max-width: 100%;
  display: block;
  object-fit: contain !important;
  object-position: top center !important;
}
#chapters .chapter-card.centered-last{
  grid-column: 2 / span 2 !important;
}
@media(max-width:980px){
  #chapters .chapter-card.centered-last{grid-column:auto !important;}
}


/* Only navigation/language additions. No book palette changes. */
.book-nav-extra{display:flex;align-items:center;gap:12px}
.book-lang-toggle{display:flex;border:1px solid var(--line);border-radius:999px;padding:2px;background:rgba(255,255,255,.025)}
.book-lang-toggle button{border:0;background:transparent;color:var(--muted);padding:8px 10px;border-radius:999px;cursor:pointer;font:800 11px Arial,sans-serif;letter-spacing:.08em}
.book-lang-toggle button.active{background:linear-gradient(135deg,#8d682e,#caa25e 65%,#edd29b);color:#0c1013}
@media(max-width:1120px){.navlinks{gap:16px}.navlinks a{font-size:15px}}
@media(max-width:980px){.book-nav-extra .btn{display:inline-flex}}
@media(max-width:650px){.book-nav-extra .btn{display:none}.book-lang-toggle button{padding:7px 9px}}

/* Three-language selector sizing only; book palette unchanged. */
.book-lang-toggle button{min-width:34px}


/* Requested header spacing refinement — layout only, original book colours are unchanged. */
.site-header .nav{gap:20px;}
.site-header .brand{flex:0 0 auto;max-width:245px;align-items:center;}
.site-header .brand b{font-size:15px;letter-spacing:.105em;white-space:nowrap;}
.site-header .brand small{font-size:11.5px;line-height:1.28;max-width:190px;letter-spacing:.015em;white-space:normal;}
.site-header .navlinks{gap:22px;}
.site-header .navlinks a{font-size:16px;}

/* Final chapter: directly below Chapters 9 and 10, two columns wide, same vertical size as the cards above. */
#chapters .chapter-card.centered-last{
  grid-column:2 / span 2 !important;
  aspect-ratio:1.374 / 1;
  height:auto !important;
  display:grid !important;
  place-items:center;
  overflow:hidden;
}
#chapters .chapter-card.centered-last img{
  width:auto !important;
  height:100% !important;
  max-width:100% !important;
  object-fit:contain !important;
  object-position:center !important;
}
@media(max-width:980px){
  #chapters .chapter-card.centered-last{grid-column:1 / span 2 !important;}
}
@media(max-width:620px){
  #chapters .chapter-card.centered-last{grid-column:auto !important;aspect-ratio:auto;}
  #chapters .chapter-card.centered-last img{width:100% !important;height:auto !important;}
}


/* Professional afterword / next-book treatment — layout only; original book palette is unchanged. */
.afterword-feature{margin-top:34px;display:grid;grid-template-columns:minmax(300px,.82fr) 1.18fr;gap:28px;align-items:stretch;padding:22px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(16,25,31,.97),rgba(11,18,23,.98));box-shadow:0 22px 58px rgba(0,0,0,.28)}
.afterword-visual{position:relative;overflow:hidden;border-radius:20px;min-height:590px;background:#080d11;border:1px solid rgba(236,210,155,.18)}
.afterword-visual img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.next-station-plaque{position:absolute;left:66.5%;top:35.5%;width:27%;padding:9px 8px 8px;transform:translate(-5%,-5%) rotate(-1deg);text-align:center;background:linear-gradient(180deg,rgba(18,13,8,.96),rgba(42,27,14,.96));border:1px solid rgba(222,175,90,.62);box-shadow:0 6px 14px rgba(0,0,0,.48);color:#f0d6a1;text-shadow:0 1px 1px #000}
.next-station-plaque span{display:block;font:800 8px/1.15 Arial,sans-serif;letter-spacing:.12em;color:#caa25e}
.next-station-plaque strong{display:block;margin-top:4px;font:700 10px/1.06 Georgia,serif;letter-spacing:.03em}
.afterword-copy{padding:34px 30px;display:flex;flex-direction:column;justify-content:center}
.afterword-copy h3{font-size:clamp(34px,4vw,52px);line-height:1.02;letter-spacing:-.035em;margin:10px 0 16px;color:var(--ink)}
.afterword-copy>p{font-size:18px;color:var(--muted);margin:0 0 24px}
.next-book-teaser{padding:22px 24px;border-radius:20px;border:1px solid rgba(236,210,155,.22);background:radial-gradient(circle at 85% 10%,rgba(202,162,94,.16),transparent 14rem),rgba(255,255,255,.025)}
.next-book-teaser>span{display:block;font:800 11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.14em;color:var(--gold)}
.next-book-teaser>strong{display:block;font-size:31px;line-height:1.1;color:var(--gold2);margin:8px 0 2px}
.next-book-teaser>small{display:block;font:italic 16px Georgia,serif;color:#d6c8ad;margin-bottom:12px}
.next-book-teaser>p{margin:0;color:var(--muted);font-size:15px}
@media(max-width:900px){.afterword-feature{grid-template-columns:1fr}.afterword-visual{min-height:0;aspect-ratio:2/3;max-width:480px;width:100%;margin:auto}.next-station-plaque{font-size:inherit}}
@media(max-width:620px){.afterword-feature{padding:14px}.afterword-copy{padding:24px 14px}.next-station-plaque{left:66%;top:35.5%;width:29%}}

/* ===== Requested September refinements ===== */
/* Same emblem artwork as the painting side; book colours remain navy/gold. */
.brand-mark{
  width:58px;height:54px;border:0;border-radius:0;background:transparent;
  box-shadow:none;display:grid;place-items:center;overflow:visible;flex:0 0 auto;
}
.brand-mark img{width:58px;height:54px;object-fit:contain;display:block;filter:drop-shadow(0 7px 13px rgba(0,0,0,.42))}
.cross-site-btn{
  min-width:164px;text-align:center;justify-content:center!important;white-space:nowrap;
  background:linear-gradient(135deg,#173f59,#2f789d)!important;
  color:#fff!important;border-color:rgba(90,165,200,.34)!important;
}
.nav-special-home{color:var(--blue)!important}
@media(max-width:620px){
  .brand-mark,.brand-mark img{width:52px;height:49px}
  .site-header .cross-site-btn{display:inline-flex!important;min-width:145px}
  .book-nav-extra{flex-wrap:wrap;justify-content:flex-end}
}

/* ===== October refinement pass ===== */
/* Book hero / headings */
#book .hero-copy{text-align:center}
#book .hero-copy .lead{margin-left:auto;margin-right:auto}
#book .hero-actions{justify-content:center}
#book .subtitle{max-width:780px;margin-left:auto;margin-right:auto}

/* Shared emblem image */
.brand{align-items:center}
.brand-mark img{display:block}

/* Standalone localized psychogenetics diagram */
.diagram-panel{grid-template-columns:.8fr 1.2fr;align-items:center}
.diagram-panel img{padding:8px;border-radius:18px;box-shadow:0 10px 28px rgba(0,0,0,.22)}

/* Quote section with opening and closing marks only. */
.quote-card{position:relative;text-align:center;padding:34px 82px 46px}
.quote-mark{position:absolute;font-size:96px;line-height:1;color:var(--gold);opacity:.72}
.quote-mark-open{left:24px;top:12px}
.quote-mark-close{right:24px;bottom:-2px}
.quote-card p{margin:14px 0 0}

/* Author block centred, with clear ISBN / coming-soon panel. */
.author-copy{text-align:center}
.author-copy .kicker,.author-copy h2{display:block;text-align:center}
.author-aside{text-align:center;align-items:center}
.author-aside strong{display:block;margin:12px 0 6px}
.author-aside .isbn-number{font-size:22px;line-height:1.2;color:var(--ink);margin-bottom:14px}
.author-aside p{margin:0;color:var(--gold2);font:700 16px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}

/* Footer simplified to copyright. */
footer .footer-grid{align-items:center}
footer .footer-grid>div b{font-size:16px;letter-spacing:.08em}

/* Responsive spacing for new home/painting buttons. */
@media(max-width:980px){
  .site-header .nav{align-items:flex-start;flex-wrap:wrap}
  .book-nav-extra{margin-left:auto}
}
@media(max-width:620px){
  .quote-card{padding:26px 52px 34px}
  .quote-mark{font-size:74px}
}


/* ===== V11 retained functional refinements on the restored dark palette ===== */
/* Localized Coming Soon stamp over the book artwork. */
.coming-soon-stamp{
  position:absolute;right:-6px;top:52px;z-index:10;min-width:160px;
  padding:11px 20px 10px;transform:rotate(7deg);text-align:center;
  text-transform:uppercase;letter-spacing:.15em;font:900 13px/1 Arial,sans-serif;
  color:#f4e3bc;background:linear-gradient(145deg,rgba(103,69,28,.95),rgba(49,32,16,.96));
  border:2px solid rgba(229,209,163,.78);
  box-shadow:0 9px 24px rgba(0,0,0,.45), inset 0 0 0 2px rgba(8,10,12,.30);
  border-radius:6px;
}
.coming-soon-stamp::before,.coming-soon-stamp::after{
  content:"";position:absolute;top:50%;width:12px;height:12px;
  border:1px solid rgba(229,209,163,.70);border-radius:50%;transform:translateY(-50%);
}
.coming-soon-stamp::before{left:6px}.coming-soon-stamp::after{right:6px}

/* Keep the newer centered hero/quote/author layout. */
#book .hero-copy{text-align:center}
#book .hero-copy h1,#book .hero-copy .subtitle,#book .hero-copy .lead{margin-left:auto;margin-right:auto}
#book .hero-actions{justify-content:center}
.quote-card{position:relative;text-align:center;padding:48px 86px 56px}
.quote-mark{position:absolute;font-size:96px;line-height:1;color:var(--gold);opacity:.72}
.quote-mark-open{left:28px;top:24px}.quote-mark-close{right:28px;bottom:18px}
.quote-card small{display:none!important}
.author-copy{text-align:center}
.author-copy .kicker{display:block;text-align:center}
.author-copy h2{text-align:center}
.author-aside{text-align:center;align-items:center}
.author-aside p{margin:0;color:var(--gold2);font:800 15px Arial,sans-serif;letter-spacing:.10em;text-transform:uppercase}

/* Compact Three Layers cards: no 01/02/03 and no empty vertical gap. */
.idea-grid{gap:14px}
.idea-card{min-height:0;padding:22px 22px 20px;border-radius:22px}
.idea-card .number{display:none!important}
.idea-card h3{margin:0 0 10px;font-size:24px;line-height:1.12}
.idea-card p{font-size:16px;line-height:1.55}

/* Use the supplied language diagrams cleanly and at full width. */
.diagram-panel{grid-template-columns:.78fr 1.22fr;gap:26px;align-items:center}
.diagram-panel img{width:100%;height:auto;display:block;padding:0;background:transparent;border-radius:16px;box-shadow:0 10px 28px rgba(0,0,0,.22)}

/* Navigation stays aligned on one row on desktop. */
.site-header .nav{align-items:center!important}
.site-header .navlinks{display:flex;align-items:center!important;align-self:center;gap:22px}
.site-header .navlinks a{line-height:1}
.book-nav-extra{display:flex;align-items:center;gap:12px}

/* Circular emblem treatment: dark/navy on the book site, with a champagne-gold rim. */
.brand-mark{
  width:58px!important;height:58px!important;border-radius:50%!important;overflow:hidden!important;
  padding:5px!important;display:grid!important;place-items:center!important;
  background:radial-gradient(circle at 36% 30%,#213b4a 0%,#101a21 62%,#080d11 100%)!important;
  border:1px solid rgba(236,210,155,.42)!important;
  box-shadow:0 9px 24px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.035)!important;
}
.brand-mark img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important;filter:drop-shadow(0 3px 5px rgba(0,0,0,.30))}

@media(max-width:980px){
  .diagram-panel{grid-template-columns:1fr}
  .idea-grid{grid-template-columns:1fr}
  .coming-soon-stamp{right:4px;top:38px}
}
@media(max-width:620px){
  .brand-mark{width:52px!important;height:52px!important}
  .quote-card{padding:30px 54px 40px}
  .quote-mark{font-size:74px}
  .coming-soon-stamp{min-width:128px;padding:9px 15px;font-size:11px;right:2px;top:26px}
}


/* ===== V12 book header/footer corrections ===== */
/* Home button matches the Paintings button exactly: white label on the same blue control. */
.site-header .nav-special-home,
.site-header .cross-site-btn{
  color:#fff!important;
}
.site-header .nav-special-home:visited,
.site-header .nav-special-home:hover,
.site-header .nav-special-home:focus,
.site-header .cross-site-btn:visited,
.site-header .cross-site-btn:hover,
.site-header .cross-site-btn:focus{
  color:#fff!important;
}

/* Subtle separation from the page without returning to bright blue. */
.site-header{
  background:linear-gradient(180deg,rgba(18,28,35,.97),rgba(12,20,26,.97))!important;
  border-bottom:1px solid rgba(202,162,94,.24)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.24)!important;
}
footer{
  background:linear-gradient(180deg,#101820,#0b1117)!important;
  border-top:1px solid rgba(202,162,94,.22)!important;
}

/* ===== v15 GA header monogram ===== */
.brand-mark{
  position:relative!important;
  overflow:hidden!important;
  border-radius:50%!important;
  isolation:isolate!important;
  background:radial-gradient(circle at 35% 30%,#1b3544,#0a1117 72%)!important;
  border:1px solid rgba(229,209,163,.30)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.28)!important;
}
.brand-mark img{
  position:absolute!important;
  inset:3px!important;
  width:calc(100% - 6px)!important;
  height:calc(100% - 6px)!important;
  object-fit:contain!important;
  opacity:.22!important;
  z-index:0!important;
}
.brand-monogram{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  display:grid!important;
  place-items:center!important;
  color:#e2c68f!important;
  font:700 23px/1 Georgia,"Times New Roman",serif!important;
  letter-spacing:-.07em!important;
  text-shadow:0 1px 8px rgba(0,0,0,.45)!important;
  pointer-events:none!important;
}

/* ===== v16 emblem correction ===== */
/* Keep the original pen/brush emblem visible; replace only the visible B area with A. */
.brand-mark{
  position:relative!important;
  overflow:hidden!important;
  border-radius:50%!important;
  isolation:isolate!important;
}
.brand-mark img{
  position:absolute!important;
  inset:2px!important;
  width:calc(100% - 4px)!important;
  height:calc(100% - 4px)!important;
  object-fit:contain!important;
  opacity:1!important;
  z-index:1!important;
}
.brand-monogram{
  position:absolute!important;
  inset:auto 3px 5px auto!important;
  width:25px!important;
  height:29px!important;
  display:grid!important;
  place-items:center!important;
  z-index:3!important;
  border-radius:48%!important;
  color:#e2c68f!important;
  background:radial-gradient(circle at 35% 30%,#1b3544,#0a1117 72%)!important;
  font:700 28px/.95 Georgia,"Times New Roman",serif!important;
  letter-spacing:-.08em!important;
  text-shadow:0 1px 7px rgba(0,0,0,.42)!important;
  pointer-events:none!important;
}

/* ===== v17 original GB emblem restoration ===== */
.brand-mark{
  position:relative!important;
  width:62px!important;
  height:62px!important;
  flex:0 0 62px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border-radius:50%!important;
  padding:6px!important;
  background:radial-gradient(circle at 36% 30%,#213b4a 0%,#101a21 62%,#080d11 100%)!important;
  border:1px solid rgba(236,210,155,.42)!important;
  box-shadow:0 9px 24px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.035)!important;
}
.brand-mark img{
  position:static!important;
  inset:auto!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  opacity:1!important;
  filter:drop-shadow(0 3px 5px rgba(0,0,0,.30))!important;
  z-index:auto!important;
}
.brand-monogram{display:none!important}
@media(max-width:620px){.brand-mark{width:56px!important;height:56px!important;flex-basis:56px!important;padding:5px!important}}

/* ===== v21 Coming Soon ribbon ===== */
.coming-soon-stamp{
  left:30%!important;
  right:auto!important;
  top:118px!important;
  min-width:250px!important;
  padding:15px 34px 14px!important;
  transform:rotate(8deg)!important;
  color:#ffffff!important;
  background:linear-gradient(135deg,#123d58,#287da6 62%,#7fc5e2)!important;
  border:2px solid rgba(239,249,255,.90)!important;
  border-radius:8px!important;
  box-shadow:0 12px 28px rgba(0,0,0,.44),inset 0 0 0 2px rgba(255,255,255,.10)!important;
  font-size:15px!important;
  letter-spacing:.18em!important;
  text-shadow:0 1px 2px rgba(0,0,0,.32)!important;
}
.coming-soon-stamp::before,.coming-soon-stamp::after{
  border-color:rgba(255,255,255,.72)!important;
}
@media(max-width:980px){
  .coming-soon-stamp{left:30%!important;top:96px!important;min-width:220px!important;font-size:13px!important}
}
@media(max-width:620px){
  .coming-soon-stamp{left:18%!important;top:72px!important;min-width:190px!important;padding:11px 24px!important;font-size:11px!important}
}


/* ===== v22 Coming Soon placement ===== */
.coming-soon-stamp{
  left:auto!important;
  right:-14px!important;
  top:54px!important;
  min-width:220px!important;
  padding:13px 30px 12px!important;
  transform:rotate(9deg)!important;
  color:#ffffff!important;
  background:linear-gradient(135deg,#123d58,#287da6 62%,#87cce8)!important;
  border:2px solid rgba(239,249,255,.92)!important;
  font-size:14px!important;
  letter-spacing:.18em!important;
  z-index:11!important;
}
@media(max-width:980px){
  .coming-soon-stamp{right:-4px!important;top:48px!important;min-width:200px!important;font-size:12px!important}
}
@media(max-width:620px){
  .coming-soon-stamp{right:0!important;top:34px!important;min-width:168px!important;padding:10px 22px!important;font-size:10px!important}
}


/* ===== v23 book-page refinements ===== */
/* GA emblem on the book page header as well. */
.brand-mark img{object-fit:contain!important}

/* Move the Coming Soon ribbon back to the edge, slightly larger and rotated clockwise. */
.coming-soon-stamp{
  left:auto!important;
  right:-28px!important;
  top:42px!important;
  min-width:250px!important;
  padding:14px 34px 13px!important;
  transform:rotate(20deg)!important;
  color:#ffffff!important;
  background:linear-gradient(135deg,#1c5678 0%, #3b98ca 55%, #9fe0ff 100%)!important;
  border:2px solid rgba(240,249,255,.96)!important;
  box-shadow:0 10px 24px rgba(5,22,36,.22)!important;
  letter-spacing:.16em!important;
  z-index:12!important;
}
@media(max-width:980px){
  .coming-soon-stamp{right:-10px!important;top:40px!important;min-width:220px!important;padding:12px 28px!important;transform:rotate(18deg)!important}
}
@media(max-width:620px){
  .coming-soon-stamp{right:-2px!important;top:28px!important;min-width:180px!important;padding:10px 22px!important;transform:rotate(16deg)!important}
}


/* v28 – Other writings uses the original book's three-art hero arrangement. */
.other-writings-section{border-top:1px solid var(--line);scroll-margin-top:96px}
.other-writings-layout{display:grid;grid-template-columns:1fr 1.07fr;gap:58px;align-items:center}
.other-writings-copy h2{font-size:clamp(36px,4.2vw,62px);line-height:1.08;color:var(--ink);margin:20px 0}
.other-writings-copy p{color:var(--muted);font-size:19px;max-width:520px;margin:0 0 28px}
.other-art{min-height:575px;overflow:visible}
.other-art .main-art{width:59%;height:510px;right:12%;top:10px}
.other-art .art-a{width:39%;height:340px;left:1%;top:105px}
.other-art .art-b{width:36%;height:334px;right:0;top:186px;z-index:4}
.other-art .art-card img{object-fit:cover}
.other-reading-intro{padding:64px 0 30px;text-align:center}
.other-reading-intro h1{font-size:clamp(50px,7vw,88px);line-height:1.05;color:var(--gold2);margin:25px 0 8px}
.other-reading-intro p{color:var(--muted);font-size:17px}
.other-reading-images{max-width:830px;margin:36px auto 20px;display:flex;gap:12px;align-items:center;justify-content:center}
.other-reading-images img{width:29%;height:300px;object-fit:cover;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.other-reading-images img:nth-child(2){width:38%;height:350px;z-index:2}
.other-reading-manuscript{max-width:830px;margin:0 auto 90px;padding:50px clamp(18px,5vw,66px);border:1px solid var(--line);border-radius:22px;background:linear-gradient(165deg,#111a20,#0b1115);box-shadow:var(--shadow);font:19px/1.83 Georgia,'Times New Roman',serif;color:#e8dfce}
.other-reading-manuscript p{margin:0 0 1.05em;white-space:pre-wrap;overflow-wrap:break-word}
@media(max-width:980px){.other-writings-layout{grid-template-columns:1fr;gap:14px}.other-art{max-width:640px;width:100%;margin:auto}}
@media(max-width:620px){.other-writings-section{padding-top:62px!important}.other-art{min-height:465px}.other-art .main-art{height:420px}.other-art .art-a{height:265px;top:92px}.other-art .art-b{height:260px;top:167px}.other-reading-images img{height:190px}.other-reading-images img:nth-child(2){height:220px}.other-reading-manuscript{font-size:17px;line-height:1.7}}

/* v29: equal-size, fully visible three-picture arrangements; no cover cropping. */
.hero-art:not(.other-art), .other-art{min-height:430px!important;isolation:isolate;overflow:visible}
.hero-art .art-card{width:43%!important;height:auto!important;aspect-ratio:2/3!important;max-height:none!important;border-radius:12px!important;overflow:hidden!important}
.hero-art .art-card img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
.hero-art .art-a,.other-art .art-a{left:0!important;right:auto!important;top:52px!important;transform:rotate(-3deg)!important;z-index:2!important}
.hero-art .main-art,.other-art .main-art{left:28.5%!important;right:auto!important;top:0!important;transform:none!important;z-index:4!important}
.hero-art .art-b,.other-art .art-b{left:auto!important;right:0!important;top:52px!important;transform:rotate(3deg)!important;z-index:2!important}
.hero-art:not(.other-art) .cover-label{bottom:-8px!important;left:18%!important;width:64%!important;padding:12px 14px!important}
.hero-art:not(.other-art) .cover-label strong{font-size:18px!important}
.other-writings-layout .other-art{margin-bottom:0}
/* Reading page shows entire images including the upper edge of The Keeper of Secrets. */
.other-reading-intro{padding:28px 0 15px!important}
.other-reading-intro h1{font-size:clamp(34px,4.5vw,58px)!important;margin:14px 0 10px!important}
.other-reading-images{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:900px!important;gap:12px!important;align-items:stretch!important;margin:20px auto 12px!important}
.other-reading-images img,.other-reading-images img:nth-child(2){width:100%!important;height:300px!important;min-width:0!important;object-fit:contain!important;object-position:center center!important;background:#0a1014;border-radius:12px!important}
/* Genuine book-like reading: the browser flows every original paragraph into fixed-height columns. */
.reader-shell{max-width:1180px;margin:8px auto 65px}
.reader-toolbar{display:flex;align-items:center;justify-content:center;gap:24px;padding:12px 0;font:700 13px Arial,sans-serif;color:var(--gold2)}
.reader-toolbar button{font:700 13px Arial,sans-serif;color:var(--gold2);background:rgba(202,162,94,.10);border:1px solid rgba(202,162,94,.36);padding:10px 16px;border-radius:10px;cursor:pointer}
.reader-toolbar button:disabled{opacity:.35;cursor:default}
.reader-status{min-width:175px;text-align:center;white-space:nowrap}
.book-spread{position:relative;overflow:hidden;scroll-behavior:auto;max-width:1090px;margin:auto;border:1px solid #a98b63;border-radius:5px;box-shadow:0 18px 55px rgba(0,0,0,.45);background:linear-gradient(90deg,#e0d1b5 0%,#f6ecda 2%,#f5ebd8 47%,#d9c4a3 49.8%,#a98b64 50%,#e1cfae 50.3%,#f6eddb 53%,#f0e5d1 98%,#dcc5a4 100%);padding:30px 35px}
.book-text-columns{width:100%;height:595px;column-count:2;column-gap:65px;column-fill:auto;overflow:visible;color:#33291e;font:17px/1.54 Georgia,'Times New Roman',serif;text-align:left;orphans:2;widows:2}
.book-text-columns p{margin:0 0 .85em!important;white-space:normal!important;overflow-wrap:break-word;break-inside:auto}
.reader-hint{font:12px Arial,sans-serif;text-align:center;color:var(--muted);margin:12px auto}
@media(max-width:980px){.hero-art:not(.other-art),.other-art{min-height:450px!important;max-width:670px;width:100%;margin-inline:auto}.other-reading-images img,.other-reading-images img:nth-child(2){height:255px!important}.book-spread{padding:26px}.book-text-columns{column-gap:45px;height:550px;font-size:16px}}
@media(max-width:700px){.hero-art:not(.other-art),.other-art{min-height:330px!important}.other-reading-images{gap:5px!important}.other-reading-images img,.other-reading-images img:nth-child(2){height:170px!important}.book-spread{padding:22px 24px;background:linear-gradient(90deg,#e3d4bc,#f7edda 4%,#f3e5cd 96%,#dec8a5)}.book-text-columns{column-count:1;column-gap:0px;height:540px;font-size:16px;line-height:1.53}.reader-toolbar{gap:7px}.reader-toolbar button{padding:9px 10px}.reader-status{min-width:100px}.hero-art:not(.other-art) .cover-label{bottom:-25px!important;padding:6px!important}.hero-art:not(.other-art) .cover-label strong{font-size:13px!important}.hero-art:not(.other-art) .cover-label span,.hero-art:not(.other-art) .cover-label small{font-size:9px!important}}

/* v30 – the original 2:3 user-supplied artworks, with no cropped title/border or grey letterboxing. */
.other-art .art-card img{object-fit:contain!important;background:transparent!important}
.other-reading-intro .other-reading-images.hero-art.other-art{
  position:relative!important;display:block!important;grid-template-columns:none!important;max-width:860px!important;
  width:100%!important;height:610px!important;min-height:610px!important;margin:20px auto 18px!important;
  overflow:visible!important;isolation:isolate!important;background:transparent!important;
}
.other-reading-images.hero-art .art-card{position:absolute!important;width:43%!important;height:auto!important;aspect-ratio:2/3!important;
  border:1px solid var(--line)!important;border-radius:8px!important;overflow:hidden!important;background:transparent!important;
  box-shadow:var(--shadow)!important;min-width:0!important;
}
.other-reading-images.hero-art .art-card img{display:block!important;width:100%!important;height:100%!important;
  object-fit:contain!important;object-position:center center!important;background:transparent!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
}
.other-reading-images.hero-art .art-a{left:0!important;right:auto!important;top:52px!important;transform:rotate(-3deg)!important;z-index:2!important}
.other-reading-images.hero-art .main-art{left:28.5%!important;right:auto!important;top:0!important;transform:none!important;z-index:4!important}
.other-reading-images.hero-art .art-b{right:0!important;left:auto!important;top:52px!important;transform:rotate(3deg)!important;z-index:2!important}
@media(max-width:900px){.other-reading-intro .other-reading-images.hero-art.other-art{height:72vw!important;min-height:0!important;max-height:610px!important}}
@media(max-width:620px){
 .other-reading-intro .other-reading-images.hero-art.other-art{height:79vw!important;min-height:0!important;margin:18px auto 13px!important}
 .other-reading-images.hero-art .art-a,.other-reading-images.hero-art .art-b{top:22px!important}
}

/* v31 – the three uncropped 2:3 images meet edge-to-edge; none covers another. */
.other-reading-intro .other-reading-images.hero-art.other-art{
  position:relative!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;align-items:start!important;justify-items:stretch!important;
  max-width:930px!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
  margin:20px auto 12px!important;overflow:visible!important;background:transparent!important;
}
.other-reading-intro .other-reading-images.hero-art.other-art .art-card,
.other-reading-intro .other-reading-images.hero-art.other-art .art-a,
.other-reading-intro .other-reading-images.hero-art.other-art .main-art,
.other-reading-intro .other-reading-images.hero-art.other-art .art-b{
  position:relative!important;display:block!important;width:100%!important;height:auto!important;min-width:0!important;
  aspect-ratio:2/3!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  transform:none!important;z-index:auto!important;overflow:visible!important;margin:0!important;padding:0!important;
  border:none!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
.other-reading-intro .other-reading-images.hero-art.other-art .art-card img{
  display:block!important;width:100%!important;height:auto!important;aspect-ratio:2/3!important;
  min-width:0!important;max-width:100%!important;max-height:none!important;object-fit:contain!important;
  background:transparent!important;border:0!important;border-radius:0!important;
}
/* Return control is immediately above the book, aligned to the book's left edge. */
.reader-shell .reader-back-link{display:block;width:min(100%,1090px);margin:1px auto 9px!important;text-align:left;
  color:var(--gold2);font:700 14px/1.5 Arial,sans-serif;text-decoration:none}
.reader-shell .reader-back-link:hover{text-decoration:underline}
/* Clickable book pages (without an invisible overlay that would obstruct text selection). */
.book-spread{cursor:pointer}
.book-spread .book-text-columns{cursor:pointer}
@media(max-width:700px){
 .other-reading-intro .other-reading-images.hero-art.other-art{height:auto!important;min-height:0!important;max-height:none!important;gap:0!important;margin:14px auto 12px!important}
 .other-reading-intro .other-reading-images.hero-art.other-art .art-card img{height:auto!important;max-height:none!important}
 .reader-shell .reader-back-link{font-size:13px;margin-bottom:8px!important}
}


/* v32 — manuscript dividers: dash / centered chapter number / dash, all on one row.
   The original manuscript paragraphs are untouched; only its four ornamental underscore separators change. */
.other-reading-page .book-text-columns .reader-chapter-divider{
 display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;
 gap:13px!important;width:100%!important;min-width:0!important;max-width:100%!important;
 margin:1.2em 0 1.25em!important;padding:0!important;clear:none!important;
 break-inside:avoid!important;-webkit-column-break-inside:avoid!important;page-break-inside:avoid!important;
 white-space:nowrap!important;color:#7a5833;font:700 18px/1.25 Georgia,'Times New Roman',serif!important;
}
.other-reading-page .book-text-columns .reader-chapter-rule{
 display:block!important;flex:1 1 0!important;min-width:0!important;width:auto!important;max-width:none!important;
 border-top:1px dashed #9b794f!important;height:0!important;line-height:0!important;
}
.other-reading-page .book-text-columns .reader-chapter-number{
 flex:0 0 auto!important;display:block!important;min-width:1ch!important;line-height:1.25!important;
 padding:0 2px!important;text-align:center!important;
}
/* v32 — reader's three separate complete posters spread like a nearly touching fan of cards.
   The central TITOK GAZDA title card is highest; no figure on the two side cards is hidden. */
.other-reading-intro .other-reading-images.hero-art.other-art{
 display:grid!important;position:relative!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;
 width:100%!important;max-width:990px!important;height:auto!important;min-height:0!important;max-height:none!important;
 margin:18px auto 14px!important;padding:16px 12px 44px!important;align-items:start!important;isolation:isolate!important;
 overflow:visible!important;
}
.other-reading-intro .other-reading-images.hero-art.other-art .art-card{
 position:relative!important;display:block!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
 width:100%!important;height:auto!important;aspect-ratio:2/3!important;min-width:0!important;min-height:0!important;
 margin:0!important;padding:0!important;overflow:visible!important;box-shadow:0 16px 34px rgba(0,0,0,.38)!important;
 background:transparent!important;border:0!important;border-radius:0!important;
}
.other-reading-intro .other-reading-images.hero-art.other-art .art-card img{
 width:100%!important;height:auto!important;aspect-ratio:2/3!important;object-fit:contain!important;max-width:100%!important;
 border:0!important;border-radius:0!important;background:transparent!important;
}
.other-reading-intro .other-reading-images.hero-art.other-art .art-a{
 z-index:1!important;transform:translate(5px,30px) rotate(-1.5deg)!important;transform-origin:90% 86%!important;
}
.other-reading-intro .other-reading-images.hero-art.other-art .main-art{
 z-index:3!important;transform:none!important;
}
.other-reading-intro .other-reading-images.hero-art.other-art .art-b{
 z-index:1!important;transform:translate(-5px,30px) rotate(1.5deg)!important;transform-origin:10% 86%!important;
}
@media(max-width:700px){
 .other-reading-intro .other-reading-images.hero-art.other-art{padding:9px 5px 26px!important;margin:12px auto 10px!important}
 .other-reading-intro .other-reading-images.hero-art.other-art .art-a{transform:translate(2px,11px) rotate(-1deg)!important}
 .other-reading-intro .other-reading-images.hero-art.other-art .art-b{transform:translate(-2px,11px) rotate(1deg)!important}
 .other-reading-page .book-text-columns .reader-chapter-divider{gap:9px!important;margin:1em 0!important;font-size:17px!important}
}

/* v33: align the center poster with the two side posters ONLY on the books overview;
   keep the approved side-card angles and reading-page fan unchanged. */
.other-writings-layout .other-art .main-art{top:43px!important}

/* v33: reduce the physical desktop book spread by approximately ten percent,
   including its paper area and type, so complete paired pages fit at browser zoom 100%. */
@media(min-width:981px){
 .other-reading-page .book-spread{max-width:981px!important;padding:27px 31px!important}
 .other-reading-page .book-text-columns{height:min(525px,calc(100dvh - 249px))!important;column-gap:58px!important;font-size:15.3px!important;line-height:1.54!important}
 .other-reading-page .reader-shell .reader-back-link{width:min(100%,981px)!important}
}
@media(min-width:701px) and (max-width:980px){
 .other-reading-page .book-spread{padding:23px!important}
 .other-reading-page .book-text-columns{height:min(495px,calc(100dvh - 205px))!important;column-gap:40px!important;font-size:15px!important}
}
/* The single-page mobile reader retains its previous readable dimensions. */


/* v34 – the two Titok Gazda triptychs use one consistent, uncropped poker-card fan.
   The central card is lowered ~38px from the previous reading-page layout so all
   three top edges meet visually, while the side cards tilt outward without
   covering the woman, child or the threshold figure. */
.other-writings-layout .hero-art.other-art,
.other-reading-intro .other-reading-images.hero-art.other-art{
 position:relative!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 align-items:start!important;gap:0!important;isolation:isolate!important;
 width:100%!important;max-width:990px!important;height:auto!important;min-height:0!important;max-height:none!important;
 margin:18px auto 12px!important;padding:12px 12px 56px!important;
 overflow:visible!important;background:transparent!important;
}
.other-writings-layout .hero-art.other-art .art-card,
.other-reading-intro .other-reading-images.hero-art.other-art .art-card{
 display:block!important;position:relative!important;width:100%!important;height:auto!important;
 left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
 aspect-ratio:2/3!important;min-width:0!important;max-height:none!important;
 margin:0!important;padding:0!important;overflow:visible!important;
 border:0!important;border-radius:0!important;background:transparent!important;
 box-shadow:0 15px 30px rgba(0,0,0,.32)!important;
}
.other-writings-layout .hero-art.other-art .art-card img,
.other-reading-intro .other-reading-images.hero-art.other-art .art-card img{
 display:block!important;width:100%!important;height:auto!important;aspect-ratio:2/3!important;
 max-width:100%!important;max-height:none!important;object-fit:contain!important;
 border:0!important;border-radius:0!important;background:transparent!important;
}
.other-writings-layout .hero-art.other-art .art-a,
.other-reading-intro .other-reading-images.hero-art.other-art .art-a{
 z-index:1!important;transform:translate(3px,30px) rotate(-1.5deg)!important;transform-origin:90% 86%!important;
}
.other-writings-layout .hero-art.other-art .main-art,
.other-reading-intro .other-reading-images.hero-art.other-art .main-art{
 z-index:3!important;transform:translateY(29px)!important;
}
.other-writings-layout .hero-art.other-art .art-b,
.other-reading-intro .other-reading-images.hero-art.other-art .art-b{
 z-index:1!important;transform:translate(-3px,30px) rotate(1.5deg)!important;transform-origin:10% 86%!important;
}
@media(max-width:700px){
 .other-writings-layout .hero-art.other-art,
 .other-reading-intro .other-reading-images.hero-art.other-art{padding:8px 5px 27px!important;margin:12px auto 8px!important}
 .other-writings-layout .hero-art.other-art .art-a,
 .other-reading-intro .other-reading-images.hero-art.other-art .art-a{transform:translate(1px,10px) rotate(-1deg)!important}
 .other-writings-layout .hero-art.other-art .main-art,
 .other-reading-intro .other-reading-images.hero-art.other-art .main-art{transform:translateY(10px)!important}
 .other-writings-layout .hero-art.other-art .art-b,
 .other-reading-intro .other-reading-images.hero-art.other-art .art-b{transform:translate(-1px,10px) rotate(1deg)!important}
}
/* v34 – a discreet raised paper-fold at each upper corner hints at clickable turning. */
.other-reading-page .book-spread-frame > .reader-corner{
 position:absolute;top:0;z-index:8;width:45px;height:45px;display:block;
 border:0;padding:0;background:transparent;cursor:pointer;
 color:#684823;font:700 23px/1 Georgia,serif;
 filter:drop-shadow(1px 2px 2px rgba(75,55,29,.23));transition:filter .16s ease,opacity .16s ease;
}
.other-reading-page .book-spread-frame > .reader-corner-prev{left:0}
.other-reading-page .book-spread-frame > .reader-corner-next{right:0}
.other-reading-page .book-spread-frame > .reader-corner::before{
 content:"";position:absolute;inset:0;
 background:linear-gradient(138deg,#fff4da 4%,#e6d1aa 72%,#bea075 100%);
 border:1px solid rgba(109,81,45,.55);
}
.other-reading-page .book-spread-frame > .reader-corner-prev::before{clip-path:polygon(0 0,100% 0,0 100%)}
.other-reading-page .book-spread-frame > .reader-corner-next::before{clip-path:polygon(0 0,100% 0,100% 100%)}
.other-reading-page .book-spread-frame > .reader-corner-symbol{position:absolute;z-index:1;top:2px;line-height:1}
.other-reading-page .book-spread-frame > .reader-corner-prev .reader-corner-symbol{left:8px}
.other-reading-page .book-spread-frame > .reader-corner-next .reader-corner-symbol{right:8px}
.other-reading-page .book-spread-frame > .reader-corner:hover:not(:disabled){filter:drop-shadow(1px 3px 4px rgba(75,55,29,.55))}
.other-reading-page .book-spread-frame > .reader-corner:focus-visible{outline:2px solid #7b5527;outline-offset:3px}
.other-reading-page .book-spread-frame > .reader-corner:disabled{opacity:.32;cursor:default;filter:none}
.other-reading-page .book-spread-frame > .reader-corner-label{
 position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
 clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
@media(max-width:700px){.other-reading-page .book-spread-frame > .reader-corner{width:35px;height:35px;font-size:19px}}
/* v34 – nudge the En­coded Future blue stamp up and right so its bottom edge
   connects the central Predestination poster visually with Possibilities. */
#book > .hero-art:not(.other-art) .coming-soon-stamp{top:16px!important;right:-42px!important}
@media(max-width:980px){#book > .hero-art:not(.other-art) .coming-soon-stamp{top:17px!important;right:-17px!important}}
@media(max-width:620px){#book > .hero-art:not(.other-art) .coming-soon-stamp{top:15px!important;right:-5px!important}}
/* Both HTML templates have different source ordering: give the cards the same visible order. */
.other-writings-layout .hero-art.other-art .art-a,
.other-reading-intro .other-reading-images.hero-art.other-art .art-a{order:1!important}
.other-writings-layout .hero-art.other-art .main-art,
.other-reading-intro .other-reading-images.hero-art.other-art .main-art{order:2!important}
.other-writings-layout .hero-art.other-art .art-b,
.other-reading-intro .other-reading-images.hero-art.other-art .art-b{order:3!important}

/* v35: fixed page corners remain visible when the manuscript scrolls horizontally.
   Unlike a faded disabled arrow, a boundary arrow is completely absent. */
.other-reading-page .book-spread-frame{position:relative;width:100%;max-width:1090px;margin:0 auto;}
.other-reading-page .book-spread-frame > .book-spread{width:100%;max-width:none!important;margin:0;box-sizing:border-box;}
.other-reading-page .book-spread-frame > .reader-corner[hidden]{display:none!important;}
@media(min-width:981px){.other-reading-page .book-spread-frame{max-width:981px;}}

/* v37: harmonize ONLY the snowy card's ornate gold frame with the two darker copper-gold frames. */
.other-writings-layout .hero-art.other-art .art-a::after,
.other-reading-intro .other-reading-images.hero-art.other-art .art-a::after{
 content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
 background:url("assets/angyal-keret-aranyhang.png") center / 100% 100% no-repeat;
}
/* Keep the JS-driven navigation buttons in the DOM, but remove the unwanted lower labels. */
.other-reading-page .reader-toolbar .reader-prev,
.other-reading-page .reader-toolbar .reader-next{display:none!important;}

/* v41: identical book navigation on the overview and reading page, with even gaps in HU / EN / DE. */
.site-header .nav {gap:clamp(8px,1vw,15px)!important;justify-content:space-between!important}
.site-header .navlinks {display:flex!important;flex:1 1 auto!important;align-items:center!important;justify-content:center!important;gap:clamp(9px,1.08vw,16px)!important;margin-left:0!important;min-width:0!important}
.site-header .navlinks a {font:700 clamp(12px,.96vw,14px)/1.3 Arial,sans-serif!important;white-space:nowrap!important;flex:0 0 auto!important}
.site-header .brand {flex:0 0 auto!important;max-width:192px!important;gap:8px!important}
.site-header .brand b {font-size:14px!important}
.site-header .brand small {font-size:10px!important;max-width:143px!important}
.site-header .book-nav-extra {display:flex!important;flex:0 0 auto!important;gap:7px!important}
.site-header .book-nav-extra .btn {padding:9px 10px!important;font-size:12px!important;white-space:nowrap!important}
.site-header .book-lang-toggle button {padding:7px 8px!important;min-width:30px!important}
@media(max-width:1140px){
 .site-header .nav {display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:5px 12px!important;padding-top:8px!important;padding-bottom:7px!important}
 .site-header .navlinks{grid-column:1/-1!important;grid-row:2!important;justify-content:center!important;gap:clamp(10px,2vw,22px)!important;overflow-x:auto!important;max-width:100%!important;padding:5px 0!important}
 .site-header .book-nav-extra{grid-column:2!important;grid-row:1!important;justify-self:end!important}
 .site-header .brand{grid-column:1!important;grid-row:1!important}
}
@media(max-width:620px){
 .site-header .navlinks {justify-content:flex-start!important}
 .site-header .navlinks a{font-size:12px!important}
 .site-header .book-nav-extra .btn{display:inline-flex!important;padding:8px!important;font-size:11px!important}
 .site-header .brand small {display:none!important}
 .site-header .brand b{font-size:12px!important}
 .site-header .book-lang-toggle button{padding:6px!important;min-width:26px!important}
}
/* v41: the cards do not overlap; the real dark page background remains visible in the gutters. */
.other-writings-layout {grid-template-columns:minmax(260px,.5fr) minmax(0,1.5fr)!important;gap:24px!important;align-items:center!important}
.other-writings-layout .hero-art.other-art,
.other-reading-intro .other-reading-images.hero-art.other-art{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:clamp(32px,3vw,42px)!important;align-items:start!important;overflow:visible!important;
 padding:16px 8px 58px!important;isolation:isolate!important;background:transparent!important;
}
.other-writings-layout .hero-art.other-art{max-width:100%!important;width:100%!important;min-height:0!important}
.other-reading-intro .other-reading-images.hero-art.other-art{
 max-width:1290px!important;width:min(1290px,calc(100vw - 38px))!important;
 position:relative!important;left:50%!important;transform:translateX(-50%)!important;
}
.other-writings-layout .hero-art.other-art .art-a,
.other-reading-intro .other-reading-images.hero-art.other-art .art-a{
 transform:translateY(30px) rotate(-1.5deg)!important;transform-origin:90% 86%!important;
}
.other-writings-layout .hero-art.other-art .main-art,
.other-reading-intro .other-reading-images.hero-art.other-art .main-art{transform:translateY(29px)!important}
.other-writings-layout .hero-art.other-art .art-b,
.other-reading-intro .other-reading-images.hero-art.other-art .art-b{
 transform:translateY(30px) rotate(1.5deg)!important;transform-origin:10% 86%!important;
}
@media(max-width:980px){
 .other-writings-layout{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
 .other-writings-layout .hero-art.other-art{max-width:min(900px,100%)!important;margin-inline:auto!important}
}
@media(max-width:700px){
 .other-writings-layout .hero-art.other-art,
 .other-reading-intro .other-reading-images.hero-art.other-art{gap:12px!important;padding:9px 6px 28px!important}
 .other-writings-layout .hero-art.other-art .art-a,
 .other-reading-intro .other-reading-images.hero-art.other-art .art-a{transform:translateY(10px) rotate(-1deg)!important}
 .other-writings-layout .hero-art.other-art .main-art,
 .other-reading-intro .other-reading-images.hero-art.other-art .main-art{transform:translateY(10px)!important}
 .other-writings-layout .hero-art.other-art .art-b,
 .other-reading-intro .other-reading-images.hero-art.other-art .art-b{transform:translateY(10px) rotate(1deg)!important}
}
/* Move the corner hints slightly inside the paper so their arrows are plainly visible. */
.other-reading-page .book-spread-frame > .reader-corner-prev{left:13px!important}
.other-reading-page .book-spread-frame > .reader-corner-next{right:13px!important}
@media(max-width:700px){.other-reading-page .book-spread-frame > .reader-corner-prev{left:8px!important}.other-reading-page .book-spread-frame > .reader-corner-next{right:8px!important}}

/* v42 – restore the v40-sized Titok Gazda art compositions; halve v41 gaps. */
@media(min-width:981px){
  .other-writings-layout{grid-template-columns:1fr 1.07fr!important;gap:58px!important}
}
.other-writings-layout .hero-art.other-art,
.other-reading-intro .other-reading-images.hero-art.other-art{
  gap:20px!important;
  max-width:990px!important;
}
.other-writings-layout .hero-art.other-art{width:100%!important}
.other-reading-intro .other-reading-images.hero-art.other-art{
  width:min(1030px,calc(100vw - 38px))!important;
  max-width:1030px!important;
}
@media(max-width:980px){.other-writings-layout{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}}
@media(max-width:700px){
 .other-writings-layout .hero-art.other-art,
 .other-reading-intro .other-reading-images.hero-art.other-art{gap:6px!important}
}
/* Restore the overview poster widths lost to the new gutters, without enlarging the cards. */
@media(min-width:981px){
 .other-writings-layout .hero-art.other-art{
   width:calc(100% + 30px)!important;
   max-width:calc(100% + 30px)!important;
   margin-left:-15px!important;
   margin-right:-15px!important;
 }
}

/* v43 – center only the reading-page triptych inside its section.
   Previous left:50% + translateX(-50%) shifted the already auto-centered grid right. */
.other-reading-intro .other-reading-images.hero-art.other-art{
  left:auto!important;
  right:auto!important;
  transform:none!important;
  width:min(1030px,100%)!important;
  max-width:1030px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
/* The two existing corner buttons now display only their clickable folded paper,
   without any visible arrow glyphs; their aria-labels and boundary logic remain. */

/* v50 – unobtrusive live pagination above the manuscript reader. */
.other-reading-page .reader-pagebar{display:flex;align-items:center;justify-content:center;gap:12px;max-width:981px;margin:10px auto 12px;padding:6px 14px;color:#684823;font:600 15px/1.5 Georgia,serif;letter-spacing:.025em;}
.other-reading-page .reader-pagebar-label{font-size:12px;text-transform:uppercase;letter-spacing:.13em;opacity:.78}
.other-reading-page .reader-pagebar-count{display:inline-flex;align-items:baseline;gap:7px;padding:5px 15px;background:rgba(243,230,207,.68);border:1px solid rgba(139,96,46,.32);border-radius:99px;font:700 16px/1.5 Georgia,serif;font-variant-numeric:tabular-nums;white-space:nowrap}
.other-reading-page .reader-pagebar-slash{opacity:.62}
@media(max-width:700px){.other-reading-page .reader-pagebar{margin:5px auto 9px;padding:4px 8px}.other-reading-page .reader-pagebar-count{font-size:15px;padding:3px 11px}}

/* v51 – warm, unboxed live page numbers above the manuscript, never over the text. */
.other-reading-page .reader-shell{
  background:linear-gradient(155deg,rgba(48,37,25,.36),rgba(12,19,24,.13) 65%);
  border:1px solid rgba(202,162,94,.18);
  border-radius:14px;
  padding:17px clamp(9px,2.1vw,26px) 28px;
}
.other-reading-page .reader-pagebar{
  position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px;
  margin:5px auto 15px;padding:0 12px;
  color:#d7b579;background:transparent;border:0;box-shadow:none;
  font:500 16px/1.5 Georgia,'Times New Roman',serif;
  letter-spacing:.05em;text-shadow:0 1px 2px rgba(0,0,0,.3)
}
.other-reading-page .reader-pagebar-label{
  font:500 11px/1.5 Georgia,'Times New Roman',serif;
  color:#bd9a67;letter-spacing:.18em;opacity:1
}
.other-reading-page .reader-pagebar-count{
  display:inline-flex;align-items:baseline;gap:6px;
  padding:0;background:none!important;border:none!important;border-radius:0;
  box-shadow:none;color:#e4c795;
  font:500 18px/1.5 Georgia,'Times New Roman',serif;
  font-variant-numeric:tabular-nums;letter-spacing:.045em
}
.other-reading-page .reader-pagebar-slash{color:#a78455;opacity:1}
.other-reading-page .book-spread-frame{background:transparent;border-radius:7px}
@media(max-width:700px){
 .other-reading-page .reader-shell{padding:12px 8px 17px;border-radius:10px}
 .other-reading-page .reader-pagebar{margin:3px auto 12px;padding:0 6px;gap:7px}
 .other-reading-page .reader-pagebar-label{font-size:10px}
 .other-reading-page .reader-pagebar-count{font-size:16px;padding:0}
}
/* v51: conceal neighbouring text columns within the single-page paper margins. */
@media(max-width:700px){
 .other-reading-page .book-spread-frame::before,
 .other-reading-page .book-spread-frame::after{
   content:"";position:absolute;top:1px;bottom:1px;width:24px;
   z-index:2;pointer-events:none
 }
 .other-reading-page .book-spread-frame::before{
   left:1px;background:linear-gradient(90deg,#e3d4bc,#f7edda)
 }
 .other-reading-page .book-spread-frame::after{
   right:1px;background:linear-gradient(270deg,#dec8a5,#f3e5cd)
 }
}