/* LBO - Samstemt visuelt med LydBibel.com | Lesedesign 18.10.2026 */
:root{--navy:#0b1e42;--navy2:#142e58;--gold:#c99426;--gold-light:#e5c477;--ink:#162743;--body:#344661;--muted:#61708a;--white:#fff;--wash:#fbfaf7;--line:#e5e7e7;--soft:#f5f6f8;--shadow:0 14px 38px rgba(12,30,62,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:Poppins,'Segoe UI',Arial,sans-serif;font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:var(--navy2)}a:focus-visible{outline:3px solid var(--gold);outline-offset:4px;border-radius:3px}a:hover{color:#976914}.skip{position:absolute;left:-10000px}.skip:focus{left:16px;top:16px;padding:12px 16px;background:#fff;z-index:1000}
/* Unified LydBibel site header, matching original site navigation */
.site-header{background:#fff;border-bottom:1px solid #f0f0f0;box-shadow:0 1px 5px rgba(7,24,49,.025)}
.header-inner{max-width:1280px;min-height:109px;margin:0 auto;padding:10px 18px;display:grid;grid-template-columns:231px minmax(0,1fr) 227px;align-items:center;column-gap:18px}
.brand{display:flex;align-items:center;text-decoration:none;flex-shrink:0}
.brand img{width:231px;height:80px;object-fit:contain;display:block}
.mainnav{display:flex;align-items:center;justify-content:flex-start;gap:0;white-space:nowrap;min-width:0}
.mainnav a{padding:10px 8px;color:#0b1e42;font-size:14px;font-weight:400;line-height:1.35;text-decoration:none;border-radius:0;transition:color .18s}
.mainnav a:hover{color:#9b6a16;text-decoration:none}
.mainnav a.active,.mainnav a[aria-current="page"]{font-weight:700;color:#0b1e42;background:none}
.support-link{display:block;justify-self:end;line-height:0;max-width:227px}
.support-link img{display:block;width:227px;height:77px;object-fit:contain}
.support-link:hover{filter:brightness(1.055)}
.mobile-navigation{display:none}
@media(max-width:1190px){
  .header-inner{grid-template-columns:210px minmax(0,1fr) 195px;column-gap:9px;padding-left:12px;padding-right:12px}
  .brand img{width:210px;height:auto}
  .support-link img{width:195px;height:auto}
  .mainnav a{font-size:12.5px;padding:10px 6px}
}
@media(max-width:920px){
  .header-inner{min-height:84px;grid-template-columns:minmax(0,1fr) auto auto;gap:12px}
  .brand img{width:166px;height:auto}
  .mainnav{display:none}
  .support-link img{width:142px;height:auto}
  .mobile-navigation{display:block;position:relative;grid-column:2;grid-row:1}
  .mobile-navigation summary{cursor:pointer;color:#0b1e42;font-size:14px;font-weight:650;white-space:nowrap;padding:11px 12px;border:1px solid #e2e7ed;border-radius:6px;list-style:none}
  .mobile-navigation summary::-webkit-details-marker{display:none}
  .mobile-navigation nav{display:flex;flex-direction:column;position:absolute;right:0;top:calc(100% + 9px);min-width:200px;z-index:9999;background:#fff;border:1px solid #e0e5eb;border-radius:9px;box-shadow:0 14px 32px rgba(16,33,63,.19);padding:8px}
  .mobile-navigation nav a{color:#0b1e42;font-size:14px;line-height:1.3;padding:11px 13px;text-decoration:none}
  .mobile-navigation nav a.active{font-weight:700;background:#f9f3e7}
  .mobile-navigation nav a:hover{background:#f5f7fa}
  .support-link{grid-column:3;grid-row:1}
}
@media(max-width:440px){
  .header-inner{gap:6px;padding:6px 9px}
  .brand img{width:124px}
  .support-link img{width:95px}
  .mobile-navigation summary{padding:7px 8px;font-size:12px}
}
/* page structure */
.wrap{max-width:1120px;padding:0 28px;margin:auto}.page-main{padding-bottom:85px}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px;color:#737e91;padding:29px 0 22px}.breadcrumbs a{color:#53627b;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs [aria-hidden='true']{color:#b1b8c0}
/* hero is based on an existing LydBibel photo used elsewhere on the website */
.hero{background:linear-gradient(90deg,rgba(9,29,64,.98) 0%,rgba(9,29,64,.93) 37%,rgba(9,29,64,.50) 68%,rgba(9,29,64,.12) 100%),url('../assets/Saffe/ChatGPT Image 4. juni 2026, 12_34_32ec4a.png') right center/cover no-repeat,#0b1e42;color:#fff;padding:55px 60px 59px;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 12px 35px rgba(6,27,58,.12)}.hero:before{content:'';display:block;width:55px;height:4px;background:var(--gold);border-radius:4px;margin:0 0 23px}.kicker{display:block;font-weight:650;text-transform:uppercase;letter-spacing:.15em;font-size:11px;color:var(--gold-light)}.hero h1{font-weight:700;font-size:clamp(29px,3.8vw,46px);line-height:1.18;letter-spacing:-.028em;margin:14px 0 18px;max-width:660px}.hero p{color:#f7f7f5;font-size:15px;line-height:1.82;max-width:595px;margin:0}.hero small{display:inline-flex;margin-top:22px;border:1px solid rgba(234,200,137,.72);border-radius:99px;padding:7px 15px;color:#f3dca4;font-size:12px;letter-spacing:.005em;font-weight:500}
.section-head{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin:39px 0 18px}.section-head h2{margin:0;font-size:25px;font-weight:700;letter-spacing:-.024em}.section-head p{margin:0;font-size:13px;color:var(--muted)}.feature-card{display:flex;align-items:center;gap:28px;border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:10px;padding:27px 35px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:var(--shadow);transition:box-shadow .2s,transform .2s}.feature-card:hover{color:var(--ink);transform:translateY(-2px);box-shadow:0 16px 35px rgba(12,30,62,.14)}.feature-card-body{flex:1;min-width:0}.feature-card .book-badge{width:66px;height:66px;border-radius:50%;background:#f9f5e9;color:var(--gold);display:flex;align-items:center;justify-content:center;flex-shrink:0}.book-badge svg{width:34px;height:34px}.eyebrow{font-size:11px;color:#a4741e;text-transform:uppercase;letter-spacing:.14em;font-weight:700}.feature-card h3{font-size:27px;font-weight:700;margin:6px 0 9px;letter-spacing:-.025em}.feature-card p{font-size:14px;color:#506079;line-height:1.72;margin:0;max-width:660px}.cta{display:inline-flex;align-items:center;gap:9px;color:#8d6418;font-weight:700;font-size:13px;margin-top:15px}.small-note{font-size:13px;color:#69748a;margin:23px 0 0;line-height:1.76}.book-intro{font-size:15px;line-height:1.75;color:var(--body);max-width:660px}
/* future-proof chapter chooser */
.chapter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:24px 0 0}.chapter-link,.chapter-pending{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:82px;border-radius:9px;padding:17px 19px}.chapter-link{background:var(--navy);color:#fff;text-decoration:none;border:1px solid var(--navy);box-shadow:0 9px 20px rgba(13,34,72,.1);transition:transform .18s,background .18s}.chapter-link:hover{background:#193968;color:#fff;transform:translateY(-2px)}.chapter-pending{background:#f7f7f7;border:1px solid #e8eaee;color:#7c8593}.chapter-num{font-size:14px;font-weight:600}.chapter-status{font-size:11px;white-space:nowrap}.chapter-link .chapter-status{color:#f2d28d}.chapter-pending .chapter-status{color:#87919b}
/* chapter reading: a calm page is intentionally different from promotional cards */
.verse-wrap{max-width:960px;padding:0 24px 82px;margin:auto}.chapter-title{margin:2px 0 26px;border-radius:11px;padding:35px 30px 33px;text-align:center;background:var(--navy);color:#fff;position:relative;overflow:hidden}.chapter-title:before{content:'';height:3px;width:57px;background:var(--gold);position:absolute;top:0;left:50%;transform:translateX(-50%)}.chapter-title h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(29px,4vw,42px);line-height:1.2;letter-spacing:-.025em;font-weight:700;margin:9px 0 10px}.chapter-title p{color:#dce2ec;font-size:13px;margin:0}.scripture{background:#fffdf9;border:1px solid #eae4d8;box-shadow:0 12px 34px rgba(13,31,59,.06);border-radius:10px;padding:43px clamp(22px,5vw,68px) 49px}.verse{font:normal 19px/1.85 Georgia,'Times New Roman',serif;letter-spacing:.002em;display:flex;align-items:baseline;gap:19px;margin:0 0 17px;color:#253249}.verse:last-child{margin-bottom:0}.vn{flex:0 0 23px;font:700 11px/1.7 Poppins,Arial,sans-serif;color:#a0701f;text-align:right;position:relative;top:-1px}.vtxt{min-width:0;flex:1}.book-nav{display:flex;justify-content:space-between;gap:10px;margin:27px 0;flex-wrap:wrap}.book-nav a{display:inline-block;color:var(--navy);font-size:13px;font-weight:650;text-decoration:none;border-bottom:1px solid rgba(201,148,38,.75);padding-bottom:3px}.book-nav a:hover{color:#a0701f}
.site-footer{margin-top:10px;background:var(--navy);color:#fff;padding:35px 28px;border-top:4px solid var(--gold)}.footer-inner{max-width:1120px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:25px}.site-footer strong{display:block;font-size:16px;letter-spacing:-.014em}.site-footer p{font-size:12px;line-height:1.8;color:#ccd5e4;max-width:665px;margin:5px 0 0}.site-footer a{text-decoration:none;color:#f1d189;font-size:12px;white-space:nowrap;font-weight:600}.site-footer a:hover{color:#fff}
@media(max-width:1050px){.hero{padding:44px 40px}}
@media(max-width:700px){.wrap{padding:0 17px}.breadcrumbs{padding:23px 0 16px}.hero{padding:39px 26px 44px;background:linear-gradient(90deg,rgba(9,29,64,.98),rgba(9,29,64,.82)),url('../assets/Saffe/ChatGPT Image 4. juni 2026, 12_34_32ec4a.png') center center/cover no-repeat}.hero p{font-size:14px}.section-head{margin:30px 0 15px;display:block}.section-head h2{font-size:22px}.section-head p{margin-top:5px}.feature-card{padding:23px;align-items:flex-start;gap:12px}.feature-card .book-badge{width:43px;height:43px}.book-badge svg{width:22px;height:22px}.feature-card h3{font-size:22px}.chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.chapter-link,.chapter-pending{padding:15px 12px;min-height:72px}.chapter-num{font-size:12px}.chapter-status{font-size:10px}.verse-wrap{padding:0 13px 60px}.chapter-title{margin:2px 0 18px;padding:30px 17px 25px}.scripture{padding:28px 19px}.verse{font-size:17px;line-height:1.84;gap:11px;margin-bottom:18px}.vn{flex-basis:19px}.footer-inner{display:block}.site-footer a{display:inline-block;margin-top:16px}}
@media(max-width:420px){.feature-card .book-badge{display:none}.feature-card h3{font-size:21px}.hero h1{font-size:29px}.scripture{padding:24px 14px}.verse{font-size:16.5px}.chapter-status{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}