:root{--hl-bg:#020912;--hl-panel:#04131f;--hl-panel2:#061b2a;--hl-line:#1a5878;--hl-line-soft:#123e57;--hl-cyan:#2cc5f4;--hl-blue:#168bd7;--hl-gold:#e7b85d;--hl-gold2:#f0d08c;--hl-text:#eef5f8;--hl-muted:#9fb5c5;--hl-serif:Georgia,'Times New Roman',serif;--hl-sans:Inter,Arial,sans-serif}
body{background:#01070d}.hl-shell{width:min(1600px,calc(100vw - 24px));margin:0 auto 28px;display:grid;grid-template-columns:250px minmax(0,1fr) 330px;border-left:1px solid var(--hl-line);border-right:1px solid var(--hl-line);background:var(--hl-bg);color:var(--hl-text)}
.hl-left{min-width:0;background:#03101a;border-right:1px solid var(--hl-line);display:flex;flex-direction:column;overflow:hidden}.hl-left-art{height:245px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid var(--hl-line);background:radial-gradient(circle at 50% 40%,rgba(30,135,190,.2),transparent 37%),linear-gradient(145deg,#061c2b 0%,#020a12 68%,#061725 100%)}.hl-left-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.42))}.hl-left-art span{position:absolute;font:700 94px/1 var(--hl-serif);color:rgba(229,190,105,.13);text-shadow:0 0 18px rgba(61,184,238,.06)}.hl-left-art span:nth-child(1){transform:translate(-48px,-12px)}.hl-left-art span:nth-child(2){transform:translate(34px,25px);font-size:70px}.hl-left-art span:nth-child(3){transform:translate(70px,-55px);font-size:48px;color:rgba(45,190,240,.12)}
.hl-left-copy{padding:20px 18px 18px;border-bottom:1px solid var(--hl-line-soft)}.hl-left-copy strong{display:block;color:var(--hl-gold2);font:600 24px/1.05 var(--hl-serif)}.hl-left-copy span{display:block;margin-top:8px;color:#9fb8c8;font:9px/1.5 var(--hl-sans);letter-spacing:.07em;text-transform:uppercase}.hl-left-nav{display:grid;gap:3px;padding:10px 8px;background:linear-gradient(#03101a,#020b13)}.hl-local-link{min-height:54px;display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;padding:7px 10px;border:1px solid transparent;border-radius:3px;color:#e9f1f5;text-decoration:none;font:700 11px/1.25 var(--hl-sans);box-sizing:border-box}.hl-local-link:hover{border-color:#1d6588;background:#071c2b}.hl-local-link.active{border-color:#2daff0;background:linear-gradient(180deg,#0c6097,#084469);box-shadow:0 0 12px rgba(39,173,238,.2)}.hl-nav-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid #bf8a23;border-radius:3px;color:#f0c75d;font:700 12px/1 var(--hl-serif);background:#06131d}.hl-local-link.active .hl-nav-icon{border-color:#69d2ff;color:#dff6ff;background:#0b537f}.hl-left-bottom{margin-top:auto;min-height:210px;display:flex;align-items:flex-end;padding:20px 18px;background:linear-gradient(180deg,#03101a 0%,rgba(2,10,17,.86) 36%,rgba(2,10,17,.72) 100%);border-top:1px solid var(--hl-line-soft)}.hl-left-bottom blockquote{margin:0;color:#c9d5dc;font:13px/1.45 var(--hl-serif)}.hl-left-bottom cite{display:block;margin-top:10px;color:#e5b861;font:800 8px/1.2 var(--hl-sans);letter-spacing:.14em;text-transform:uppercase}.hl-left-bottom cite a{color:inherit;text-decoration:none}
.hl-center{min-width:0;padding:10px;background:#020a12}.hl-hero{min-height:255px;position:relative;overflow:hidden;border:1px solid #1b5b7d;background:linear-gradient(135deg,#04131f,#081e2d 52%,#03101a)}.hl-hero-art{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 71% 37%,rgba(43,179,235,.16),transparent 30%),linear-gradient(90deg,rgba(2,8,14,.9),rgba(2,8,14,.32) 55%,rgba(2,8,14,.76))}.hl-hero-art span{position:absolute;color:rgba(239,198,112,.11);font:700 180px/1 var(--hl-serif)}.hl-hero-art span:nth-child(1){right:8%;top:7%}.hl-hero-art span:nth-child(2){right:29%;bottom:-25%;font-size:128px;color:rgba(48,191,244,.08)}.hl-hero-art span:nth-child(3){left:48%;top:-18%;font-size:130px}.hl-hero-copy{position:relative;z-index:2;min-height:255px;display:flex;flex-direction:column;justify-content:center;padding:26px 44% 24px 34px;box-sizing:border-box}.hl-kicker{display:block;color:var(--hl-cyan);font:800 9px/1.2 var(--hl-sans);letter-spacing:.22em;text-transform:uppercase}.hl-hero h1{margin:7px 0 0;color:#f2cf88;font:600 clamp(34px,3.8vw,62px)/.97 var(--hl-serif);text-wrap:balance}.hl-hero-rule{width:175px;height:1px;margin:13px 0;background:linear-gradient(90deg,var(--hl-gold),transparent)}.hl-hero-copy>strong{max-width:620px;color:#d2dde4;font:500 13px/1.55 var(--hl-serif)}.hl-hero-hebrew{position:absolute;right:10%;bottom:22%;color:rgba(245,210,135,.88);font:700 42px/1 var(--hl-serif);text-shadow:0 0 16px rgba(232,183,86,.12)}
.hl-content{padding:14px 0 0}.hl-home-intro,.hl-section-intro{padding:22px 24px;border:1px solid var(--hl-line);background:linear-gradient(180deg,#061927,#04131e)}.hl-home-intro h2,.hl-section-intro h2{margin:6px 0 10px;color:#f0cf8c;font:600 28px/1.05 var(--hl-serif)}.hl-home-intro p,.hl-section-intro p{max-width:900px;margin:0;color:#b9c9d3;font:13px/1.58 var(--hl-serif)}.hl-focus-note{display:grid;grid-template-columns:110px 1fr;gap:12px;margin-top:16px;padding:11px 12px;border-left:3px solid var(--hl-cyan);background:#071b28}.hl-focus-note strong{color:#7fd9fa;font:800 9px var(--hl-sans);text-transform:uppercase;letter-spacing:.1em}.hl-focus-note span{color:#c6d3db;font:12px/1.4 var(--hl-serif)}
.hl-path-grid,.hl-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.hl-path-card{min-height:174px;display:grid;grid-template-columns:116px 1fr;gap:14px;align-items:center;padding:16px;border:1px solid var(--hl-line);background:linear-gradient(145deg,#061a28,#03101a);color:var(--hl-text);text-decoration:none}.hl-path-card:hover{border-color:#d0a249;transform:translateY(-2px)}.hl-card-glyph{height:108px;display:grid;place-items:center;border:1px solid #285e78;background:radial-gradient(circle,#0c3044,#05131d 68%);color:#f1ce82;font:700 42px/1 var(--hl-serif)}.hl-path-card h2{margin:0;color:#f1d399;font:600 19px/1.08 var(--hl-serif)}.hl-path-card p{margin:8px 0 12px;color:#aabdc8;font:10.5px/1.45 var(--hl-sans)}.hl-path-card strong{color:#edb94f;font:800 9px var(--hl-sans)}
.hl-pattern-journey,.hl-foundation-strip,.hl-bridge,.hl-textlab-sample{margin-top:9px;border:1px solid var(--hl-line);background:#04131f}.hl-pattern-journey header,.hl-textlab-sample header{padding:17px 18px;border-bottom:1px solid var(--hl-line-soft)}.hl-pattern-journey h2,.hl-textlab-sample h2{margin:5px 0 0;color:#f0d18f;font:600 22px/1.08 var(--hl-serif)}.hl-journey-row{display:flex;align-items:stretch;gap:4px;padding:14px;overflow-x:auto}.hl-journey-row a{min-width:128px;flex:1;padding:11px;border:1px solid #214c61;background:#061722;text-decoration:none}.hl-journey-row a:hover{border-color:#c89c43}.hl-journey-row span{color:#2ec4f2;font:800 8px var(--hl-sans)}.hl-journey-row strong{display:block;margin-top:5px;color:#ebd49f;font:700 11px/1.2 var(--hl-serif)}.hl-journey-row small{display:block;margin-top:5px;color:#8fa7b5;font:8px/1.3 var(--hl-sans)}.hl-arrow{display:grid;place-items:center;color:#5a8297}.hl-foundation-strip,.hl-bridge{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px}.hl-foundation-strip h2,.hl-bridge h2{margin:5px 0 7px;color:#f1cf88;font:600 22px/1 var(--hl-serif)}.hl-foundation-strip p,.hl-bridge p{margin:0;max-width:760px;color:#a9bdc8;font:11px/1.5 var(--hl-sans)}.hl-foundation-strip>a,.hl-bridge>a{flex:none;padding:10px 12px;border:1px solid #2484b5;color:#d9f2ff;text-decoration:none;background:#08273a;font:800 9px var(--hl-sans)}
.hl-module-grid article{position:relative;min-height:180px;padding:20px;border:1px solid var(--hl-line);background:linear-gradient(145deg,#061a28,#03101a)}.hl-module-num{display:block;color:#36bcea;font:800 9px var(--hl-sans);letter-spacing:.12em}.hl-module-grid h3{margin:8px 0;color:#efd196;font:600 20px/1.08 var(--hl-serif)}.hl-module-grid p{margin:0 0 18px;color:#a8bbc6;font:11px/1.5 var(--hl-sans)}.hl-module-grid button{position:absolute;left:20px;bottom:18px;border:0;background:none;color:#e9b94d;padding:0;font:800 9px var(--hl-sans);cursor:pointer}.hl-textlab-sample{padding-bottom:18px}.hl-textlab-hebrew{padding:20px 22px 12px;color:#f3d18b;font:700 35px/1.25 var(--hl-serif);text-align:right}.hl-textlab-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0 16px}.hl-textlab-columns>div{padding:12px;border:1px solid #214c61;background:#061722}.hl-textlab-columns strong{color:#7dd6f6;font:700 11px var(--hl-serif)}.hl-textlab-columns p{margin:6px 0 0;color:#9db2bd;font:9px/1.4 var(--hl-sans)}
.hl-right{min-width:0;padding:10px 10px 12px 0;border-left:1px solid var(--hl-line);background:#020912}.hl-right-visual{height:220px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--hl-line);background:radial-gradient(circle at 50% 45%,rgba(40,166,218,.18),transparent 32%),linear-gradient(160deg,#071e2d,#020a11)}.hl-right-visual span{color:rgba(239,199,111,.55);font:700 64px/1 var(--hl-serif)}.hl-right-panel{margin-top:8px;border:1px solid var(--hl-line);background:#03111c}.hl-right-panel header{padding:10px 12px;border-bottom:1px solid var(--hl-line-soft);background:#061a28}.hl-right-panel header span{color:#41cff8;font:800 9px var(--hl-sans);letter-spacing:.13em;text-transform:uppercase}.hl-right-panel>a,.hl-right-panel>button{width:100%;display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:center;padding:12px;border:0;border-bottom:1px solid #12394e;background:transparent;color:#edf4f7;text-align:left;text-decoration:none;cursor:pointer;box-sizing:border-box}.hl-right-panel>a:hover,.hl-right-panel>button:hover{background:#071d2b}.hl-right-panel b{display:grid;place-items:center;width:28px;height:28px;border:1px solid #2d789c;color:#f0c65f;font:700 10px var(--hl-serif)}.hl-right-panel strong{display:block;font:700 10px/1.25 var(--hl-sans)}.hl-right-panel small{display:block;margin-top:4px;color:#8ea6b4;font:8px/1.35 var(--hl-sans)}.hl-pattern-focus>div{padding:14px}.hl-pattern-focus strong{color:#f0d18e;font:600 17px/1.1 var(--hl-serif)}.hl-pattern-focus p{margin:8px 0 0;color:#a5b8c3;font:10px/1.45 var(--hl-sans)}
.hl-path-card,.hl-local-link,.hl-journey-row a,.hl-foundation-strip>a,.hl-bridge>a,.hl-right-panel>a,.hl-right-panel>button{transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease}.hl-toast{position:fixed;left:50%;bottom:24px;z-index:9999;transform:translate(-50%,20px);opacity:0;pointer-events:none;max-width:600px;padding:11px 14px;border:1px solid #2e789c;background:#061925;color:#dceaf1;font:10px/1.4 var(--hl-sans);transition:.22s ease}.hl-toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:900px) and (max-width:1439px){.hl-shell{width:100%;grid-template-columns:150px minmax(0,1fr) 285px}.hl-left-art{height:185px}.hl-left-copy{padding:14px 10px}.hl-left-copy strong{font-size:18px}.hl-left-copy span{font-size:6.5px}.hl-left-nav{padding:7px 5px;gap:2px}.hl-local-link{min-height:42px;grid-template-columns:24px 1fr;gap:6px;padding:5px 6px;font-size:8px}.hl-nav-icon{width:22px;height:22px;font-size:8px}.hl-left-bottom{min-height:190px;padding:14px 10px}.hl-left-bottom blockquote{font-size:10px}.hl-center{padding:0 6px}.hl-right{padding:0 6px 0 0}.hl-hero{min-height:185px}.hl-hero-copy{min-height:185px;padding:18px 38% 16px 20px}.hl-hero h1{font-size:34px}.hl-hero-copy>strong{font-size:10px}.hl-hero-hebrew{font-size:30px}.hl-path-grid,.hl-module-grid{gap:5px}.hl-path-card{min-height:132px;grid-template-columns:78px 1fr;padding:10px;gap:9px}.hl-card-glyph{height:78px;font-size:30px}.hl-path-card h2{font-size:14px}.hl-path-card p{font-size:8px}.hl-home-intro,.hl-section-intro{padding:16px}.hl-home-intro h2,.hl-section-intro h2{font-size:22px}.hl-home-intro p,.hl-section-intro p{font-size:10px}.hl-right-visual{height:180px}.hl-right-panel>a,.hl-right-panel>button{padding:9px}.hl-right-panel strong{font-size:8px}.hl-right-panel small{font-size:6.8px}.hl-module-grid article{min-height:150px;padding:15px}.hl-module-grid h3{font-size:16px}.hl-module-grid p{font-size:8.5px}.hl-module-grid button{left:15px;bottom:14px;font-size:7px}}
@media(max-width:899px){.hl-shell{width:100%;display:block;border:0}.hl-left,.hl-right{border:0}.hl-left-art,.hl-left-copy,.hl-left-bottom{display:none}.hl-left-nav{display:flex;overflow-x:auto}.hl-local-link{min-width:160px}.hl-center{padding:6px}.hl-hero-copy{padding:24px 28px}.hl-hero-hebrew{right:6%;opacity:.35}.hl-right{padding:6px}.hl-right-visual{display:none}.hl-path-grid,.hl-module-grid,.hl-textlab-columns{grid-template-columns:1fr}.hl-foundation-strip,.hl-bridge{display:block}.hl-foundation-strip>a,.hl-bridge>a{display:inline-block;margin-top:12px}.hl-journey-row{padding-bottom:18px}}
@media(prefers-reduced-motion:reduce){.hl-path-card,.hl-local-link,.hl-journey-row a,.hl-foundation-strip>a,.hl-bridge>a,.hl-right-panel>a,.hl-right-panel>button,.hl-toast{transition:none!important}}

/* =========================================================
   HEBREW LEARNING LANDING V2 — HERO + FULL ALPHABET EXPLORER
   ========================================================= */
.hl-hero{
  min-height:300px!important;
  position:relative;overflow:hidden;border:1px solid #1b5b7d!important;background:#020912!important;
}
.hl-hero-image{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;display:block;
  filter:brightness(.92) saturate(1.06) contrast(1.04);
}
.hl-hero-shade{
  position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(90deg,rgba(1,7,12,.94) 0%,rgba(1,7,12,.80) 28%,rgba(1,7,12,.38) 57%,rgba(1,7,12,.16) 100%),
    linear-gradient(180deg,rgba(0,0,0,.08),rgba(1,7,12,.38));
}
.hl-hero-copy{
  position:relative!important;z-index:2!important;min-height:300px!important;
  padding:34px 48% 30px 36px!important;
}
.hl-hero h1{font-size:clamp(42px,4.2vw,68px)!important;text-shadow:0 4px 24px rgba(0,0,0,.96)}
.hl-hero-copy>strong{font-size:14px!important;color:#edf3f6!important;text-shadow:0 2px 8px rgba(0,0,0,.9)}
.hl-hero-hebrew{
  right:8%!important;bottom:11%!important;color:#f2ca72!important;font-size:46px!important;
  padding:8px 14px;border:1px solid rgba(226,177,75,.48);background:rgba(2,9,16,.60);
  text-shadow:0 3px 16px rgba(0,0,0,.95)!important
}
.hl-hero-art{display:none!important}

.hl-alphabet-explorer{
  margin-top:10px;border:1px solid var(--hl-line);background:linear-gradient(180deg,#051724,#03101a);
  box-shadow:inset 0 0 34px rgba(20,126,176,.05)
}
.hl-alphabet-explorer>header{
  display:flex;align-items:end;justify-content:space-between;gap:24px;padding:21px 22px 18px;
  border-bottom:1px solid var(--hl-line-soft);background:linear-gradient(180deg,#071c2a,#051521)
}
.hl-alphabet-explorer>header h2{margin:5px 0 8px;color:#f2d28d;font:600 29px/1.05 var(--hl-serif)}
.hl-alphabet-explorer>header p{max-width:770px;margin:0;color:#b7c7d1;font:12px/1.52 var(--hl-serif)}
.hl-alphabet-explorer>header>a{
  flex:none;padding:10px 12px;border:1px solid #2b88b5;background:#08283d;color:#e0f5ff;
  text-decoration:none;font:800 9px/1.2 var(--hl-sans);transition:.2s ease
}
.hl-alphabet-explorer>header>a:hover{border-color:#e1b44d;color:#ffe3a0;transform:translateY(-1px)}
.hl-alphabet-grid{
  display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:5px;padding:10px;
  background:
    radial-gradient(circle at 50% 20%,rgba(30,174,229,.07),transparent 40%),
    #020c14
}
.hl-letter-card{
  position:relative;min-width:0;min-height:136px;padding:10px 6px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  border:1px solid #174b64;background:linear-gradient(160deg,#071c2a 0%,#03101a 74%);color:#e8f2f6;cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease
}
.hl-letter-card:hover{transform:translateY(-2px);border-color:#4eb4db;background:linear-gradient(160deg,#0a2638,#04131e)}
.hl-letter-card.active{
  border-color:#e7b84e;background:radial-gradient(circle at 50% 45%,rgba(229,178,70,.18),transparent 53%),linear-gradient(160deg,#092438,#04121d);
  box-shadow:inset 0 0 0 1px rgba(255,214,113,.18),0 0 14px rgba(230,179,71,.14)
}
.hl-letter-order{position:absolute;left:6px;top:5px;color:#5a8296;font:800 6.5px/1 var(--hl-sans);letter-spacing:.12em}
.hl-letter-glyph{color:#f0ca73;font:700 42px/1 var(--hl-serif);text-shadow:0 2px 12px rgba(0,0,0,.8)}
.hl-letter-card strong{margin-top:7px;color:#eef4f6;font:800 8.5px/1.1 var(--hl-sans)}
.hl-letter-card small{margin-top:3px;max-width:90%;color:#89a7b7;font:6.5px/1.15 var(--hl-sans);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hl-letter-card em{margin-top:7px;color:#43c9f2;font:800 8px/1 var(--hl-sans);font-style:normal}
.hl-final-form{position:absolute;right:6px;bottom:5px;color:#a78a50;font:700 13px/1 var(--hl-serif)}

.hl-letter-detail{margin-top:8px;border:1px solid var(--hl-line);background:linear-gradient(180deg,#051824,#03111b)}
.hl-letter-detail>header{padding:17px 16px 15px;text-align:center;border-bottom:1px solid var(--hl-line-soft);background:radial-gradient(circle at 50% 45%,rgba(30,174,229,.12),transparent 55%)}
.hl-letter-detail-glyph{margin:5px 0;color:#f2c96d;font:700 82px/1 var(--hl-serif);text-shadow:0 0 20px rgba(220,168,64,.10)}
.hl-letter-detail h2{margin:4px 0 2px;color:#f1d392;font:600 25px/1 var(--hl-serif)}
.hl-letter-detail>header>strong{color:#5bd4f7;font:800 9px/1 var(--hl-sans);letter-spacing:.08em;text-transform:uppercase}
.hl-letter-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#12394d;border-bottom:1px solid var(--hl-line-soft)}
.hl-letter-detail-grid p{margin:0;padding:10px;background:#04131e}
.hl-letter-detail-grid span{display:block;color:#6fbdd9;font:800 7px/1.2 var(--hl-sans);letter-spacing:.1em;text-transform:uppercase}
.hl-letter-detail-grid b{display:block;margin-top:5px;color:#edf3f6;font:700 10px/1.3 var(--hl-serif)}
.hl-letter-detail-actions{padding:10px;display:grid;gap:6px}
.hl-letter-detail-actions button,.hl-letter-detail-actions a{min-height:34px;display:flex;align-items:center;justify-content:center;border:1px solid #226789;background:#071d2b;color:#dff5ff;text-decoration:none;font:800 8px/1.2 var(--hl-sans);cursor:pointer}
.hl-letter-detail-actions button:hover,.hl-letter-detail-actions a:hover{border-color:#d9aa45;color:#ffe0a0}
.hl-right-alphabet{position:relative;background:linear-gradient(155deg,#061b29,#020a11)!important}
.hl-right-alphabet span{font-size:54px!important;letter-spacing:.08em}
.hl-right-alphabet small{position:absolute;right:16%;bottom:17%;color:rgba(45,192,239,.28);font:700 30px/1 var(--hl-serif)}

/* Keep the broader paths below the alphabet rather than competing with it above the fold. */
.hl-home-intro{margin-top:10px!important}

@media(min-width:900px) and (max-width:1439px){
  .hl-hero{min-height:220px!important}
  .hl-hero-copy{min-height:220px!important;padding:24px 42% 22px 20px!important}
  .hl-hero h1{font-size:38px!important}
  .hl-hero-copy>strong{font-size:10px!important}
  .hl-hero-hebrew{font-size:31px!important;right:6%!important;bottom:9%!important}
  .hl-alphabet-explorer>header{padding:14px 15px 12px;gap:12px}
  .hl-alphabet-explorer>header h2{font-size:21px}
  .hl-alphabet-explorer>header p{font-size:8.5px}
  .hl-alphabet-explorer>header>a{font-size:7px;padding:8px}
  .hl-alphabet-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:7px}
  .hl-letter-card{min-height:104px;padding:8px 4px 6px}
  .hl-letter-glyph{font-size:32px}
  .hl-letter-card strong{font-size:7px}
  .hl-letter-card small{font-size:5.7px}
  .hl-letter-card em{font-size:7px;margin-top:5px}
  .hl-final-form{font-size:11px}
  .hl-letter-detail-glyph{font-size:62px}
  .hl-letter-detail h2{font-size:20px}
}
@media(max-width:899px){
  .hl-hero{min-height:280px!important}
  .hl-hero-copy{min-height:280px!important;padding:28px 24px!important}
  .hl-hero-image{filter:brightness(.70) saturate(1.04)}
  .hl-hero-shade{background:linear-gradient(90deg,rgba(1,7,12,.92),rgba(1,7,12,.62))}
  .hl-hero-hebrew{right:5%!important;bottom:8%!important;font-size:34px!important;opacity:.65}
  .hl-alphabet-explorer>header{display:block}
  .hl-alphabet-explorer>header>a{display:inline-flex;margin-top:12px}
  .hl-alphabet-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
}
@media(max-width:520px){.hl-alphabet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Hebrew alphabet reads in native RTL order while English tile metadata remains LTR. */
.hl-alphabet-grid{direction:rtl}
.hl-letter-card{direction:ltr}

/* =========================================================
   STEP 1 — REFERENCE HERO TRIO ONLY
   Left identity hero • Center cinematic hero • Right letter hero
   ========================================================= */
.hl-left-hero{
  position:relative;height:168px;overflow:hidden;border-bottom:1px solid var(--hl-line);background:#020a12
}
.hl-left-hero>img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:48% 42%;
  filter:brightness(.68) saturate(1.02) contrast(1.06);transform:scale(1.02)
}
.hl-left-hero-shade{
  position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,8,14,.14),rgba(2,8,14,.46) 58%,rgba(2,8,14,.76))
}
.hl-left-hero-copy{
  position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:16px 12px;text-align:center;box-sizing:border-box
}
.hl-left-hero-copy strong{
  color:#f1d596;font:600 24px/1.02 var(--hl-serif);letter-spacing:.045em;text-shadow:0 3px 12px #000
}
.hl-left-hero-copy span{
  margin-top:10px;color:#efc66c;font:800 8px/1.45 var(--hl-sans);letter-spacing:.12em;text-shadow:0 2px 8px #000
}

.hl-hero-home{min-height:305px!important}
.hl-hero-home .hl-hero-image{
  object-position:center 46%;filter:brightness(.98) saturate(1.06) contrast(1.03)!important
}
.hl-hero-home .hl-hero-shade{
  background:
    linear-gradient(90deg,rgba(2,8,13,.86) 0%,rgba(2,8,13,.56) 31%,rgba(2,8,13,.14) 61%,rgba(2,8,13,.34) 100%),
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(2,8,13,.24))!important
}
.hl-hero-copy-home{
  min-height:305px!important;justify-content:center!important;padding:28px 46% 24px 38px!important
}
.hl-hero-brandline{
  display:flex;align-items:center;gap:12px;color:#f3dfb3;font:700 11px/1 var(--hl-serif);letter-spacing:.16em
}
.hl-hero-brandline:before,.hl-hero-brandline:after{content:"";width:58px;height:1px;background:linear-gradient(90deg,transparent,#d4a652)}
.hl-hero-brandline:after{background:linear-gradient(90deg,#d4a652,transparent)}
.hl-hero-home h1{margin:9px 0 0!important;line-height:.82!important;text-shadow:0 4px 18px rgba(0,0,0,.88)!important}
.hl-hero-home h1>span{display:block;color:#f6dfa5;font:600 clamp(56px,5.2vw,82px)/.88 var(--hl-serif);letter-spacing:.035em}
.hl-hero-home h1>small{display:block;margin-top:7px;color:#f4e2b5;font:600 clamp(27px,2.55vw,41px)/1 var(--hl-serif);letter-spacing:.025em}
.hl-hero-deck{
  margin:15px 0 0;color:#f1f4f5;font:700 11px/1.52 var(--hl-sans);letter-spacing:.025em;text-transform:uppercase;text-shadow:0 2px 8px #000
}
.hl-hero-patterns{
  display:flex;align-items:center;gap:14px;width:max-content;margin-top:14px;padding-top:10px;border-top:1px solid rgba(221,179,89,.58);
  color:#efc76e;font:800 10px/1 var(--hl-serif);letter-spacing:.2em;text-shadow:0 2px 8px #000
}
.hl-hero-patterns i{font-style:normal;color:#f4d590;font-size:7px}
.hl-hero-scripture{
  position:absolute;z-index:2;right:3.4%;bottom:8%;width:30%;margin:0;color:#fff5dc;text-align:right;
  font:italic 11px/1.48 var(--hl-serif);text-shadow:0 2px 9px #000
}
.hl-hero-scripture cite{
  display:block;margin-top:7px;color:#f1d48e;font:700 9px/1 var(--hl-serif);font-style:normal;letter-spacing:.12em
}

.hl-letter-hero{
  margin-top:0!important;border:1px solid var(--hl-line)!important;background:linear-gradient(180deg,#041520,#020a12)!important
}
.hl-letter-hero-top{
  min-height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid var(--hl-line-soft);
  color:#f0d79b;font:700 11px/1 var(--hl-serif);letter-spacing:.08em;background:#061925
}
.hl-letter-hero-top b{color:#19baf0;font:500 22px/1 var(--hl-sans)}
.hl-letter-hero>header{
  padding:12px 14px 10px!important;background:radial-gradient(circle at 50% 48%,rgba(224,174,72,.11),transparent 47%)!important
}
.hl-letter-hero .hl-letter-detail-glyph{
  margin:0 0 4px!important;color:#fff4cf!important;font-size:84px!important;text-shadow:0 0 16px rgba(231,180,73,.18)!important
}
.hl-letter-hero h2{margin:0!important;color:#f1d598!important;font-size:23px!important;letter-spacing:.06em}
.hl-letter-hero-fields{padding:8px 13px 10px;border-top:1px solid rgba(34,75,95,.45)}
.hl-letter-hero-fields p{display:grid;grid-template-columns:64px 1fr;gap:8px;margin:0;padding:4px 0}
.hl-letter-hero-fields span{color:#d2dce2;font:500 9px/1.25 var(--hl-sans)}
.hl-letter-hero-fields b{color:#edf3f5;font:500 9px/1.25 var(--hl-sans);text-align:left}
.hl-letter-hero .hl-letter-detail-actions{padding:8px 12px 12px!important}
.hl-letter-hero .hl-letter-detail-actions a{
  min-height:36px!important;border-color:#0e9ee5!important;background:linear-gradient(180deg,#0d6cad,#084e7b)!important;
  color:#fff!important;font-size:9px!important
}

@media(min-width:900px) and (max-width:1439px){
  .hl-left-hero{height:132px}
  .hl-left-hero-copy{padding:10px 7px}
  .hl-left-hero-copy strong{font-size:15px}
  .hl-left-hero-copy span{margin-top:7px;font-size:5.8px;letter-spacing:.08em}
  .hl-hero-home{min-height:218px!important}
  .hl-hero-copy-home{min-height:218px!important;padding:19px 42% 16px 20px!important}
  .hl-hero-brandline{font-size:7px;gap:7px}.hl-hero-brandline:before,.hl-hero-brandline:after{width:35px}
  .hl-hero-home h1>span{font-size:44px}.hl-hero-home h1>small{font-size:22px;margin-top:4px}
  .hl-hero-deck{margin-top:9px;font-size:7px;line-height:1.45}
  .hl-hero-patterns{margin-top:8px;padding-top:7px;gap:8px;font-size:6.5px}
  .hl-hero-scripture{right:2.6%;bottom:8%;width:34%;font-size:7px;line-height:1.42}.hl-hero-scripture cite{font-size:6px}
  .hl-letter-hero-top{min-height:30px;padding:0 9px;font-size:8px}
  .hl-letter-hero .hl-letter-detail-glyph{font-size:58px!important}
  .hl-letter-hero h2{font-size:17px!important}
  .hl-letter-hero-fields{padding:6px 9px}.hl-letter-hero-fields p{grid-template-columns:48px 1fr;gap:6px;padding:3px 0}.hl-letter-hero-fields span,.hl-letter-hero-fields b{font-size:6.8px}
  .hl-letter-hero .hl-letter-detail-actions{padding:6px 9px 9px!important}.hl-letter-hero .hl-letter-detail-actions a{min-height:30px!important;font-size:7px!important}
}

@media(max-width:899px){
  .hl-left-hero{display:none}
  .hl-hero-scripture{display:none}
  .hl-hero-copy-home{padding:28px 24px!important}
  .hl-hero-home h1>span{font-size:48px}.hl-hero-home h1>small{font-size:25px}
  .hl-hero-deck br{display:none}
}

/* =========================================================
   STEP 1B — HERO / LEFT RAIL PROPORTIONS MATCH CALENDAR
   ========================================================= */
.hl-shell{
  width:100%!important;
  max-width:1900px!important;
}

/* Selected hero: brighter, sharper, and less obscured by the overlay. */
.hl-hero-home .hl-hero-image{
  object-position:center 46%!important;
  filter:brightness(1.04) saturate(1.04) contrast(1.02)!important;
}
.hl-hero-home .hl-hero-shade{
  background:
    linear-gradient(90deg,rgba(2,8,13,.58) 0%,rgba(2,8,13,.34) 29%,rgba(2,8,13,.08) 59%,rgba(2,8,13,.14) 100%),
    linear-gradient(180deg,rgba(0,0,0,.01),rgba(2,8,13,.12))!important;
}

/* Calendar-matched crisp gold typography. */
.hl-hero-brandline{
  color:#e9bd69!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:700!important;
  letter-spacing:.27em!important;
  text-shadow:none!important;
}
.hl-hero-home h1{
  text-shadow:none!important;
}
.hl-hero-home h1>span,
.hl-hero-home h1>small{
  font-family:"Times New Roman",Georgia,serif!important;
  font-weight:400!important;
  letter-spacing:.045em!important;
  color:#efc878!important;
  background:linear-gradient(180deg,#fff7df 0%,#f6dda0 30%,#e8b965 68%,#cc8b36 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  -webkit-text-stroke:.22px rgba(255,247,222,.38)!important;
  text-shadow:none!important;
  filter:none!important;
}
.hl-hero-deck{
  color:#fffdf6!important;
  font-family:var(--hl-sans)!important;
  font-weight:700!important;
  letter-spacing:.035em!important;
  text-shadow:0 1px 0 rgba(0,0,0,.78)!important;
}
.hl-hero-patterns{
  color:#e9bd69!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:700!important;
  letter-spacing:.20em!important;
}

/* Left identity hero now uses a distinct text-free night fortress image. */
.hl-left-hero{
  height:255px!important;
}
.hl-left-hero>img{
  object-position:center 47%!important;
  filter:brightness(1.10) saturate(1.12) contrast(1.05)!important;
  transform:scale(1.01)!important;
}
.hl-left-hero-shade{
  background:linear-gradient(180deg,rgba(2,8,14,.05),rgba(2,8,14,.18) 55%,rgba(2,8,14,.48))!important;
}
.hl-left-hero-copy strong{
  font-family:"Times New Roman",Georgia,serif!important;
  font-size:23px!important;
  font-weight:400!important;
  line-height:1.02!important;
  letter-spacing:.045em!important;
  background:linear-gradient(180deg,#fff7df 0%,#f6dda0 30%,#e8b965 68%,#cc8b36 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  -webkit-text-stroke:.2px rgba(255,247,222,.34)!important;
  text-shadow:none!important;
}
.hl-left-hero-copy span{
  margin-top:12px!important;
  color:#e9bd69!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:8px!important;
  font-weight:700!important;
  line-height:1.55!important;
  letter-spacing:.14em!important;
  text-shadow:0 1px 2px rgba(0,0,0,.88)!important;
}

/* Match the completed Biblical Calendar left-rail sizing. */
@media(min-width:1440px){
  .hl-shell{grid-template-columns:260px minmax(0,1fr) 330px!important}
  .hl-left-hero{height:255px!important}
  .hl-left-nav{padding:14px 10px 16px!important;gap:7px!important}
  .hl-local-link{
    min-height:60px!important;
    grid-template-columns:28px 1fr!important;
    gap:13px!important;
    padding:10px 12px!important;
    font-size:13.5px!important;
  }
  .hl-nav-icon{
    width:28px!important;height:28px!important;font-size:12px!important;
  }
}
@media(min-width:1700px){
  .hl-hero-home{min-height:390px!important;height:390px!important}
  .hl-hero-copy-home{min-height:390px!important;padding:34px 45% 28px 42px!important}
  .hl-hero-home h1>span{font-size:82px!important;line-height:.88!important}
  .hl-hero-home h1>small{font-size:41px!important;line-height:1!important;margin-top:7px!important}
  .hl-hero-brandline{font-size:11px!important}
  .hl-hero-deck{font-size:11px!important;line-height:1.55!important;margin-top:17px!important}
  .hl-hero-patterns{font-size:10px!important;margin-top:15px!important;padding-top:11px!important}
  .hl-hero-scripture{font-size:11px!important;bottom:8%!important}
}
@media(min-width:1440px) and (max-width:1699px){
  .hl-hero-home{min-height:315px!important;height:315px!important}
  .hl-hero-copy-home{min-height:315px!important;padding:27px 45% 23px 34px!important}
  .hl-hero-home h1>span{font-size:70px!important;line-height:.88!important}
  .hl-hero-home h1>small{font-size:35px!important;line-height:1!important;margin-top:6px!important}
  .hl-hero-brandline{font-size:9px!important}
  .hl-hero-deck{font-size:9.5px!important;line-height:1.52!important;margin-top:14px!important}
  .hl-hero-patterns{font-size:8.5px!important}
  .hl-hero-scripture{font-size:9px!important}
}
@media(min-width:900px) and (max-width:1439px){
  .hl-shell{grid-template-columns:165px minmax(0,1fr) 285px!important}
  .hl-left-hero{height:175px!important}
  .hl-left-hero-copy strong{font-size:16px!important}
  .hl-left-hero-copy span{font-size:5.8px!important;margin-top:7px!important}
  .hl-left-nav{padding:10px 7px 13px!important;gap:5px!important}
  .hl-local-link{
    min-height:48px!important;grid-template-columns:21px 1fr!important;gap:7px!important;
    padding:8px 7px!important;font-size:9.5px!important
  }
  .hl-nav-icon{width:21px!important;height:21px!important;font-size:8px!important}
  .hl-hero-home{min-height:230px!important;height:230px!important}
  .hl-hero-copy-home{min-height:230px!important;padding:20px 41% 17px 21px!important}
  .hl-hero-home h1>span{font-size:52px!important}
  .hl-hero-home h1>small{font-size:26px!important}
  .hl-hero-deck{font-size:7.3px!important}
  .hl-hero-patterns{font-size:6.8px!important}
}

/* =========================================================
   STEP 1C — LEFT TITLE BELOW ART + WIDER RAIL + HERO READABILITY
   ========================================================= */
.hl-left-hero-copy{display:none!important}
.hl-left-copy{
  display:block!important;
  position:relative!important;
  z-index:2!important;
  padding:18px 20px 16px!important;
  border-bottom:1px solid var(--hl-line-soft)!important;
  background:linear-gradient(180deg,#04131f 0%,#03101a 100%)!important;
  text-align:left!important;
}
.hl-left-copy strong{
  display:block!important;
  margin:0!important;
  font-family:"Times New Roman",Georgia,serif!important;
  font-size:27px!important;
  font-weight:400!important;
  line-height:.98!important;
  letter-spacing:.045em!important;
  background:linear-gradient(180deg,#fff7df 0%,#f6dda0 30%,#e8b965 68%,#cc8b36 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  -webkit-text-stroke:.2px rgba(255,247,222,.34)!important;
  text-shadow:none!important;
}
.hl-left-copy span{
  display:block!important;
  margin-top:11px!important;
  color:#f2f4f5!important;
  font-family:var(--hl-sans)!important;
  font-size:8.5px!important;
  font-weight:800!important;
  line-height:1.55!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  text-shadow:0 1px 2px rgba(0,0,0,.9)!important;
}

/* Widen the left menu and narrow the main center column by the same amount. */
@media(min-width:1440px){
  .hl-shell{grid-template-columns:300px minmax(0,1fr) 330px!important}
  .hl-left-hero{height:260px!important}
  .hl-left-copy{padding:20px 24px 18px!important}
  .hl-left-copy strong{font-size:28px!important}
  .hl-left-copy span{font-size:9px!important}
  .hl-left-nav{padding:15px 12px 18px!important;gap:8px!important}
  .hl-local-link{min-height:62px!important;padding:11px 13px!important;font-size:13.5px!important}
}
@media(min-width:900px) and (max-width:1439px){
  .hl-shell{grid-template-columns:180px minmax(0,1fr) 285px!important}
  .hl-left-hero{height:185px!important}
  .hl-left-copy{padding:13px 12px 12px!important}
  .hl-left-copy strong{font-size:18px!important}
  .hl-left-copy span{margin-top:7px!important;font-size:6px!important;line-height:1.45!important}
  .hl-left-nav{padding:10px 8px 13px!important;gap:5px!important}
  .hl-local-link{min-height:49px!important;font-size:9.5px!important}
}

/* Slightly taller hero, reference-like proportions. */
@media(min-width:1700px){
  .hl-hero-home{height:425px!important;min-height:425px!important}
  .hl-hero-copy-home{min-height:425px!important;padding:40px 45% 30px 46px!important}
}
@media(min-width:1440px) and (max-width:1699px){
  .hl-hero-home{height:350px!important;min-height:350px!important}
  .hl-hero-copy-home{min-height:350px!important;padding:31px 44% 25px 38px!important}
}
@media(min-width:900px) and (max-width:1439px){
  .hl-hero-home{height:250px!important;min-height:250px!important}
  .hl-hero-copy-home{min-height:250px!important;padding:23px 40% 19px 22px!important}
}

/* Improve live hero copy readability without dimming the whole image. */
.hl-hero-home .hl-hero-shade{
  background:
    linear-gradient(90deg,rgba(1,6,10,.78) 0%,rgba(1,6,10,.58) 26%,rgba(1,6,10,.25) 47%,rgba(1,6,10,.06) 68%,rgba(1,6,10,.10) 100%),
    linear-gradient(180deg,rgba(0,0,0,.01),rgba(1,6,10,.14))!important;
}
.hl-hero-home h1>span,
.hl-hero-home h1>small{
  background:linear-gradient(180deg,#fff9e9 0%,#f8e3ad 26%,#edc36f 66%,#d4983b 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  -webkit-text-stroke:.45px rgba(60,33,7,.58)!important;
  text-shadow:0 2px 2px rgba(0,0,0,.82),0 5px 13px rgba(0,0,0,.48)!important;
}
.hl-hero-brandline{
  color:#f2d18c!important;
  text-shadow:0 1px 2px rgba(0,0,0,.92)!important;
}
.hl-hero-deck{
  color:#fff!important;
  font-weight:800!important;
  text-shadow:0 2px 3px rgba(0,0,0,.95),0 0 8px rgba(0,0,0,.50)!important;
}
.hl-hero-patterns{
  color:#f2cd78!important;
  text-shadow:0 2px 3px rgba(0,0,0,.92)!important;
}
.hl-hero-scripture{
  color:#fff8e7!important;
  text-shadow:0 2px 4px rgba(0,0,0,.98),0 0 8px rgba(0,0,0,.52)!important;
}

/* STEP 1C.1 — reference hero title readability correction */
.hl-hero-home h1>span,
.hl-hero-home h1>small{
  color:#f5dfaa!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:#f5dfaa!important;
  -webkit-text-stroke:.45px rgba(42,22,3,.82)!important;
  text-shadow:
    0 1px 0 rgba(255,247,219,.20),
    0 2px 2px rgba(55,27,3,.88),
    0 5px 12px rgba(0,0,0,.72)!important;
}
.hl-hero-home h1>small{color:#f3d79a!important;-webkit-text-fill-color:#f3d79a!important}

/* STEP 1D — SAME SELECTED HERO, BRIGHT 4K PRESENTATION, TEXT SHADOW ONLY */
.hl-hero-home .hl-hero-image{
  filter:brightness(1.05) saturate(1.025) contrast(1.01)!important;
}
.hl-hero-home .hl-hero-shade{
  background:none!important;
  opacity:0!important;
}
.hl-hero-brandline{
  color:#f2d79a!important;
  text-shadow:0 2px 3px rgba(0,0,0,.78)!important;
}
.hl-hero-home h1>span,
.hl-hero-home h1>small{
  color:#f6e0a9!important;
  -webkit-text-fill-color:#f6e0a9!important;
  -webkit-text-stroke:.3px rgba(57,31,6,.70)!important;
  text-shadow:0 3px 4px rgba(0,0,0,.82)!important;
}
.hl-hero-home h1>small{
  color:#f2d69a!important;
  -webkit-text-fill-color:#f2d69a!important;
}
.hl-hero-deck{
  color:#fff!important;
  text-shadow:0 2px 3px rgba(0,0,0,.88)!important;
}
.hl-hero-patterns{
  color:#f2cf7b!important;
  text-shadow:0 2px 3px rgba(0,0,0,.82)!important;
}
.hl-hero-scripture,
.hl-hero-scripture cite{
  text-shadow:0 2px 3px rgba(0,0,0,.90)!important;
}

/* STEP 1D.1 — stronger title separation on bright 4K hero; image unchanged */
.hl-hero-home h1>span,
.hl-hero-home h1>small{
  color:#f8e4ad!important;
  -webkit-text-fill-color:#f8e4ad!important;
  -webkit-text-stroke:1px rgba(28,14,2,.92)!important;
  text-shadow:
    0 1px 0 rgba(255,249,226,.28),
    0 2px 1px rgba(25,12,1,.98),
    0 4px 3px rgba(0,0,0,.92),
    0 8px 12px rgba(0,0,0,.62)!important;
}
.hl-hero-home h1>small{
  color:#f5dca2!important;
  -webkit-text-fill-color:#f5dca2!important;
  -webkit-text-stroke:.85px rgba(28,14,2,.92)!important;
}

/* STEP 1D.2 — reference title face + offset shadow layer; hero image unchanged */
.hl-hero-home h1>span,
.hl-hero-home h1>small{
  font-family:"Times New Roman",Georgia,serif!important;
  font-weight:400!important;
  letter-spacing:.035em!important;
  color:#f3dca2!important;
  background:linear-gradient(180deg,#fff6da 0%,#f7e0aa 28%,#edc875 68%,#d59a42 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  -webkit-text-stroke:0!important;
  text-shadow:
    2px 3px 0 rgba(74,43,10,.96),
    3px 4px 1px rgba(26,13,2,.92),
    4px 6px 5px rgba(0,0,0,.68)!important;
  filter:none!important;
}
.hl-hero-home h1>small{
  letter-spacing:.025em!important;
  text-shadow:
    1.5px 2.5px 0 rgba(74,43,10,.94),
    2.5px 3.5px 1px rgba(26,13,2,.90),
    3px 5px 4px rgba(0,0,0,.64)!important;
}

/* STEP 1D.3 — exact reference effect: bright serif face, shadow layer directly underneath */
.hl-hero-home h1>span,
.hl-hero-home h1>small{
  font-family:"Times New Roman",Georgia,serif!important;
  font-weight:400!important;
  color:#f7e2a9!important;
  background:linear-gradient(180deg,#fff8df 0%,#f8e4ad 36%,#efcd7e 72%,#dca34d 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  -webkit-text-stroke:0!important;
  text-shadow:
    0 3px 0 rgba(76,44,10,.96),
    0 5px 2px rgba(31,16,3,.90),
    0 8px 7px rgba(0,0,0,.48)!important;
}
.hl-hero-home h1>span{letter-spacing:.035em!important}
.hl-hero-home h1>small{
  letter-spacing:.025em!important;
  text-shadow:
    0 2.5px 0 rgba(76,44,10,.94),
    0 4px 2px rgba(31,16,3,.88),
    0 7px 6px rgba(0,0,0,.44)!important;
}

/* STEP 1E — RESTORE ORIGINAL APPROVED HERO TYPEFACE / REFERENCE TREATMENT */
.hl-hero-home h1{
  margin:9px 0 0!important;
  line-height:.82!important;
  font-family:var(--hl-serif)!important;
}
.hl-hero-home h1>span{
  display:block!important;
  color:#f6dfa5!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:#f6dfa5!important;
  -webkit-text-stroke:0!important;
  font-family:var(--hl-serif)!important;
  font-weight:600!important;
  line-height:.88!important;
  letter-spacing:.035em!important;
  text-shadow:0 4px 18px rgba(0,0,0,.88)!important;
}
.hl-hero-home h1>small{
  display:block!important;
  margin-top:7px!important;
  color:#f4e2b5!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:#f4e2b5!important;
  -webkit-text-stroke:0!important;
  font-family:var(--hl-serif)!important;
  font-weight:600!important;
  line-height:1!important;
  letter-spacing:.025em!important;
  text-shadow:0 4px 18px rgba(0,0,0,.88)!important;
}
.hl-hero-brandline{
  color:#f3dfb3!important;
  font:700 11px/1 var(--hl-serif)!important;
  letter-spacing:.16em!important;
  text-shadow:0 2px 6px rgba(0,0,0,.82)!important;
}

/* New user-selected upper-left image; preserve visibility and crop for tall source. */
.hl-left-hero>img{
  object-position:center 46%!important;
  filter:brightness(1.05) saturate(1.04) contrast(1.02)!important;
  transform:scale(1.01)!important;
}

/* STEP 1F — MATCH FINAL BIBLICAL CALENDAR TYPE + ENLARGE HERO SUPPORTING COPY */
.hl-hero-home h1{
  font-family:"Times New Roman",Georgia,serif!important;
  font-weight:400!important;
  line-height:.86!important;
  letter-spacing:.045em!important;
}
.hl-hero-home h1>span,
.hl-hero-home h1>small{
  font-family:"Times New Roman",Georgia,serif!important;
  font-weight:400!important;
  letter-spacing:.045em!important;
  color:#efc878!important;
  background:linear-gradient(180deg,#fff7df 0%,#f6dda0 30%,#e8b965 68%,#cc8b36 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  -webkit-text-stroke:.22px rgba(255,247,222,.38)!important;
  text-shadow:
    0 2px 1px rgba(30,15,2,.88),
    0 4px 5px rgba(0,0,0,.72)!important;
  filter:none!important;
}
.hl-hero-home h1>small{
  letter-spacing:.035em!important;
}
.hl-hero-brandline{
  color:#e9bd69!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:700!important;
  letter-spacing:.27em!important;
  text-shadow:0 2px 3px rgba(0,0,0,.84)!important;
}
.hl-hero-deck{
  color:#fff!important;
  font-family:var(--hl-sans)!important;
  font-weight:800!important;
  line-height:1.48!important;
  letter-spacing:.025em!important;
  text-shadow:0 2px 3px rgba(0,0,0,.92)!important;
}
.hl-hero-patterns{
  color:#f0c977!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:700!important;
  letter-spacing:.20em!important;
  text-shadow:0 2px 3px rgba(0,0,0,.88)!important;
}
.hl-hero-scripture{
  color:#fffaf0!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:600!important;
  line-height:1.5!important;
  text-shadow:0 2px 3px rgba(0,0,0,.94)!important;
}
.hl-hero-scripture cite{
  color:#f1d28b!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:700!important;
  letter-spacing:.12em!important;
  text-shadow:0 2px 3px rgba(0,0,0,.92)!important;
}

@media(min-width:1700px){
  .hl-hero-brandline{font-size:14px!important}
  .hl-hero-home h1>span{font-size:90px!important}
  .hl-hero-home h1>small{font-size:45px!important}
  .hl-hero-deck{font-size:15px!important;line-height:1.5!important;margin-top:18px!important}
  .hl-hero-patterns{font-size:13px!important;margin-top:17px!important;padding-top:12px!important}
  .hl-hero-scripture{font-size:15px!important;line-height:1.5!important;width:31%!important}
  .hl-hero-scripture cite{font-size:12px!important;margin-top:9px!important}
}
@media(min-width:1440px) and (max-width:1699px){
  .hl-hero-brandline{font-size:12px!important}
  .hl-hero-home h1>span{font-size:76px!important}
  .hl-hero-home h1>small{font-size:38px!important}
  .hl-hero-deck{font-size:13px!important;line-height:1.48!important;margin-top:15px!important}
  .hl-hero-patterns{font-size:11px!important;margin-top:14px!important;padding-top:10px!important}
  .hl-hero-scripture{font-size:13px!important;line-height:1.48!important;width:31%!important}
  .hl-hero-scripture cite{font-size:10.5px!important;margin-top:8px!important}
}
@media(min-width:900px) and (max-width:1439px){
  .hl-hero-brandline{font-size:8px!important}
  .hl-hero-home h1>span{font-size:56px!important}
  .hl-hero-home h1>small{font-size:28px!important}
  .hl-hero-deck{font-size:9px!important;line-height:1.45!important;margin-top:10px!important}
  .hl-hero-patterns{font-size:7.5px!important;margin-top:9px!important;padding-top:8px!important}
  .hl-hero-scripture{font-size:8.5px!important;line-height:1.45!important;width:32%!important}
  .hl-hero-scripture cite{font-size:7px!important}
}

/* STEP 1F.1 — REVERT TITLE FONT/COLOR; SIZE UP; SHADOW ONLY */
.hl-hero-home h1{
  font-family:var(--hl-serif)!important;
  font-weight:600!important;
  line-height:.82!important;
}
.hl-hero-home h1>span{
  display:block!important;
  color:#f6dfa5!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:#f6dfa5!important;
  -webkit-text-stroke:0!important;
  font-family:var(--hl-serif)!important;
  font-weight:600!important;
  line-height:.88!important;
  letter-spacing:.035em!important;
  text-shadow:0 4px 6px rgba(0,0,0,.78)!important;
}
.hl-hero-home h1>small{
  display:block!important;
  margin-top:7px!important;
  color:#f4e2b5!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:#f4e2b5!important;
  -webkit-text-stroke:0!important;
  font-family:var(--hl-serif)!important;
  font-weight:600!important;
  line-height:1!important;
  letter-spacing:.025em!important;
  text-shadow:0 4px 6px rgba(0,0,0,.76)!important;
}
@media(min-width:1700px){
  .hl-hero-home h1>span{font-size:96px!important}
  .hl-hero-home h1>small{font-size:48px!important}
}
@media(min-width:1440px) and (max-width:1699px){
  .hl-hero-home h1>span{font-size:86px!important}
  .hl-hero-home h1>small{font-size:43px!important}
}
@media(min-width:900px) and (max-width:1439px){
  .hl-hero-home h1>span{font-size:62px!important}
  .hl-hero-home h1>small{font-size:31px!important}
}

/* STEP 1F.2 — HERO COPY READABILITY: SIZE + SHADOW ONLY */
.hl-hero-brandline,
.hl-hero-deck,
.hl-hero-patterns,
.hl-hero-scripture,
.hl-hero-scripture cite{
  text-shadow:0 2px 3px rgba(0,0,0,.96),0 4px 8px rgba(0,0,0,.64)!important;
}
@media(min-width:1700px){
  .hl-hero-brandline{font-size:15px!important}
  .hl-hero-deck{font-size:18px!important;line-height:1.48!important}
  .hl-hero-patterns{font-size:14px!important}
  .hl-hero-scripture{font-size:18px!important;line-height:1.5!important;width:32%!important}
  .hl-hero-scripture cite{font-size:13px!important}
}
@media(min-width:1440px) and (max-width:1699px){
  .hl-hero-brandline{font-size:13px!important}
  .hl-hero-deck{font-size:16px!important;line-height:1.48!important}
  .hl-hero-patterns{font-size:12px!important}
  .hl-hero-scripture{font-size:16px!important;line-height:1.5!important;width:32%!important}
  .hl-hero-scripture cite{font-size:12px!important}
}
@media(min-width:900px) and (max-width:1439px){
  .hl-hero-brandline{font-size:9px!important}
  .hl-hero-deck{font-size:11px!important;line-height:1.45!important}
  .hl-hero-patterns{font-size:8.5px!important}
  .hl-hero-scripture{font-size:11px!important;line-height:1.45!important;width:34%!important}
  .hl-hero-scripture cite{font-size:8px!important}
}

/* STEP 1F.3 — MATCH REFERENCE HERO TYPOGRAPHY + LOCALIZED DARK READABILITY SHADING */
.hl-hero-copy-home{
  position:relative!important;
  z-index:2!important;
  background:linear-gradient(90deg,
    rgba(3,8,12,.78) 0%,
    rgba(3,8,12,.66) 46%,
    rgba(3,8,12,.34) 74%,
    rgba(3,8,12,0) 100%)!important;
}
.hl-hero-brandline{
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:700!important;
  color:#f2e2bd!important;
  letter-spacing:.18em!important;
  text-shadow:0 2px 2px rgba(0,0,0,.98),0 4px 8px rgba(0,0,0,.78)!important;
}
.hl-hero-home h1{
  font-family:"Times New Roman",Georgia,serif!important;
  font-weight:400!important;
  line-height:.86!important;
  letter-spacing:.035em!important;
}
.hl-hero-home h1>span,
.hl-hero-home h1>small{
  font-family:"Times New Roman",Georgia,serif!important;
  font-weight:400!important;
  color:#f4e1ae!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:#f4e1ae!important;
  -webkit-text-stroke:.25px rgba(30,16,3,.55)!important;
  text-shadow:0 2px 1px rgba(0,0,0,.98),0 5px 8px rgba(0,0,0,.72)!important;
}
.hl-hero-home h1>small{
  color:#f1dda8!important;
  -webkit-text-fill-color:#f1dda8!important;
}
.hl-hero-deck{
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-weight:800!important;
  letter-spacing:.015em!important;
  text-shadow:0 2px 2px rgba(0,0,0,1),0 4px 7px rgba(0,0,0,.82)!important;
}
.hl-hero-patterns{
  color:#f0d28f!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:700!important;
  letter-spacing:.19em!important;
  text-shadow:0 2px 2px rgba(0,0,0,1),0 4px 7px rgba(0,0,0,.78)!important;
}
.hl-hero-scripture{
  z-index:3!important;
  padding:18px 20px 16px!important;
  border-radius:4px!important;
  background:linear-gradient(90deg,
    rgba(2,7,10,0) 0%,
    rgba(2,7,10,.28) 14%,
    rgba(2,7,10,.62) 42%,
    rgba(2,7,10,.78) 100%)!important;
  color:#fffaf0!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-style:italic!important;
  font-weight:700!important;
  text-shadow:0 2px 2px rgba(0,0,0,1),0 4px 7px rgba(0,0,0,.84)!important;
}
.hl-hero-scripture cite{
  color:#f1dfa9!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-style:normal!important;
  font-weight:700!important;
  letter-spacing:.10em!important;
  text-shadow:0 2px 2px rgba(0,0,0,1),0 4px 7px rgba(0,0,0,.84)!important;
}
@media(min-width:1700px){
  .hl-hero-brandline{font-size:17px!important}
  .hl-hero-home h1>span{font-size:98px!important}
  .hl-hero-home h1>small{font-size:50px!important}
  .hl-hero-deck{font-size:18px!important;line-height:1.48!important}
  .hl-hero-patterns{font-size:15px!important}
  .hl-hero-scripture{font-size:18px!important;line-height:1.48!important;width:34%!important;right:2.2%!important}
  .hl-hero-scripture cite{font-size:14px!important}
}
@media(min-width:1440px) and (max-width:1699px){
  .hl-hero-brandline{font-size:14px!important}
  .hl-hero-home h1>span{font-size:86px!important}
  .hl-hero-home h1>small{font-size:44px!important}
  .hl-hero-deck{font-size:16px!important}
  .hl-hero-patterns{font-size:13px!important}
  .hl-hero-scripture{font-size:16px!important;width:34%!important;right:2.2%!important}
  .hl-hero-scripture cite{font-size:12.5px!important}
}

/* STEP 1G — GENERATED HERO ART WITH TEXT BUILT INTO IMAGE */
.hl-hero-home{
  min-height:0!important;
  height:auto!important;
  aspect-ratio:2172/724!important;
  background:#020912!important;
}
.hl-hero-home .hl-hero-image{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:auto!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
  transform:none!important;
}
.hl-hero-home .hl-hero-shade,
.hl-hero-home .hl-hero-copy-home,
.hl-hero-home .hl-hero-scripture{
  display:none!important;
}

/* STEP 2 — RIGHT RAIL REFERENCE MATCH */
@media(min-width:1440px){.hl-shell{grid-template-columns:300px minmax(0,1fr) 280px!important}}
@media(min-width:900px) and (max-width:1439px){.hl-shell{grid-template-columns:180px minmax(0,1fr) 245px!important}}
.hl-right{padding:8px 8px 10px 0!important;background:#020912!important}
.hl-letter-hero{margin-top:0!important;border:1px solid #1a6388!important;border-radius:8px!important;overflow:hidden!important;background:linear-gradient(180deg,#03131e,#020c14)!important;box-shadow:inset 0 0 0 1px rgba(32,152,205,.12)!important}
.hl-letter-hero-top{min-height:42px!important;padding:0 14px!important;border-bottom:1px solid #15506f!important;background:#041722!important;color:#f1d89e!important;font:700 12px/1 var(--hl-serif)!important;letter-spacing:.04em!important}
.hl-letter-hero-top b{color:#25c8f3!important;font:400 28px/1 var(--hl-sans)!important;transform:translateY(-1px)}
.hl-letter-hero>header{min-height:132px!important;padding:12px 12px 10px!important;border-bottom:1px solid rgba(25,78,104,.72)!important;background:radial-gradient(circle at 50% 43%,rgba(221,169,69,.11),transparent 45%)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
.hl-letter-hero .hl-letter-detail-glyph{margin:0 0 5px!important;color:#fff0c1!important;font-size:70px!important;text-shadow:0 0 12px rgba(235,182,79,.26),0 2px 8px rgba(0,0,0,.9)!important}
.hl-letter-hero h2{margin:0!important;color:#f0d195!important;font:600 23px/1 var(--hl-serif)!important;letter-spacing:.06em!important}
.hl-letter-hero-fields{padding:11px 16px 8px!important;border-top:0!important;background:#020c14!important}
.hl-letter-hero-fields p{display:grid!important;grid-template-columns:78px 1fr!important;gap:10px!important;margin:0!important;padding:4px 0!important}
.hl-letter-hero-fields span,.hl-letter-hero-fields b{color:#e8eef2!important;font-family:var(--hl-sans)!important;font-size:11.5px!important;line-height:1.32!important;text-align:left!important}
.hl-letter-hero-fields span{font-weight:700!important;color:#d5dfe5!important}.hl-letter-hero-fields b{font-weight:700!important}
.hl-letter-hero .hl-letter-detail-actions{padding:10px 14px 14px!important;background:#020c14!important}
.hl-letter-hero .hl-letter-detail-actions a{min-height:44px!important;border:1px solid #18a9e7!important;border-radius:5px!important;background:linear-gradient(180deg,#1379b6 0%,#075987 100%)!important;color:#fff!important;font:800 11.5px/1 var(--hl-sans)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important}
.hl-letter-hero .hl-letter-detail-actions a:hover{border-color:#53d5ff!important;background:linear-gradient(180deg,#1787c8,#09679a)!important;color:#fff!important}
.hl-connect-panel{margin-top:8px!important;border:1px solid #1a6388!important;border-radius:8px!important;overflow:hidden!important;background:#03111b!important}
.hl-connect-panel header{padding:13px 14px!important;border-bottom:1px solid #15506f!important;background:#041722!important}
.hl-connect-panel header span{color:#f0d397!important;font:700 12px/1 var(--hl-serif)!important;letter-spacing:.08em!important}
.hl-connect-panel>a{width:auto!important;min-height:62px!important;margin:8px 10px 0!important;padding:9px 11px!important;grid-template-columns:42px 1fr!important;gap:10px!important;border:1px solid #176289!important;border-radius:6px!important;background:#03101a!important}
.hl-connect-panel>a:last-child{margin-bottom:10px!important}.hl-connect-panel>a:hover{border-color:#29bceb!important;background:#061a27!important;transform:translateY(-1px)}
.hl-connect-panel b{width:40px!important;height:40px!important;border:1px solid #2a7598!important;border-radius:2px!important;color:#f2cf76!important;background:#06131d!important;font:700 18px/1 var(--hl-serif)!important}
.hl-connect-panel strong{color:#f0f4f6!important;font:700 12px/1.2 var(--hl-sans)!important}.hl-connect-panel small{display:none!important}
.hl-right-closing{height:190px!important;margin-top:8px!important;border:1px solid #1a6388!important;border-radius:8px!important;overflow:hidden!important;background:#03111b!important}
.hl-right-closing img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important}
@media(min-width:900px) and (max-width:1439px){.hl-letter-hero-top{min-height:34px!important;font-size:9px!important}.hl-letter-hero-top b{font-size:22px!important}.hl-letter-hero>header{min-height:104px!important}.hl-letter-hero .hl-letter-detail-glyph{font-size:54px!important}.hl-letter-hero h2{font-size:18px!important}.hl-letter-hero-fields{padding:8px 11px 6px!important}.hl-letter-hero-fields p{grid-template-columns:62px 1fr!important;gap:7px!important;padding:3px 0!important}.hl-letter-hero-fields span,.hl-letter-hero-fields b{font-size:8.5px!important}.hl-letter-hero .hl-letter-detail-actions{padding:8px 10px 10px!important}.hl-letter-hero .hl-letter-detail-actions a{min-height:36px!important;font-size:9px!important}.hl-connect-panel header{padding:10px 11px!important}.hl-connect-panel header span{font-size:9px!important}.hl-connect-panel>a{min-height:50px!important;margin:6px 7px 0!important;padding:7px 8px!important;grid-template-columns:32px 1fr!important}.hl-connect-panel b{width:30px!important;height:30px!important;font-size:14px!important}.hl-connect-panel strong{font-size:9px!important}.hl-right-closing{height:150px!important}}

/* STEP 2.1 — RIGHT RAIL VERTICAL TIGHTENING */
.hl-letter-hero>header{min-height:120px!important;height:120px!important}
.hl-letter-hero .hl-letter-detail-glyph{font-size:66px!important}
.hl-letter-hero-fields{padding:8px 16px 6px!important}
.hl-letter-hero-fields p{padding:3px 0!important}
.hl-letter-hero .hl-letter-detail-actions{padding:8px 14px 10px!important}
.hl-letter-hero .hl-letter-detail-actions a{min-height:42px!important}
.hl-connect-panel header{height:42px!important;min-height:42px!important;padding:0 14px!important;display:flex!important;align-items:center!important;box-sizing:border-box!important}
.hl-connect-panel>a{min-height:56px!important;margin:6px 10px 0!important;padding:7px 10px!important}
.hl-connect-panel>a:last-child{margin-bottom:8px!important}
@media(min-width:900px) and (max-width:1439px){
  .hl-letter-hero>header{min-height:94px!important;height:94px!important}
  .hl-letter-hero .hl-letter-detail-glyph{font-size:50px!important}
  .hl-connect-panel header{height:34px!important;min-height:34px!important}
  .hl-connect-panel>a{min-height:46px!important;margin:5px 7px 0!important}
}

/* STEP 2.2 — REFERENCE ICON TREATMENT */
.hl-connect-panel b svg{width:24px!important;height:24px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.6!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.hl-connect-panel .hl-icon-book,.hl-connect-panel .hl-icon-calendar{color:#f0cf76!important}
.hl-connect-panel .hl-icon-bible{color:#eef3f6!important}
.hl-letter-hero .hl-letter-detail-glyph{font-size:72px!important}
.hl-letter-hero-fields span{font-weight:600!important}
.hl-letter-hero-fields b{font-weight:700!important}

/* STEP 2.3 — RIGHT RAIL FINAL REFERENCE-SCALE REFINEMENT */
.hl-letter-hero-top{min-height:52px!important;height:52px!important;padding:0 18px!important;font-size:16px!important;letter-spacing:.035em!important}
.hl-letter-hero-top b{font-size:38px!important}
.hl-letter-hero>header{min-height:190px!important;height:190px!important;padding:14px 12px 16px!important}
.hl-letter-hero .hl-letter-detail-glyph{font-size:122px!important;line-height:.88!important;margin:0 0 8px!important;text-shadow:0 0 12px rgba(248,211,124,.34),0 3px 8px rgba(0,0,0,.92)!important}
.hl-letter-hero h2{font-size:34px!important;line-height:1!important;letter-spacing:.055em!important}
.hl-letter-hero-fields{padding:14px 20px 10px!important}
.hl-letter-hero-fields p{grid-template-columns:105px 1fr!important;gap:12px!important;padding:5px 0!important}
.hl-letter-hero-fields span,.hl-letter-hero-fields b{font-size:15.5px!important;line-height:1.3!important}
.hl-letter-hero .hl-letter-detail-actions{padding:12px 18px 18px!important}
.hl-letter-hero .hl-letter-detail-actions a{min-height:54px!important;font-size:16px!important;border-radius:6px!important}
.hl-connect-panel header{height:46px!important;min-height:46px!important;padding:0 17px!important}
.hl-connect-panel header span{font-size:16px!important;letter-spacing:.055em!important}
.hl-connect-panel>a{min-height:70px!important;margin:8px 12px 0!important;padding:9px 12px!important;grid-template-columns:50px 1fr 50px!important;gap:10px!important}
.hl-connect-panel>a::after{content:"";width:50px;height:1px;display:block}
.hl-connect-panel>a:last-child{margin-bottom:12px!important}
.hl-connect-panel b{width:48px!important;height:48px!important;border-color:#2685ad!important}
.hl-connect-panel b svg{width:31px!important;height:31px!important;display:block!important}
.hl-connect-panel strong{font-size:16px!important;line-height:1.15!important;text-align:center!important;width:100%!important}
.hl-connect-panel>a>span{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
.hl-connect-panel .hl-icon-book .page-left,.hl-connect-panel .hl-icon-book .page-right{fill:#f6e4a6!important;stroke:#c99f3f!important;stroke-width:1.2!important}
.hl-connect-panel .hl-icon-bible .page-left,.hl-connect-panel .hl-icon-bible .page-right{fill:#f5f7fa!important;stroke:#b7c6d1!important;stroke-width:1.2!important}
.hl-connect-panel .hl-icon-book .book-line{fill:none!important;stroke:#b88b2e!important;stroke-width:1.35!important}
.hl-connect-panel .hl-icon-bible .book-line{fill:none!important;stroke:#9aaab5!important;stroke-width:1.35!important}
.hl-connect-panel .hl-icon-calendar .cal-frame,.hl-connect-panel .hl-icon-calendar .cal-line{fill:none!important;stroke:#f1cf72!important;stroke-width:2!important}
.hl-connect-panel .hl-icon-calendar .cal-dot{fill:#f1cf72!important;stroke:none!important}
.hl-connect-panel b svg{filter:drop-shadow(0 0 2px rgba(236,194,92,.24))!important}
.hl-right-closing{position:relative!important;height:215px!important}
.hl-right-closing img{object-position:center 24%!important;filter:brightness(1.07) saturate(1.05) contrast(1.04)!important}
.hl-right-closing-shade{position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(2,8,13,0) 0%,rgba(2,8,13,0) 45%,rgba(2,8,13,.68) 68%,rgba(2,8,13,.94) 100%)!important}
.hl-right-closing strong{position:absolute!important;left:12px!important;right:12px!important;bottom:18px!important;z-index:2!important;color:#f3dfb0!important;text-align:center!important;font:700 20px/1.28 Georgia,"Times New Roman",serif!important;letter-spacing:.055em!important;text-shadow:0 2px 3px rgba(0,0,0,.96)!important}
@media(min-width:900px) and (max-width:1439px){
  .hl-letter-hero-top{height:42px!important;min-height:42px!important;font-size:12px!important}
  .hl-letter-hero-top b{font-size:30px!important}
  .hl-letter-hero>header{height:150px!important;min-height:150px!important}
  .hl-letter-hero .hl-letter-detail-glyph{font-size:96px!important}
  .hl-letter-hero h2{font-size:27px!important}
  .hl-letter-hero-fields{padding:10px 14px 8px!important}
  .hl-letter-hero-fields p{grid-template-columns:82px 1fr!important;gap:9px!important;padding:4px 0!important}
  .hl-letter-hero-fields span,.hl-letter-hero-fields b{font-size:12px!important}
  .hl-letter-hero .hl-letter-detail-actions{padding:10px 12px 13px!important}
  .hl-letter-hero .hl-letter-detail-actions a{min-height:46px!important;font-size:13px!important}
  .hl-connect-panel header{height:38px!important;min-height:38px!important}
  .hl-connect-panel header span{font-size:12px!important}
  .hl-connect-panel>a{min-height:58px!important;margin:6px 8px 0!important;grid-template-columns:40px 1fr 40px!important;padding:7px 9px!important}
  .hl-connect-panel>a::after{width:40px!important}
  .hl-connect-panel b{width:38px!important;height:38px!important}
  .hl-connect-panel b svg{width:25px!important;height:25px!important}
  .hl-connect-panel strong{font-size:12.5px!important}
  .hl-right-closing{height:175px!important}
  .hl-right-closing strong{font-size:16px!important;bottom:14px!important}
}

/* STEP 2.4 — RIGHT RAIL LABEL WIDTH + CRISP CLOSING TEXT */
.hl-letter-hero-top{font-size:17px!important}
.hl-letter-hero-fields span,.hl-letter-hero-fields b{font-size:16.5px!important}
.hl-letter-hero .hl-letter-detail-actions a{font-size:17px!important}
.hl-connect-panel>a{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:10px 14px 10px 68px!important}
.hl-connect-panel>a::after{display:none!important}
.hl-connect-panel>a>b{position:absolute!important;left:12px!important;top:50%!important;transform:translateY(-50%)!important}
.hl-connect-panel>a>span{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
.hl-connect-panel strong{font-size:15.5px!important;white-space:nowrap!important}
.hl-right-closing-shade{background:linear-gradient(180deg,rgba(2,8,13,0) 0%,rgba(2,8,13,0) 46%,rgba(2,8,13,.92) 62%,#02080d 78%,#02080d 100%)!important}
.hl-right-closing strong{bottom:20px!important;font-size:14px!important;line-height:1.35!important;letter-spacing:.04em!important;white-space:nowrap!important}
@media(min-width:900px) and (max-width:1439px){
  .hl-letter-hero-top{font-size:13px!important}
  .hl-letter-hero-fields span,.hl-letter-hero-fields b{font-size:12.5px!important}
  .hl-letter-hero .hl-letter-detail-actions a{font-size:13.5px!important}
  .hl-connect-panel>a{padding-left:58px!important}
  .hl-connect-panel>a>b{left:9px!important}
  .hl-connect-panel strong{font-size:12.5px!important}
  .hl-right-closing strong{font-size:11.5px!important}
}

/* STEP 3 — ALPHABET CENTER REDESIGN + LETTER BROWSING */
.hl-alphabet-explorer{margin-top:10px!important;border:1px solid #1d5f7f!important;background:linear-gradient(180deg,#04141f,#020b13)!important;overflow:hidden!important}
.hl-alphabet-heading{display:block!important;padding:18px 22px 16px!important;text-align:center!important;border-bottom:1px solid #194d68!important;background:linear-gradient(180deg,#071b28,#04131e)!important}
.hl-alphabet-heading>div{width:100%!important}
.hl-alphabet-heading h2{margin:0!important;color:#f2d498!important;font:600 34px/1.08 var(--hl-serif)!important;letter-spacing:.055em!important;text-align:center!important}
.hl-alphabet-heading h2 em{font-size:.58em!important;font-weight:500!important;font-style:italic!important;letter-spacing:.02em!important;color:#e9c982!important}
.hl-alphabet-subtitle{margin:8px 0 0!important;color:#f0dbac!important;font:700 14px/1.2 var(--hl-serif)!important;letter-spacing:.12em!important;text-align:center!important}
.hl-alphabet-grid{direction:rtl!important;display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:8px!important;padding:12px!important;background:radial-gradient(circle at 50% 5%,rgba(27,164,218,.08),transparent 42%),#020b13!important}
.hl-letter-card{direction:ltr!important;position:relative!important;min-height:178px!important;padding:15px 10px 13px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;border:1px solid #1b5674!important;border-radius:4px!important;background:linear-gradient(160deg,#071b28 0%,#03101a 72%)!important;color:#eef4f6!important;overflow:hidden!important;cursor:pointer!important;transform:translateZ(0)!important;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease!important}
.hl-letter-card::before{content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;background:linear-gradient(135deg,rgba(51,195,243,.07),transparent 40%,rgba(231,184,78,.04))!important;opacity:.65!important;transition:opacity .22s ease!important}
.hl-letter-card:hover{transform:translateY(-6px) scale(1.025)!important;border-color:#4bc9f2!important;background:linear-gradient(160deg,#0a2536 0%,#04141f 72%)!important;box-shadow:0 12px 28px rgba(0,0,0,.42),0 0 20px rgba(40,183,232,.16)!important;z-index:3!important}
.hl-letter-card:hover::before{opacity:1!important}
.hl-letter-card.active{border-color:#e6b94d!important;background:radial-gradient(circle at 50% 45%,rgba(230,181,73,.18),transparent 52%),linear-gradient(160deg,#092234,#03101a 76%)!important;box-shadow:inset 0 0 0 1px rgba(255,216,118,.18),0 0 18px rgba(231,184,76,.18)!important}
.hl-letter-order{position:absolute!important;left:8px!important;top:7px!important;color:#69b7d3!important;font:800 8px/1 var(--hl-sans)!important;letter-spacing:.12em!important}
.hl-letter-glyph{position:relative!important;z-index:1!important;color:#f5d478!important;font:700 66px/.94 var(--hl-serif)!important;text-shadow:0 2px 10px rgba(0,0,0,.9),0 0 12px rgba(234,187,82,.12)!important;transition:transform .22s ease,color .22s ease,text-shadow .22s ease!important}
.hl-letter-card:hover .hl-letter-glyph{transform:scale(1.13) translateY(-2px)!important;color:#ffe7a2!important;text-shadow:0 3px 12px rgba(0,0,0,.94),0 0 18px rgba(239,195,93,.24)!important}
.hl-letter-card>strong{position:relative!important;z-index:1!important;margin-top:10px!important;color:#f1f5f7!important;font:800 15px/1.05 var(--hl-sans)!important}
.hl-letter-card>small{position:relative!important;z-index:1!important;margin-top:5px!important;max-width:96%!important;color:#a9c0cd!important;font:600 10px/1.2 var(--hl-sans)!important;text-align:center!important;white-space:normal!important;overflow:visible!important}
.hl-letter-card>em{position:relative!important;z-index:1!important;margin-top:10px!important;display:flex!important;align-items:baseline!important;gap:5px!important;color:#4ad3fa!important;font:800 22px/1 var(--hl-sans)!important;font-style:normal!important}
.hl-letter-card>em>span{color:#7fa7b8!important;font:800 7px/1 var(--hl-sans)!important;letter-spacing:.12em!important}
.hl-final-form{position:absolute!important;right:8px!important;bottom:7px!important;color:#c99a39!important;font:700 17px/1 var(--hl-serif)!important}
.hl-letter-hero-top{justify-content:space-between!important}
.hl-letter-nav{display:flex!important;align-items:center!important;gap:6px!important;margin-left:auto!important}
.hl-letter-nav button{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border:1px solid #1e7499!important;border-radius:4px!important;background:#03131f!important;color:#2fd2ff!important;font:700 31px/1 var(--hl-serif)!important;cursor:pointer!important;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease!important}
.hl-letter-nav button:hover{transform:translateY(-2px)!important;border-color:#4bd7ff!important;background:#082638!important;color:#8deaff!important}
.hl-letter-hero>header{height:250px!important;min-height:250px!important;padding:14px 12px 14px!important;gap:2px!important}
.hl-letter-hero .hl-letter-detail-glyph{font-size:166px!important;line-height:.82!important;margin:0!important;color:#fff0bd!important;text-shadow:0 0 16px rgba(244,199,96,.34),0 4px 12px rgba(0,0,0,.92)!important}
.hl-letter-hero h2{margin:8px 0 0!important;font-size:39px!important;line-height:1!important;text-align:center!important;letter-spacing:.055em!important}
@media(min-width:900px) and (max-width:1439px){
  .hl-alphabet-heading h2{font-size:27px!important}
  .hl-alphabet-subtitle{font-size:11px!important}
  .hl-alphabet-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:6px!important;padding:9px!important}
  .hl-letter-card{min-height:150px!important;padding:12px 8px 10px!important}
  .hl-letter-glyph{font-size:56px!important}
  .hl-letter-card>strong{font-size:12px!important}
  .hl-letter-card>small{font-size:8px!important}
  .hl-letter-card>em{font-size:18px!important}
  .hl-letter-nav button{width:32px!important;height:32px!important;font-size:26px!important}
  .hl-letter-hero>header{height:205px!important;min-height:205px!important}
  .hl-letter-hero .hl-letter-detail-glyph{font-size:132px!important}
  .hl-letter-hero h2{font-size:31px!important}
}
@media(max-width:899px){
  .hl-alphabet-heading{padding:15px 14px 13px!important}
  .hl-alphabet-heading h2{font-size:24px!important}
  .hl-alphabet-heading h2 em{display:block!important;margin-top:3px!important}
  .hl-alphabet-subtitle{font-size:10px!important;letter-spacing:.08em!important}
  .hl-alphabet-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;padding:8px!important}
  .hl-letter-card{min-height:145px!important}
  .hl-letter-glyph{font-size:54px!important}
}
@media(prefers-reduced-motion:reduce){
  .hl-letter-card,.hl-letter-card::before,.hl-letter-glyph,.hl-letter-nav button{transition:none!important;animation:none!important}
  .hl-letter-card:hover,.hl-letter-card:hover .hl-letter-glyph,.hl-letter-nav button:hover{transform:none!important}
}

/* STEP 3.1 — KEEP LETTER BROWSER HEADER ON ONE LINE */
.hl-letter-hero-top{padding:0 12px!important;font-size:14px!important;white-space:nowrap!important}
.hl-letter-nav{gap:5px!important}
.hl-letter-nav button{width:34px!important;height:34px!important;font-size:28px!important}
@media(min-width:900px) and (max-width:1439px){
  .hl-letter-hero-top{padding:0 9px!important;font-size:11px!important}
  .hl-letter-nav{gap:4px!important}
  .hl-letter-nav button{width:29px!important;height:29px!important;font-size:23px!important}
}

/* STEP 3.2 — CALENDAR-MATCHED ALPHABET TYPOGRAPHY + TIGHTER HEADER */
.hl-alphabet-heading{
  min-height:0!important;
  padding:11px 18px 10px!important;
  background:linear-gradient(180deg,#061925 0%,#04131d 100%)!important;
}
.hl-alphabet-heading h2{
  margin:0!important;
  color:#f0d39a!important;
  font-family:"Times New Roman",Georgia,serif!important;
  font-size:42px!important;
  font-weight:600!important;
  line-height:1!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  text-shadow:0 2px 3px rgba(0,0,0,.92)!important;
}
.hl-alphabet-heading h2 em{
  font-family:"Times New Roman",Georgia,serif!important;
  font-size:.55em!important;
  font-weight:400!important;
  letter-spacing:.02em!important;
  color:#efd59c!important;
}
.hl-alphabet-subtitle{
  margin:5px 0 0!important;
  color:#edd7a7!important;
  font-family:"Times New Roman",Georgia,serif!important;
  font-size:15px!important;
  font-weight:600!important;
  line-height:1.1!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
.hl-alphabet-grid{
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:9px!important;
  padding:11px!important;
}
.hl-letter-card{
  min-height:196px!important;
  padding:16px 10px 14px!important;
}
.hl-letter-glyph{font-size:82px!important}
.hl-letter-card>strong{font-size:18px!important;margin-top:12px!important}
.hl-letter-card>small{font-size:11.5px!important;line-height:1.2!important;margin-top:6px!important}
.hl-letter-card>em{font-size:27px!important;margin-top:11px!important}
.hl-letter-card>em>span{font-size:8px!important}
.hl-final-form{font-size:19px!important}
.hl-letter-order{font-size:9px!important}
.hl-letter-hero-top{
  position:relative!important;
  justify-content:center!important;
  padding:0 50px!important;
}
.hl-letter-hero-top>span{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:max-content!important;
  text-align:center!important;
}
.hl-letter-nav{display:contents!important}
.hl-letter-nav button{
  position:absolute!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:36px!important;
  height:36px!important;
}
.hl-letter-nav button:first-child{left:10px!important}
.hl-letter-nav button:last-child{right:10px!important}
.hl-letter-nav button:hover{transform:translateY(calc(-50% - 2px))!important}
.hl-letter-hero>header{height:272px!important;min-height:272px!important}
.hl-letter-hero .hl-letter-detail-glyph{font-size:188px!important}
.hl-letter-hero h2{font-size:42px!important;margin-top:6px!important;text-align:center!important}
@media(min-width:900px) and (max-width:1439px){
  .hl-alphabet-heading{padding:9px 14px 8px!important}
  .hl-alphabet-heading h2{font-size:33px!important}
  .hl-alphabet-subtitle{font-size:12px!important;margin-top:4px!important}
  .hl-alphabet-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:7px!important;padding:9px!important}
  .hl-letter-card{min-height:168px!important}
  .hl-letter-glyph{font-size:68px!important}
  .hl-letter-card>strong{font-size:15px!important}
  .hl-letter-card>small{font-size:9px!important}
  .hl-letter-card>em{font-size:22px!important}
  .hl-letter-hero>header{height:220px!important;min-height:220px!important}
  .hl-letter-hero .hl-letter-detail-glyph{font-size:152px!important}
  .hl-letter-hero h2{font-size:34px!important}
}

/* STEP 3.3 — REFINED ALPHABET TITLE BAR */
.hl-alphabet-heading{
  position:relative!important;
  height:76px!important;
  min-height:76px!important;
  padding:5px 14px 4px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 15%,rgba(224,176,72,.10),transparent 38%),
    linear-gradient(180deg,#071b28 0%,#04131e 100%)!important;
  border-bottom:1px solid rgba(44,160,206,.42)!important;
}
.hl-alphabet-heading>div{width:100%!important;text-align:center!important}
.hl-alphabet-heading h2{
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:13px!important;
  color:#f1d69a!important;
  font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif!important;
  font-size:36px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.095em!important;
  text-transform:uppercase!important;
  text-shadow:0 2px 2px rgba(0,0,0,.94),0 4px 8px rgba(0,0,0,.52)!important;
  white-space:nowrap!important;
}
.hl-alphabet-heading h2::before,
.hl-alphabet-heading h2::after{
  content:""!important;
  flex:0 0 74px!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,#cfa64f)!important;
}
.hl-alphabet-heading h2::after{background:linear-gradient(90deg,#cfa64f,transparent)!important}
.hl-alphabet-heading h2 em{
  position:relative!important;
  top:1px!important;
  color:#f0cf84!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:.53em!important;
  font-weight:600!important;
  font-style:italic!important;
  letter-spacing:.03em!important;
  text-shadow:0 2px 2px rgba(0,0,0,.9)!important;
}
.hl-alphabet-subtitle{
  margin:3px 0 0!important;
  color:#ecd6a1!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:12.5px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.17em!important;
  text-transform:uppercase!important;
  text-align:center!important;
  text-shadow:0 1px 2px rgba(0,0,0,.9)!important;
}
.hl-alphabet-heading::after{
  content:"◆"!important;
  position:absolute!important;
  left:50%!important;
  bottom:-5px!important;
  transform:translateX(-50%) scale(.55)!important;
  color:#d7ae58!important;
  font-size:16px!important;
  line-height:1!important;
}
@media(min-width:900px) and (max-width:1439px){
  .hl-alphabet-heading{height:68px!important;min-height:68px!important;padding:4px 10px 3px!important}
  .hl-alphabet-heading h2{font-size:29px!important;gap:9px!important;letter-spacing:.08em!important}
  .hl-alphabet-heading h2::before,.hl-alphabet-heading h2::after{flex-basis:40px!important}
  .hl-alphabet-subtitle{font-size:10.5px!important;letter-spacing:.13em!important}
}
@media(max-width:899px){
  .hl-alphabet-heading{height:auto!important;min-height:0!important;padding:10px 8px 9px!important}
  .hl-alphabet-heading h2{font-size:25px!important;white-space:normal!important;gap:0!important;display:block!important}
  .hl-alphabet-heading h2::before,.hl-alphabet-heading h2::after{display:none!important}
  .hl-alphabet-heading h2 em{display:block!important;margin-top:3px!important}
  .hl-alphabet-subtitle{font-size:9.5px!important;letter-spacing:.09em!important;line-height:1.2!important}
}

/* =========================================================
   STEP 4 — ALEPH MASTER LETTER STUDY
   Individual-letter content architecture under locked shell
   ========================================================= */
.hl-letter-study{display:grid;gap:10px;margin-top:10px}
.hl-study-masthead,.hl-study-section{
  border:1px solid #1a5d7d;
  background:
    radial-gradient(circle at 82% 8%,rgba(216,169,71,.07),transparent 26%),
    linear-gradient(180deg,#061925 0%,#03111a 100%);
  box-shadow:inset 0 0 34px rgba(25,141,188,.035);
}
.hl-study-toolbar{
  min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:0 14px;border-bottom:1px solid #174b66;background:#04131e;
  color:#81cbe6;font:800 8px/1 var(--hl-sans);letter-spacing:.14em;text-transform:uppercase
}
.hl-study-toolbar button{
  border:0;background:none;padding:0;color:#45cff7;font:800 9px/1 var(--hl-sans);cursor:pointer
}
.hl-study-toolbar button:hover{color:#f0ca72}
.hl-study-identity{
  display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;align-items:center;padding:24px
}
.hl-study-main-glyph{
  height:210px;display:grid;place-items:center;border:1px solid #235f7b;border-radius:4px;
  background:radial-gradient(circle at 50% 48%,rgba(226,181,77,.14),transparent 48%),#03101a;
  color:#fff0bd;font:700 152px/.9 var(--hl-serif);
  text-shadow:0 0 20px rgba(235,188,83,.22),0 4px 14px rgba(0,0,0,.92)
}
.hl-study-title-copy h1,.hl-study-title-copy h2{
  margin:6px 0 8px;color:#f0d08d;font:700 42px/.95 "Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
  letter-spacing:.075em
}
.hl-study-title-copy>p{max-width:760px;margin:0;color:#c4d1d8;font:12px/1.62 var(--hl-serif)}
.hl-study-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:16px}
.hl-study-facts>div{
  min-height:82px;padding:11px 12px;border:1px solid #204f67;background:#051722
}
.hl-study-facts span,.hl-study-card-label{
  display:block;color:#54c8ee;font:800 7.5px/1.2 var(--hl-sans);letter-spacing:.12em;text-transform:uppercase
}
.hl-study-facts strong{display:block;margin-top:6px;color:#f0d396;font:700 15px/1.15 var(--hl-serif)}
.hl-study-facts small{display:block;margin-top:5px;color:#92aab7;font:8px/1.35 var(--hl-sans)}

.hl-study-section>header{
  display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;align-items:start;
  padding:16px 18px 14px;border-bottom:1px solid #17465f;background:linear-gradient(180deg,#071b28,#05141f)
}
.hl-study-num{
  width:34px;height:34px;display:grid;place-items:center;border:1px solid #c99c3f;border-radius:50%;
  color:#f1cc77;background:#07131c;font:800 9px/1 var(--hl-sans);letter-spacing:.06em
}
.hl-study-section>header h3{
  margin:5px 0 0;color:#f0d194;font:600 25px/1.08 "Palatino Linotype","Book Antiqua",Palatino,Georgia,serif
}
.hl-study-section>header p{max-width:860px;margin:7px 0 0;color:#aebfca;font:10.5px/1.5 var(--hl-sans)}

.hl-form-timeline{
  display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr);
  gap:8px;align-items:stretch;padding:14px
}
.hl-form-timeline figure{margin:0;border:1px solid #1d5069;background:#04131d;overflow:hidden}
.hl-form-glyph{
  height:170px;display:grid;place-items:center;border-bottom:1px solid #17465e;
  background:radial-gradient(circle at 50% 45%,rgba(220,170,68,.10),transparent 46%),#020b12
}
.hl-form-glyph img{width:142px;height:142px;display:block;object-fit:contain}
.hl-form-glyph-modern{color:#f2d28d;font:700 126px/.9 var(--hl-serif)}
.hl-form-timeline figcaption{padding:11px 12px 13px}
.hl-form-timeline figcaption>span{color:#48c9f2;font:800 7px/1 var(--hl-sans);letter-spacing:.15em;text-transform:uppercase}
.hl-form-timeline figcaption>strong{display:block;margin-top:5px;color:#efd096;font:700 14px/1.15 var(--hl-serif)}
.hl-form-timeline figcaption>small{display:block;margin-top:4px;color:#7f9cab;font:8px/1.25 var(--hl-sans)}
.hl-form-timeline figcaption>p{margin:8px 0 0;color:#afbec7;font:9px/1.5 var(--hl-sans)}
.hl-form-arrow{display:grid;place-items:center;color:#d1a548;font:700 24px/1 var(--hl-serif)}
.hl-study-source-note{
  margin:0 14px 14px;padding:10px 12px;border-left:3px solid #2ebee9;background:#051923;
  color:#aabcc6;font:9px/1.5 var(--hl-sans)
}
.hl-study-source-note strong{color:#e9c77f}

.hl-study-two,.hl-study-split,.hl-christ-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px
}
.hl-study-card,.hl-study-split>div,.hl-christ-grid>div{
  padding:16px;border:1px solid #1f5068;background:linear-gradient(150deg,#061a27,#03101a)
}
.hl-study-card h4,.hl-study-split h4{
  margin:6px 0 8px;color:#efd197;font:600 19px/1.08 var(--hl-serif)
}
.hl-study-card p,.hl-study-split p,.hl-christ-grid p,.hl-life-copy p{
  margin:0;color:#b7c6ce;font:10.5px/1.6 var(--hl-sans)
}
.hl-study-card a,.hl-study-split a,.hl-christ-grid a{
  display:inline-block;margin-top:11px;color:#4ed2f7;text-decoration:none;font:800 8px/1.2 var(--hl-sans)
}
.hl-study-card a:hover,.hl-study-split a:hover,.hl-christ-grid a:hover{color:#f0c86e}
.hl-study-boundary{
  display:grid;grid-template-columns:135px 1fr;gap:12px;align-items:start;margin:0 14px 14px;padding:12px 13px;
  border:1px solid rgba(220,173,72,.38);background:rgba(103,72,15,.12)
}
.hl-study-boundary strong{color:#f0cb77;font:800 8px/1.2 var(--hl-sans);letter-spacing:.11em;text-transform:uppercase}
.hl-study-boundary p{margin:0;color:#b9c7cf;font:9.5px/1.48 var(--hl-sans)}

.hl-word-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:14px 14px 0
}
.hl-word-grid a{
  min-height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;
  border:1px solid #22546d;background:#04131d;text-align:center;text-decoration:none;transition:.2s ease
}
.hl-word-grid a:hover{transform:translateY(-2px);border-color:#d1a44a;background:#061b28}
.hl-word-grid b{color:#f3d27f;font:700 34px/1.1 var(--hl-serif)}
.hl-word-grid span{margin-top:8px;color:#e8eef1;font:800 10px/1 var(--hl-sans)}
.hl-word-grid small{margin-top:5px;color:#74c6e4;font:8px/1.2 var(--hl-sans)}
.hl-study-split>div{min-height:145px}
.hl-study-split{padding-top:8px}

.hl-tradition-banner{
  margin:14px 14px 0;padding:12px 13px;border:1px solid rgba(219,171,70,.44);background:rgba(111,77,17,.11)
}
.hl-tradition-banner strong{
  display:block;color:#efc76d;font:800 8px/1.2 var(--hl-sans);letter-spacing:.12em
}
.hl-tradition-banner span{display:block;margin-top:6px;color:#c1ccd2;font:9px/1.45 var(--hl-sans)}
.hl-rabbinic-section .hl-study-card{border-color:#5e4c27}

.hl-christ-grid>div{position:relative;min-height:190px;padding-left:104px}
.hl-christ-grid>div>b{
  position:absolute;left:15px;top:16px;width:76px;height:76px;display:grid;place-items:center;
  border:1px solid #a67f31;background:radial-gradient(circle,#102b3b,#04131d 68%);
  color:#f1cf7d;font:700 34px/1 var(--hl-serif)
}
.hl-christ-grid>div>span{
  display:block;color:#f0d08b;font:800 9px/1 var(--hl-sans);letter-spacing:.1em
}
.hl-life-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px}
.hl-life-copy p{padding:14px;border-left:3px solid #2bbce7;background:#051722}

.hl-source-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:14px
}
.hl-source-grid a{
  min-height:72px;padding:11px 12px;border:1px solid #1c4c63;background:#04131c;text-decoration:none
}
.hl-source-grid a:hover{border-color:#2ba8d6}
.hl-source-grid strong{display:block;color:#e8c77f;font:700 11px/1.25 var(--hl-serif)}
.hl-source-grid span{display:block;margin-top:5px;color:#8fa6b3;font:8.5px/1.4 var(--hl-sans)}

@media(min-width:900px) and (max-width:1439px){
  .hl-study-identity{grid-template-columns:150px minmax(0,1fr);gap:16px;padding:16px}
  .hl-study-main-glyph{height:160px;font-size:112px}
  .hl-study-title-copy h1,.hl-study-title-copy h2{font-size:32px}
  .hl-study-title-copy>p{font-size:9.5px}
  .hl-study-facts{gap:5px;margin-top:11px}
  .hl-study-facts>div{min-height:68px;padding:8px}
  .hl-study-facts strong{font-size:12px}
  .hl-study-facts small{font-size:6.8px}
  .hl-study-section>header{padding:12px 13px 11px}
  .hl-study-section>header h3{font-size:20px}
  .hl-study-section>header p{font-size:8.5px}
  .hl-form-glyph{height:132px}
  .hl-form-glyph img{width:110px;height:110px}
  .hl-form-glyph-modern{font-size:96px}
  .hl-form-timeline figcaption>strong{font-size:11px}
  .hl-form-timeline figcaption>p{font-size:7.5px}
  .hl-study-card p,.hl-study-split p,.hl-christ-grid p,.hl-life-copy p{font-size:8.5px}
  .hl-word-grid b{font-size:27px}
  .hl-christ-grid>div{padding-left:86px;min-height:165px}
  .hl-christ-grid>div>b{width:60px;height:60px;font-size:27px}
}
@media(max-width:899px){
  .hl-study-identity{grid-template-columns:1fr;padding:14px}
  .hl-study-main-glyph{height:180px;font-size:126px}
  .hl-study-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hl-form-timeline{grid-template-columns:1fr;padding:10px}
  .hl-form-arrow{transform:rotate(90deg);min-height:18px}
  .hl-study-two,.hl-study-split,.hl-christ-grid,.hl-life-copy,.hl-source-grid{grid-template-columns:1fr}
  .hl-word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hl-study-boundary{grid-template-columns:1fr}
}
@media(max-width:520px){
  .hl-study-facts,.hl-word-grid{grid-template-columns:1fr}
  .hl-study-section>header{grid-template-columns:32px minmax(0,1fr);padding:12px 10px}
  .hl-study-num{width:28px;height:28px}
}

/* =========================================================
   STEP 4.1 — SIMPLE 22-LETTER STUDY NAVIGATION
   ========================================================= */
.hl-letter-study-menu{
  margin:0 0 10px;
  border:1px solid #1a5d7d;
  background:linear-gradient(180deg,#061925,#03111a);
  overflow:hidden;
}
.hl-letter-study-menu-head{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:0 14px;
  border-bottom:1px solid #174b66;
  background:#04131e;
}
.hl-letter-study-menu-head strong{
  color:#f0d08d;
  font:700 13px/1 "Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
  letter-spacing:.08em;
}
.hl-letter-study-menu-head span{
  color:#83a8ba;
  font:700 8px/1 var(--hl-sans);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.hl-letter-study-menu-grid{
  display:grid;
  grid-template-columns:repeat(11,minmax(0,1fr));
  gap:1px;
  background:#12394d;
}
.hl-letter-study-menu-grid a{
  min-height:68px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:7px 4px 6px;
  background:#04131d;
  color:#dfe9ee;
  text-decoration:none;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.hl-letter-study-menu-grid a:hover{
  background:#082131;
  transform:translateY(-1px);
}
.hl-letter-study-menu-grid a.active{
  background:radial-gradient(circle at 50% 36%,rgba(225,177,69,.18),transparent 52%),#071824;
  box-shadow:inset 0 0 0 1px #d3a542;
}
.hl-letter-study-menu-grid b{
  color:#f1cd78;
  font:700 28px/1 var(--hl-serif);
}
.hl-letter-study-menu-grid span{
  margin-top:5px;
  color:#edf3f5;
  font:800 7.5px/1 var(--hl-sans);
}
.hl-letter-study{margin-top:0!important}
.hl-letter-study .hl-study-toolbar{display:none!important}

.hl-study-pending-note{
  padding:22px;
  border:1px solid #1a5d7d;
  background:linear-gradient(180deg,#061925,#03111a);
  text-align:center;
}
.hl-study-pending-note strong{
  display:block;
  color:#f0cf86;
  font:700 13px/1 var(--hl-serif);
  letter-spacing:.11em;
}
.hl-study-pending-note p{
  max-width:760px;
  margin:9px auto 0;
  color:#aabcc7;
  font:10px/1.55 var(--hl-sans);
}

.hl-right-study{padding-top:8px!important}
.hl-study-tools{margin-top:0!important}
.hl-study-tools header{
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 14px!important;
}
.hl-study-tools header span{
  color:#f0d08d!important;
  font:700 12px/1 var(--hl-serif)!important;
  letter-spacing:.09em!important;
}
.hl-study-tools>a,.hl-study-tools>button{
  min-height:62px!important;
  grid-template-columns:40px 1fr!important;
  gap:10px!important;
  padding:10px 12px!important;
}
.hl-study-tools b{
  width:38px!important;
  height:38px!important;
  color:#f0c96e!important;
  border-color:#2a7797!important;
}
.hl-study-tools strong{font-size:11px!important}
.hl-study-tools small{font-size:8px!important}

@media(min-width:900px) and (max-width:1439px){
  .hl-letter-study-menu-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .hl-letter-study-menu-grid a{min-height:58px}
  .hl-letter-study-menu-grid b{font-size:24px}
  .hl-letter-study-menu-head strong{font-size:11px}
  .hl-letter-study-menu-head span{font-size:7px}
}
@media(max-width:899px){
  .hl-letter-study-menu-head{display:block;padding:10px 12px}
  .hl-letter-study-menu-head span{display:block;margin-top:4px}
  .hl-letter-study-menu-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:520px){
  .hl-letter-study-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* STEP 4.2 — STUDY LETTER MENU VISUAL SIMPLIFICATION */
.hl-letter-study-menu{
  display:block!important;
  width:100%!important;
}
.hl-letter-study-menu-head{
  width:100%!important;
  min-height:40px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  padding:0 14px!important;
  text-align:center!important;
}
.hl-letter-study-menu-head strong{
  font-size:14px!important;
  letter-spacing:.10em!important;
}
.hl-letter-study-menu-head span{
  font-size:8px!important;
  letter-spacing:.10em!important;
}
.hl-letter-study-menu-grid{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(11,minmax(0,1fr))!important;
  gap:1px!important;
}
.hl-letter-study-menu-grid a{
  min-width:0!important;
  min-height:72px!important;
  padding:7px 3px!important;
  box-sizing:border-box!important;
}
.hl-letter-study-menu-grid b{
  font-size:31px!important;
}
.hl-letter-study-menu-grid span{
  margin-top:5px!important;
  font-size:8px!important;
}
@media(min-width:900px) and (max-width:1439px){
  .hl-letter-study-menu-head{min-height:38px!important}
  .hl-letter-study-menu-grid{grid-template-columns:repeat(11,minmax(0,1fr))!important}
  .hl-letter-study-menu-grid a{min-height:62px!important}
  .hl-letter-study-menu-grid b{font-size:26px!important}
  .hl-letter-study-menu-grid span{font-size:7px!important}
}
@media(max-width:899px){
  .hl-letter-study-menu-head{display:block!important;padding:9px 10px!important}
  .hl-letter-study-menu-head span{margin-top:4px!important}
  .hl-letter-study-menu-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

/* =========================================================
   STEP 5 — COMPACT LETTER STUDY + LARGE READABLE TYPE
   ========================================================= */
.hl-study-section-nav{
  position:sticky!important;top:0!important;z-index:20!important;
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:1px!important;margin:8px 0!important;border:1px solid #1a5d7d!important;
  background:#12394d!important;box-shadow:0 8px 18px rgba(0,0,0,.32)!important
}
.hl-study-section-nav a{
  min-height:48px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:10px!important;padding:8px 12px!important;background:#04131d!important;color:#dbe9ef!important;text-align:left!important;
  text-decoration:none!important;font:800 10px/1.15 var(--hl-sans)!important;transition:.18s ease!important
}
.hl-study-section-nav a>span{
  flex:none!important;display:grid!important;place-items:center!important;width:28px!important;height:28px!important;
  border:1px solid #2c7899!important;color:#f1cf7b!important;background:#061a27!important;
  font:800 9px/1 var(--hl-sans)!important
}
.hl-study-section-nav a>strong{font:800 10px/1.2 var(--hl-sans)!important;color:inherit!important}
.hl-study-section-nav a:hover,.hl-study-section-nav a.active{background:#0a2b3e!important;color:#f1cf7b!important}
.hl-study-masthead,.hl-study-section,.hl-study-sources-compact{scroll-margin-top:58px!important}
.hl-study-identity-compact{grid-template-columns:150px minmax(0,1fr)!important;gap:18px!important;padding:18px!important}
.hl-study-identity-compact .hl-study-main-glyph{height:150px!important;font-size:112px!important}
.hl-study-title-copy h1,.hl-study-title-copy h2{font-size:40px!important;margin:5px 0 8px!important}
.hl-study-title-copy>p{font-size:15.5px!important;line-height:1.6!important;color:#d0dae0!important}
.hl-study-facts{gap:7px!important;margin-top:13px!important}
.hl-study-facts>div{min-height:72px!important;padding:10px 11px!important}
.hl-study-facts span{font-size:9px!important}
.hl-study-facts strong{font-size:17px!important}
.hl-study-facts small{font-size:11px!important;line-height:1.35!important}
.hl-study-section>header{grid-template-columns:42px minmax(0,1fr)!important;padding:14px 16px 13px!important}
.hl-study-section>header h3{font-size:27px!important;line-height:1.08!important}
.hl-study-section>header .hl-kicker{font-size:10px!important}
.hl-study-num{width:36px!important;height:36px!important;font-size:10px!important}
.hl-form-timeline{padding:12px!important;gap:7px!important}
.hl-form-glyph{height:142px!important}.hl-form-glyph img{width:118px!important;height:118px!important}
.hl-form-glyph-modern{font-size:102px!important}
.hl-form-timeline figcaption{padding:12px 13px!important}
.hl-form-timeline figcaption>span{font-size:9px!important}
.hl-form-timeline figcaption>strong{font-size:16px!important}
.hl-form-timeline figcaption>small{font-size:11px!important}
.hl-form-timeline figcaption>p{font-size:13.5px!important;line-height:1.5!important}
.hl-study-source-note{font-size:13px!important;line-height:1.5!important}
.hl-study-three{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;padding:12px!important}
.hl-study-card{padding:15px!important}
.hl-study-card-label{font-size:9px!important}
.hl-study-card h4,.hl-study-feature h4{font-size:20px!important;margin:6px 0 8px!important}
.hl-study-card p,.hl-study-feature p,.hl-christ-grid p,.hl-life-copy p{font-size:15px!important;line-height:1.58!important;color:#c6d1d7!important}
.hl-word-grid{padding:10px 12px 0!important;gap:7px!important}
.hl-word-grid a{min-height:112px!important;padding:10px!important}
.hl-word-grid b{font-size:34px!important}.hl-word-grid span{font-size:13px!important}.hl-word-grid small{font-size:10.5px!important}
.hl-study-feature{margin:10px 12px 0!important;padding:15px 16px!important;border:1px solid #1f5068!important;background:#051722!important}
.hl-study-feature>a,.hl-inline-links a{font-size:11px!important}
.hl-study-boundary{margin:10px 12px 12px!important;padding:11px 12px!important}
.hl-study-boundary strong{font-size:9px!important}.hl-study-boundary p{font-size:13.5px!important;line-height:1.5!important}
.hl-tradition-banner{margin:12px 12px 0!important;padding:11px 12px!important}
.hl-tradition-banner strong{font-size:9px!important}.hl-tradition-banner span{font-size:13.5px!important;line-height:1.5!important}
.hl-inline-links{display:flex!important;flex-wrap:wrap!important;gap:14px!important;margin-top:10px!important}
.hl-christ-grid{padding:12px!important;gap:8px!important}
.hl-christ-grid>div{min-height:160px!important;padding:15px 15px 15px 92px!important}
.hl-christ-grid>div>b{width:64px!important;height:64px!important;font-size:30px!important}
.hl-christ-grid>div>span{font-size:10px!important}
.hl-life-copy-single{grid-template-columns:1fr!important;padding:12px!important}
.hl-life-copy-single p{padding:15px!important}
.hl-study-back-top{
  display:block!important;margin:0 12px 12px auto!important;padding:7px 10px!important;border:1px solid #245d78!important;
  border-radius:3px!important;background:#061924!important;color:#61cff2!important;font:800 9.5px/1 var(--hl-sans)!important;
  cursor:pointer!important
}
.hl-study-back-top:hover{border-color:#d4aa4d!important;color:#f0d08a!important}
.hl-study-sources-compact{
  border:1px solid #1a5d7d!important;background:#03111a!important
}
.hl-study-sources-compact>summary{
  min-height:48px!important;display:flex!important;align-items:center!important;padding:0 16px!important;
  color:#f0d08d!important;background:#061925!important;cursor:pointer!important;
  font:700 17px/1 var(--hl-serif)!important;letter-spacing:.02em!important
}
.hl-study-sources-compact>summary::marker{color:#47c9f1!important}
.hl-study-sources-compact .hl-source-grid{padding:10px 12px!important}
.hl-study-sources-compact .hl-source-grid a{min-height:66px!important;padding:10px 11px!important}
.hl-study-sources-compact .hl-source-grid strong{font-size:13px!important}
.hl-study-sources-compact .hl-source-grid span{font-size:11.5px!important;line-height:1.4!important}
@media(min-width:900px) and (max-width:1439px){
  .hl-study-section-nav a{min-height:42px!important;padding:7px 9px!important}
  .hl-study-section-nav a>span{width:24px!important;height:24px!important;font-size:8px!important}
  .hl-study-section-nav a>strong{font-size:8.5px!important}
  .hl-study-identity-compact{grid-template-columns:125px minmax(0,1fr)!important;gap:14px!important;padding:14px!important}
  .hl-study-identity-compact .hl-study-main-glyph{height:125px!important;font-size:92px!important}
  .hl-study-title-copy h1,.hl-study-title-copy h2{font-size:34px!important}
  .hl-study-title-copy>p{font-size:13.5px!important}
  .hl-study-facts strong{font-size:14px!important}.hl-study-facts small{font-size:9.5px!important}
  .hl-study-section>header h3{font-size:23px!important}
  .hl-form-timeline figcaption>strong{font-size:14px!important}
  .hl-form-timeline figcaption>p,.hl-study-card p,.hl-study-feature p,.hl-christ-grid p,.hl-life-copy p{font-size:13px!important}
  .hl-tradition-banner span,.hl-study-boundary p{font-size:12px!important}
}
@media(max-width:899px){
  .hl-study-section-nav{position:relative!important;grid-template-columns:1fr!important}
  .hl-study-section-nav a{min-height:46px!important}
  .hl-study-identity-compact{grid-template-columns:1fr!important}
  .hl-study-three{grid-template-columns:1fr!important}
}

/* STEP 5.1 — FINAL READABILITY BUMP */
.hl-form-timeline figcaption>p{font-size:14.5px!important;line-height:1.55!important}
.hl-form-timeline figcaption>small{font-size:12px!important}
.hl-study-source-note{font-size:14px!important}
.hl-study-feature p,.hl-study-card p,.hl-christ-grid p,.hl-life-copy p{font-size:15.5px!important}
.hl-tradition-banner span{font-size:14px!important}
.hl-study-boundary p{font-size:14px!important}

/* STEP 7 - LEFT RAIL STATE + LANGUAGE LESSON LANDING */
.hl-left-nav .hl-local-link,
.hl-left-nav .hl-local-link:link,
.hl-left-nav .hl-local-link:visited{
  color:#e9f1f5!important;
}
.hl-left-nav .hl-local-link:hover,
.hl-left-nav .hl-local-link:focus-visible{
  color:#e9f1f5!important;
  border-color:#2daff0!important;
  background:linear-gradient(180deg,#0c6097,#084469)!important;
  box-shadow:0 0 12px rgba(39,173,238,.2)!important;
}
.hl-left-nav .hl-local-link:hover .hl-nav-icon,
.hl-left-nav .hl-local-link:focus-visible .hl-nav-icon,
.hl-left-nav .hl-local-link.active .hl-nav-icon{
  border-color:#69d2ff!important;color:#dff6ff!important;background:#0b537f!important;
}
.hl-left-nav .hl-local-link.active{color:#e9f1f5!important}
.hl-lessons-landing{
  min-height:430px;box-sizing:border-box;margin:0;padding:58px 48px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  border:1px solid var(--hl-line);background:linear-gradient(180deg,#061927,#03111b);
}
.hl-lessons-landing h2{margin:8px 0 14px;color:#f0cf8c;font:600 34px/1.05 var(--hl-serif)}
.hl-lessons-landing p{max-width:720px;margin:0;color:#c0ced6;font:16px/1.65 var(--hl-serif)}
@media(max-width:899px){.hl-lessons-landing{min-height:330px;padding:38px 24px}.hl-lessons-landing h2{font-size:28px}.hl-lessons-landing p{font-size:14px}}

/* SEO ROUTE LINK SEMANTICS — VISUAL PARITY LOCK */
.hl-letter-card{text-decoration:none!important}

/* ===== MOBILE LAUNCH AUDIT V1 ===== */
@media(max-width:899px){
  .hl-left-nav{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    overflow:visible!important;
    gap:7px!important;
    padding:10px!important;
  }
  .hl-local-link{
    width:100%!important;
    min-width:0!important;
    min-height:58px!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:8px!important;
    padding:8px!important;
    font-size:10px!important;
    white-space:normal!important;
  }
  .hl-nav-icon{width:34px!important;height:34px!important;flex:0 0 34px!important}
}
/* ===== MOBILE LAUNCH AUDIT V1 END ===== */

/* Phone alphabet: readable cards and hero copy outside the artwork. */
@media(max-width:700px){
 .hl-alphabet-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;padding:10px!important}
 .hl-letter-card{min-height:190px!important;padding:14px 6px!important}
 .hl-letter-glyph{font-size:64px!important}
 .hl-letter-card>strong{font-size:16px!important}
 .hl-letter-card>em{font-size:23px!important}
 .hl-hero-home{aspect-ratio:auto!important}
 .hl-hero-home .hl-hero-copy-home,.hl-hero-home .hl-hero-scripture{
  display:block!important;position:static!important;inset:auto!important;width:auto!important;max-width:none!important;
  padding:18px!important;margin:0!important;background:none!important;text-shadow:none!important;transform:none!important;
 }
 .hl-hero-home h1{margin:8px 0 14px!important;line-height:1.1!important}
 .hl-hero-home h1>span{font-size:30px!important}
 .hl-hero-home h1>small{font-size:24px!important}
 .hl-hero-home .hl-hero-brandline{font-size:10px!important}
 .hl-hero-home .hl-hero-deck{font-size:15px!important;line-height:1.55!important;font-weight:400!important}
 .hl-hero-home .hl-hero-deck br,.hl-hero-home .hl-hero-scripture br{display:none}
 .hl-hero-home .hl-hero-patterns{font-size:10px!important;margin-top:14px!important}
 .hl-hero-home .hl-hero-scripture{font-size:14px!important;line-height:1.6!important;padding-top:0!important}
 .hl-hero-home .hl-hero-scripture cite{font-size:11px!important;display:block}
}
@media(max-width:700px){
 .hl-study-section>header{height:auto!important;min-height:0!important}
 .hl-study-section-nav a,.hl-study-top,.hl-study-back,[data-study-top],[data-letter-step]{min-height:44px!important}
}

@media(max-width:700px){
 .hl-hero-home .hl-hero-deck{text-transform:none!important;text-shadow:none!important}
 .hl-letter-study-menu-grid a span{font-size:12px!important}
}