/* Temple Prayer components: section dividers + dark-blue info cards. Safe on cream (Look B) pages. */
:root{--tp-navy:#1d2935;--tp-gold:#c9892f;--tp-gold-lt:#ffa849;--tp-gold-pale:#ffc078;--tp-blue:#2f5f9e;--tp-purple:#6b3f8f;--tp-scarlet:#b3342b;--tp-linen:#fffaf0}
/* ---------- Dividers (use <hr class="tp-div ..."> or the .tp-div wrappers shown in the design lab) ---------- */
.tp-div{border:0;margin:3rem auto;max-width:640px;height:auto;display:block;text-align:center;color:var(--tp-gold)}
/* Element dividers (line art from Derek's Temple Elements chart). Markup: <div class="tp-div tp-div--ark tp-div--gold" role="separator"></div>
   Styles: no modifier = outline, tp-div--gold = solid gold, tp-div--navy = solid navy. Mix them. */
.tp-div--lampstand,.tp-div--ark,.tp-div--veil,.tp-div--gate,.tp-div--incense,.tp-div--table,.tp-div--laver,.tp-div--altar,.tp-div--pattern,.tp-div--menorah{height:92px;max-width:640px;background-position:center;background-size:contain;background-repeat:no-repeat}
.tp-div--pattern{height:64px;max-width:650px}
.tp-div--lampstand{background-image:url(/assets/dividers/outline/lampstand.svg?v=13)}
.tp-div--lampstand.tp-div--gold{background-image:url(/assets/dividers/gold/lampstand.svg?v=13)}
.tp-div--lampstand.tp-div--navy{background-image:url(/assets/dividers/navy/lampstand.svg?v=13)}
.tp-div--ark{background-image:url(/assets/dividers/outline/ark.svg?v=13)}
.tp-div--ark.tp-div--gold{background-image:url(/assets/dividers/gold/ark.svg?v=13)}
.tp-div--ark.tp-div--navy{background-image:url(/assets/dividers/navy/ark.svg?v=13)}
.tp-div--veil{background-image:url(/assets/dividers/outline/veil.svg?v=13)}
.tp-div--veil.tp-div--gold{background-image:url(/assets/dividers/gold/veil.svg?v=13)}
.tp-div--veil.tp-div--navy{background-image:url(/assets/dividers/navy/veil.svg?v=13)}
.tp-div--gate{background-image:url(/assets/dividers/outline/gate.svg?v=13)}
.tp-div--gate.tp-div--gold{background-image:url(/assets/dividers/gold/gate.svg?v=13)}
.tp-div--gate.tp-div--navy{background-image:url(/assets/dividers/navy/gate.svg?v=13)}
.tp-div--incense{background-image:url(/assets/dividers/outline/incense.svg?v=13)}
.tp-div--incense.tp-div--gold{background-image:url(/assets/dividers/gold/incense.svg?v=13)}
.tp-div--incense.tp-div--navy{background-image:url(/assets/dividers/navy/incense.svg?v=13)}
.tp-div--table{background-image:url(/assets/dividers/outline/table.svg?v=13)}
.tp-div--table.tp-div--gold{background-image:url(/assets/dividers/gold/table.svg?v=13)}
.tp-div--table.tp-div--navy{background-image:url(/assets/dividers/navy/table.svg?v=13)}
.tp-div--laver{background-image:url(/assets/dividers/outline/laver.svg?v=13)}
.tp-div--laver.tp-div--gold{background-image:url(/assets/dividers/gold/laver.svg?v=13)}
.tp-div--laver.tp-div--navy{background-image:url(/assets/dividers/navy/laver.svg?v=13)}
.tp-div--altar{background-image:url(/assets/dividers/outline/altar.svg?v=13)}
.tp-div--altar.tp-div--gold{background-image:url(/assets/dividers/gold/altar.svg?v=13)}
.tp-div--altar.tp-div--navy{background-image:url(/assets/dividers/navy/altar.svg?v=13)}
.tp-div--pattern{background-image:url(/assets/dividers/outline/pattern.svg?v=13)}
.tp-div--pattern.tp-div--gold{background-image:url(/assets/dividers/gold/pattern.svg?v=13)}
.tp-div--pattern.tp-div--navy{background-image:url(/assets/dividers/navy/pattern.svg?v=13)}
.tp-div--menorah{background-image:url(/assets/dividers/outline/lampstand.svg?v=13)}
/* Gold plate divider: "Holy to the LORD" on the high priest's gold plate (Exodus 28:36) */
.tp-div--plate{display:flex;align-items:center;gap:1.2rem;max-width:760px}
.tp-div--plate::before,.tp-div--plate::after{content:"";flex:1;border-top:3px double var(--tp-gold)}
.tp-div--plate .tp-plate{flex:none;background:linear-gradient(180deg,#f3d98b,#c9892f);color:#1d2935;border-radius:8px;padding:.45rem 1.4rem .5rem;box-shadow:0 2px 0 #8a5a14,0 6px 14px rgba(29,41,53,.25);line-height:1.15}
.tp-plate .tp-he{display:block;font-size:1.7rem;font-family:"SBL Hebrew","Ezra SIL","Times New Roman",serif;font-weight:700}
.tp-plate small{display:block;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;opacity:.8}
/* ---------- Cards ---------- */
.tp-card{background:var(--tp-navy);color:#f3f1ea;border-radius:12px;border-left:5px solid var(--tp-gold-lt);padding:1.3rem 1.5rem 1.4rem;margin:2.2rem 0;box-shadow:0 10px 28px rgba(29,41,53,.28);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.tp-card p{color:#e3e0d6;font-size:1.02rem;line-height:1.65;margin:0 0 .7rem}
.tp-card p:last-child{margin-bottom:0}
.tp-card h3{font-family:Georgia,"Iowan Old Style",serif;color:var(--tp-gold-pale);font-size:1.4rem;line-height:1.25;margin:.1rem 0 .55rem}
.tp-card h3 span{font-size:.95rem;color:#a7b4c0;font-weight:400;font-style:italic;margin-left:.4rem}
.tp-label{color:var(--tp-gold-lt)!important;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem!important;font-weight:700;margin:0 0 .3rem!important}
.tp-ref{color:#a7b4c0!important;font-size:.9rem!important;margin-top:.8rem!important}
.tp-card a{color:var(--tp-gold-pale);text-decoration:underline;text-underline-offset:3px}
/* Hebrew word card */
.tp-card--word{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:1.4rem;align-items:center}
.tp-heb{font-family:"SBL Hebrew","Ezra SIL","Times New Roman",serif;font-size:clamp(2.6rem,7vw,3.8rem);line-height:1.1;color:var(--tp-gold-lt);text-align:center;padding:.4rem 1rem;border-right:1px solid rgba(255,168,73,.3);direction:rtl}
.tp-root{font-size:.92rem!important;color:#a7b4c0!important}
.tp-root b{color:var(--tp-gold-pale);font-weight:600}
.he{font-family:"SBL Hebrew","Ezra SIL","Times New Roman",serif;direction:rtl;unicode-bidi:embed}
.tp-card-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.2rem;margin:2.2rem 0}
.tp-card-row .tp-card{margin:0}
@media(max-width:560px){.tp-card--word{grid-template-columns:1fr;gap:.6rem}.tp-heb{border-right:0;border-bottom:1px solid rgba(255,168,73,.3);padding-bottom:.7rem}.tp-card{padding:1.1rem 1.1rem 1.2rem}}

/* Automatic lampstand above every section heading in page content. nav.js tags each <h2> in main.prose: the first gets none, the rest cycle outline, gold, navy. */
main.prose h2.tp-s-outline,main.prose h2.tp-s-gold,main.prose h2.tp-s-navy{margin-top:3rem}
main.prose h2.tp-s-outline::before,main.prose h2.tp-s-gold::before,main.prose h2.tp-s-navy::before{content:"";display:block;height:88px;max-width:640px;margin:0 auto .8rem;background:center/contain no-repeat}
main.prose h2.tp-s-outline::before{background-image:url(/assets/dividers/outline/lampstand.svg?v=13)}
main.prose h2.tp-s-gold::before{background-image:url(/assets/dividers/gold/lampstand.svg?v=13)}
main.prose h2.tp-s-navy::before{background-image:url(/assets/dividers/navy/lampstand.svg?v=13)}

/* Keep card text light inside themed prose pages */
main.prose .tp-card p,main.prose .tp-card li{color:#e3e0d6}
main.prose .tp-card h3{color:var(--tp-gold-pale);margin-top:.1rem}
main.prose .tp-card b,main.prose .tp-card strong{color:var(--tp-gold-pale)}

/* Card text must stay light on every page layout (home .hm .wrap-read p, main.prose p, etc. set dark body colors with equal/higher specificity). */
html body .tp-card.tp-card p,html body .tp-card.tp-card li,html body .tp-card.tp-card p span,html body .tp-card.tp-card em{color:#e8e2d4;font-family:inherit}
html body .tp-card.tp-card h3 span{color:#a7b4c0;font-family:Georgia,"Iowan Old Style",serif;font-size:.95rem;font-style:italic;font-weight:400}
html body .tp-card.tp-card p,html body .tp-card.tp-card li{font-size:1.02rem;line-height:1.65;margin:0 0 .7rem}
html body .tp-card.tp-card p:last-child{margin-bottom:0}
html body .tp-card.tp-card .he{font-family:"SBL Hebrew","Ezra SIL","Times New Roman",serif}
html body .tp-card.tp-card a{color:var(--tp-gold-pale)}
html body .tp-card.tp-card a:hover{color:#fff}
html body .tp-card.tp-card b,html body .tp-card.tp-card strong{color:var(--tp-gold-pale)}
html body .tp-card.tp-card .tp-label{color:var(--tp-gold-lt);font-size:.72rem;margin:0 0 .3rem}
html body .tp-card.tp-card .tp-ref,html body .tp-card.tp-card .tp-root{color:#a7b4c0}
html body .tp-card.tp-card .tp-ref{font-size:.9rem;margin-top:.8rem}

/* Hebrew webfont (Noto Serif Hebrew, SIL OFL, self-hosted Hebrew subset with niqqud) so the big Hebrew looks the same on every device. */
@font-face{font-family:"TP Hebrew";src:url("fonts/noto-serif-hebrew-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0590-05FF,U+FB1D-FB4F}
@font-face{font-family:"TP Hebrew";src:url("fonts/noto-serif-hebrew-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0590-05FF,U+FB1D-FB4F}
html body .tp-heb,html body .he,html body .tp-card.tp-card .he,.tp-plate .tp-he{font-family:"TP Hebrew","SBL Hebrew","Ezra SIL","Times New Roman",serif}