/* Eternal Word Bible Handbook — handbook design layer.
   Loads after style.css, redesign.css, and v3.css. Ink, parchment, and gilt:
   the look of a well-used leather Bible, with modern navigation on top. */
:root{
  --ink:#0e1624;--ink-2:#2a3445;--muted:#5f584c;--line:#e4dccb;--line-2:#d6cab1;
  --paper:#f7f3ea;--vellum:#fffdf8;--white:#fffdf8;--parch-2:#efe7d6;
  --navy:#0b1422;--navy-2:#122036;--midnight:#080f1b;
  --gold:#87601c;--gilt:#c9973a;--gilt-2:#e6c278;--gilt-3:#f5e6c0;
  --accent:#e6c278;--blue:#2c5aa0;--blue-d:#1f4380;--crimson:#8e2f3c;
  --law:#8e2f3c;--promise:#2b7166;--church:#2c5aa0;
  --gilt-grad:linear-gradient(135deg,#f6e3a8 0%,#d9aa4c 38%,#a87623 72%,#e8c873 100%);
  --caps:"Cinzel","Fraunces",Georgia,serif;
  --header-h:106px;
  --radius:16px;
  --shadow:0 1px 2px #2b1f0a0f,0 10px 30px #2b1f0a12;
  --shadow-lg:0 2px 6px #1b130614,0 28px 70px #1b13062b;
  --ease:cubic-bezier(.2,.7,.2,1);
}
html{scroll-padding-top:calc(var(--header-h) + 18px);background:var(--paper)}
body{background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .27 0 0 0 0 .12 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");color:var(--ink);overflow-x:clip}
::selection{background:#f0d9a0;color:var(--ink)}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.eyebrow{font-family:var(--caps);font-weight:600;letter-spacing:.2em;font-size:.72rem;color:var(--gold)}
.text-link{color:var(--gold);text-decoration-color:#87601c66}
.text-link:hover{color:var(--ink);text-decoration-color:var(--gilt)}
.muted{color:var(--muted)}
kbd{font:600 .7rem/1 var(--sans);padding:3px 6px;border-radius:6px;border:1px solid currentColor;opacity:.75;white-space:nowrap}

/* ---------------- page entrance ---------------- */
@keyframes hb-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes hb-fade{from{opacity:0}to{opacity:1}}
.main-inner>:not(.reveal):not(.hb-hero):not(.hb-footer):not(.study-assistant){animation:hb-rise .6s var(--ease) backwards}
.main-inner>:nth-child(2):not(.reveal){animation-delay:.05s}.main-inner>:nth-child(3):not(.reveal){animation-delay:.1s}.main-inner>:nth-child(4):not(.reveal){animation-delay:.15s}
.has-motion .reveal{transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--i,0) * 55ms)}
.has-motion .reveal:not(.is-visible){transform:translateY(22px)}

/* ---------------- scroll progress & toast ---------------- */
.scroll-progress{position:fixed;left:0;top:0;width:100%;height:3px;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#8a5f1c,#e6c278 55%,#c9973a);z-index:130;pointer-events:none}
.toast{background:var(--ink);color:var(--gilt-3);border:1px solid #e6c27855;border-radius:999px;box-shadow:var(--shadow-lg)}

/* ---------------- header ---------------- */
.hb-header.site-header{height:var(--header-h);display:grid;grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr);column-gap:10px;padding:0 clamp(16px,calc(2vw - 8px),40px);background:#fbf7eee6;backdrop-filter:saturate(1.4) blur(18px);-webkit-backdrop-filter:saturate(1.4) blur(18px);border-bottom:1px solid #e3d8c2;box-shadow:0 1px 0 #ffffff80 inset;z-index:90;transition:background .35s,border-color .35s,box-shadow .35s}
.hb-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#c9973a88 30%,#e6c278 50%,#c9973a88 70%,transparent);opacity:.7;pointer-events:none}
.hb-header .handbook-brand{grid-column:1;grid-row:1;justify-self:start;min-width:0}
.hb-header .handbook-brand .brand-lockup{display:block;width:220px;height:78px;object-fit:contain;transition:filter .35s}
.hb-header .handbook-brand :is(.brand-emblem,.brand-mobile-name){display:none}
.hb-header .site-navigation{grid-column:2;grid-row:1;justify-self:center;margin:0;gap:2px}
.hb-header .nav-link{display:inline-flex;align-items:center;gap:8px;font:600 1.0625rem/1.2 var(--sans);padding:13px 14px;border-radius:999px;color:var(--ink-2);background:transparent;border:0;cursor:pointer;transition:background .2s,color .2s}
.hb-header .site-navigation .nav-link .icon{display:inline-block;width:16px;height:16px;opacity:.65}
.hb-header .nav-link:hover{background:#87601c14;color:var(--ink)}
.hb-header .nav-link.active{background:var(--ink);color:var(--gilt-3)}
.hb-header .nav-link.active .icon{opacity:1;color:var(--gilt-2)}
.nav-books-toggle .icon:last-child{width:14px!important;height:14px!important;transition:transform .25s}
.nav-books-toggle[aria-expanded="true"] .icon:last-child{transform:rotate(180deg)}
.hb-header .nav-more{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:999px;color:var(--ink-2)}
.hb-header .nav-more:hover{background:#87601c14}
.hb-header .nav-more.active{background:var(--ink);color:var(--gilt-2)}
.hb-search{display:inline-flex;align-items:center;gap:9px;height:40px;padding:0 10px 0 14px;border-radius:999px;border:1px solid #d9ccb0;background:#fffdf8b3;color:var(--ink-2);font:600 .85rem var(--sans);cursor:pointer;flex:none;transition:border-color .2s,background .2s,box-shadow .2s}
.hb-search:hover{border-color:var(--gilt);background:var(--vellum);box-shadow:0 0 0 4px #e6c27833}
.hb-search .icon{width:17px;height:17px}
.hb-search kbd{opacity:.6;font-size:.66rem}
.menu-toggle{display:none}
.hb-header .menu-toggle{align-items:center;gap:10px;height:40px;padding:0 14px;border-radius:999px;border:1px solid #d9ccb0;background:#fffdf8b3;color:var(--ink);font:600 .85rem var(--sans);cursor:pointer}
.menu-bars{display:grid;gap:4px;width:16px}
.menu-bars i{display:block;height:1.6px;background:currentColor;border-radius:2px;transition:transform .3s var(--ease),opacity .2s}
.menu-toggle[aria-expanded="true"] .menu-bars i:nth-child(1){transform:translateY(5.6px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] .menu-bars i:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] .menu-bars i:nth-child(3){transform:translateY(-5.6px) rotate(-45deg)}

/* transparent header over the homepage film */
body.has-hero:not(.is-scrolled):not(.books-open):not(.nav-open):not(.drop-open) .hb-header{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom-color:transparent;box-shadow:none}
body.has-hero:not(.is-scrolled):not(.books-open):not(.nav-open):not(.drop-open) .hb-header:after{opacity:0}
body.has-hero:not(.is-scrolled):not(.books-open):not(.nav-open):not(.drop-open) .hb-header :is(.brand-lockup,.brand-emblem){filter:brightness(0) invert(1) drop-shadow(0 1px 8px #0007)}
body.has-hero:not(.is-scrolled):not(.books-open):not(.nav-open):not(.drop-open) .hb-header .brand-mobile-name,
body.has-hero:not(.is-scrolled):not(.books-open):not(.nav-open):not(.drop-open) .hb-header .brand-mobile-name small{color:#fff}
body.has-hero:not(.is-scrolled):not(.books-open):not(.nav-open):not(.drop-open) .hb-header :is(.nav-link,.nav-more){color:#f3efe6}
body.has-hero:not(.is-scrolled):not(.books-open):not(.nav-open):not(.drop-open) .hb-header :is(.nav-link,.nav-more):hover{background:#ffffff1f;color:#fff}
body.has-hero:not(.is-scrolled):not(.books-open):not(.nav-open):not(.drop-open) .hb-header .nav-link.active{background:#ffffff24;color:#fff}
body.has-hero:not(.is-scrolled):not(.books-open):not(.nav-open):not(.drop-open) .hb-header :is(.hb-search,.menu-toggle){background:#ffffff14;border-color:#ffffff40;color:#fff}

/* books mega-menu */
.nav-books{position:static}
.books-menu{position:absolute;left:max(4vw,20px);right:max(4vw,20px);top:calc(100% + 8px);z-index:95;max-height:calc(100vh - var(--header-h) - 28px);overflow:auto;overscroll-behavior:contain;background:var(--vellum);border:1px solid var(--line);border-radius:22px;box-shadow:0 30px 80px #1b13063d,0 2px 0 #fff inset;animation:hb-drop .28s var(--ease)}
@keyframes hb-drop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.bm-inner{display:grid;grid-template-columns:1fr 1fr 250px;gap:0}
.bm-col{padding:26px 28px 22px;border-right:1px solid var(--line)}
.bm-testament{font:600 .74rem var(--caps);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0 0 14px;display:flex;justify-content:space-between}
.bm-testament span{font-family:var(--sans);letter-spacing:.04em;text-transform:none;color:var(--muted);font-weight:500}
.bm-group{padding:10px 0 12px;border-top:1px solid #efe6d3}
.bm-group h3{display:flex;align-items:center;gap:8px;font:650 .74rem var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin:0 0 8px}
.bm-group h3:before{content:"";width:9px;height:9px;border-radius:2px;background:var(--c);transform:rotate(45deg)}
.bm-group>div{display:flex;flex-wrap:wrap;gap:2px 4px}
.bm-group a{font:500 .9rem/1.2 var(--serif);color:var(--ink);padding:5px 8px;border-radius:8px;text-decoration:none;transition:background .15s,color .15s}
.bm-group a:hover{background:color-mix(in srgb,var(--c) 12%,#fff);color:color-mix(in srgb,var(--c) 85%,#000)}
.bm-side{padding:22px;display:flex;flex-direction:column;gap:2px;background:linear-gradient(180deg,#f6efe0,#fbf7ee)}
.bm-side a{padding:9px 12px;border-radius:10px;font:600 .88rem var(--sans);color:var(--ink-2)}
.bm-side a:hover{background:#87601c14;color:var(--ink)}
.bm-side .bm-feature{display:grid;gap:6px;padding:18px;margin-bottom:12px;border-radius:16px;background:var(--ink);color:#fff}
.bm-side .bm-feature:hover{background:var(--navy-2);color:#fff}
.bm-feature .eyebrow{color:var(--gilt-2);font-size:.64rem}
.bm-feature strong{font:560 1.25rem/1.15 var(--display)}
.bm-feature small{color:#c9c2b2;font:500 .78rem var(--sans)}

/* ---------------- buttons, chips, controls ---------------- */
.button{border-radius:999px;font:600 .875rem/1.2 var(--sans);padding:12px 20px;background:var(--vellum);border:1px solid var(--line-2);color:var(--ink);box-shadow:0 1px 1px #2b1f0a0d;transition:transform .2s var(--ease),box-shadow .25s,background .2s,border-color .2s,color .2s}
.button:hover{transform:translateY(-2px);border-color:var(--gilt);box-shadow:0 8px 22px #2b1f0a1a;filter:none}
.button.primary{background:var(--ink);border-color:var(--ink);color:var(--gilt-3)}
.button.primary:hover{background:#1a2638;border-color:#1a2638;color:#fff}
.button.primary .icon{color:var(--gilt-2)}
.button.acid,.button.gold{position:relative;overflow:hidden;background:var(--gilt-grad);border-color:#b98a35;color:#1c1406;box-shadow:0 8px 24px #c9973a40,0 1px 0 #fff8 inset}
.button.acid:after,.button.gold:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,#fff9 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s var(--ease)}
.button.acid:hover:after,.button.gold:hover:after{transform:translateX(120%)}
.button.acid:hover,.button.gold:hover{color:#1c1406;box-shadow:0 12px 30px #c9973a59,0 1px 0 #fff8 inset}
.button.glass{background:#ffffff12;border-color:#ffffff4d;color:#fff;backdrop-filter:blur(8px)}
.button.glass:hover{background:#ffffff24;border-color:#ffffff99;color:#fff}
.button.small{padding:8px 14px;font-size:.8rem}
.segmented{background:#ece3d0;border:1px solid #e1d5bb;border-radius:999px;padding:4px}
.segmented button{border-radius:999px;color:#5a5244}
.segmented button:not(.active){color:#5a5244}
.segmented button.active{background:var(--ink);color:var(--gilt-3);box-shadow:0 2px 8px #0e162433}
.select{border-radius:12px;background:var(--vellum);border:1px solid var(--line-2)}
.tag{background:#efe6d3;color:var(--ink-2);border-radius:999px}
.search-wrap{border-radius:999px;background:var(--vellum);border:1px solid var(--line-2);box-shadow:var(--shadow)}
.search-input{background:transparent;border:0;border-radius:999px}
.search-wrap:focus-within{border-color:var(--gilt);box-shadow:0 0 0 4px #e6c27838,var(--shadow)}
.search-input:focus-visible{outline:none}

/* card glow following the pointer */
[data-glow]{position:relative;isolation:isolate}
[data-glow]:after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(280px circle at var(--mx,50%) var(--my,-60%),#e6c27838,transparent 65%);opacity:0;transition:opacity .35s}
[data-glow]:hover:after{opacity:1}

/* ---------------- homepage hero ---------------- */
body.has-hero .main-inner{padding-top:0}
.hb-hero.home-hero{width:100vw;margin:calc(-1 * var(--header-h)) calc(50% - 50vw) 0;min-height:max(620px,min(92svh,880px));height:auto;border-radius:0 0 34px 34px;display:flex;align-items:center;background:#0a0c10;isolation:isolate;overflow:hidden}
.hb-hero img,.hb-hero video{filter:none!important;object-position:center 50%}
.hb-hero .hero-still{z-index:0}
.hb-hero video{z-index:1;opacity:0;transition:opacity 1.4s ease}
.hb-hero video.playing{opacity:1}
.hb-hero:after{z-index:2!important;background:linear-gradient(90deg,#05080fe8 0%,#060a12b8 34%,#070b1438 72%,#070b1414 100%),linear-gradient(0deg,#05080fd9 0%,#05080f00 38%),linear-gradient(180deg,#05080fa6 0%,#05080f00 26%)!important}
.hb-hero:before{content:"";position:absolute;inset:auto 0 0;height:1px;z-index:3;background:linear-gradient(90deg,transparent,#e6c27899,transparent)}
.hb-hero .hero-content{position:relative;z-index:4;flex:1 1 auto;min-width:0;max-width:none!important;padding:calc(var(--header-h) + 56px) max(4vw,calc((100vw - 1320px)/2)) 116px!important}
.hb-hero .hero-content>*{animation:hb-rise .9s var(--ease) backwards}
.hb-hero .hero-content>:nth-child(2){animation-delay:.12s}.hb-hero .hero-content>:nth-child(3){animation-delay:.24s}.hb-hero .hero-content>:nth-child(4){animation-delay:.36s}.hb-hero .hero-content>:nth-child(5){animation-delay:.48s}
.hb-hero .eyebrow{display:inline-flex;align-items:center;gap:14px;color:var(--gilt-2)!important;font-size:.74rem;letter-spacing:.26em}
.hb-hero .eyebrow:before{content:"";width:38px;height:1px;background:linear-gradient(90deg,transparent,var(--gilt-2))}
.hb-hero h1{font-family:var(--display)!important;font-weight:500!important;font-size:clamp(3.2rem,6.2vw,6.7rem)!important;line-height:.98!important;letter-spacing:-.035em!important;color:#fbf7ee!important;margin:22px 0 22px!important;text-shadow:0 4px 40px #0008}
.hb-hero h1 span{display:block;margin-top:12px;font-size:.62em!important;font-style:italic;font-weight:400;letter-spacing:-.02em!important;background:var(--gilt-grad);-webkit-background-clip:text;background-clip:text;color:transparent!important;padding-bottom:.08em;filter:drop-shadow(0 2px 18px #c9973a40)}
.hb-hero .hero-content p{font-family:var(--serif)!important;font-size:clamp(1.05rem,1.4vw,1.24rem)!important;line-height:1.7!important;color:#e9e3d6!important;max-width:620px!important;text-shadow:0 1px 18px #0009}
.hero-search{display:flex;align-items:center;gap:12px;width:min(560px,100%);max-width:100%;min-width:0;margin:30px 0 0;padding:16px 16px 16px 20px;border-radius:999px;border:1px solid #ffffff38;background:#0b0f1873;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#d8d1c2;font:500 1rem var(--sans);text-align:left;cursor:text;box-shadow:0 18px 50px #0006;transition:border-color .25s,background .25s,box-shadow .25s}
.hero-search:hover{border-color:#e6c278aa;background:#0b0f1899;box-shadow:0 18px 50px #0006,0 0 0 5px #e6c2781f}
.hero-search .icon{width:20px;height:20px;color:var(--gilt-2)}
.hero-search span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hero-search kbd{color:#e6c278;opacity:.8}
.hb-hero .hero-actions{margin-top:22px;flex-wrap:wrap}
.hero-verse{position:absolute;z-index:4;right:max(4vw,calc((100vw - 1320px)/2));bottom:92px;margin:0;display:flex;flex-direction:column;align-items:flex-end;gap:8px;font:600 .78rem/1.5 var(--caps);letter-spacing:.24em;text-transform:uppercase;color:#f5e6c0d9;text-align:right;max-width:340px;animation:hb-fade 2s .8s backwards}
.hero-verse span{font:500 .7rem var(--sans);letter-spacing:.16em;color:#e6c27899}
.hero-verse:before{content:"";width:60px;height:1px;background:linear-gradient(90deg,transparent,#e6c278)}
.hero-scroll{position:absolute;z-index:4;left:50%;bottom:34px;transform:translateX(-50%);width:26px;height:42px;border-radius:999px;border:1.5px solid #ffffff6b;display:grid;justify-items:center;padding-top:8px}
.hero-scroll i{width:3px;height:8px;border-radius:3px;background:var(--gilt-2);animation:hb-scroll 2.2s var(--ease) infinite}
@keyframes hb-scroll{0%{transform:translateY(0);opacity:0}25%{opacity:1}70%{transform:translateY(14px);opacity:0}100%{opacity:0}}
.home-hero .motion-button,.hero-corner{display:none!important}

/* ---------------- portals ---------------- */
.portals{position:relative;z-index:5;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:36px auto 0;max-width:1320px;padding:0 max(0px,calc(4vw - 4vw))}
.portal{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr;column-gap:16px;row-gap:6px;padding:22px 22px 22px 20px;border-radius:20px;background:var(--vellum);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--ink);text-decoration:none;transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}
.portal:hover{transform:translateY(-4px);border-color:#d8b56f;box-shadow:var(--shadow-lg)}
.portal-icon{grid-row:1/3;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--ink);color:var(--gilt-2);box-shadow:0 6px 18px #0e162433}
.portal-icon .icon{width:22px;height:22px}
.portal strong{font:560 1.45rem/1.2 var(--display);letter-spacing:-.01em;align-self:end}
.portal-text{grid-column:2;font:400 1rem/1.6 var(--serif);color:#4f4a40}
.portal-go{grid-column:3;grid-row:1/3;align-self:center;color:var(--gold);opacity:.5;transition:transform .3s var(--ease),opacity .3s}
.portal:hover .portal-go{opacity:1;transform:translateX(4px)}

/* ---------------- stat band ---------------- */
.stat-band{margin:48px 0 0;border-radius:24px;background:radial-gradient(120% 160% at 0% 0%,#1a2a44 0%,#0b1422 55%,#070c16 100%);border:1px solid #1e2c44;box-shadow:var(--shadow-lg);position:relative}
.stat-band:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(60% 120% at 100% 0%,#c9973a26,transparent 60%)}
.stat-band div{border-right:1px solid #ffffff12;padding:30px 26px}
.stat-band b{font:500 clamp(2rem,3vw,2.9rem)/1 var(--display);background:var(--gilt-grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.stat-band span{color:#b9b0a0;font:500 .74rem var(--sans);letter-spacing:.12em;text-transform:uppercase;margin-top:12px}

/* ---------------- section heads ---------------- */
.section-head{gap:24px 40px;align-items:center;margin-bottom:30px}.section-head h2{font-family:var(--display);font-size:clamp(2rem,3.1vw,3rem);line-height:1.15;margin:10px 0 0}
.section-lede{font-family:var(--serif);font-size:1.1rem;line-height:1.7;color:#4a4438}
.section-head .eyebrow,.library-intro .eyebrow{display:inline-flex;align-items:center;gap:12px}
.section-head .eyebrow:after,.library-intro .eyebrow:after{content:"";width:34px;height:1px;background:linear-gradient(90deg,var(--gilt),transparent)}

/* ---------------- bookshelf ---------------- */
.shelf-section{margin:56px 0 0;padding:40px clamp(18px,3vw,44px) 34px;border-radius:28px;color:#f3ead6;background:radial-gradient(90% 70% at 50% -10%,#3a2a14 0%,#1b140c 38%,#0d0b0a 100%);border:1px solid #2c2216;box-shadow:var(--shadow-lg);overflow:hidden;position:relative}
.shelf-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(40% 50% at 20% 0%,#e6c27822,transparent 70%),radial-gradient(40% 50% at 80% 0%,#e6c27818,transparent 70%)}
.shelf-section .section-head h2{color:#fbf3df}
.shelf-section .section-lede{color:#cfc4ac}
.shelf-section .eyebrow{color:var(--gilt-2)}
.shelf{display:grid;grid-template-columns:minmax(0,1fr);gap:34px;margin-top:16px;position:relative}
.shelf-row{--spine-w:calc((100% - 38 * 4px) / 39)}
.shelf-label{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 12px;font:600 .72rem var(--caps);letter-spacing:.22em;text-transform:uppercase;color:#e6c278}
.shelf-label span{font:500 .72rem var(--sans);letter-spacing:.06em;text-transform:none;color:#a99e86}
.shelf-books{display:flex;align-items:flex-end;gap:4px;height:236px;padding:0 2px}
@media(min-width:701px){.shelf-row:last-child .shelf-books{justify-content:center}}
.spine{--d:color-mix(in srgb,var(--c) 55%,#000);--l:color-mix(in srgb,var(--c) 78%,#fff);position:relative;flex:0 0 var(--spine-w);min-width:22px;height:var(--h);border-radius:4px 4px 2px 2px;background:linear-gradient(90deg,var(--d) 0%,var(--c) 18%,var(--l) 46%,var(--c) 70%,var(--d) 100%);box-shadow:inset 0 0 0 1px #0000004d,0 -1px 0 #ffffff1a inset,2px 0 6px #0006;display:flex;flex-direction:column;align-items:center;padding:10px 0 12px;color:#f6e3a8;text-decoration:none;transform-origin:bottom center;transition:transform .35s var(--ease),filter .3s,box-shadow .3s}
.spine:before,.spine:after{content:"";position:absolute;left:3px;right:3px;height:3px;border-top:1px solid #e6c278b3;border-bottom:1px solid #e6c278b3;opacity:.85}
.spine:before{top:26px}
.spine:after{bottom:7px}
.spine-num{font:600 .58rem var(--caps);letter-spacing:.05em;color:#f6e3a8cc;margin-bottom:12px}
.spine-name{writing-mode:vertical-rl;font:600 .74rem/1 var(--caps);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:calc(100% - 44px);text-shadow:0 1px 1px #0009}
.spine:hover,.spine:focus-visible{transform:translateY(-14px);filter:brightness(1.15) saturate(1.1);box-shadow:inset 0 0 0 1px #00000040,0 14px 24px #000a,0 0 22px #e6c27844;z-index:3}
.spine-tip{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%,6px);width:230px;padding:12px 14px;border-radius:12px;background:#fffaf0;color:#2a2418;font:400 .8rem/1.45 var(--serif);text-align:left;box-shadow:0 18px 40px #000a;opacity:0;pointer-events:none;transition:opacity .2s,transform .25s var(--ease);z-index:5}
.spine-tip b{display:block;font:600 .95rem var(--display);margin-bottom:4px;color:#0e1624}
.spine:hover .spine-tip,.spine:focus-visible .spine-tip{opacity:1;transform:translate(-50%,0)}
.shelf-books .spine:nth-child(-n+4) .spine-tip{left:0;transform:translate(0,6px)}
.shelf-books .spine:nth-child(-n+4):hover .spine-tip{transform:none}
.shelf-books .spine:nth-last-child(-n+4) .spine-tip{left:auto;right:0;transform:translate(0,6px)}
.shelf-books .spine:nth-last-child(-n+4):hover .spine-tip{transform:none}
.shelf-plank{height:14px;margin-top:-1px;border-radius:3px;background:linear-gradient(180deg,#6b4a26 0%,#4a3118 40%,#2a1b0d 100%);box-shadow:0 10px 18px #0009,inset 0 1px 0 #a57a4466}
.shelf-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px;position:relative}
.shelf-legend button{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid #ffffff26;background:#ffffff0d;color:#efe4cb;font:600 .8rem var(--sans);cursor:pointer;transition:background .2s,border-color .2s}
.shelf-legend button:hover{background:#ffffff1f;border-color:#e6c27880}
.shelf-legend i,.cat-chips i{width:10px;height:10px;border-radius:2px;background:var(--c);transform:rotate(45deg);box-shadow:0 0 0 1px #fff3}

/* ---------------- shape chart ---------------- */
.shape-section{background:var(--vellum);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}
.chart-scroll{border-radius:18px;background:linear-gradient(180deg,#101b2e,#0a1220)}
.chart-legend{color:var(--ink-2)}

/* ---------------- library ---------------- */
.library-intro{margin:76px 0 22px}
.library-intro h2{font-family:var(--display)}
.library-block{position:relative}
.library-tools{position:sticky;top:calc(var(--header-h) - 1px);z-index:20;margin:0 -12px;padding:12px 12px 4px;background:linear-gradient(180deg,#f7f3eaf2 75%,#f7f3ea00);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.library-tools .filter-bar{margin:12px 0 10px;flex-wrap:wrap;justify-content:flex-start;gap:10px 16px}
.cat-chips{display:flex;flex-wrap:wrap;gap:6px}
.cat-chips button{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;border:1px solid var(--line-2);background:var(--vellum);color:var(--ink-2);font:600 .78rem var(--sans);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.cat-chips button:hover{border-color:var(--c,var(--gilt))}
.cat-chips button.active{background:var(--ink);border-color:var(--ink);color:var(--gilt-3)}
.cat-chips button[data-genre=""]{padding-left:14px}
.book-group{margin:30px 0 38px}
.group-header h2{font:560 1.45rem var(--display);letter-spacing:-.01em}
.group-header .group-line{background:linear-gradient(90deg,var(--line-2),transparent)}
.group-count{font:600 .66rem var(--sans);letter-spacing:.14em;color:var(--muted)}
.color-marker{width:10px;height:10px;border-radius:2px;transform:rotate(45deg);background:var(--group-color)}
.book-grid{gap:14px}
.book-card{background:var(--vellum);border:1px solid var(--line);border-radius:18px;box-shadow:0 1px 2px #2b1f0a0d;padding:26px 22px 20px;min-height:150px;transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}
.book-card:hover{transform:translateY(-4px);background:var(--vellum);border-color:color-mix(in srgb,var(--group-color) 45%,#e6c278);box-shadow:var(--shadow-lg)}
.book-number{font:600 .82rem var(--caps)!important;color:var(--group-color)!important;letter-spacing:.06em}
.book-card h3{font:560 1.32rem/1.2 var(--display);letter-spacing:-.01em;color:var(--ink)}
.book-card p{font:400 .95rem/1.55 var(--serif);color:#4f4a40}
.book-meta{color:var(--muted)!important;font:500 .74rem var(--sans)}
.book-arrow{color:var(--gold);transition:transform .3s var(--ease)}
.book-card:hover .book-arrow{transform:translateX(4px)}
.disp-bar{height:4px;opacity:.9}
.no-results{background:var(--vellum);border:1px dashed var(--line-2);border-radius:20px}

/* study banner and edition resources */
.video-hero{border-radius:26px;box-shadow:var(--shadow-lg);margin-top:70px}
.video-hero:after{background:linear-gradient(90deg,#06090ff0 0%,#070b14c4 45%,#070b1433 100%)!important}
.video-hero .eyebrow{color:var(--gilt-2)!important}
.video-hero h2{font-family:var(--display)!important;font-weight:500;color:#fbf7ee!important}
.video-hero .hero-content p{font-family:var(--serif);color:#ddd6c6!important;font-size:1.05rem!important}
.study-resources{background:var(--vellum);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}
.study-resource-card{background:linear-gradient(180deg,#fffdf8,#f8f2e5);border-color:var(--line);border-radius:20px}
.study-resource-card img{border-radius:6px;box-shadow:0 14px 30px #2b1f0a40}

/* ---------------- book pages ---------------- */
.canon-strip{display:flex;gap:2px;height:22px;align-items:center;margin:4px 0 10px}
.canon-strip a{position:relative;flex:1;height:6px;border-radius:2px;background:var(--c);opacity:.55;transition:height .2s,opacity .2s}
.canon-strip a.nt-start{margin-left:8px}
.canon-strip a:hover{height:16px;opacity:1}
.canon-strip a.is-current{height:18px;opacity:1;box-shadow:0 0 0 2px var(--vellum),0 0 0 3.5px var(--gilt)}
.canon-strip a:hover:after{content:attr(data-name);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);padding:5px 9px;border-radius:8px;background:var(--ink);color:var(--gilt-3);font:600 .72rem var(--sans);white-space:nowrap;pointer-events:none;z-index:10}
.book-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:6px 0 12px}
.book-topline .breadcrumbs{margin:0}
.breadcrumbs a{color:var(--gold)}
.breadcrumbs a:hover{color:var(--ink)}
.book-stepper{display:flex;gap:8px}
.book-stepper a{padding:7px 14px;border-radius:999px;border:1px solid var(--line-2);background:var(--vellum);font:600 .78rem var(--sans);color:var(--ink-2);transition:border-color .2s,background .2s}
.book-stepper a:hover{border-color:var(--gilt);background:#fff}
.book-hero{background:radial-gradient(110% 140% at 0% 0%,#fffdf8 0%,#f7f0e1 60%,#efe5cf 100%);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);isolation:isolate}
.book-hero:before{width:7px;background:linear-gradient(180deg,var(--group-color),color-mix(in srgb,var(--group-color) 60%,#e6c278))}
.book-hero:after{content:attr(data-number);position:absolute;right:-10px;bottom:-60px;z-index:-1;font:500 clamp(10rem,22vw,19rem)/1 var(--display);letter-spacing:-.06em;color:color-mix(in srgb,var(--group-color) 9%,transparent);pointer-events:none}
.book-hero .eyebrow{color:var(--group-color);font-family:var(--caps)}
.book-hero h1{font-family:var(--display);font-weight:500;letter-spacing:-.035em;color:var(--ink)}
.book-hero .theme{color:#3b362c}
.book-facts{background:var(--line);border-color:var(--line);border-radius:18px;box-shadow:0 1px 0 #fff inset}
.book-facts div{background:#fffdf8e6}
.book-facts dt{font-family:var(--caps);letter-spacing:.16em;color:var(--gold)}
.disp-chip{background:color-mix(in srgb,var(--c) 10%,#fffdf8)}
.book-strip{background:var(--vellum);border-color:var(--line);border-radius:18px}
.book-toc{top:calc(var(--header-h) + 22px);max-height:calc(100vh - var(--header-h) - 44px);overflow:auto;scrollbar-width:none;padding-right:4px}
.book-toc .eyebrow{color:var(--gold)}
.book-toc a{color:#5a5244;border-left:2px solid #e6dcc7;border-radius:0 8px 8px 0;transition:color .2s,background .2s,border-color .2s}
.book-toc a:hover{color:var(--ink);background:#87601c0f}
.book-toc a.current{color:var(--ink);background:#e6c27824;border-left-color:var(--gilt);font-weight:650}
.book-prose{color:#1f2632;font-size:1.1rem}
.book-section{border-top:1px solid var(--line)}
.book-prose h2{font-family:var(--display);font-weight:520;position:relative;padding-bottom:12px}
.book-prose h2:after{content:"";position:absolute;left:0;bottom:0;width:46px;height:2px;border-radius:2px;background:var(--gilt-grad)}
.book-section p,.book-section li{color:#2f2b24}
#overview .lead:first-letter{font-family:var(--display);font-weight:500;color:var(--gold);font-size:4.4em;line-height:.8;padding:8px 12px 0 0;text-shadow:0 2px 0 #f0d9a0}
.keynote{background:radial-gradient(120% 140% at 0% 0%,#1a2a44,#0b1422 60%);border:1px solid #1f2d46;border-radius:20px;box-shadow:var(--shadow)}
.keynote .icon{color:var(--gilt-2)}
.keynote .eyebrow{color:var(--gilt-2)}
.keynote p{color:#ece5d4!important}
.detail-box{background:var(--vellum);border-color:var(--line);border-radius:16px}
.history-note{border-left:2px solid var(--gilt)}
.alt-dates,.sp-card,.key-verse,.lang-card,.doctrine-card,.commentary-card,.christ-list li,.expo,.connection,.application-panel{background:var(--vellum);border-color:var(--line)}
.key-verse{border-left:3px solid var(--gilt);border-radius:0 16px 16px 0}
.verse-ref.ref-button{background:#f3ead6;color:#6b4d16;border-color:#e2d3b0}
.verse-ref.ref-button:hover{background:var(--ink);color:var(--gilt-3);border-color:var(--ink)}
.outline-row{border-top-color:var(--line)}
.outline-row .range{font:600 .8rem var(--caps)!important;letter-spacing:.06em;color:var(--gold)}
.outline-row h3{font-family:var(--display);font-weight:560}
.chapter-guide{border-top-color:var(--line)}
.chapter-guide-row{border-bottom-color:var(--line);border-radius:12px}
.chapter-guide-row:hover{background:#efe6d3}
.chapter-guide-row>span{font:600 .82rem var(--caps)!important;color:var(--gold)}
.chapter-guide-row>b{color:var(--gold)}
.expo summary span{color:var(--gold);font-family:var(--caps)}
.expo[open] summary{background:#f6efe0;border-bottom-color:var(--line)}
.lang-card:before{background:linear-gradient(90deg,#8e2f3c,#c9973a)}
.lang-card.is-greek:before{background:linear-gradient(90deg,#2c5aa0,#c9973a)}
.lang-kjv span{background:var(--ink);color:var(--gilt-3)}
.doctrine-card{border-left:4px solid var(--gilt);border-radius:0 18px 18px 0}
.doctrine-card h3,.commentary-card h3,.sp-card h3{color:var(--ink)}
.commentary-card{background:linear-gradient(180deg,#fffdf8,#f9f3e6)}
.christ-list li:before{color:var(--crimson)}
.critic-card{border-color:var(--line)}
.critic-card>div{background:var(--vellum)}
.critic-card>div:first-child{background:#f6ece9;border-right-color:var(--line)}
.critic-card>div:first-child .eyebrow{color:var(--crimson)}
.book-sequence{background:var(--line);border-radius:16px;overflow:hidden}
.book-sequence>a,.book-sequence>div{background:var(--vellum)}
.book-sequence>a:hover{background:#fff}
.book-sequence .sequence-current{background:var(--ink);color:#fff}
.sequence-current small{color:var(--gilt-2)!important}
.doctrinal-thread{background:#efe6d3;border-radius:16px;border-left:3px solid var(--gilt)}
.doctrinal-thread>.eyebrow{color:var(--gold)}
.deeper-note{border-top-color:var(--line)}
.deeper-number{font-family:var(--caps);color:var(--gold)!important}
.connection{border-radius:16px;transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}
.connection:hover{transform:translateY(-3px);border-color:#d8b56f;box-shadow:var(--shadow)}
.connection strong{font-family:var(--display);font-weight:560}
.book-next{border-top-color:var(--line)}
.book-next a{padding:16px 20px;border:1px solid var(--line);background:var(--vellum);border-radius:16px;transition:border-color .2s,transform .3s var(--ease)}
.book-next a:hover{border-color:var(--gilt);transform:translateY(-2px)}
.book-next strong{font-family:var(--display);font-weight:560}
.application-panel{border-radius:16px}

/* ---------------- dispensations, words, sequences ---------------- */
.story-title{border-radius:28px;background:radial-gradient(120% 150% at 0% 0%,#1d2d48 0%,#0b1422 55%,#060b14 100%);border:1px solid #1e2c44;box-shadow:var(--shadow-lg)}
.story-title:after{color:#e6c2780a;font-family:var(--display)}
.story-title h1{font-family:var(--display);font-weight:500;color:#fbf7ee}
.story-title h1 span{background:var(--gilt-grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic}
.story-title .eyebrow{color:var(--gilt-2)}
.story-title>p:last-child{color:#cfc6b4}
.disp-ribbon{border-radius:20px;box-shadow:var(--shadow-lg)}
.disp-ribbon b{font-family:var(--display)}
.disp-ribbon a{background:color-mix(in srgb,var(--c) 68%,#000)}
.disp-ribbon small{opacity:1;color:#f3ead6}
.era-card{background:var(--vellum)!important;border-color:var(--line)!important;border-radius:20px!important;transition:transform .3s var(--ease),box-shadow .3s}
.era-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.era-card h2{font-family:var(--display)}
.era-books a{color:color-mix(in srgb,var(--era-color) 62%,#000)}
.journey-picker button{background:var(--vellum);border-color:var(--line);border-radius:18px;font-family:var(--display);font-weight:560;transition:border-color .2s,transform .3s var(--ease)}
.journey-picker button:hover{border-color:var(--gilt);transform:translateY(-2px)}
.journey-picker button.active{background:var(--ink);border-color:var(--ink);color:var(--gilt-3)}
.journey-picker button>span,.journey-picker button.active>span{color:var(--gilt-2)}
.journey-intro{border-top-color:var(--gilt)}
.journey-intro h2,.journey-stop h3{font-family:var(--display);font-weight:520}
.journey-number{background:var(--ink);color:var(--gilt-2);box-shadow:0 0 0 4px var(--paper),0 0 0 5px #e6c27888}
.journey-stop:before{background:linear-gradient(180deg,var(--gilt),var(--line))}
.journey-application{background:#efe6d3;border-color:var(--line-2);border-radius:20px}
.canonical-book{background:var(--vellum);border-color:var(--line);border-left-color:var(--book-color);border-radius:0 16px 16px 0}
.canonical-book>strong{font-family:var(--display);font-weight:560}
.story-tools{border-color:var(--line-2)}
.story-tools>a{border-color:var(--line-2);transition:background .2s}
.story-tools>a:hover{background:#efe6d366}
.story-tools strong{font-family:var(--display);font-weight:520}
.book-meta,.book-number,.fact .eyebrow,.lesson-references>span,.course-nav nav>a>span,.course-card>span,.workflow-step>span,.deeper-number,.book-sequence>a small,.journey-picker button>span,.journey-intro>.eyebrow,.journey-application>.eyebrow,.canonical-book>span,.canonical-section>.eyebrow,.story-tools span,.atlas-book-list button>span,.atlas-selected-dates span,.era-card .eyebrow{color:var(--gold)}
.journey-picker button.active>span{color:var(--gilt-2)}
.word-box,.method-card{background:var(--vellum);border-color:var(--line);border-radius:20px}
.page-title-row h1,.intro-text{color:var(--ink)}
.intro-text{font-family:var(--serif);font-size:1.08rem;color:#3b362c}

/* ---------------- 3D atlas accents ---------------- */
.atlas-testaments{background:#ece3d0;border-color:#e1d5bb;border-radius:999px}
.atlas-testaments a{border-radius:999px;color:#5a5244}
.atlas-testaments a:hover{background:#e3d6ba}
.atlas-testaments a.active{background:var(--ink);color:var(--gilt-3)}
.ax-title h1{font-family:var(--display);font-weight:500}
.ax-shell{border-radius:28px;border-color:#22314a}
.ax-toolbar .segmented{background:#ffffff12;border-color:#ffffff14}
.ax-toolbar .segmented button.active{background:var(--gilt-2);color:#1c1406}
.ax-toolbar .segmented button:not(.active){color:#d6cebe}
.ax-toolbar .segmented button:not(.active):hover{color:#fff}
.chip.on{background:#e6c2781f;border-color:#e6c27880;color:#fbf3df}
.ax-lane,.ax-detail .eyebrow{color:var(--gilt-2)}
.ax-book.is-selected{box-shadow:0 0 0 3px #e6c27888,0 6px 20px #000a}
.ax-aud,.linkish{color:var(--gilt-2)}
.ax-list button.active{background:var(--gilt-2);color:#1c1406}
.ax-detail-card .button.primary{background:var(--gilt-2);border-color:var(--gilt-2);color:#1c1406}
.ax-explain-grid,.ax-table{background:var(--vellum);border-color:var(--line);border-radius:22px}
.aud-legend b{color:var(--gold)}

/* ---------------- Bible reader ---------------- */
.reader-title h1{font-family:var(--display);font-weight:500}
.reader-title .eyebrow{color:var(--gold)}
.passage-lookup{border-radius:999px;border:1px solid var(--line-2);background:var(--vellum);box-shadow:var(--shadow);padding:6px}
.passage-lookup:focus-within{border-color:var(--gilt);box-shadow:0 0 0 4px #e6c27838,var(--shadow)}
.passage-lookup input:focus-visible{outline:none}
.reader-toolbar{border-color:var(--line)}
.reading-tools .button{background:var(--vellum);border-color:var(--line-2)}
.scripture-page{position:relative;background:linear-gradient(180deg,#fffdf8,#fbf6ea);border:1px solid var(--line);border-radius:6px 22px 22px 6px;box-shadow:var(--shadow-lg),inset 8px 0 18px -12px #87601c40}
.scripture-page:before{content:"";position:absolute;left:clamp(18px,3vw,48px);right:clamp(18px,3vw,48px);top:22px;height:4px;border-top:1px solid #c9973a99;border-bottom:1px solid #c9973a55;pointer-events:none}
.scripture-chapter-head{border-bottom-color:var(--line)}
.scripture-chapter-head h2{font-family:var(--display);font-weight:500}
.scripture-chapter-head h2 span{color:var(--gold)}
.scripture-chapter-head .eyebrow{color:var(--gold)}
.scripture-body{font-family:"Source Serif 4",Georgia,serif;color:#1f1b14}
.verse-number{color:var(--gold);font-family:var(--sans);font-weight:650}
.reader-verse.selected{background:#f3e3b6;box-shadow:-3px 0 0 var(--gilt)}
.verse-note-jump{background:#f3ead6;color:#6b4d16;border-color:#e2d3b0;border-radius:999px}
.verse-note-jump:hover{background:#ecdcb4}
.chapter-bottom{border-top-color:var(--line)}
.notes-heading h2{font-family:var(--display);font-weight:520}
.notes-heading .eyebrow{color:var(--gold)}
.reader-note-card{background:var(--vellum);border:1px solid var(--line);border-radius:16px;transition:border-color .2s,transform .3s var(--ease),box-shadow .3s}
.reader-note-card:hover{background:#fff;border-color:#d8b56f;transform:translateY(-2px);box-shadow:var(--shadow)}
.reader-note-card .eyebrow{color:var(--gold)}
.reader-book-context{border-color:var(--line)}
.reader-crosslinks a{border-bottom-color:var(--line)}
.search-verse,.saved-passage{background:var(--vellum);border-color:var(--line);border-radius:16px}
.search-verse:hover{border-color:var(--gilt)}
.search-verse strong{color:var(--gold)}
.bible-search-fields input{border-radius:12px;border-color:var(--line-2);background:var(--vellum)}
.reader-chapter-divider{color:var(--gold);font-family:var(--display)}
.night.scripture-page{background:linear-gradient(180deg,#121a28,#0d1420);border-color:#1f2b40;color:#e6dfcf}
.night .scripture-body{color:#e6dfcf}
.night .verse-number,.night .scripture-chapter-head h2 span{color:var(--gilt-2)}
.night .reader-verse.selected{background:#2a2a24;box-shadow:-3px 0 0 var(--gilt)}
.night.scripture-page:before{border-color:#e6c27855}

/* ---------------- How to study course ---------------- */
.course-nav-heading{border-bottom-color:var(--ink)}
.course-nav nav>a{border-bottom-color:var(--line);border-radius:10px}
.course-nav nav>a:hover{background:#efe6d3}
.course-nav nav>a.active{background:var(--ink);color:var(--gilt-3)}
.course-nav nav>a.active>span{color:var(--gilt-2)}
body .course-hero{background:radial-gradient(120% 150% at 0% 0%,#1d2d48 0%,#0b1422 60%);border-radius:28px;overflow:hidden;box-shadow:var(--shadow-lg)}
body .course-hero h1 span{background:var(--gilt-grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic}
body .course-hero .eyebrow{color:var(--gilt-2)}
body .course-hero p{color:#d6cebe}
body .course-hero img{filter:sepia(.25) saturate(.8)}
body .course-verse{background:#efe6d3;border-left-color:var(--gilt);border-radius:0 20px 20px 0}
body .course-card{background:var(--vellum);border-color:var(--line);border-top:3px solid var(--gilt);border-radius:18px}
body .course-card:hover{background:#fff;box-shadow:var(--shadow)}
body .course-card b{color:var(--gold)}
body .course-foundation-card{background:#f3ead6;border-top-color:var(--ink)}
body .course-support-links>a{background:var(--vellum);border-color:var(--line);border-radius:16px}
body .course-contents{background:var(--vellum);border-color:var(--line);border-radius:18px}
body .course-contents a{color:var(--ink-2)}
body .course-contents a>span{color:var(--gold)}
body .course-lesson .course-section-label{color:var(--gold)}
body .course-lesson .course-case-study{background:var(--vellum);border-color:var(--line);border-left-color:var(--gilt);border-radius:0 18px 18px 0}
body .course-practice{background:#efe6d3;border-color:var(--line-2);border-radius:20px}
body .course-table thead th{background:#efe6d3;color:var(--ink)}
body .course-table tbody th{background:#f8f2e5}
body .course-table-scroll{border-color:var(--line);border-radius:14px}
body .worked-example{border-left-color:var(--gilt);background:var(--vellum)}
body .course-related a,body .course-next a,body .course-print{color:var(--gold)}
body #course-worksheet{background:var(--vellum);border-color:var(--line);border-radius:18px}

/* ---------------- study questions ---------------- */
body .study-assistant{border-radius:28px;border:1px solid var(--line);background:radial-gradient(90% 120% at 0% 0%,#fffdf8 0%,#f6efe0 70%,#efe5cf 100%);box-shadow:var(--shadow)}
body .study-assistant-mark{background:var(--ink);color:var(--gilt-2);border-radius:14px}
body .study-assistant .eyebrow{color:var(--gold);font-family:var(--caps)}
body .study-assistant .study-context{border-color:var(--line-2);background:#fffdf8cc;color:#5a4214}
body .study-question-form textarea{border-color:var(--line-2);background:var(--vellum)}
body .study-question-form textarea:focus-visible{outline-color:var(--gold)}
body .study-submit{background:var(--ink);border-color:var(--ink);color:var(--gilt-3)}
body .study-submit:hover:not(:disabled){background:#1a2638;border-color:#1a2638}
body .study-reset,body .study-retry,body .study-assistant .study-status{color:var(--gold)}
body .study-message-assistant{border-color:var(--line);background:var(--vellum)}
body .study-message-user{background:#efe6d3;border-color:var(--line)}
body .study-assistant .study-message-assistant h3{color:var(--gold)}
body .study-question-launcher{background:var(--ink);border:1px solid #e6c27866;color:var(--gilt-3);box-shadow:0 10px 30px #0e162455;transition:transform .25s var(--ease),background .2s}
body .study-question-launcher:hover{background:#1a2638;transform:translateY(-2px)}
body .study-question-launcher svg{color:var(--gilt-2)}

/* ---------------- footer ---------------- */
.hb-footer.v3-footer{margin:96px 0 -50px;padding:64px 0 30px;border-top:0;color:#bdb4a2;background:var(--midnight);box-shadow:0 0 0 100vmax var(--midnight);clip-path:inset(0 -100vmax);position:relative}
.hb-footer:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#e6c27899 45%,#e6c27899 55%,transparent)}
.hb-footer .footer-brand img{filter:brightness(0) invert(1);opacity:.92;width:260px;height:auto;object-fit:contain}
.hb-footer .footer-verse{color:#e8e0cf;font-size:1.12rem}
.hb-footer .footer-verse span{color:var(--gilt-2)}
.hb-footer .footer-cols{grid-template-columns:repeat(3,minmax(150px,1fr)) minmax(220px,1.2fr);max-width:none;margin:40px 0 30px}
.hb-footer .footer-cols h2{font:600 .7rem var(--caps);letter-spacing:.2em!important;text-transform:uppercase;color:var(--gilt-2);margin:0 0 12px}
.hb-footer .footer-cols a{color:#cfc6b4}
.hb-footer .footer-cols a:hover{color:#fff}
.footer-search p{font-size:.8rem;color:#9d9483;margin:12px 0 0}
.footer-search kbd{color:var(--gilt-2)}
.footer-search .button{background:#ffffff0f;border-color:#ffffff2e;color:#f3ead6}
.footer-search .button:hover{background:#ffffff1c;border-color:var(--gilt-2)}
.hb-footer .footer-fine{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #ffffff14;padding-top:18px;color:#8f8676}
.hb-footer .footer-fine p{margin:0}
.hb-footer .footer-fine a{color:var(--gilt-2)}
.hb-footer :focus-visible{outline-color:var(--gilt-2)}

/* ---------------- search palette ---------------- */
.palette{padding:0;border:0;background:transparent;width:min(720px,calc(100vw - 24px));max-width:none;max-height:none;margin:min(12vh,110px) auto auto;overflow:visible;color:var(--ink)}
.palette::backdrop{background:#060a12a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.palette[open]{animation:hb-drop .25s var(--ease)}
html.palette-open{overflow:hidden}
.palette-box{background:var(--vellum);border:1px solid var(--line);border-radius:22px;box-shadow:0 40px 100px #000a,0 0 0 1px #e6c27840;overflow:hidden;margin:0}
.palette-field{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}
.palette-field .icon{width:22px;height:22px;color:var(--gold)}
.palette-field input{flex:1;min-width:0;border:0;background:transparent;font:500 1.15rem var(--sans);color:var(--ink);padding:6px 0}
.palette-field input:focus-visible{outline:none}
.palette-field input::-webkit-search-cancel-button{display:none}
.palette-field kbd{color:var(--muted)}
.palette-list{max-height:min(60vh,520px);overflow:auto;overscroll-behavior:contain;padding:8px}
.palette-group>p{margin:10px 10px 6px;font:600 .66rem var(--caps);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.palette-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;color:var(--ink);text-decoration:none;border-left:3px solid transparent}
.palette-item[aria-selected="true"]{background:#efe6d3;border-left-color:var(--gilt)}
.pi-main{flex:1;min-width:0;display:grid;gap:2px}
.pi-main b{font:600 .96rem/1.3 var(--sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pi-main small{font:400 .84rem/1.4 var(--serif);color:#5f584c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pi-tag{flex:none;font:600 .66rem var(--sans);letter-spacing:.06em;text-transform:uppercase;color:#6b4d16;background:#f3ead6;border:1px solid #e2d3b0;padding:3px 8px;border-radius:999px}
.pi-enter{flex:none;color:var(--gold);opacity:0;font-size:.9rem}
.palette-item[aria-selected="true"] .pi-enter{opacity:1}
.palette-empty{display:grid;gap:4px;padding:28px 16px;text-align:center;color:var(--muted)}
.palette-empty b{color:var(--ink);font:600 1rem var(--sans)}
.palette-foot{display:flex;gap:18px;flex-wrap:wrap;margin:0;padding:10px 18px;border-top:1px solid var(--line);background:#f6efe0;font:500 .74rem var(--sans);color:var(--muted)}
.palette-foot kbd{margin-right:3px;color:var(--ink-2)}
.palette-foot em{font-style:normal;color:var(--ink-2);font-weight:600}

/* ---------------- responsive ---------------- */
@media(max-width:1080px){
  .portals{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-verse{display:none}
}
@media(max-width:900px){
  :root{--header-h:66px}
  .book-content{display:block}
  .book-toc{position:sticky;top:var(--header-h);z-index:15;display:flex;flex-direction:row;flex-wrap:nowrap;gap:6px;overflow-x:auto;max-height:none;margin:0 -20px 18px;padding:10px 20px;background:#f7f3eaf0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);scrollbar-width:none}
  .book-toc::-webkit-scrollbar{display:none}
  .book-toc .eyebrow{display:none}
  .book-toc a{flex:none;white-space:nowrap;border:1px solid var(--line-2);border-radius:999px;padding:7px 12px;background:var(--vellum);font-size:.8rem}
  .book-toc a.current{border-color:var(--ink);background:var(--ink);color:var(--gilt-3)}
  .book-section{scroll-margin-top:calc(var(--header-h) + 64px)}
  .book-content :is([id^="doctrine-"],[id^="commentary-"],[id^="history-"],[id^="exposition-"],[id^="deeper-"]){scroll-margin-top:4.5rem}
  .book-hero:after{font-size:9rem;bottom:-30px}
  .canon-strip{display:none}
  .hb-footer .footer-cols{grid-template-columns:1fr 1fr}
  .library-tools{position:static;margin:0;padding:0;background:none;backdrop-filter:none}
}
@media(max-width:700px){
  .portals{grid-template-columns:1fr;margin-top:24px}
  .portal{padding:18px}
  .hb-hero .hero-content{padding:calc(var(--header-h) + 34px) 22px 94px!important}
  .hb-hero h1{font-size:clamp(2.9rem,12vw,4.2rem)!important}
  .hero-search{padding:14px 16px}
  .hero-search kbd{display:none}
  .hb-hero .hero-actions .button{flex:1 1 auto}
  .shelf-section{padding:28px 16px 24px;border-radius:22px;margin-left:-6px;margin-right:-6px}
  .shelf-books{overflow-x:auto;overflow-y:visible;height:200px;padding:16px 4px 0;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#e6c27855 transparent}
  .shelf-row{--spine-w:30px}
  .spine{scroll-snap-align:start}
  .spine:hover,.spine:focus-visible{transform:translateY(-8px)}
  .spine-tip{display:none}
  .shelf-plank{margin-top:0}
  .stat-band div{padding:22px 18px}
  .book-topline{display:block}
  .book-stepper{margin-top:10px}
  .hb-footer .footer-cols{grid-template-columns:1fr}
  .hb-footer.v3-footer{margin-bottom:-40px}
  .palette{margin-top:12px}
  .palette-foot span:last-child{display:none}
}
@media(max-width:680px){.passage-lookup{border-radius:22px}}
@media(max-width:560px){
  .ax-toolbar .segmented button span{display:inline!important;position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .hb-hero.home-hero{border-radius:0 0 26px 26px}
  .cat-chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px;padding:2px 20px 6px;scrollbar-width:none}
  .cat-chips button{flex:none}
}
@media(hover:none){.spine-tip{display:none}}
@media(prefers-reduced-motion:reduce){.hb-hero video{display:none}.hero-scroll i{animation:none}}
@media print{
  .canon-strip,.book-stepper,.hb-search,.palette,.portals,.shelf-section,.hero-scroll,.hero-verse,.footer-search,.library-tools{display:none!important}
  body{background:#fff}
  .book-hero{background:#fff;box-shadow:none}
  .book-hero:after{display:none}
}
/* Scripture of the day (homepage) */
.daily-word{max-width:1320px;margin:36px auto 0}
.daily-word:empty{display:none}
.daily-card{position:relative;padding:clamp(22px,3.4vw,40px);border-radius:24px;background:var(--vellum);border:1px solid var(--line);box-shadow:var(--shadow);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:8px clamp(20px,3.5vw,48px);overflow:hidden}
.daily-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--gilt-grad)}
.daily-head{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.daily-head .eyebrow{margin:0}
.daily-date{margin:0;font-family:var(--caps);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.daily-passage{grid-row:2/span 3;margin:6px 0 0;padding:0}
.daily-passage p{margin:0;font-family:var(--serif);font-size:clamp(1.25rem,1.05rem + .8vw,1.65rem);line-height:1.6;color:var(--ink)}
.daily-passage sup{font-family:var(--sans);font-size:.62em;font-weight:600;color:var(--gold);margin:0 .2em 0 .1em}
.daily-passage footer{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;margin-top:14px}
.daily-passage cite{font-style:normal;font-weight:600;color:var(--gold)}
.daily-theme{font-size:.85rem;color:var(--muted)}
.daily-reflection{margin-top:6px}
.daily-reflection .eyebrow{margin:0 0 6px}
.daily-reflection p:last-child{margin:0;font-family:var(--serif);font-size:1.05rem;line-height:1.65;color:var(--ink-2)}
.daily-context{border:1px solid var(--line);border-radius:14px;background:var(--paper);align-self:start}
.daily-context summary{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;cursor:pointer;list-style:none;font-weight:600;color:var(--gold)}
.daily-context summary::-webkit-details-marker{display:none}
.daily-context summary span{flex:1}
.daily-context summary .icon:last-child{transition:transform .2s}
.daily-context[open] summary .icon:last-child{transform:rotate(180deg)}
.daily-context>div{padding:0 16px 14px}
.daily-context>div p{margin:0 0 10px;line-height:1.65;color:var(--ink-2)}
.daily-context .daily-source{font-size:.82rem;color:var(--muted);margin:0}
.daily-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:14px}
.daily-target{font-size:.82rem;color:var(--muted)}
.daily-sequence{margin-left:auto}
@media(max-width:900px){.daily-card{grid-template-columns:1fr}.daily-passage{grid-row:auto}}
@media(max-width:700px){.daily-word{margin-top:20px}.daily-card{border-radius:20px;padding:20px 18px}.daily-actions .button{flex:1 1 100%;justify-content:center}.daily-sequence{margin-left:0}}

/* ---------------- personal study: verse actions, memory, plan, saved notebook ---------------- */
.study-sheet{width:min(560px,calc(100vw - 32px));max-height:min(88vh,760px);overflow:auto;padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--vellum);color:var(--ink);box-shadow:var(--shadow-lg)}
.study-sheet::backdrop{background:#0b142266;backdrop-filter:blur(3px)}
html.sheet-open{overflow:hidden}
.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.sheet-head h2{font-family:var(--serif);font-size:1.5rem;line-height:1.2;margin:4px 0 0}
.sheet-close{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--ink)}
.sheet-preview{font-family:var(--serif);font-size:1.05rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 14px}
.sheet-preview sup,.practice-passage sup,.daily-passage sup{color:var(--gold);font:600 .62em var(--sans);margin-right:2px}
.sheet-range{display:flex;align-items:center;gap:10px;margin-bottom:14px;font:600 .85rem var(--sans)}
.sheet-notice{background:#f6ecd2;border:1px solid #e3cf9b;border-radius:12px;padding:10px 12px;font-size:.88rem;line-height:1.5}
.sheet-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sheet-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:72px;padding:10px 4px;border-radius:14px;border:1px solid var(--line-2);background:#fff;color:var(--ink);font:600 .78rem/1.2 var(--sans);text-align:center;cursor:pointer}
.sheet-action .icon{width:20px;height:20px}
.sheet-action[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--gilt-3)}
.sheet-action:disabled{opacity:.45;cursor:not-allowed}
.sheet-form{display:grid;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.sheet-form label{font:600 .85rem var(--sans)}
.sheet-form textarea,.study-input{width:100%;border:1px solid var(--line-2);border-radius:12px;padding:11px 13px;font:1rem/1.5 var(--sans);background:#fff;color:var(--ink)}
.sheet-row,.backup-actions,.plan-actions,.memory-actions,.saved-item-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.practice-steps{display:flex;gap:6px;list-style:none;padding:0;margin:0 0 14px}
.practice-steps li{flex:1;height:5px;border-radius:9px;background:var(--line)}
.practice-steps li.done{background:var(--gilt)}
.practice-steps li.current{background:var(--gold)}
.practice-passage{font-family:var(--serif);font-size:clamp(1.15rem,3.6vw,1.4rem);line-height:1.75;margin:0 0 12px;overflow-wrap:anywhere}
.practice-blank{color:var(--muted);letter-spacing:.06em}
.practice-controls{position:sticky;bottom:-24px;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin:12px -24px -24px;padding:14px 24px 20px;background:linear-gradient(180deg,#fbf7ee00,var(--vellum) 22%)}
.practice-controls.ratings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch}
.practice-controls.ratings p{grid-column:1/-1;margin:0;font:600 .9rem var(--sans)}
.practice-rate{display:grid;gap:3px;padding:12px 10px;border-radius:14px;border:1px solid var(--line-2);background:#fff;text-align:left;cursor:pointer;color:var(--ink)}
.practice-rate strong{font:700 .95rem var(--sans)}
.practice-rate small{font-size:.75rem;color:var(--muted);line-height:1.35}
.practice-rate[data-rate="learned"]{border-color:var(--gilt)}
.practice-outcomes{list-style:none;padding:0;display:grid;gap:8px}
.practice-outcomes li{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}
.practice-outcomes span{font-size:.85rem;color:var(--muted)}
.study-page{max-width:1120px;margin:0 auto;padding-bottom:40px}
.study-lede{max-width:62ch;color:var(--muted);font-size:1.05rem;line-height:1.6;margin:10px 0 0}
.study-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;margin-bottom:22px;align-items:start}
.study-card{position:relative;background:var(--vellum);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;margin-bottom:16px}
.study-card h2{font-family:var(--serif);font-size:1.45rem;margin:6px 0 8px}
.memory-add{display:grid;gap:10px;align-content:start}
.study-filter{display:inline-flex;align-items:center;gap:10px;font:600 .85rem var(--sans);margin-bottom:12px}
.memory-group{margin-top:22px}
.memory-group h2,.study-aside h2{font-family:var(--serif);font-size:1.3rem;margin:0 0 10px;display:flex;align-items:center;gap:10px}
.memory-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 18px;margin-bottom:10px;border:1px solid var(--line);border-radius:14px;background:#fffdf8}
.memory-row h3{font:700 1.05rem var(--sans);margin:0 0 4px}
.memory-status{font-size:.82rem;color:var(--muted);margin:0 0 6px}
.memory-badge{display:inline-block;padding:2px 9px;border-radius:999px;background:#ece3cf;color:var(--ink);font:700 .72rem var(--sans);margin-right:4px}
.memory-badge.due{background:var(--ink);color:var(--gilt-3)}
.memory-badge.learned{background:#d9ead3}
.memory-text{font-family:var(--serif);line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.memory-actions{justify-content:flex-end;max-width:300px}
.study-aside{margin-top:30px;padding:20px 22px;border-left:3px solid var(--gilt);background:#f6efdf;border-radius:0 14px 14px 0}
.study-aside p{line-height:1.65;margin:0 0 10px}
.plan-progress{height:8px;border-radius:9px;background:var(--line);overflow:hidden;margin:-6px 0 22px}
.plan-progress i{display:block;height:100%;background:var(--gilt-grad)}
.plan-next p{line-height:1.6}
.plan-sequence{border:1px solid var(--line);border-radius:14px;background:#fffdf8;margin-bottom:10px}
.plan-sequence summary{display:flex;align-items:center;gap:12px;padding:15px 18px;cursor:pointer;list-style:none;min-height:48px}
.plan-sequence summary::-webkit-details-marker{display:none}
.plan-sequence[open] summary .icon:last-child{transform:rotate(180deg)}
.plan-seq-title{flex:1;font:700 1rem var(--sans);display:flex;gap:10px;align-items:baseline}
.plan-seq-title small{color:var(--gold);font-family:var(--caps)}
.plan-steps{list-style:none;margin:0;padding:0 18px 12px}
.plan-steps li{padding:12px 0;border-top:1px solid var(--line)}
.plan-steps li.done b{color:var(--muted)}
.plan-check{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;cursor:pointer}
.plan-check input{width:20px;height:20px;margin-top:2px;accent-color:var(--gold)}
.plan-check span{display:grid;gap:4px}
.plan-check small{color:var(--muted);line-height:1.5;font-size:.9rem}
.plan-steps .ref-row{margin:8px 0 0 36px}
.plan-foot{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px}
.saved-tabs{display:flex;flex-wrap:wrap;margin-bottom:16px;border-radius:16px}
.saved-tabs a{border-radius:999px;font:600 .85rem var(--sans);padding:9px 15px;color:var(--ink-2);text-decoration:none;display:inline-flex;gap:6px;align-items:center}
.saved-tabs a span{font-size:.75rem;color:var(--muted)}
.saved-tabs a.active{background:#fff;color:var(--ink);box-shadow:0 1px 3px #0b142222}
.saved-search{margin-bottom:14px;max-width:520px}
.saved-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:24px}
.saved-item{display:grid;gap:10px;align-content:space-between;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fffdf8;color:var(--ink);text-decoration:none}
.saved-item a{display:grid;gap:6px;color:inherit;text-decoration:none}
.saved-item span{font-family:var(--serif);line-height:1.5}
.saved-item.is-highlight{box-shadow:inset 3px 0 0 var(--gilt)}
.saved-item .saved-note{font-family:var(--sans);font-size:.9rem;background:#f6efdf;border-radius:10px;padding:8px 10px;white-space:pre-wrap}
.saved-empty{padding:22px;border:1px dashed var(--line-2);border-radius:14px;color:var(--muted);margin-bottom:24px}
.saved-books{margin-bottom:24px}
.backup-card p,.offline-card p{line-height:1.6;max-width:72ch}
.offline-card progress{width:100%;margin:6px 0 12px;accent-color:var(--gold)}
.reader-look{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px;padding:10px 14px;border:1px solid #e3cf9b;border-radius:14px;background:#f8f0dc}
.reader-look[hidden]{display:none}
.reader-look p{margin:0;font-size:.92rem}
.reader-look div{display:flex;gap:8px;flex-wrap:wrap}
.reader-verse.is-highlighted:not(.selected){background:#f7e7a8;box-shadow:inset 0 -2px 0 #e6c96f}
.scripture-page.night .reader-verse.is-highlighted:not(.selected){background:#4a4126;box-shadow:none}
.verse-note-mark{border:0;background:none;padding:0 3px;color:var(--gold);cursor:pointer;vertical-align:baseline}
.verse-note-mark .icon{width:15px;height:15px}
.scripture-page.spacious .scripture-body{line-height:2.05}
.reader-notes.is-focused{outline:3px solid var(--gilt);outline-offset:6px;border-radius:12px}
.chapter-bottom{align-items:center;gap:10px}
#reader-spacing[aria-pressed="true"]{background:var(--ink);color:var(--gilt-3);border-color:var(--ink)}
.daily-study{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px}
.study-quiet-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.study-quiet-row{display:grid;gap:4px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fffdf8;color:var(--ink);text-decoration:none;min-height:48px}
.study-quiet-row strong{font:600 .92rem/1.35 var(--sans)}
.study-quiet-row:hover{border-color:var(--gilt)}
.palette-item mark{background:#f3e3b6;color:inherit;border-radius:3px;padding:0 1px}
.journey-plan-link{margin:0 0 14px}
@media(max-width:900px){
  .study-grid{grid-template-columns:1fr}
  .study-quiet-rows{grid-template-columns:1fr}
  .memory-row{grid-template-columns:1fr}
  .memory-actions{justify-content:flex-start;max-width:none}
}
@media(max-width:700px){
  .study-sheet{width:100vw;max-width:100vw;margin:auto 0 0;border-radius:22px 22px 0 0;max-height:92vh;padding:20px 16px}
  .practice-controls{margin:12px -16px -20px;padding:12px 16px calc(16px + env(safe-area-inset-bottom));bottom:-20px}
  .practice-controls .button{flex:1 1 auto;justify-content:center}
  .practice-controls.ratings{grid-template-columns:1fr}
  .sheet-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .sheet-action{min-height:66px;font-size:.72rem}
  .study-card{padding:18px}
  .saved-grid{grid-template-columns:1fr}
  .daily-actions .daily-more{flex:1 1 calc(50% - 6px)}
  .daily-actions [data-daily-memory]{flex:1 1 calc(50% - 6px)}
}
@media(max-width:360px){.sheet-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}
.main-inner>.study-page.is-refresh{animation:none!important}

/* ---------------- memory practice methods ---------------- */
@media(min-width:701px){.practice-sheet{width:min(700px,calc(100vw - 32px))}}
.practice-modes,.practice-levels{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 8px;margin:0 0 12px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.practice-mode{flex:none;min-height:40px;padding:8px 13px;border:1px solid var(--line-2);border-radius:999px;background:#fff;color:var(--ink);font:600 .82rem var(--sans);cursor:pointer}
.practice-mode[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--gilt-3)}
.practice-help{margin:0 0 10px;color:var(--muted);line-height:1.55}
.practice-field{display:block;margin:12px 0 6px;font:600 .85rem var(--sans)}
.practice-input{font-size:1.05rem}
.practice-feedback{min-height:1.4em;margin:8px 0 0;color:#2d5f2e;font:600 .92rem/1.45 var(--sans)}
.practice-feedback.is-error{color:#9b2f2f}
.letters-passage .is-found{color:var(--ink)}
.practice-blank.is-current{outline:2px solid var(--gilt);outline-offset:1px;border-radius:4px;background:#f3e3b6}
.practice-blank.is-current.is-wrong{outline-color:#b54a4a;background:#f6dcdc}
.practice-blank-input{min-width:3ch;max-width:100%;margin:0 2px;padding:2px 4px;border:0;border-bottom:2px solid var(--gilt);border-radius:4px 4px 0 0;background:#fff8e6;color:var(--ink);font:inherit;font-family:var(--sans);font-size:.92em}
.practice-blank-input.is-correct{border-bottom-color:#3e7a3f;background:#e5f1e2}
.practice-blank-input.is-wrong{border-bottom-color:#b54a4a;background:#f6dcdc}
.order-list{display:grid;gap:8px;margin:8px 0;padding:0;list-style:none}
.order-tile{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:6px;align-items:center;padding:4px;border:1px solid var(--line-2);border-radius:12px;background:#fff}
.order-tile.is-dragging{border-color:var(--gilt);box-shadow:var(--shadow-lg)}
.order-tile.is-placed{border-color:#3e7a3f;box-shadow:inset 3px 0 0 #3e7a3f}
.order-tile.is-misplaced{border-color:#b54a4a;box-shadow:inset 3px 0 0 #b54a4a}
.order-handle{width:44px;height:44px;border:0;background:none;color:var(--muted);font-size:1.3rem;cursor:grab;touch-action:none}
.order-text{padding:6px 0;font-family:var(--serif);line-height:1.45}
.order-moves{display:flex;gap:4px}
.order-moves button{width:44px;height:44px;border:1px solid var(--line-2);border-radius:10px;background:var(--vellum);color:var(--ink);cursor:pointer}
.order-moves button:disabled{opacity:.35;cursor:default}
.order-done{color:var(--muted)}
.typed-result del{color:#9b2f2f}
.typed-result ins{padding:0 3px;border:1px solid #c9973a;border-radius:4px;background:#fff3d6;text-decoration:none}
.practice-card{margin-bottom:8px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}
.practice-card-reference{margin:6px 0;font-family:var(--serif);font-size:1.5rem}
.practice-controls .button{min-height:44px}
.practice-rate-now{margin-left:auto}
@media(max-width:700px){
  .order-tile{grid-template-columns:44px minmax(0,1fr)}
  .order-moves{grid-column:2;justify-content:flex-end}
  .practice-rate-now{margin-left:0}
}
/* Method controls stay reachable at the bottom of the sheet; the rating choice follows the exercise in order. */
.practice-sheet .practice-controls{background:var(--vellum);box-shadow:0 -1px 0 var(--line)}
.practice-sheet .practice-controls.ratings{position:static;margin:16px 0 0;padding:0;background:none;box-shadow:none}
.practice-result{margin-top:10px}
.practice-result>p:first-child{color:#2d5f2e;font:600 .92rem/1.45 var(--sans)}

/* Study panel: connections and word study for a verse (public/study-panel.js). */
.study-panel{width:min(760px,calc(100vw - 32px))}
.panel-verse-nav{display:flex;align-items:center;gap:8px;margin:0 0 12px}
.panel-verse-nav .button{min-width:44px;min-height:44px;justify-content:center}
.panel-verse-nav .select{min-height:44px}
.panel-tabs{display:flex;gap:4px;margin:0 0 14px}
.panel-tabs button{flex:1 1 0;min-height:44px;border:0;background:transparent;font:600 .9rem var(--sans);cursor:pointer}
.panel-section{margin:0 0 18px}
.panel-section h3{font:600 1.05rem/1.3 var(--serif);margin:0 0 4px;display:flex;align-items:center;gap:8px}
.panel-list{list-style:none;margin:8px 0;padding:0;display:grid;gap:8px}
.panel-list li{border:1px solid var(--line);border-radius:14px;background:#fff;padding:10px 12px}
.panel-ref{display:grid;gap:3px;color:var(--ink);text-decoration:none;min-height:44px}
.panel-ref strong{font:600 .92rem var(--sans);color:var(--gold)}
.panel-ref:hover strong{text-decoration:underline}
.panel-preview{font:400 .98rem/1.5 var(--serif)}
.panel-preview mark{background:#f3dfa8;color:inherit;border-radius:3px;padding:0 2px}
.panel-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px;font:500 .78rem var(--sans);color:var(--muted)}
.panel-votes{white-space:nowrap}
.panel-reviewed p{margin:6px 0}
.panel-state{padding:14px;border:1px dashed var(--line-2);border-radius:14px;background:#fffdf8}
.panel-state.is-error{border-style:solid;border-color:#d8b46a;background:#fbf3df}
.panel-attribution{margin:14px 0 0}
.panel-foot{margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}
.panel-words{font:400 1.12rem/2.1 var(--serif);margin:6px 0 14px}
.word-chip{min-height:44px;min-width:32px;padding:6px 5px;margin:0 -2px;border:0;border-radius:8px;background:transparent;color:var(--ink);font:inherit;cursor:pointer;text-decoration:underline;text-decoration-color:#87601c55;text-underline-offset:5px}
.word-chip.is-untagged{text-decoration:none;color:var(--ink-2)}
.word-chip.is-supplied{font-style:italic;text-decoration:underline dotted #87601c88}
.word-chip.is-divine{font-variant:small-caps}
.word-chip.in-phrase{background:#f6e7c2}
.word-chip[aria-pressed="true"]{background:var(--ink);color:var(--gilt-3);text-decoration:none}
.panel-lookup label{display:block;font:600 .85rem var(--sans);margin:0 0 6px}
.panel-lookup>div{display:flex;gap:8px;flex-wrap:wrap}
.panel-lookup .study-input{flex:1 1 180px;min-height:44px}
.word-note,.word-span,.entry-card{margin:12px 0;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff}
.word-note h3{font:600 1rem/1.35 var(--serif);margin:0 0 6px}
.word-span .button,.panel-chips .button{min-height:44px}
.entry-card h3{margin:6px 0;font-weight:500}
.entry-lemma{font:500 1.7rem/1.3 "Noto Serif","Noto Serif Hebrew",var(--serif)}
.entry-xlit{font:italic 400 1.05rem var(--serif);color:var(--ink-2)}
.link-button{border:0;background:none;padding:0 2px;font:inherit;color:var(--gold);text-decoration:underline;cursor:pointer;min-height:24px}
.panel-chips{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0}
.occ-list{counter-reset:none}
@media(max-width:700px){.study-panel{width:100vw}.panel-words{font-size:1.05rem}}
@media(max-width:360px){.panel-tabs button{font-size:.82rem}.study-sheet.study-panel{padding:16px 12px}}
/* Study Tools hub */
.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px}
.tool-card{display:grid;align-content:start;gap:6px;text-decoration:none;color:var(--ink);min-height:44px}
.tool-card h2{font:600 1.15rem/1.25 var(--serif);margin:4px 0 0}
.tool-card p{margin:0;color:var(--ink-2)}
.tool-card .icon{width:22px;height:22px;color:var(--gold)}
.tool-card:hover h2{text-decoration:underline}
/* Account and sync (account-ui.js): header chip and Saved-page panel */
.account-slot{display:flex;align-items:center;flex:none}
.account-chip{display:flex;align-items:center;gap:8px;font:500 .8rem/1.2 var(--sans);color:var(--ink-2)}
.account-chip .button{min-height:40px;padding:8px 14px}
.sync-chip{max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sync-ok::before,.sync-pending::before,.sync-offline::before,.sync-error::before,.sync-local::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle;background:var(--muted)}
.sync-ok::before{background:#2d7a3a}.sync-pending::before{background:var(--gilt)}.sync-offline::before{background:#8a8172}.sync-error::before{background:#b03a2e}
.account-panel h2{font:600 1.25rem/1.25 var(--serif);margin:0 0 6px}
.account-panel .button-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.account-panel .button{min-height:44px}
.choice-list{list-style:none;margin:10px 0;padding:0;display:grid;gap:8px}
.choice{display:grid;gap:4px;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff}
.choice-detail{font-size:.88rem;color:var(--ink-2)}
.conflict{border:1px solid #d8b46a;border-radius:14px;padding:12px;background:#fbf3df;margin:10px 0}
.conflict-versions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px}
.conflict-text{white-space:pre-wrap;font-family:var(--serif);background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;max-height:40vh;overflow:auto}
.device-list{list-style:none;margin:8px 0;padding:0;display:grid;gap:6px}
.device-list li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center;border-bottom:1px solid var(--line);padding:6px 0}
.danger-zone{margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}
.confirm{display:flex;gap:8px;align-items:flex-start}
/* Email sign-in forms in the account panel (W7, account-ui.js): labelled fields, 44px targets, visible focus */
.account-form{display:grid;gap:10px;max-width:460px;margin:12px 0}.account-form h3{margin:4px 0 0}
.account-field{display:grid;gap:4px}.account-field label{font-weight:600}.account-field .study-input{min-height:44px}
.account-panel .study-input:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.text-button{background:none;border:0;padding:6px 2px;min-height:44px;color:var(--gold);text-decoration:underline;font:inherit;cursor:pointer}
.text-button:focus-visible,.account-secondary .text-link:focus-visible,.account-disclosure summary:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:4px}
.account-secondary{margin-top:6px;padding-top:10px;border-top:1px solid var(--line)}.account-secondary .text-link{display:inline-block;padding:10px 2px}
.account-disclosure{margin:8px 0;border:1px solid var(--line);border-radius:12px;padding:4px 12px}
.account-disclosure summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center}
.account-form .confirm input{width:22px;height:22px}
@media(max-width:860px){.sync-chip{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
/* Handbook notes beside the reader: each can be saved to a study */
.reader-note{margin:12px 0}
.reader-note .reader-note-card{margin:0}
.reader-note-save{margin-top:6px;min-height:44px}
.study-save-answer{margin-top:8px;min-height:44px}
/* Reserve the same utility space for Sign in, Account and Choose. Sync status remains available to assistive
   technology; updates never move the centered headings or resize their neighbouring controls. */
.hb-header .account-slot{grid-column:3;grid-row:1;justify-self:end;width:84px;min-width:0}
.hb-header .account-chip{width:100%;gap:0}
.hb-header .account-chip .button{width:100%;min-height:44px;padding:8px 10px;white-space:nowrap}
.hb-header .account-slot .sync-chip{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hb-header .hb-search{grid-column:3;grid-row:1;justify-self:end;margin-right:96px;width:128px;min-height:46px;justify-content:center;padding:0 10px}
.hb-header .account-chip .button:hover{transform:none}
/* Older English (Word Explorer) */
.oe-link{margin:10px 0 0}
.oe-list .oe-item{display:grid;gap:3px;min-height:44px;color:inherit;text-decoration:none}
.oe-list .oe-item:hover strong,.oe-list .oe-item:focus-visible strong{text-decoration:underline}
.oe-meaning{color:var(--muted);font-size:.94rem;line-height:1.45}
.oe-none{color:var(--muted)}
.oe-quote{margin:6px 0;font:400 1.02rem/1.55 var(--serif)}
.oe-quote mark{background:#e6c27866;color:inherit;padding:0 2px;border-radius:3px}
.older-english-page .word-note h2{font:600 1.05rem/1.35 var(--serif);margin:0 0 6px}
.word-explorer-link{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 32px}
.word-explorer-link .button{max-width:100%;white-space:normal;text-align:left;justify-content:flex-start}
.word-explorer-link .button+.button{margin:0}
/* My Study Desk. Studies list; a study is its items in one column with Scripture beside it on wide screens. Inside an
   item, the saved source sits beside your notes once the column is wide enough, and stacks on phones. */
.desk-new-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.desk-new label,.desk-search span{font:600 .9rem var(--sans)}
.desk-tools{display:flex;flex-wrap:wrap;align-items:end;gap:10px 16px;margin:18px 0 8px}
.desk-search{display:grid;gap:6px;flex:1 1 280px}
.desk-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px}
.desk-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:12px 0 8px}
.desk-card{display:grid;gap:6px;align-content:start;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--vellum);box-shadow:var(--shadow);color:inherit;text-decoration:none;transition:border-color .2s,box-shadow .2s}
.desk-card:hover,.desk-card:focus-visible{border-color:var(--gilt);box-shadow:0 0 0 4px #e6c27833}
.desk-card strong{font:600 1.1rem/1.3 var(--serif)}
.desk-card span{color:var(--ink-2);line-height:1.5}
.desk-card small{color:var(--muted)}
.desk-study{max-width:1320px}
.desk-head{display:grid;gap:8px;margin:14px 0 4px}
.desk-title-input{width:100%;border:0;border-bottom:1px dashed var(--line-2);background:transparent;padding:4px 0;color:var(--ink);font:600 clamp(1.6rem,3.2vw,2.4rem)/1.2 var(--serif)}
.desk-title-input:focus{outline:none;border-bottom-color:var(--gilt)}
.desk-layout{display:grid;gap:22px;align-items:start;margin-top:8px}
.desk-main{min-width:0}
.desk-add{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 14px}
.desk-add .button{min-height:44px}
.desk-entries{display:grid;gap:14px;container-type:inline-size}
.desk-entry{display:grid;gap:10px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 1px 2px #2b1f0a0d}
.desk-entry.kind-note,.desk-entry.kind-question{background:var(--vellum)}
.desk-entry-head .eyebrow{display:flex;align-items:center;gap:6px;margin:0}
.desk-entry-head .eyebrow .icon{width:15px;height:15px}
.desk-entry-head h3{margin:4px 0 0;font:600 1.15rem/1.35 var(--serif)}
.desk-entry-body{display:grid;gap:10px;min-width:0}
.desk-entry-source,.desk-entry-note{display:grid;gap:8px;align-content:start;min-width:0}
.desk-source-label{margin:0;font:600 .72rem/1.2 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.desk-snapshot{margin:0;padding:12px 14px;border-left:3px solid var(--line-2);background:#faf6ec;border-radius:0 12px 12px 0;white-space:pre-line;line-height:1.6;max-height:22rem;overflow:auto}
.desk-snapshot.is-scripture{font:400 1.04rem/1.65 var(--serif);border-left-color:var(--gilt)}
.desk-entry-note textarea,.desk-entry-body>textarea{min-height:7.5rem;resize:vertical}
.desk-entry-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:8px;border-top:1px solid var(--line)}
.desk-entry-tools .button,.desk-entry-tools .select{min-height:40px}
.desk-check{display:inline-flex;align-items:center;gap:8px;min-height:40px}
.desk-section-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;padding-bottom:6px;border-bottom:2px solid var(--gilt-2)}
.desk-section-head h2{flex:1 1 260px;margin:0}
.desk-section-title{width:100%;border:0;background:transparent;font:600 1.35rem/1.3 var(--serif);color:var(--ink);padding:4px 0}
.desk-undo{margin:0 0 10px;padding:10px 14px;border-radius:12px;background:#f6efdf;display:flex;align-items:center;gap:10px}
.desk-footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.desk-entry .sheet-grid{grid-template-columns:minmax(0,1fr)}
.desk-scripture details{border:1px solid var(--line);border-radius:var(--radius);background:var(--vellum);box-shadow:var(--shadow)}
.desk-scripture summary{display:flex;align-items:center;gap:8px;min-height:48px;padding:10px 16px;cursor:pointer}
.desk-scripture summary h2{margin:0;font:600 1.05rem/1.3 var(--serif)}
.desk-pane-form,#desk-pane-status,.desk-pane-text{margin:0 16px}
.desk-pane-form div{display:flex;gap:8px;margin-top:4px}
.desk-pane-text{padding:6px 0 16px}
.desk-pane-meta{margin:6px 0 8px;color:var(--muted)}
.desk-pane-verses{font:400 1.04rem/1.7 var(--serif);color:var(--ink)}
.desk-pane-verses h3{font:600 .8rem var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:12px 0 4px}
.desk-pane-verses p{margin:0 0 10px}
.desk-pane-verses sup{font:600 .66rem var(--sans);color:var(--gold);margin-right:1px}
@container (min-width:620px){
  .desk-entry-body.has-source{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;align-items:start}
  .desk-entry .sheet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:1024px){
  .desk-layout{grid-template-columns:minmax(0,1fr) minmax(300px,380px)}
  .desk-scripture{position:sticky;top:calc(var(--header-h) + 16px)}
  .desk-scripture details[open]{max-height:calc(100vh - var(--header-h) - 32px);overflow:auto}
}
@media(max-width:1023px){.desk-scripture{order:-1}}
@media(max-width:560px){.desk-entry{padding:14px}.desk-title-input{font-size:1.4rem}.desk-entry-tools .select{flex:1 1 140px}}
@media print{.desk-add,.desk-entry-tools,.desk-footer,.desk-scripture,#desk-add-form,.desk-undo{display:none!important}.desk-entry{break-inside:avoid;box-shadow:none}}
.desk-inline{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.desk-inline label{flex-basis:100%;font:600 .9rem var(--sans)}
.desk-inline .study-input,.desk-inline .select{flex:1 1 220px;min-height:44px}
.desk-inline p{flex-basis:100%;margin:0}
.desk-choices{display:grid;gap:8px;border:0;margin:0 0 12px;padding:0;max-height:16rem;overflow:auto}
.desk-choices legend{font:600 .9rem var(--sans);margin-bottom:6px}
.desk-choice{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}
.desk-choice:has(input:checked){border-color:var(--gilt);box-shadow:0 0 0 3px #e6c27833}
.desk-choice span{display:grid;gap:2px}
.desk-choice small{color:var(--muted)}
.desk-new-title,#desk-picker-form>label{display:grid;gap:6px;margin:0 0 12px;font:600 .9rem var(--sans)}
/* Site navigation (v83, W1). Wide screens show the headings Read · Study Tools ▾ · Handbook ▾ · My Study ▾ with Search
   and the account chip at the right; each heading's group opens as a dropdown on click, Enter or Space (never on hover
   alone). Equal side rails keep the four headings centered independently of the logo and account label. Below 64em,
   one Menu button holds the same destinations. Both are drawn from NAV in handbook-ui.js. */
.hb-header .site-navigation{display:flex;position:static;align-items:center;gap:4px;padding:0;background:none;border:0;box-shadow:none;margin:0}
.nav-heads{display:flex;align-items:center;gap:12px;list-style:none;margin:0;padding:0}
.nav-heads>li{position:relative;margin:0}
.nav-heads>li.nav-drop-wide{position:static}
.hb-header .nav-head{min-height:48px;white-space:nowrap}
.hb-header .nav-head .nh-chev{display:inline-block;width:14px;height:14px;opacity:.7;transition:transform .2s}
.hb-header .nav-head[aria-expanded="true"]{background:#87601c1f;color:var(--ink)}
.hb-header .nav-head[aria-expanded="true"] .nh-chev{transform:rotate(180deg)}
/* The section of the page being shown: its heading is drawn like the active Read link. */
.hb-header .nav-head[aria-current],.hb-header .nav-read[aria-current]{background:var(--ink);color:var(--gilt-3)}
.hb-header .nav-head[aria-current] .nh-chev{opacity:1;color:var(--gilt-2)}
.nav-panel{position:absolute;top:calc(100% + (var(--header-h) - 48px)/2 + 8px);left:0;z-index:95;width:max-content;max-width:calc(100vw - 24px);max-height:calc(100vh - var(--header-h) - 16px);overflow:auto;overscroll-behavior:contain;padding:10px;background:var(--vellum);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg);text-align:left}
.nav-panel[hidden]{display:none}
.nav-drop:last-child .nav-panel{left:auto;right:0}
.nav-panel-wide{top:calc(100% + 8px);left:max(4vw,20px);right:max(4vw,20px);width:auto;max-width:none;padding:0;border-radius:22px}
.np-list{list-style:none;margin:0;padding:0;display:grid;gap:2px;width:min(360px,calc(100vw - 48px))}
.np-list.np-cols{grid-template-columns:repeat(2,minmax(0,1fr));width:min(660px,calc(100vw - 48px))}
.np-list li{margin:0}
.nav-extra-group{margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}
.nav-extra-group>ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.nav-group-label{margin:0;padding:8px 12px 6px;font:650 .68rem/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.np-list a{display:flex;align-items:flex-start;gap:12px;min-height:44px;padding:10px 12px;border-radius:12px;color:var(--ink);text-decoration:none}
.np-list a .icon{flex:none;width:20px;height:20px;margin-top:1px;color:var(--gold)}
.np-list a span{display:grid;gap:3px;min-width:0}
.np-list a b{font:600 .95rem/1.25 var(--sans)}
.np-list a small{font:400 .82rem/1.4 var(--sans);color:var(--muted)}
.np-list a:hover,.np-list a:focus-visible,.nav-panel-wide .bm-side a:not(.bm-feature):hover{background:#87601c14}
.nav-panel a[aria-current="page"]:not(.bm-feature){background:var(--ink);color:var(--gilt-3)}
.nav-panel a[aria-current="page"] small{color:#d9cfb8}
.nav-panel a[aria-current="page"] .icon{color:var(--gilt-2)}
.nav-panel-wide .bm-side{gap:2px}
.nav-panel-wide .bm-side a{display:flex;align-items:center;min-height:44px}
.nav-panel-wide .bm-side .bm-feature{display:grid;align-items:start}
.nav-panel-wide .bm-group a{padding:7px 9px}
.np-pair{display:flex;flex-wrap:wrap;align-items:center;gap:2px;margin:2px 0}
.np-sub{flex-basis:100%;padding:8px 12px 2px;font:650 .68rem var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.np-pair a{flex:1 1 auto}
/* The Menu (small screens): Read first, then Study Tools, Handbook and My Study, then every book guide. */
.hb-header .nav-menu{position:static;display:none}
.hb-header .menu-toggle{display:inline-flex;min-height:44px;height:auto;gap:8px;padding:0 14px}
.hb-header .nav-read{white-space:nowrap}
.site-menu{position:absolute;top:calc(100% + 8px);right:max(4vw,20px);z-index:95;width:min(960px,calc(100vw - 40px));max-height:calc(100vh - var(--header-h) - 24px);overflow:auto;overscroll-behavior:contain;padding:22px 24px;background:var(--vellum);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-lg)}
.sm-read{display:flex;align-items:center;gap:10px;min-height:48px;margin:0 0 14px;padding:10px 16px;border:1px solid var(--line-2);border-radius:14px;background:var(--vellum);color:var(--ink);font:600 1rem/1.25 var(--sans);text-decoration:none}
.sm-read .icon{width:20px;height:20px;color:var(--gold)}
.sm-read:hover{border-color:var(--gilt);background:#fff}
.sm-read[aria-current="page"]{border-color:var(--ink);background:var(--ink);color:var(--gilt-3)}
.sm-read[aria-current="page"] .icon{color:var(--gilt-2)}
.sm-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 24px}
.sm-group h2{margin:0 0 6px;padding:0 10px;font:650 .72rem var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.sm-group ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.sm-group a{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 10px;border-radius:12px;color:var(--ink);font:600 .95rem/1.25 var(--sans);text-decoration:none}
.sm-group a .icon{flex:none;width:18px;height:18px;opacity:.65}
.sm-group a:hover,.sm-group a:focus-visible{background:#87601c14}
.site-menu a[aria-current="page"]:not(.sm-read){background:var(--ink);color:var(--gilt-3)}
.sm-group a[aria-current="page"] .icon{opacity:1;color:var(--gilt-2)}
.sm-books{margin-top:14px;border-top:1px solid var(--line);padding-top:6px}
.sm-books summary{display:flex;align-items:center;min-height:44px;padding:0 10px;cursor:pointer;font:600 .95rem var(--sans);color:var(--ink-2)}
.sm-books[open] summary{color:var(--ink)}
.sm-books .bm-inner{grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:6px}
.sm-books .bm-group a{padding:8px 9px}
.site-menu .bm-group a[aria-current="page"]{background:var(--ink);color:var(--gilt-3)}
/* One header breakpoint: all four headings become Menu together. No width-dependent padding, logo scaling,
   search labels or account labels can push the desktop headings sideways while the window changes size. */
@media(max-width:63.9375em){
  :root{--header-h:76px}
  .hb-header.site-header{display:flex;gap:8px;padding:0 16px}
  .hb-header .handbook-brand{order:1;flex:1 1 auto;gap:8px}
  .hb-header .handbook-brand .brand-lockup{display:none}
  .hb-header .handbook-brand .brand-emblem{display:block;width:40px;height:40px;flex:none;object-fit:contain}
  .hb-header .handbook-brand .brand-mobile-name{display:block;font:700 1rem/1.15 Georgia,'Times New Roman',serif;letter-spacing:-.015em;white-space:nowrap;color:var(--ink)}
  .hb-header .handbook-brand .brand-mobile-name small{display:block;margin-top:4px;font:650 .625rem/1.25 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--gold)}
  .hb-header .site-navigation{order:2;flex:none;justify-self:auto;margin:0}
  .hb-header .nav-heads{display:none}
  .nav-heads>li.nav-drop{display:none}
  .hb-header .nav-menu{display:block}
  .hb-header .hb-search{order:3;flex:none;width:44px;height:44px;margin:0;padding:0}
  .hb-header .hb-search :is(span,kbd){display:none}
  .hb-header .account-slot{order:4;flex:none;width:44px}
  .hb-header .account-chip .button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:0;font-size:0;line-height:0}
  .hb-header .account-chip .button:before{content:"";width:19px;height:19px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4.4 3.6-7 8-7s8 2.6 8 7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4.4 3.6-7 8-7s8 2.6 8 7'/%3E%3C/svg%3E") center/contain no-repeat}
  .hb-header .menu-toggle{width:88px;height:44px;padding:0 12px;justify-content:center}
  .site-menu{position:fixed;top:var(--header-h);left:0;right:0;bottom:0;width:auto;max-height:none;padding:16px 16px 64px;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;background:var(--paper)}
  .sm-groups{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sm-books .bm-inner{grid-template-columns:1fr}
  .sm-books .bm-col{border-right:0;border-bottom:1px solid var(--line);padding:16px}
  body.nav-open{overflow:hidden}
  /* A backdrop filter would make the header the containing block for the fixed menu. */
  body.nav-open .hb-header.site-header{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--paper)}
}
@media(max-width:560px){.sm-groups{grid-template-columns:1fr}}
@media(max-width:389px){.hb-header .handbook-brand .brand-mobile-name{display:none}}
@media print{.nav-panel,.site-menu{display:none!important}}
/* Home, footer, Study Tools and fallback pages (v83, W1): the same names as the header. The home page's eight ways in
   sit four to a row on wide screens (Read, Study Tools, the book guides and My Study first). */
@media(min-width:1081px){
  .portals{grid-template-columns:repeat(4,minmax(0,1fr))}
  .portal{grid-template-columns:auto 1fr;grid-template-rows:auto auto 1fr;padding:20px}
  .portal-icon{grid-row:1;grid-column:1}
  .portal-go{grid-row:1;grid-column:2;justify-self:end}
  .portal strong{grid-row:2;grid-column:1/-1;align-self:start;margin-top:8px}
  .portal-text{grid-row:3;grid-column:1/-1}
}
.footer-actions{display:flex;flex-wrap:wrap;gap:8px}
.hb-footer .footer-actions .button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:12px 20px;color:#f3ead6}
.hb-footer .footer-actions .button .icon{width:17px;height:17px}
.tools-mine{margin-top:40px}
.tools-mine h2{font:600 1.45rem/1.25 var(--serif);margin:0 0 4px}
.tools-mine>p{margin:0 0 14px;color:var(--ink-2)}
.tools-mine-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:10px}
.tools-mine-links li{margin:0}
.tools-mine-links .tool-card{height:100%;padding:14px 16px}
.tools-mine-links .tool-card h3{font:600 1rem/1.25 var(--sans);margin:2px 0 0}
.tools-mine-links .tool-card p{font-size:.9rem}
.fallback-page{max-width:760px;padding:8px 0 24px}
.fallback-page h1{font-size:clamp(2.2rem,5vw,3.4rem);margin:6px 0 14px}
.fallback-page .button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
/* Reading page study aids (reader-study.js). Verse numbers read as controls; linked words carry a quiet underline;
   the word card sits beside the word on wide screens and is a bottom sheet on phones. */
.verse-cue{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:4px 0 14px;padding:9px 14px;border-radius:12px;background:#f6efdf;color:var(--ink-2);font:500 .9rem/1.5 var(--sans)}
.verse-cue .link-button{font:600 .85rem var(--sans);color:var(--gold);background:none;border:0;padding:4px 2px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.scripture-page .verse-number{position:relative;display:inline-block;min-width:1.5em;margin-right:2px;padding:0 3px;border-radius:6px;color:var(--gold);font:650 .72em/1.4 var(--sans);vertical-align:super;text-decoration:underline dotted;text-decoration-color:#c9973a99;text-underline-offset:2px;cursor:pointer}
.scripture-page .verse-number:after{content:"";position:absolute;inset:-12px -8px}
.scripture-page .verse-number:hover,.scripture-page .verse-number:focus-visible{background:#e6c27840;color:var(--ink);text-decoration-style:solid}
.night .verse-number:hover,.night .verse-number:focus-visible{background:#e6c27833;color:#fff}
.w-link{text-decoration:underline;text-decoration-color:#c9973a66;text-decoration-thickness:1px;text-underline-offset:.25em;cursor:pointer;border-radius:3px}
.w-link:hover{background:#e6c27838;text-decoration-color:var(--gilt)}
.night .w-link{text-decoration-color:#e6c27880}
#reader-word-links[aria-pressed="false"]{opacity:.75}
dialog.word-quick{position:fixed;inset:auto;margin:0;top:20vh;left:calc(50% - 190px);width:min(380px,calc(100vw - 24px));max-height:min(72vh,600px);overflow:auto;padding:0;border:1px solid var(--line);border-radius:18px;background:var(--vellum);color:var(--ink);box-shadow:var(--shadow-lg)}
dialog.word-quick::backdrop{background:#0e162426}
.wq-head{position:sticky;top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px 16px 8px;background:var(--vellum);border-bottom:1px solid var(--line)}
.wq-head h2{margin:2px 0 0;font:600 1.25rem/1.25 var(--serif)}
.wq-head .eyebrow{margin:0}
.wq-head .sheet-close{min-width:44px;min-height:44px;border:0;background:none;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--ink-2)}
.wq-body{padding:10px 16px 16px}
.wq-orig{padding:10px 0;border-bottom:1px solid var(--line)}
.wq-orig:last-of-type{border-bottom:0}
.wq-orig p{margin:4px 0}
.wq-lemma{font:500 1.6rem/1.3 "Noto Serif Hebrew","Noto Serif",var(--serif)}
.wq-xlit{font:italic 1.02rem var(--serif)}
.wq-foot{margin:12px 0 0}
@media(max-width:640px){dialog.word-quick{inset:auto 0 0 0!important;top:auto!important;left:0!important;width:100%;max-width:100%;max-height:78vh;border-radius:20px 20px 0 0;border-bottom:0}}
.reader-parallels{margin:0 0 16px;padding:10px 14px;border-left:3px solid var(--gilt);background:#faf6ec;border-radius:0 12px 12px 0;font-family:var(--sans)}
.reader-parallels h2{margin:0 0 4px;font:650 .72rem var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.reader-parallels ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.reader-parallels li{line-height:1.45}
.reader-parallels .text-link{font-weight:600}
.rp-ast,.ef-ast{color:var(--muted);font-weight:500;margin-left:1px}
.rp-key{margin:6px 0 0}
.verse-parallel-mark{display:inline-flex;align-items:center;margin-left:8px;padding:4px 9px;border:1px solid #e2d3b0;border-radius:999px;background:#f3ead6;color:#6b4d16;font:600 .75rem/1.2 var(--sans);vertical-align:middle;text-decoration:none;white-space:nowrap}
.verse-parallel-mark:hover,.verse-parallel-mark:focus-visible{background:#e6c27840;color:var(--ink)}
.night .reader-parallels,.night .verse-cue{background:#ffffff0f;color:#e8e2d4}
@media print{.verse-cue,.reader-parallels,.verse-parallel-mark{display:none!important}.w-link{text-decoration:none}}
.w-link:focus-visible{outline:2px solid var(--gilt);outline-offset:2px;background:#e6c27838}
/* One clear "Sign in" in the header at every width: "Use the app" (pairing) stays in the Saved page's account panel. */
.hb-header .account-chip [data-action="sign-in-app"]{display:none}
/* Word studies use one reading size and one quiet heading style, across all three languages. */
.w-link.en-link{text-decoration-style:dotted;text-decoration-color:#8e2f3c99}
.w-link.en-only{text-decoration-thickness:1.5px}
.ws-word,.word-quick .wq-orig{font:400 1rem/1.6 var(--sans)}
.ws-word .small,.word-quick .wq-orig .small,.ws-word .panel-preview{font-size:inherit;line-height:inherit}
.ws-word h3{margin:8px 0 4px}
.ws-word .entry-lemma,.word-quick .wq-lemma{font:500 1.5rem/1.4 "Noto Serif","Noto Serif Hebrew",var(--serif)}
.ws-word .entry-xlit,.word-quick .wq-xlit{font:italic 400 1rem/1.6 var(--sans);color:var(--ink-2)}
.ws-identity,.ws-pronunciation{margin:4px 0;color:var(--ink-2)}
.ws-label{display:inline-block;margin:6px 6px 2px 0;font:600 1rem/1.5 var(--sans);color:var(--ink)}
p.ws-label{display:block}
.ws-credit,.ws-uncertain{font:inherit;color:var(--muted)}
.ws-xlit{font-style:italic;color:var(--ink-2)}
.ws-def p,.ws-here p,.ws-cited,.ws-form{margin:6px 0}
.ws-here{margin:16px 0;padding:0}
.ws-note{margin:8px 0}
.ws-note summary,.ws-verse-notes>summary,.ws-sources>summary,.ws-more>summary{display:list-item;min-height:44px;padding:10px 0;box-sizing:border-box;cursor:pointer;font:600 1rem/1.5 var(--sans);color:var(--ink)}
.ws-note p{margin:6px 0}
.ws-verse-notes,.ws-more{margin:10px 0;padding:0;border:0;background:transparent}
.ws-sources{margin:24px 0 0;padding:8px 0 0;border:0;border-top:1px solid var(--line);background:transparent;font:400 1rem/1.6 var(--sans)}
.ws-sec{margin:20px 0}
.ws-sec h4{margin:0 0 6px;font:600 1rem/1.5 var(--sans)}
.ws-sec p{margin:6px 0}
.ws-senses,.ws-related,.ws-rows{margin:6px 0 10px;padding-left:0;list-style:none}
.ws-senses li,.ws-rows li{margin:8px 0;line-height:1.6;overflow-wrap:anywhere}
.ws-senses .ws-d2{padding-left:16px}.ws-senses .ws-d3{padding-left:32px}.ws-senses .ws-d4{padding-left:48px}
.ws-untagged::after,.ws-untagged-key{content:"°";color:var(--muted);font-weight:600}
.ws-n{display:inline-block;min-width:1.6em;font:inherit;color:var(--ink-2)}
.ws-related li{margin:8px 0}
.ws-related .link-button,.ws-unplaced .link-button{min-height:44px;font:inherit;color:var(--gold);background:none;border:0;padding:0 2px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.ws-card{margin:12px 0;padding:12px 0;border:0;border-top:1px solid var(--line);background:transparent}
.ws-card p{margin:6px 0}
.ws-source{margin:14px 0;padding-top:12px;border-top:1px solid var(--line)}
.ws-source p{margin:6px 0}
.ws-occ{margin:8px 0 4px 12px;font:400 1rem/1.6 var(--sans)}
@media print{.ws-verse-notes,.ws-sources,.ws-more{border:0}.ws-note[open] summary~*{display:block}}

/* end word study v83 */
/* older english v83 (W9): the Older English page (older-english.js) and its English notes in the word card and the Study
   panel (older-english-core.js). A phrase note is one dotted link over the whole phrase, or a dotted span around the
   phrase's word links; controls are 44px; prose keeps a readable measure. */
.en-phrase{text-decoration:underline dotted #8e2f3c99;text-decoration-thickness:1px;text-underline-offset:.25em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.w-link.en-phrase{-webkit-box-decoration-break:clone;box-decoration-break:clone}
.oe-note .oe-kind{margin:-2px 0 6px;font:600 .72rem/1.4 var(--sans);letter-spacing:.04em;color:var(--muted)}
.oe-note .oe-here{margin:6px 0;padding:6px 10px;border-left:3px solid #8e2f3c66;background:#fbf6f2;border-radius:0 10px 10px 0}
.oe-page{overflow-wrap:anywhere}
.oe-page #oe-body{max-width:820px}
.oe-page h1{margin:4px 0 0}
.oe-page h2{font:600 1.3rem/1.3 var(--serif);margin:28px 0 8px}
.oe-page .word-note h2{font:600 1.05rem/1.35 var(--serif);margin:0 0 6px}
.oe-totals{max-width:70ch;margin:10px 0 0;color:var(--ink-2)}
.oe-find{margin-top:16px}
.oe-filters,.oe-letters{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0}
.oe-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:44px;padding:0 14px;border:1px solid var(--line-2);border-radius:999px;background:#fff;color:var(--ink-2);font:600 .86rem/1.2 var(--sans);cursor:pointer}
.oe-letters .oe-chip{padding:0 6px}
.oe-chip:hover:not(:disabled){border-color:var(--gilt);background:#fffaf0}
.oe-chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--gilt-3)}
.oe-chip:disabled{opacity:.4;cursor:default}
.oe-chip:focus-visible,.oe-item:focus-visible,.oe-corr summary:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.oe-n{font-weight:500;opacity:.75}
.oe-count{margin:14px 0 0}
.oe-list .oe-letter-head{border:0;background:none;padding:10px 2px 0;font:600 1.15rem/1.2 var(--serif);color:var(--gold)}
.oe-item-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}
.oe-class{display:inline-block;padding:1px 8px;border-radius:999px;background:#efe6d3;color:var(--ink-2);font:600 .72rem/1.5 var(--sans)}
.oe-forms{font-size:.85rem;color:var(--muted)}
.oe-trap{margin:12px 0;padding:10px 14px;border-left:3px solid #8e2f3c99;background:#fbf4f1;border-radius:0 12px 12px 0}
.oe-trap p{margin:0}
.oe-places{color:var(--muted);max-width:70ch}
.oe-how{margin:16px 0}
.oe-sense{margin:14px 0;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--vellum)}
.oe-sense h3{margin:0 0 6px;font:600 1.1rem/1.35 var(--serif)}
.oe-sense>p{margin:4px 0}
.oe-ex .oe-ref{margin:0}
.oe-ex p{margin:4px 0}
.oe-source{margin:10px 0;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff}
.oe-source h3{margin:0 0 6px;font:600 1rem/1.35 var(--serif)}
.oe-source p{margin:6px 0}
.oe-pos{font-style:italic;font-weight:400}
.oe-verbatim{margin:6px 0;padding:6px 12px;border-left:3px solid var(--gilt);background:#faf6ec;border-radius:0 10px 10px 0;font:400 1.02rem/1.55 var(--serif)}
.oe-corr{margin:4px 0}
.oe-corr summary{display:flex;align-items:center;min-height:44px;cursor:pointer;font:600 .85rem/1.3 var(--sans);color:var(--ink-2)}
.oe-corr ul{margin:0 0 6px;padding-left:18px;font-size:.88rem}
.oe-related{list-style:none;margin:6px 0;padding:0}
.oe-related li{margin:0;min-height:44px;display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px}
.oe-sources{margin-top:28px;padding-top:6px;border-top:1px solid var(--line)}
.oe-sources ul{margin:6px 0;padding-left:18px}
.oe-sources li{margin:6px 0;font-size:.9rem;line-height:1.5;color:var(--ink-2)}
.oe-compact{margin:10px 0;padding:0 12px 6px;border:1px solid var(--line);border-radius:12px;background:#fff}
.oe-compact>summary{display:flex;align-items:center;min-height:44px;cursor:pointer;font:600 .9rem/1.3 var(--sans);color:var(--ink)}
.oe-compact>summary:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.oe-compact .oe-refs{margin:2px 0 10px;line-height:1.9}
@media(max-width:560px){.oe-sense,.oe-source{padding:10px 12px}.oe-page h2{font-size:1.18rem}.oe-chip{padding:0 11px}.oe-letters .oe-chip{padding:0 4px}}
@media print{.oe-filters,.oe-letters,.oe-find,.oe-page .sheet-row{display:none!important}.oe-sense,.oe-source{break-inside:avoid}}
/* end older english v83 */

/* Chapter resources and the optional, device-local introduction. */
.chapter-resources{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0 .25rem}.chapter-resources .button{white-space:normal;min-height:44px}.night .chapter-resources .button{color:#f5eddd;background:#27384c;border-color:#8190a4}
.walkthrough-dialog{width:min(34rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);border:1px solid var(--line);border-radius:1rem;padding:0;color:var(--ink);background:var(--paper);box-shadow:0 1rem 4rem #0007;overflow:auto}.walkthrough-dialog::backdrop{background:#0c1725a8}.walkthrough-panel{padding:clamp(1.3rem,4vw,2.3rem)}.walkthrough-panel h2{font-family:var(--display);font-size:clamp(1.7rem,5vw,2.3rem);line-height:1.15}.walkthrough-panel p{line-height:1.65}.walkthrough-preview{border:1px solid var(--line);border-radius:.6rem;padding:1rem;margin:1.2rem 0;background:#eee8dc;color:#28384a;font-weight:600;line-height:1.6}.walkthrough-actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;margin-top:1.5rem}.walkthrough-actions>div{display:flex;flex-wrap:wrap;gap:.5rem}.walkthrough-actions .button{min-height:44px}.walkthrough-dialog :focus-visible,.walkthrough-help :focus-visible{outline:3px solid #a36d25;outline-offset:3px}.walkthrough-directory{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem;margin:2rem 0}.walkthrough-directory section{padding:1.3rem;border:1px solid var(--line);border-radius:.7rem;background:#fff}.walkthrough-directory h2{font-size:1.35rem}.walkthrough-directory p{line-height:1.6}.walkthrough-links{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.walkthrough-links a{color:#694a1f;text-decoration:underline}.walkthrough-help{max-width:76rem}
.walkthrough-preview-label{display:block;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.5rem;color:#66563e}.walkthrough-fake-button{display:inline-block;border:1px solid #947b54;border-radius:.35rem;background:#fffaf0;color:#312b24;padding:.4rem .65rem;margin:.2rem 0;font-size:.9rem}.walkthrough-verse-number{display:inline-grid;place-items:center;border:1px solid #947b54;border-radius:.25rem;padding:.3rem .5rem;background:#fffaf0;color:#312b24;font-weight:700}.walkthrough-underlined{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:.2em}.walkthrough-popup{margin-top:.65rem;background:#fffaf0;border:1px solid #b8aa94;border-radius:.5rem;padding:.6rem;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;justify-content:space-between}
/* A chapter-guide entry must clear both the sticky header and, on small screens, the sticky book contents bar. */
.chapter-guide-row[id]{scroll-margin-top:calc(var(--header-h) + 12px)}
@media(max-width:900px){.chapter-guide-row[id]{scroll-margin-top:calc(var(--header-h) + 64px)}}
/* Walkthrough practice reproduces the reader and study controls without touching personal study. */
.walkthrough-dialog{width:min(58rem,calc(100vw - 2rem));max-height:calc(100dvh - 1rem)}
.walkthrough-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:.6rem 1.6rem;align-items:start}.walkthrough-copy{min-width:0}.walkthrough-copy h2{margin:.4rem 0 .8rem}.walkthrough-practice-label{font-weight:700;color:#60481f;margin:1rem 0 .25rem}.walkthrough-demo-status{font-size:.94rem;margin:.3rem 0;line-height:1.5}.walkthrough-demo{min-width:0;border:1px solid #cbbda4;border-radius:.75rem;overflow:hidden;background:#f8f4ea;color:#29251e;box-shadow:0 3px 15px #4c38191c;font-family:var(--sans)}.walkthrough-real-links,.walkthrough-actions{grid-column:1/-1}.walkthrough-real-links{font-size:.85rem;margin-top:.5rem}.walkthrough-real-links span{font-weight:700}.walkthrough-actions{margin-top:.35rem}
.demo-site-header{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem .7rem;padding:.65rem .8rem;border-bottom:1px solid #e3d8c2;background:#fbf7ee;font-size:.68rem}.demo-site-header strong{font:600 .9rem var(--display);margin-right:auto}.demo-reader,.demo-daily,.demo-tool-screen{padding:.9rem}.demo-reader-title span,.demo-eyebrow,.demo-tool-screen>small,.demo-chapter>small,.demo-sheet-head small{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:.66rem;font-weight:700;color:#806632}.demo-reader-title strong,.demo-tool-screen>strong{display:block;font:500 1.45rem/1.2 var(--display)}.demo-selector{display:flex;flex-wrap:wrap;gap:.3rem;margin:.6rem 0}.demo-selector span{padding:.3rem .55rem;border:1px solid #d7c9b0;border-radius:.3rem;background:#fffdf8;font-size:.74rem}.demo-scripture{padding:.85rem;border:1px solid #e1d5c1;border-radius:.55rem;background:#fffdf8}.demo-chapter>strong{display:block;font:500 1.55rem var(--display);margin:.25rem 0 .55rem}.demo-chapter>strong span{color:#98743a}.demo-verse{font:400 .95rem/1.65 var(--serif);margin:.7rem 0}.demo-verse-number{border:0;border-radius:.25rem;background:#fff6df;color:#866126;font:700 .76rem var(--sans);padding:.35rem .5rem;cursor:pointer}.demo-linked-word{border:0;background:transparent;color:inherit;font:inherit;text-decoration:underline dotted;text-underline-offset:.18em;cursor:pointer}.demo-control{min-height:42px;white-space:normal;line-height:1.25;background:#fffdf8}.demo-highlight{outline:3px solid #c8902f;outline-offset:2px;box-shadow:0 0 0 5px #e8c77b66}.demo-resources,.demo-daily-actions,.demo-tool-grid{display:flex;flex-wrap:wrap;gap:.6rem;margin:.7rem 0}.demo-sheet{margin:.75rem 0 0;padding:.8rem;border:1px solid #cdbd9e;border-radius:.65rem;background:#fffdf8;box-shadow:0 4px 16px #49310d22;font-size:.85rem;line-height:1.45}.demo-sheet-head strong{display:block;font:500 1.2rem var(--display)}.demo-sheet p{font-size:.86rem;margin:.5rem 0}.demo-quote{font-family:var(--serif)}.demo-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem}.demo-action-grid>span{padding:.35rem .2rem;border:1px solid #e2d6c3;border-radius:.3rem;font-size:.68rem;text-align:center}.demo-action-grid .button{font-size:.74rem;padding:.3rem}.demo-greek{font-family:"Noto Serif",var(--serif);font-size:1.15rem!important}.demo-greek em{font-size:.85rem}.demo-daily blockquote{font:400 1rem/1.6 var(--serif);margin:.65rem 0}.demo-daily blockquote footer{font:700 .75rem var(--sans);margin-top:.5rem;color:#735d38}.demo-result,.demo-muted{font-size:.8rem;color:#61584c}.demo-parallel{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:.8rem 0}.demo-parallel section{padding:.6rem;background:white;border:1px solid #e2d6c3;border-radius:.4rem}.demo-parallel p{font-size:.8rem;margin:.25rem 0}
@media(max-width:700px){.walkthrough-dialog{width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem)}.walkthrough-panel{grid-template-columns:minmax(0,1fr);padding:1rem;gap:.5rem}.walkthrough-real-links,.walkthrough-actions{grid-column:1}.demo-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-site-header{gap:.3rem .45rem}}
.walkthrough-actions{position:sticky;bottom:0;z-index:2;background:var(--paper);padding:.6rem 0 .1rem}
.walkthrough-demo .demo-control,.walkthrough-demo .demo-verse-number,.walkthrough-demo .demo-linked-word{min-width:44px;min-height:44px}
.walkthrough-demo .demo-linked-word{display:inline-block;vertical-align:middle}

/* Keep passage reading and study in front; retain the other tools together. */
.nav-extras>summary,.tools-extra>summary,.reader-display>summary,.reader-more-actions>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;padding:10px 12px;font:600 .92rem/1.35 var(--sans);color:var(--ink);border-radius:10px}
.nav-extras>summary:after,.tools-extra>summary:after,.reader-display>summary:after,.reader-more-actions>summary:after{content:'+';margin-left:auto;padding-left:12px;color:var(--gold)}
.nav-extras[open]>summary:after,.tools-extra[open]>summary:after,.reader-display[open]>summary:after,.reader-more-actions[open]>summary:after{content:'−'}
.nav-extras>ul{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.nav-extras>summary:hover,.nav-extras>summary:focus-visible{background:#87601c14}
.tools-page>.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.tools-extra{margin-top:36px;padding:clamp(20px,2.5vw,32px);border:1px solid var(--line);border-radius:22px;background:var(--vellum)}
.tools-extra>h2{font:500 clamp(1.65rem,2.4vw,2.1rem)/1.2 var(--display);margin:0 0 24px}
.tools-extra>.tools-grid{padding:0}
@media(max-width:760px){.tools-page>.tools-grid{grid-template-columns:1fr}}
.home-more-tools{display:flex;gap:14px 28px;flex-wrap:wrap;justify-content:center;margin:24px 0 40px;font-size:1rem}
.daily-word{scroll-margin-top:calc(var(--header-h) + 16px)}
.daily-reminder-status{grid-column:1/-1;font-size:.86rem;color:var(--muted)}
.daily-reminder-status:empty{display:none}
.reader-core-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}
.reader-display,.reader-more-actions{position:relative}
.reader-display>summary,.reader-more-actions>summary{border:1px solid var(--line);background:var(--vellum);min-height:38px;padding:7px 10px;font-size:.8rem;list-style:none}
.reader-display>summary::-webkit-details-marker,.reader-more-actions>summary::-webkit-details-marker{display:none}
.reader-display>div,.reader-more-actions>div{position:absolute;z-index:20;left:0;top:calc(100% + 6px);display:flex;flex-wrap:wrap;gap:8px;width:min(390px,calc(100vw - 48px));padding:14px;background:var(--vellum);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg)}
.reader-more-actions>div{left:auto;right:0}
@media(max-width:560px){.reader-core-actions{width:100%}.reader-display>div{width:min(320px,calc(100vw - 48px))}.reader-core-actions>.button{flex:1 1 auto}.panel-tabs button{padding:6px;font-size:.84rem}.home-more-tools{justify-content:flex-start;gap:14px}.daily-actions [data-daily-reminder]{flex:1 1 100%}}

.handbook-extras>div{display:grid;gap:2px;border-top:1px solid var(--line);padding-top:6px}.handbook-extras .np-pair{margin:6px 0}.handbook-extras>summary{padding:10px 8px}

/* Desktop visual rhythm and flexible Bible search. The daily card and tools remain in normal flow. */
.hb-header .hb-search kbd{display:none}
.hb-header .hb-search{font-size:.94rem}
.hb-header .account-chip .button{font-size:.9rem;min-height:46px}
.page-title-row{flex-wrap:wrap;gap:20px 28px;margin-bottom:32px}
.page-title-row>div,.reader-title>div{min-width:0}
.page-title-row h1{line-height:1.1}
.page-title-row .study-lede{margin-top:18px}
.library-intro{gap:24px 40px;margin-bottom:30px}
.library-intro h2{line-height:1.15}
.tools-grid{gap:20px}
.tools-grid .tool-card{padding:26px;gap:10px}
.tools-grid .tool-card h2{font-size:1.4rem;line-height:1.3}
.tools-grid .tool-card p{font-size:1rem;line-height:1.65}
.reading-tools{gap:12px;margin-bottom:18px}
.reading-tools .button,.reader-display>summary,.reader-more-actions>summary{min-height:44px;font-size:.875rem;padding:10px 13px}
.reading-tools .reader-core-actions{gap:8px}
.bible-search-panel form{padding:clamp(20px,3vw,32px);border:1px solid var(--line);border-radius:22px;background:var(--vellum);box-shadow:var(--shadow)}
.bible-search-panel form>label{font:500 clamp(1.5rem,2.5vw,2rem)/1.2 var(--display);letter-spacing:-.015em;margin-bottom:20px}
.bible-search-fields{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}
.bible-search-fields input{width:100%;min-width:0;min-height:52px;font-size:1rem}
.bible-search-fields>.button{min-width:112px;min-height:52px;font-size:1rem}
.bible-search-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}
.bible-search-options label{display:grid;gap:7px;min-width:0;font:600 .88rem/1.4 var(--sans);color:var(--ink-2)}
.bible-search-options .select{width:100%;min-width:0;min-height:46px;font-size:.95rem}
#bible-search-help{margin:16px 0 0;max-width:72ch;font-size:.94rem;line-height:1.6;color:var(--muted)}
#bible-search-status{margin:24px 0 16px;font-size:1rem}
.search-hit{background:#f4df9b;color:#241c0b;border-radius:3px;box-shadow:0 1px 0 #b88b3470;padding:0 .07em}
@media(max-width:700px){
  .section-head,.library-intro{gap:18px;margin-bottom:24px}
  .section-lede{font-size:1rem}
  .portal strong{font-size:1.3rem}
  .tools-grid{gap:14px}
  .tools-grid .tool-card{padding:22px}
  .bible-search-options{grid-template-columns:1fr;gap:14px}
  .bible-search-options label{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px}
}
@media(max-width:420px){
  .bible-search-fields{grid-template-columns:1fr}
  .bible-search-fields>.button{width:100%}
  .bible-search-options label{grid-template-columns:1fr;gap:6px}
}
@media(max-width:63.9375em){
  .hb-header .account-chip .button{font-size:0;min-height:44px}
}
/* Keep the floating help control from covering a full line of content on a phone. */
@media(max-width:560px){
  body .study-question-launcher{width:48px;height:48px;min-width:48px;padding:0;justify-content:center;gap:0;right:12px;border-radius:50%}
  body .study-question-launcher span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  body .study-question-launcher svg{width:22px;height:22px}
}

.saved-page .account-card{margin-top:24px}
/* Qualified audience cards keep category, recipients, and evidence together. */
.audience-card{padding:clamp(20px,3vw,34px);border:1px solid var(--line,#d8d0bf);border-radius:18px;background:var(--paper,#fffdf7);overflow-wrap:anywhere}
.book-section.audience-card h2{font-size:clamp(1.6rem,2.5vw,2.15rem);line-height:1.25;margin-top:6px}
.audience-status{line-height:1.55;margin:14px 0}
.audience-review{padding:10px 14px;border-left:3px solid #92712e;background:#f5f0e3;font-size:.92rem;line-height:1.5}
.audience-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}
.audience-facts>div:last-child{grid-column:1/-1}
.audience-facts dt{font-weight:700;font-size:.94rem;margin-bottom:6px}
.audience-facts dd{margin:0;line-height:1.65}
.audience-evidence h3,.audience-notes h4{font-size:1.1rem;margin:0 0 10px}
.audience-evidence .tag-list{gap:8px}
.audience-evidence a{min-height:44px;display:inline-flex;align-items:center;white-space:normal}
.audience-notes{margin-top:22px;border-top:1px solid var(--line,#d8d0bf);padding-top:12px}
.audience-notes summary{cursor:pointer;min-height:44px;display:list-item;align-content:center;font-weight:600;line-height:1.5}
.audience-notes section{margin:20px 0}
.audience-notes p,.audience-notes li{line-height:1.6}
.audience-notes .audience-role{font-size:.92rem;font-weight:600;margin:0 0 7px}
@media(max-width:640px){.audience-facts{grid-template-columns:minmax(0,1fr);gap:18px}.audience-card{border-radius:14px}}

/* Reader spacing is controlled independently of text size. */
.scripture-page{padding:28px var(--reader-margin,12px)}
.scripture-body,.scripture-page.spacious .scripture-body{font-size:var(--reader-size);line-height:calc(1.25em + var(--reader-line-gap,2px));max-width:var(--reader-width,none);margin-inline:auto}
.scripture-body .reader-verse{padding:0;margin-block:0 var(--reader-verse-gap,4px)}
.scripture-page.paragraphs .reader-verse{display:inline;margin:0;padding:0}
.verse-number{min-width:0;padding:0 .35em 0 0}
.verse-numbers-column:not(.paragraphs) .reader-verse{position:relative;padding-left:2em}
.verse-numbers-column:not(.paragraphs) .verse-number{position:absolute;left:0;top:.15em;min-width:1.8em}
.reader-display>div{max-height:min(70vh,620px);overflow:auto;width:min(410px,calc(100vw - 48px))}
.reader-format-controls{display:grid;width:100%;gap:14px;padding-block:8px}
.reader-format-controls label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;font-size:.875rem}
.reader-format-controls input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--gold)}
.reader-format-controls output{grid-column:2;grid-row:auto;font-size:.8rem;color:var(--muted)}
.reader-format-controls select{max-width:180px;padding:7px;border:1px solid var(--line);border-radius:8px;background:var(--vellum);color:var(--ink)}
.reader-presets{display:flex;flex-wrap:wrap;gap:6px}
.panel-related-links{margin-block:8px}
@media(min-width:901px){.reader-workspace.wide-reading{grid-template-columns:minmax(0,1fr)}.reader-workspace.wide-reading .reader-notes{position:static;max-height:none;display:none}.reader-workspace.wide-reading.notes-expanded .reader-notes{display:block}}

.scripture-page .scripture-body{font-family:var(--reader-font,"Source Serif 4",Georgia,serif)}