:root{
  --bg:#f6efe5;
  --paper:#fffaf3;
  --paper-2:#fbf1e5;
  --ink:#251b14;
  --muted:#6f6256;
  --line:#e3d4c1;
  --accent:#8d4e2f;
  --accent-dark:#65331e;
  --green:#2f5e55;
  --gold:#b58a45;
  --shadow:0 20px 55px rgba(54,35,19,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
h1[id],h2[id]{scroll-margin-top:6.5rem}
body{margin:0;font-family:Georgia,'Times New Roman',serif;background:var(--bg);color:var(--ink);line-height:1.72;font-size:18px}
a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--accent-dark)}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,250,243,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem clamp(1rem,4vw,3rem)}
.brand{font-family:Arial,Helvetica,sans-serif;font-weight:800;color:var(--ink);text-decoration:none;letter-spacing:.01em;white-space:nowrap}.mark{color:var(--accent);margin-right:.45rem}
.site-nav{display:flex;gap:.28rem;flex-wrap:wrap;justify-content:flex-end;margin-left:auto}.site-nav a{font-family:Arial,Helvetica,sans-serif;font-size:.84rem;text-decoration:none;color:var(--muted);padding:.42rem .6rem;border-radius:999px}.site-nav a.active,.site-nav a:hover{background:#efe1cf;color:var(--ink)}
.menu-toggle{display:none;border:1px solid var(--line);background:var(--paper);padding:.45rem .75rem;border-radius:999px;font-family:Arial,Helvetica,sans-serif;color:var(--ink)}




.wrap,.content{max-width:1200px;margin:0 auto}.page-hero{padding:clamp(3.4rem,8vw,6.5rem) clamp(1rem,4vw,3rem);background:radial-gradient(circle at 12% 20%,#fff6da 0,transparent 33%),linear-gradient(135deg,#ead8c2 0%,#fffaf3 72%);border-bottom:1px solid var(--line)}
.sub-hero{padding:clamp(2.8rem,6vw,4.8rem) clamp(1rem,4vw,3rem)}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem}.eyebrow{font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;color:var(--green);font-weight:800;margin:0 0 .75rem}h1,h2,h3{line-height:1.15;margin:0 0 1rem}h1{font-size:clamp(1.72rem,3.25vw,2.75rem);max-width:900px}h2{font-size:clamp(1.35rem,2.5vw,2.05rem);margin-top:2rem}h3{font-size:1.16rem}.lead{font-size:clamp(1.15rem,2vw,1.45rem);max-width:860px;color:#4e4035;margin:0}.content{padding:clamp(2.2rem,5vw,4rem) clamp(1rem,4vw,3rem)}.article{max-width:850px}.article.wide{max-width:1020px}.article p{margin:1rem 0}.standfirst{font-size:1.22rem;color:#42362b;border-left:5px solid var(--gold);padding-left:1rem;background:rgba(255,250,243,.55)}
.intro-section{padding-top:3rem}.intro-box,.bible-box,.side-nav,.note-box,.timeline-box{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:1.25rem 1.35rem;box-shadow:var(--shadow)}.intro-box{font-size:1em;color:#443427;margin-bottom:1rem}.bible-box{font-family:Arial,Helvetica,sans-serif;font-size:.95rem;line-height:1.55;margin-bottom:2rem;background:#f7ead8}.note-box,.timeline-box{margin:2rem 0;background:#fff8ed}.note-box h2,.timeline-box h2{margin-top:0}.timeline-box ul{padding-left:1.2rem}.timeline-box li{margin:.65rem 0}.article-layout{display:grid;grid-template-columns:minmax(0,850px) 270px;gap:2rem;align-items:start}.side-nav{position:sticky;top:6.2rem}.side-nav h2{font-size:1.15rem;margin-top:0}.side-nav div{display:flex;flex-direction:column;gap:.6rem}.side-nav a{font-family:Arial,Helvetica,sans-serif;text-decoration:none;background:#f7ead8;border:1px solid var(--line);padding:.7rem .85rem;border-radius:14px;color:var(--ink)}.side-nav a:hover{background:#edd9c2}.section-head{max-width:840px;margin-bottom:1.5rem}.section-head p:last-child{color:var(--muted)}
.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}.card{display:block;text-decoration:none;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:1.35rem;box-shadow:var(--shadow);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.card:hover{transform:translateY(-4px);box-shadow:0 28px 65px rgba(54,35,19,.14);border-color:#d1b694;color:var(--ink)}.card-kicker,.card-link{font-family:Arial,Helvetica,sans-serif;color:var(--green);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.card h3{margin-top:.55rem;font-size:1.18rem}.card p{color:#5e5146;font-size:.98rem;line-height:1.58;margin-bottom:1.1rem}.big-card p{min-height:14rem}.final-block{border-top:1px solid var(--line);background:rgba(255,250,243,.35)}.backlink{margin-top:2rem}.source-list,.sitemap-list{padding-left:1.2rem}.source-list li,.sitemap-list li{margin:.75rem 0}.change-list{padding-left:1.25rem;background:#fff8ed;border:1px solid var(--line);border-radius:22px;padding-top:1rem;padding-bottom:1rem}.change-list li{margin:.8rem 0;padding-left:.25rem}.site-footer{border-top:1px solid var(--line);padding:2rem clamp(1rem,4vw,3rem);background:#eadfce;color:var(--muted);font-family:Arial,Helvetica,sans-serif;font-size:.95rem}.footer-inner{max-width:1160px;margin:0 auto}.site-footer p{margin:.3rem 0}
@media(max-width:1100px){.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.big-card p{min-height:11rem}}
@media(max-width:980px){.article-layout{grid-template-columns:1fr}.side-nav{position:static}.site-header{align-items:flex-start}.menu-toggle{display:block}.site-nav{display:none;position:absolute;left:1rem;right:1rem;top:4.1rem;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:.75rem;box-shadow:var(--shadow);justify-content:flex-start}.site-nav.open{display:flex}.site-nav a{font-size:.9rem}}
@media(max-width:700px){.cards-grid{grid-template-columns:1fr}.big-card p{min-height:0}}
@media(max-width:640px){body{font-size:17px}.site-header{padding:.8rem 1rem}.brand{font-size:.95rem}.page-hero{padding:3rem 1rem}.content{padding:2.2rem 1rem}.intro-box,.bible-box,.side-nav,.card,.note-box,.timeline-box{border-radius:18px}.standfirst{font-size:1.08rem}}

.fact-list{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:1rem 1.25rem 1rem 2.1rem;margin:1.2rem 0}.fact-list li{margin:.65rem 0}

.pager-nav{max-width:1200px;margin:0 auto 2.4rem;padding:0 clamp(1rem,4vw,3rem);display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:stretch}
.pager-link{font-family:Arial,Helvetica,sans-serif;text-decoration:none;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:1rem 1.1rem;box-shadow:var(--shadow);display:flex;align-items:center;gap:.75rem;min-height:72px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.pager-link:hover{transform:translateY(-2px);box-shadow:0 24px 55px rgba(54,35,19,.13);border-color:#d1b694;color:var(--accent-dark)}
.pager-next{justify-content:flex-end;text-align:right}.pager-prev{justify-content:flex-start;text-align:left}
.pager-label{display:block;color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.15rem}
.pager-link strong{font-size:1rem}.pager-arrow{font-size:1.35rem;color:var(--accent);font-weight:800}.pager-placeholder{display:block}
@media(max-width:640px){.pager-nav{grid-template-columns:1fr}.pager-placeholder{display:none}.pager-next{text-align:left;justify-content:space-between}.pager-prev{justify-content:flex-start}}








/* Startsida: lättare rytm mellan huvudrutor, nyansering och tidslinje */
.nuance-note{
  margin:1.45rem 0 1.8rem;
  padding:1rem 1.15rem 1rem 1.25rem;
  background:rgba(255,250,243,.72);
  border:1px solid #e7d8c5;
  border-left:5px solid var(--gold);
  border-radius:18px;
  box-shadow:0 10px 28px rgba(54,35,19,.055);
}
.nuance-note h2{
  margin:.05rem 0 .65rem;
  font-size:clamp(1.05rem,1.8vw,1.28rem);
}
.nuance-note p{
  margin:.7rem 0;
  font-size:.98rem;
  line-height:1.6;
}
.plain-explainer{
  margin:2.05rem 0;
  padding:1.15rem 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.plain-explainer h2{
  margin-top:0;
  font-size:clamp(1.18rem,2.1vw,1.58rem);
}
.plain-explainer p{
  max-width:900px;
}
.compact-timeline{
  margin:2.15rem 0 2.35rem;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.compact-timeline h2{
  margin:0 0 .9rem;
  font-size:clamp(1.18rem,2.1vw,1.58rem);
}
.compact-timeline ul{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:.75rem;
}
.compact-timeline li{
  margin:0;
  padding:.85rem .85rem .9rem;
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:0 12px 32px rgba(54,35,19,.07);
  font-size:.92rem;
  line-height:1.45;
}
.compact-timeline li strong{
  display:block;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--accent-dark);
  font-size:1.05rem;
  margin-bottom:.18rem;
}
@media(max-width:1000px){
  .compact-timeline ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .compact-timeline ul{grid-template-columns:1fr}
  .nuance-note,.plain-explainer{border-radius:16px}
}



/* Feedback section */
.feedback-section{
  max-width:1120px;
  margin:1.2rem auto 1.6rem;
  padding:0 1.25rem;
}
.feedback-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:1rem 1.15rem;
  background:rgba(255,250,243,.78);
  border:1px solid var(--line);
  border-radius:20px;
  box-shadow:0 10px 26px rgba(54,35,19,.055);
}
.feedback-card h2{
  margin:0 0 .25rem;
  font-size:clamp(1rem,1.55vw,1.18rem);
}
.feedback-card p{
  margin:0;
  color:var(--muted);
  font-size:.94rem;
  line-height:1.55;
  max-width:760px;
}
.feedback-button{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:.68rem .95rem;
  border-radius:999px;
  background:var(--accent);
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:.92rem;
  font-weight:700;
  text-decoration:none;
  box-shadow:0 10px 22px rgba(47,94,85,.16);
}
.feedback-button:hover{
  background:var(--accent-dark);
  transform:translateY(-1px);
}
@media(max-width:760px){
  .feedback-card{align-items:flex-start;flex-direction:column}
  .feedback-button{width:100%}
}



/* Book download section */
.book-download-section{
  padding-top:clamp(1.6rem,4vw,2.5rem);
  padding-bottom:clamp(1.6rem,4vw,2.8rem);
}
.book-download-card{
  max-width:1020px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);
  gap:1.4rem;
  align-items:center;
  background:linear-gradient(135deg,rgba(255,250,243,.98),rgba(238,225,207,.72));
  border:1px solid rgba(139,94,60,.28);
  border-radius:28px;
  padding:clamp(1.35rem,3vw,2.1rem);
  box-shadow:0 22px 55px rgba(54,35,19,.10);
}
.book-download-card h2{
  margin-top:.2rem;
  margin-bottom:.75rem;
}
.book-download-card p{
  margin:.7rem 0;
  color:#4f4338;
}
.book-download-note{
  font-size:.96rem;
  color:#6a5a4a!important;
}
.book-download-actions{
  display:flex;
  flex-direction:column;
  gap:.75rem;
}
.download-button{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  text-decoration:none;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:800;
  letter-spacing:.03em;
  border-radius:999px;
  padding:.86rem 1.15rem;
  border:1px solid rgba(77,92,68,.35);
  color:var(--green);
  background:#fffaf3;
  box-shadow:0 10px 25px rgba(54,35,19,.08);
}
.download-button:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(54,35,19,.12);
}
.primary-download{
  background:var(--green);
  color:#fff;
  border-color:var(--green);
}
@media(max-width:820px){
  .book-download-card{grid-template-columns:1fr}
  .book-download-actions{flex-direction:row;flex-wrap:wrap}
  .download-button{flex:1 1 180px}
}
@media(max-width:560px){
  .book-download-card{border-radius:20px}
  .book-download-actions{flex-direction:column}
  .download-button{width:100%}
}


/* Book/PDF modal */
body.modal-open{
  overflow:hidden;
}
.book-modal{
  position:fixed;
  inset:0;
  z-index:1000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:1.25rem;
}
.book-modal.is-open{
  display:flex;
}
.book-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(31,25,20,.54);
  backdrop-filter:blur(3px);
}
.book-modal-dialog{
  position:relative;
  width:min(640px,100%);
  max-height:min(88vh,720px);
  overflow:auto;
  background:linear-gradient(135deg,#fffaf3,#f0e4d3);
  border:1px solid rgba(139,94,60,.32);
  border-radius:28px;
  padding:clamp(1.25rem,4vw,2rem);
  box-shadow:0 28px 70px rgba(31,25,20,.32);
}
.book-modal-dialog h2{
  margin:.2rem 2.2rem .8rem 0;
}
.book-modal-dialog p{
  color:#4f4338;
}
.book-modal-close{
  position:absolute;
  top:.9rem;
  right:.9rem;
  width:38px;
  height:38px;
  border:1px solid rgba(139,94,60,.28);
  border-radius:999px;
  background:#fffaf3;
  color:var(--ink);
  font-size:1.35rem;
  line-height:1;
  cursor:pointer;
}
.book-modal-close:hover{
  background:#f4eadc;
}
.book-modal-list{
  margin:.7rem 0 1rem;
  padding-left:1.2rem;
  color:#4f4338;
}
.book-modal-list li{
  margin:.35rem 0;
}
.book-modal-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin-top:1.2rem;
}
.book-modal-actions .download-button{
  flex:1 1 170px;
}
@media(max-width:560px){
  .book-modal{
    padding:.75rem;
  }
  .book-modal-dialog{
    border-radius:20px;
  }
  .book-modal-actions{
    flex-direction:column;
  }
  .book-modal-actions .download-button{
    width:100%;
  }
}


.hero-summary{font-size:clamp(1.15rem,2vw,1.45rem);max-width:850px;color:#5a4b3d;margin:1rem 0 0;line-height:1.55}