: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}
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)}
.header-print{font-family:Arial,Helvetica,sans-serif;font-weight:800;border:1px solid var(--line);background:var(--paper-2);color:var(--ink);border-radius:999px;padding:.42rem .72rem;box-shadow:0 8px 20px rgba(54,35,19,.06);cursor:pointer;white-space:nowrap}
.header-print:hover{background:#efe1cf;color:var(--accent-dark)}
.header-print:focus-visible{outline:3px solid rgba(141,78,47,.35);outline-offset:2px}

.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(2.05rem,5vw,4.05rem);max-width:980px}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:1.05rem;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}.header-print{font-size:.82rem;padding:.38rem .62rem}.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}

@media print{.site-header,.page-tools,.side-nav,.site-footer,.menu-toggle,.header-print{display:none!important}body{background:#fff;color:#000;font-size:12pt}.content,.page-hero,.sub-hero{padding:0!important;max-width:none}.article,.article.wide{max-width:none}.intro-box,.bible-box,.note-box,.timeline-box,.change-list,.fact-list{box-shadow:none;background:#fff;border:1px solid #bbb}a{color:#000;text-decoration:none}}

/* Förbättrad utskriftslayout: behåller sidans visuella struktur men tar bort interaktiva element. */
@page{
  size:A4;
  margin:14mm 13mm 16mm;
}
@media print{
  *{
    -webkit-print-color-adjust:exact !important;
    print-color-adjust:exact !important;
  }
  html{scroll-behavior:auto}
  body{
    margin:0 !important;
    background:#f6efe5 !important;
    color:#251b14 !important;
    font-family:Georgia,'Times New Roman',serif !important;
    font-size:11.2pt !important;
    line-height:1.48 !important;
  }
  .site-header{
    display:flex !important;
    position:static !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding:9mm 10mm !important;
    margin:0 0 7mm !important;
    background:#fffaf3 !important;
    border:1px solid #e3d4c1 !important;
    border-radius:0 0 14px 14px !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
  }
  .brand{
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:13pt !important;
    font-weight:800 !important;
    color:#251b14 !important;
    text-decoration:none !important;
  }
  .mark{color:#8d4e2f !important}
  .site-nav,.menu-toggle,.page-tools,.header-print,.side-nav{
    display:none !important;
  }
  .page-hero,.sub-hero{
    padding:14mm 12mm 12mm !important;
    margin:0 0 7mm !important;
    background:linear-gradient(135deg,#ead8c2 0%,#fffaf3 76%) !important;
    border:1px solid #e3d4c1 !important;
    border-radius:18px !important;
  }
  .wrap,.content{
    max-width:none !important;
    width:auto !important;
    margin:0 !important;
  }
  .content{
    padding:0 !important;
  }
  .article,.article.wide{
    max-width:none !important;
    background:#fffaf3 !important;
    border:1px solid #e3d4c1 !important;
    border-radius:18px !important;
    padding:10mm 11mm !important;
    margin:0 0 8mm !important;
    box-shadow:none !important;
  }
  .article-layout{
    display:block !important;
  }
  h1,h2,h3{
    color:#251b14 !important;
    page-break-after:avoid;
    break-after:avoid;
  }
  h1{
    font-size:24pt !important;
    line-height:1.12 !important;
    max-width:none !important;
    margin:0 0 5mm !important;
  }
  h2{
    font-size:17pt !important;
    line-height:1.18 !important;
    margin:8mm 0 3mm !important;
  }
  h3{
    font-size:13pt !important;
    margin:5mm 0 2mm !important;
  }
  .eyebrow{
    font-family:Arial,Helvetica,sans-serif !important;
    color:#2f5e55 !important;
    font-size:8.5pt !important;
    letter-spacing:.12em !important;
    margin:0 0 3mm !important;
  }
  .lead{
    color:#4e4035 !important;
    font-size:14pt !important;
    line-height:1.42 !important;
    max-width:none !important;
    margin:0 !important;
  }
  p{orphans:3;widows:3}
  a{
    color:#65331e !important;
    text-decoration:underline !important;
    text-underline-offset:2px !important;
  }
  .standfirst{
    font-size:12.8pt !important;
    background:#fff8ed !important;
    border-left:5px solid #b58a45 !important;
    padding:4mm 5mm !important;
    margin:0 0 6mm !important;
  }
  .intro-box,.bible-box,.note-box,.timeline-box,.change-list,.fact-list{
    background:#fff8ed !important;
    border:1px solid #e3d4c1 !important;
    border-radius:14px !important;
    box-shadow:none !important;
    padding:5mm 6mm !important;
    margin:6mm 0 !important;
    break-inside:avoid;
    page-break-inside:avoid;
  }
  .bible-box{background:#f7ead8 !important}
  .timeline-box ul,.change-list,.fact-list,.source-list,.sitemap-list{
    padding-left:7mm !important;
  }
  li{margin:2.3mm 0 !important}
  .cards-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:5mm !important;
    align-items:stretch !important;
  }
  .card{
    background:#fffaf3 !important;
    border:1px solid #e3d4c1 !important;
    border-radius:15px !important;
    box-shadow:none !important;
    padding:5mm !important;
    color:#251b14 !important;
    text-decoration:none !important;
    break-inside:avoid;
    page-break-inside:avoid;
  }
  .card:hover{transform:none !important;box-shadow:none !important}
  .card-kicker,.card-link{
    font-family:Arial,Helvetica,sans-serif !important;
    color:#2f5e55 !important;
    font-size:7.8pt !important;
  }
  .card h3{font-size:12.5pt !important;margin:2mm 0 !important}
  .card p{
    color:#5e5146 !important;
    font-size:9.6pt !important;
    line-height:1.38 !important;
    margin:0 0 3mm !important;
  }
  .big-card p{min-height:0 !important}
  .final-block{
    background:transparent !important;
    border-top:1px solid #e3d4c1 !important;
  }
  .site-footer{
    display:block !important;
    background:#eadfce !important;
    border:1px solid #e3d4c1 !important;
    border-radius:14px 14px 0 0 !important;
    padding:6mm 8mm !important;
    margin-top:8mm !important;
    color:#6f6256 !important;
    font-size:9pt !important;
    box-shadow:none !important;
  }
  .backlink{display:none !important}
}