/* BIBLERAPS base: nav, big buttons, modal, forms. Loaded by EVERY page including the infomercial (index.html). */
:root{--gold:#c79a3a;--gold2:#f4d27a;--ink:#14171f;--red:#e3120b;--yel:#ffe600;--cream:#fff6e4;
 --display:'Anton','Impact','Arial Narrow Bold',sans-serif;--vcr:'VT323','Courier New',monospace;--script:'Lobster','Brush Script MT',cursive}

/* ---- the big obvious nav (every page) ---- */
#brnav{background:#000;border-bottom:4px solid var(--yel);position:relative;z-index:960}
#brnav .in{max-width:1180px;margin:0 auto;padding:8px 10px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
#brnav a{font-family:var(--display);text-transform:uppercase;letter-spacing:.5px;font-size:17px;line-height:1.1;text-decoration:none;
 padding:10px 14px;border:3px solid #000;box-shadow:3px 3px 0 #555;background:var(--yel);color:#000;white-space:nowrap;text-align:center}
#brnav a:hover{filter:brightness(1.12);transform:translate(-1px,-1px)}
#brnav a.red{background:linear-gradient(#ff3b2f,#b30d06);color:#fff;text-shadow:1px 1px 0 #000}
#brnav a.gold{background:linear-gradient(#f9e08a,#c79a3a);color:#1a1200}
#brnav a.dark{background:#1d1d1d;color:var(--yel);border-color:var(--yel)}
#brnav a.on{outline:3px solid #fff;outline-offset:1px}
@media(max-width:700px){#brnav .in{display:grid;grid-template-columns:1fr 1fr;gap:6px}#brnav a{font-size:15px;white-space:normal;padding:9px 6px}}

/* ---- buttons ---- */
.bbtn{display:inline-block;font-family:var(--display);text-transform:uppercase;font-size:clamp(20px,3.2vw,30px);padding:14px 26px;border:4px solid #000;
 background:linear-gradient(#ff3b2f,#b30d06);color:#fff;text-decoration:none;box-shadow:6px 6px 0 #000;text-shadow:2px 2px 0 #000;line-height:1.05;text-align:center}
.bbtn.y{background:linear-gradient(#fff36b,#e8c400);color:#000;text-shadow:none}
.bbtn.g{background:linear-gradient(#f9e08a,#c79a3a);color:#1a1200;text-shadow:none}
.bbtn.k{background:#111;color:var(--yel);border-color:var(--yel)}
.bbtn:active{transform:translate(4px,4px);box-shadow:2px 2px 0 #000}
.bbtn small{display:block;font-family:Arial,sans-serif;text-transform:none;font-size:13px;text-shadow:none;opacity:.9;margin-top:3px}
.row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}

/* ---- modal ---- */
#brmodal{position:fixed;inset:0;background:rgba(0,0,0,.78);display:none;align-items:center;justify-content:center;z-index:1000;padding:14px}
#brmodal.on{display:flex}
#brmodal .box{background:#fff;color:#111;max-width:560px;width:100%;max-height:92vh;overflow:auto;border:5px solid #000;box-shadow:10px 10px 0 var(--yel);padding:24px;position:relative;font-family:Arial,sans-serif}
#brmodal h3{font-family:var(--display);text-transform:uppercase;font-size:32px;line-height:1;margin-bottom:10px}
#brmodal p{margin:8px 0;font-size:16px;line-height:1.45}
#brmodal .x{position:absolute;right:8px;top:4px;background:none;border:0;font-size:34px;line-height:1}
#brmodal input,.form input,.form textarea{width:100%;font:16px Arial,sans-serif;padding:11px;border:3px solid #000;margin:6px 0;background:#fff;color:#111}
#brmodal .err{color:#b30d06;font-weight:700;min-height:1.2em}

/* ---- forms ---- */
.form{max-width:560px;margin:0 auto}
.form textarea{min-height:110px;resize:vertical}
.form .res{font-weight:700;margin-top:8px;min-height:1.3em}
.form .res.ok{color:#0a7a2a}.form .res.bad{color:#d21}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}

.grid2{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
@media(max-width:820px){.grid2{grid-template-columns:1fr}}

/* (2026-10-15 REBUILD: the old A/B/C layer restyle was removed. The one look for every page is gilded.css.) */