:root{
  --bg:#0b1220; --fg:#eaf1ff; --muted:#b9c7e6; --accent:#9cc2ff; --card: rgba(0,0,0,.55);
  --max:1000px;
}
*{box-sizing:border-box} html,body{height:100%}
body{margin:0; font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:var(--fg);
     background:var(--bg) url("../img/ai_background.png") center/cover fixed}
a{color:var(--accent); text-decoration:none} a:hover{text-decoration:underline}
.wrap{max-width:var(--max); margin:0 auto; padding:24px}
nav{backdrop-filter: blur(6px); background:rgba(0,0,0,.35); border-bottom:1px solid rgba(255,255,255,.12)}
nav .wrap{display:flex; gap:16px; align-items:center; justify-content:space-between}
.brand{font-weight:700; letter-spacing:.5px}
nav ul{display:flex; gap:14px; list-style:none; margin:0; padding:0}
main .wrap{padding-block:40px}
.card{background:var(--card); border:1px solid rgba(255,255,255,.12); border-radius:14px; padding:20px}
.grid{display:grid; gap:16px}
.table{width:100%; border-collapse:collapse}
.table th,.table td{padding:10px 8px; border-bottom:1px solid rgba(255,255,255,.12); vertical-align:top}
.small{font-size:.92rem; color:var(--muted)}
.btn{display:inline-block; padding:10px 14px; border-radius:10px; background:var(--accent); color:#0b1220; font-weight:600}
footer{border-top:1px solid rgba(255,255,255,.12); background:rgba(0,0,0,.35)}
footer .wrap{padding:16px; font-size:.9rem; color:var(--muted)}
@media (max-width:800px){ body{background-attachment:scroll} }

/* --- Books layout --- */
.book{display:grid; grid-template-columns: 110px 1fr; gap:12px; align-items:start}
.book img{width:110px; height:auto; border-radius:8px; display:block}
@media (max-width:700px){ .book{grid-template-columns:80px 1fr} .book img{width:80px} }

/* --- override: kisebb könyvborítók --- */
.book{grid-template-columns: 90px 1fr}
.book img{width:90px}
@media (max-width:700px){
  .book{grid-template-columns:64px 1fr}
  .book img{width:64px}
}

/* Kapcsolat-doboz gombjai */
.cta-grid{display:flex; gap:12px; flex-wrap:wrap; margin-top:8px}
.btn-outline{background:transparent; color:var(--accent); border:1px solid var(--accent)}
.btn-outline:hover{text-decoration:none; filter:brightness(1.1)}