:root{
  --fg:#171717;
  --bg:#fff;
  --muted:#666;
  --card:#f7f7f7;
  --line:#e6e6e6;
  --accent:#a93226;
  --accent-dark:#7d241c;
  --accent-soft:#fbe9e6;
  --link:#0b57d0;
  --shell:1180px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);line-height:1.65;overflow-wrap:anywhere}
img{max-width:100%;height:auto}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
button,input,select,textarea{font:inherit;max-width:100%}
select,input[type="text"],input[type="search"]{min-height:42px;padding:8px 10px;border:1px solid #bbb;border-radius:8px;background:#fff}
input[type="submit"],button{min-height:42px;padding:8px 14px;border:0;border-radius:8px;background:var(--accent);color:#fff;cursor:pointer}
input[type="submit"]:hover,button:hover{background:var(--accent-dark)}
table{max-width:100%}
h1,h2,h3{line-height:1.25;color:#222}
h1{color:var(--accent);font-size:clamp(1.7rem,4vw,2.25rem)}
h2{font-size:clamp(1.35rem,3vw,1.75rem)}
h3{font-size:clamp(1.1rem,2.5vw,1.35rem)}

/* Shared modern section pages */
header.header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.94);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
.nav{display:flex;align-items:center;gap:16px;padding:12px 0}
.nav .brand{font-weight:700;color:var(--fg)}
.nav .spacer{flex:1}
.main-nav{display:flex;gap:14px;flex-wrap:wrap}
.nav a:hover{color:var(--accent)}
.breadcrumbs{font-size:.9rem;color:var(--muted);padding:10px 0}
.breadcrumbs a{color:var(--muted)}
.hero{padding:28px 0}
.hero h1{margin:0 0 6px}
.hero p{margin:0;color:var(--muted)}
.books-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px 0 40px;margin:0}
.book-item{list-style:none}
.book-link{display:block;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--fg);height:100%}
.book-link:hover{border-color:var(--accent);text-decoration:none;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.book-name{display:block;font-weight:650}
.book-start{display:block;font-size:.85rem;color:var(--muted)}
.footer{border-top:1px solid var(--line);padding:24px 0;margin-top:24px;color:#444}
.footer .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.footer a{color:#444}

/* Legacy PHP pages - rebuilt as a responsive shell */
.legacy-page{background:#f3f3f3}
.site-header{position:sticky;top:0;z-index:100;background:#9c3932;border-bottom:1px solid #7f2d28;box-shadow:0 2px 10px rgba(82,20,16,.18)}
.site-header-inner{max-width:var(--shell);margin:0 auto;min-height:82px;padding:9px 18px;display:flex;align-items:center;gap:22px}
.site-brand{display:flex;align-items:center;gap:12px;color:#fff;font-weight:750;font-size:1.08rem;white-space:nowrap;flex:0 0 auto}
.site-brand:hover{text-decoration:none;color:#fff}
.site-brand img{width:230px;height:auto;max-height:64px;object-fit:contain;display:block}
.desktop-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-left:auto}
.desktop-nav a{color:#fff;font-weight:650;padding:10px 9px;border-radius:8px}
.desktop-nav a:hover{background:rgba(255,255,255,.16);color:#fff;text-decoration:none}
.mobile-nav{display:none;margin-left:auto;position:relative}
.mobile-nav summary{list-style:none;cursor:pointer;background:#fff;color:#7d241c;padding:9px 13px;border-radius:8px;font-weight:750}
.mobile-nav summary::-webkit-details-marker{display:none}
.mobile-nav[open] nav{position:absolute;right:0;top:48px;width:min(280px,calc(100vw - 24px));background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.14);padding:8px;display:grid;z-index:110}
.mobile-nav nav a{padding:11px 12px;border-radius:8px;color:#222;font-weight:600}
.mobile-nav nav a:hover{background:var(--accent-soft);color:var(--accent);text-decoration:none}

.legacy-layout{max-width:var(--shell);margin:18px auto 0;padding:0 18px 24px;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px;align-items:start}
.legacy-main,.legacy-sidebar{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.legacy-main{padding:clamp(18px,3vw,32px);min-width:0;font-family:Verdana,Helvetica,Arial,sans-serif;font-size:15px}
.legacy-main .header{color:var(--accent);position:static;background:none;border:0;box-shadow:none}
.legacy-main p{margin:0 0 1em}
.legacy-main a{word-break:break-word}
.legacy-main form{max-width:100%;margin:14px 0}
.legacy-main form table{width:auto!important;border-collapse:collapse}
.legacy-main form td{padding:4px;vertical-align:middle}
.legacy-main sup{color:var(--accent);font-weight:700;margin-right:2px}
.legacy-main hr{border:0;border-top:1px solid var(--line);margin:24px 0}
.legacy-main [align="right"]{max-width:100%}
.legacy-main img[width="500px"],.legacy-main img[width="500"]{width:min(500px,100%)!important;height:auto!important}
.legacy-main > table{width:100%!important;border-collapse:collapse}
.legacy-main > table td{vertical-align:top}
.legacy-sidebar{padding:16px;position:sticky;top:100px}
.sidebar-books summary{cursor:pointer;color:var(--accent);font-weight:750;font-size:1.05rem;padding:4px 0 10px}
.sidebar-book-grid{display:grid;grid-template-columns:1fr;gap:2px;max-height:55vh;overflow:auto;padding-right:4px}
.sidebar-book-grid a{display:block;padding:7px 8px;border-radius:7px;color:#333}
.sidebar-book-grid a:hover{background:var(--accent-soft);color:var(--accent);text-decoration:none}
.translation-note{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:.9rem;color:#555}
.translation-note strong{color:var(--accent)}
.translation-note p{margin:.45rem 0 0}
.site-footer{background:#2b2b2b;color:#eee;padding:18px}
.site-footer-inner{max-width:var(--shell);margin:0 auto;display:flex;gap:12px 24px;justify-content:space-between;flex-wrap:wrap;font-size:.9rem}

/* Bible reader helpers */
.bible-quick-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px;border-radius:10px;background:#fafafa;border:1px solid var(--line)}
.bible-quick-form label{font-weight:650}
.chapter-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px;margin:18px 0}
.chapter-list-grid a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:7px;border:1px solid var(--line);border-radius:9px;background:#fafafa;color:#333;font-weight:650}
.chapter-list-grid a:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);text-decoration:none}
.chapter-links{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.chapter-links a{display:inline-flex;align-items:center;min-height:40px;padding:7px 10px;background:#fafafa;border:1px solid var(--line);border-radius:8px;color:#333}
.chapter-links a:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}
.bible-columns{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.bible-columns td{display:block!important;width:auto!important}
.home-return{position:fixed;right:14px;bottom:14px;z-index:20;background:#333;color:#fff!important;padding:10px 12px;border-radius:9px;box-shadow:0 3px 12px rgba(0,0,0,.2)}
.home-return:hover{background:#111;text-decoration:none}
.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.proverb-layout{width:100%;border-collapse:collapse}
.proverb-layout td{vertical-align:top;padding:6px}
.news-card{min-width:0;border-bottom:1px solid var(--line);padding-bottom:14px}
.news-card img{border-radius:10px}

@media (max-width:900px){
  .books-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .desktop-nav{display:none}
  .mobile-nav{display:block}
  .legacy-layout{grid-template-columns:1fr;max-width:820px}
  .legacy-sidebar{position:static;order:2}
  .sidebar-book-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}
}

@media (max-width:640px){
  body{font-size:16px}
  .container{padding:0 14px}
  .nav{align-items:flex-start;flex-wrap:wrap}
  .nav .spacer{display:none}
  .main-nav{width:100%;gap:6px 12px}
  .books-grid{grid-template-columns:1fr;gap:10px;padding-top:8px}
  .hero{padding:20px 0 12px}
  .hero h1{font-size:1.6rem}
  .footer .grid{grid-template-columns:1fr}

  .site-header-inner{min-height:68px;padding:7px 12px;gap:12px}
  .site-brand img{width:176px;height:auto;max-height:50px}
  .site-brand span{display:none}
  .legacy-layout{margin-top:10px;padding:0 10px 18px;gap:10px}
  .legacy-main,.legacy-sidebar{border-radius:10px}
  .legacy-main{padding:16px 14px;font-size:16px;line-height:1.72}
  .legacy-main .header{color:var(--accent);position:static;background:none;border:0;box-shadow:none}
.legacy-main h1{margin-top:.25em}
  .legacy-main .header{color:var(--accent);position:static;background:none;border:0;box-shadow:none}
  .legacy-main form table,.legacy-main form tbody,.legacy-main form tr,.legacy-main form td{display:block;width:100%!important}
  .legacy-main form td{padding:3px 0}
  .legacy-main input[type="text"],.legacy-main input[type="search"],.legacy-main select{width:100%}
  .bible-quick-form{align-items:stretch}
  .bible-quick-form label{width:100%}
  .bible-quick-form select{flex:1 1 120px;width:auto}
  .bible-quick-form input[type="submit"]{flex:1 1 90px}
  .bible-columns{grid-template-columns:1fr}
  .sidebar-book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .news-grid{grid-template-columns:1fr}
  .proverb-layout,.proverb-layout tbody,.proverb-layout tr,.proverb-layout td{display:block;width:100%!important}
  .home-return{position:static;display:inline-block;margin:12px 0}
}

@media (max-width:390px){
  .sidebar-book-grid{grid-template-columns:1fr}
  .site-brand img{width:150px}
  .site-brand span{display:none}
}

/* Shared header on standalone Testament index pages */
.section-page{background:#fff}
.news-meta{font-size:.86rem;color:var(--muted);margin:.25rem 0 .6rem}
.news-translation-note{padding:10px 12px;border-radius:9px;background:var(--accent-soft);border:1px solid #efc9c2;color:#5e2924}
.news-source-link{display:inline-flex;margin-top:4px;font-weight:650}
.rst-reader{font-family:Georgia,"Times New Roman",serif;font-size:1.05rem;line-height:1.8}
.rst-reader sup{font-family:system-ui,-apple-system,"Segoe UI",sans-serif}


/* Major Scripture sections: prominent internal links for users and crawlers */
.scripture-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:16px 0}
.scripture-sections a{display:flex;flex-direction:column;gap:2px;padding:10px 8px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#333;text-align:center;text-decoration:none}
.scripture-sections a:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
.scripture-sections strong{font-size:1rem;color:var(--accent)}
.scripture-sections span{font-size:.78rem;color:var(--muted)}
.home-scripture-sections{margin:24px 0 28px}
.home-scripture-sections h2{margin-bottom:12px}
.home-section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.home-section-card{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff;text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.035)}
.home-section-card:hover{border-color:var(--accent);background:var(--accent-soft);text-decoration:none}
.home-section-card strong{font-size:1.2rem;color:var(--accent)}
.home-section-card span{font-size:.92rem;color:#444}
.section-shortcuts{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.section-shortcuts a{display:flex;align-items:baseline;gap:8px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--card);text-decoration:none}
.section-shortcuts a:hover{border-color:var(--accent);background:var(--accent-soft)}
.section-shortcuts strong{color:var(--accent)}
.section-shortcuts span{color:var(--muted);font-size:.9rem}
@media (max-width:640px){
  .scripture-sections,.home-section-grid{grid-template-columns:1fr}
  .scripture-sections a{text-align:left;align-items:flex-start;padding:11px 12px}
  .section-shortcuts{display:grid;grid-template-columns:1fr}
}
