:root{ --paper:#d7b98a; --ink:#2f2013; --ink2:#52351f; --accent:#b38955; --maxw:1200px }
*{ box-sizing:border-box }
body{ margin:0; background:#efe7d7; color:var(--ink); font-family:"Cinzel", serif }
header.top{ display:flex; gap:12px; align-items:center; justify-content:center; padding:14px; border-bottom:2px solid rgba(0,0,0,.12); background:linear-gradient(#e6cfaa,#d7b98a) }
header.top img{ height:64px; width:64px; object-fit:cover; border-radius:50%; box-shadow:0 8px 18px rgba(0,0,0,.25) }
header.top h1{ margin:0; font-size:22px; letter-spacing:.6px }
.scroll{ position:relative; max-width:var(--maxw); margin:clamp(10px,2vw,22px) auto; background:radial-gradient(150% 100% at 50% 18%, rgba(0,0,0,.06), transparent 48%),radial-gradient(150% 100% at 50% 80%, rgba(0,0,0,.06), transparent 48%),var(--paper); border-radius:16px; box-shadow:0 18px 40px rgba(0,0,0,.25),inset 0 0 0 2px rgba(0,0,0,.05) }
.scroll::before,.scroll::after{ content:""; display:block; height:70px; background:linear-gradient(#c79a61,#af7f47); border-bottom:3px solid rgba(0,0,0,.35); box-shadow:inset 0 -18px 24px rgba(0,0,0,.25) }
.scroll::after{ height:74px; border-top:3px solid rgba(0,0,0,.35); border-bottom:none; transform:translateY(20px); background:linear-gradient(#a0703f,#ba8a55); box-shadow:inset 0 18px 24px rgba(0,0,0,.25),0 -8px 0 rgba(0,0,0,.05) }
.brand{ display:flex; gap:18px; align-items:center; padding:12px 18px 6px 18px }
.crest{ width:86px; height:86px; border-radius:50%; object-fit:cover; border:2px solid rgba(0,0,0,.2); box-shadow:0 8px 18px rgba(0,0,0,.25) }
.titles{ display:flex; flex-direction:column }
.hebrew{ font-family:"Noto Serif Hebrew", serif; font-weight:700; letter-spacing:2px; font-size:clamp(28px,4vw,40px); color:var(--ink) }
.latin{ font-weight:700; letter-spacing:1.6px; font-size:clamp(18px,2.1vw,26px); color:var(--ink2) }
nav.tabs{ border-top:2px solid rgba(0,0,0,.12); border-bottom:2px solid rgba(0,0,0,.12); background:linear-gradient(#d9bc8f,#caa872) }
nav.tabs ul{ list-style:none; display:flex; gap:8px; flex-wrap:wrap; justify-content:center; margin:0; padding:8px }
nav.tabs a{ display:block; padding:10px 14px; border-radius:10px; border:1px solid rgba(0,0,0,.12); text-decoration:none; color:var(--ink); background:rgba(255,255,255,.18) }
nav.tabs a:hover{ background:rgba(255,255,255,.3) }
.sheet{ padding:22px 18px 36px }
.section{ max-width:1000px; margin:16px auto; background:rgba(255,255,255,.08); border:2px solid rgba(0,0,0,.1); border-radius:12px; padding:18px; box-shadow:inset 0 10px 28px rgba(0,0,0,.08) }

/* PDF Blocks */
.pdf-section { background: #f5f0e6; border: 2px solid #b89b68; border-radius: 12px; padding: 1.5rem; margin: 2rem 0; box-shadow: 0 4px 10px rgba(0,0,0,0.2); }
.pdf-header { font-family: 'Cinzel Decorative', serif; color: #3e2f1c; text-align: center; font-size: 1.3rem; margin-bottom: 1rem; }
.pdf-viewer { width: 100%; height: 720px; border: none; border-radius: 8px; }
.pdf-download { text-align: center; margin-top: 1rem; }
.pdf-download a { background: #b89b68; color: white; font-weight: bold; padding: 0.6rem 1.2rem; border-radius: 8px; text-decoration: none; transition: 0.3s; }
.pdf-download a:hover { background: #8a6a42; }
@media (max-width: 768px) { .pdf-viewer { height: 480px; } }

/* Tabs within pages */
.tabbar { display:flex; gap:8px; flex-wrap:wrap; margin:0 0 12px 0; padding:0; list-style:none; }
.tabbar a { padding:8px 12px; border:1px solid rgba(0,0,0,.15); background:rgba(255,255,255,.24); border-radius:8px; text-decoration:none; color:var(--ink) }
.tabbar a.active { background:#fff4e1; border-color:#b89b68; }
.tabcontent { display:none; }
.tabcontent.active { display:block; }

footer{ padding:18px; text-align:center; color:#6b4b31; font-size:14px }
.btn { display:inline-block; padding:10px 16px; border-radius:999px; border:1px solid rgba(0,0,0,.2); color:var(--ink); background:linear-gradient(#f4e3c5,#d9b88b); text-decoration:none; box-shadow:0 4px 10px rgba(0,0,0,.12) }
.btn:hover{ filter:brightness(1.05) }