:root{
  --bg:#f3eadc;--paper:#fffaf1;--ink:#231915;--muted:#6f6258;
  --accent:#8a5a32;--accent2:#b28755;--dark:#18110e;--line:rgba(35,25,21,.16)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Georgia,"Times New Roman",serif;color:var(--ink);background:var(--bg);line-height:1.68}
a{text-decoration:none;color:inherit}
.book-header{position:sticky;top:0;z-index:20;background:rgba(243,234,220,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.book-header-inner{max-width:1160px;margin:auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{font-weight:700;letter-spacing:.13em;text-transform:uppercase}
nav{display:flex;gap:18px;color:var(--muted)}
.book-hero{padding:70px 24px}
.book-hero-inner{max-width:1160px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:58px;align-items:center}
.eyebrow,.section-kicker{color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.2em;font-size:.78rem;margin-bottom:14px}
h1{font-size:clamp(3rem,8vw,6.5rem);line-height:.92;margin:0 0 26px;letter-spacing:-.05em}
h2{font-size:clamp(2rem,5vw,3.7rem);line-height:1.05;margin:0 0 20px}
.hook{font-size:1.45rem;font-weight:700;line-height:1.45}
.question{font-weight:700;color:#5d3c25}
.cover-card img{width:100%;display:block;border-radius:16px;box-shadow:0 25px 60px rgba(45,30,18,.25)}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.button,button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--accent);background:var(--accent);color:#fffaf1;padding:11px 20px;border-radius:999px;font:700 1rem Georgia,serif;cursor:pointer}
.button.secondary{background:transparent;color:var(--accent)}
.section-inner{max-width:1020px;margin:auto}

/* Olvass bele */
.reader-section{padding:74px 24px;background:#ece1d1;border-block:1px solid var(--line)}
.reader-intro{max-width:700px;font-size:1.08rem}
.reader-shell{margin-top:26px;background:#211913;border-radius:22px;padding:16px;box-shadow:0 24px 65px rgba(35,25,21,.20);user-select:none;-webkit-user-select:none}
.reader-toolbar{display:flex;justify-content:space-between;gap:20px;color:#eadcca;padding:4px 6px 14px;font-size:.94rem}
.reader-page-wrap{position:relative;display:flex;justify-content:center;align-items:center;min-height:420px}
#readerCanvas{display:block;width:min(100%,737px);height:auto;background:#fff;box-shadow:0 6px 26px rgba(0,0,0,.35);pointer-events:none}
.reader-shield{position:absolute;inset:0;z-index:2;background:transparent}
.reader-nav{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(24,17,14,.75);color:#fff;font-size:2rem;padding:0}
.reader-nav.prev{left:10px}.reader-nav.next{right:10px}
.reader-mobile-nav{display:none;gap:10px;justify-content:center;padding-top:14px}
.reader-note{color:#cdbdad;font-size:.83rem;text-align:center;margin:14px 6px 2px}
@media print{.reader-section{display:none!important}}

.event-section{padding:68px 24px;background:linear-gradient(145deg,#2e2119,#17100d);color:#fff7eb}
.event-section .section-kicker{color:#cda873}
.event-place{font-size:1.2rem}
.register-section{padding:72px 24px}
.register-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:start}
.event-summary{color:var(--muted)}
.register-form{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:28px}
.register-form label{display:block;font-weight:700;margin-bottom:17px}
.register-form input,.register-form select,.register-form textarea{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid rgba(35,25,21,.23);border-radius:11px;font:inherit;background:#fff}
.consent{display:grid!important;grid-template-columns:20px 1fr;gap:10px;font-weight:400!important}
.consent input{width:18px!important;margin-top:4px!important}
.hp{position:absolute;left:-9999px}
footer{max-width:1020px;margin:auto;padding:32px 24px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);border-top:1px solid var(--line)}
@media(max-width:800px){
  nav{display:none}
  .book-hero-inner,.register-grid{grid-template-columns:1fr}
  .cover-card{max-width:290px;margin:auto}
  .reader-nav{display:none}
  .reader-mobile-nav{display:flex}
}