.bp-page{--bp-ink:#17352a;--bp-muted:#687b72;--bp-green:#176b4b;--bp-green-dark:#0d5238;--bp-mint:#eaf5ef;--bp-cream:#fbfaf5;--bp-gold:#c8922f;--bp-line:#dce8e1;max-width:68rem;margin-inline:auto;padding:clamp(1.25rem,4vw,3rem);color:var(--bp-ink);font-family:'Noto Sans Arabic','Inter',sans-serif}
[dir=ltr] .bp-page{font-family:'Inter','Noto Sans Arabic',sans-serif}.bp-page h1,.bp-page h2,.bp-page h3{letter-spacing:-.025em;color:var(--bp-ink)}.bp-page p{color:var(--bp-muted)}
.bp-hero{position:relative;max-width:48rem;margin-bottom:clamp(2rem,5vw,3.5rem);padding-block:.5rem}.bp-hero:after{content:"";display:block;width:3rem;height:.25rem;margin-top:1.25rem;border-radius:99px;background:var(--bp-gold)}.bp-hero .eyebrow{margin-bottom:.75rem;color:var(--bp-green);font-size:.75rem}.bp-hero h1{max-width:18ch;margin:0 0 .75rem;font-size:clamp(2.15rem,7vw,4.35rem);font-weight:800;line-height:1.12}.bp-hero p{max-width:42rem;font-size:clamp(1rem,2.3vw,1.15rem);line-height:1.85}
.bp-section{margin-block:2.75rem}.bp-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.bp-section-head h2,.bp-preview h2,.bp-people h2{margin:0;font-size:clamp(1.25rem,3vw,1.65rem);font-weight:800}.bp-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1.15rem}.bp-card{min-height:15rem;padding:1.4rem;border:1px solid var(--bp-line);border-radius:1.35rem;background:var(--bp-cream);box-shadow:0 12px 35px rgba(30,70,53,.07);transition:.2s}.bp-card:hover{transform:translateY(-3px);border-color:#b7d3c4;box-shadow:0 18px 44px rgba(30,70,53,.12)}.bp-card-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem}.bp-card-meta>strong{color:var(--bp-green);font-size:.9rem}.bp-card .badge,.bp-hero .badge{width:max-content;padding:.42rem .75rem;border:0;border-radius:99px;background:var(--bp-mint);color:var(--bp-green-dark);font-size:.75rem;font-weight:700}.bp-card-copy{display:grid;gap:.6rem}.bp-card h3{margin:.25rem 0;font-size:1.25rem;font-weight:800}.bp-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.75}.bp-card .btn{min-height:3rem;border-radius:.85rem;font-weight:700}.bp-active{min-height:12rem;border-color:#b8d9c7;background:linear-gradient(145deg,#f7fcf9,var(--bp-mint))}
.bp-page progress{width:100%;height:.55rem;overflow:hidden;border:0;border-radius:99px;background:#d8e7df;accent-color:var(--bp-green)}.bp-page progress::-webkit-progress-bar{border-radius:99px;background:#d8e7df}.bp-page progress::-webkit-progress-value{border-radius:99px;background:linear-gradient(90deg,var(--bp-green),#38a272)}.bp-back{margin-bottom:1.5rem;padding:.45rem .7rem;border-radius:.65rem;color:var(--bp-green);font-size:.9rem;font-weight:700}.bp-back:hover{background:var(--bp-mint)}
.bp-start-grid{gap:1.15rem}.bp-start-card{display:grid;grid-template-columns:2.75rem minmax(0,1fr);gap:1rem;align-items:start;padding:1.35rem;border:1px solid var(--bp-line);border-radius:1.35rem;background:#fff;box-shadow:0 12px 32px rgba(30,70,53,.06)}.bp-start-card>div{min-height:6rem}.bp-start-card h2{margin:0 0 .5rem;font-size:1.2rem;font-weight:800}.bp-start-card p{margin:0;line-height:1.7}.bp-start-card .form-control,.bp-start-card .btn{grid-column:1/-1;min-height:3.15rem;border-radius:.85rem}.bp-option-number{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:.85rem;background:var(--bp-mint);color:var(--bp-green);font-weight:800}.bp-preview{margin-top:3rem;padding:clamp(1rem,3vw,1.5rem);border:1px solid var(--bp-line);border-radius:1.35rem;background:#fff}.bp-preview>div:not(.bp-section-head){grid-template-columns:minmax(5rem,auto) minmax(0,1fr) auto;align-items:center;padding:1rem .25rem}.bp-preview b{color:var(--bp-green);font-size:.82rem}.bp-preview span{font-weight:700}.bp-preview small{direction:ltr;color:var(--bp-muted);font-family:Inter,sans-serif;text-align:end}
.bp-session-hero{max-width:none;padding:clamp(1.25rem,4vw,2rem);border-radius:1.5rem;background:linear-gradient(135deg,#f4faf6,#e6f3eb)}.bp-session-hero:after{display:none}.bp-progress{grid-template-columns:1fr;gap:.65rem;margin-top:1.5rem}.bp-progress>div{display:flex;justify-content:space-between;color:var(--bp-muted)}.bp-progress strong{color:var(--bp-green-dark)}.bp-people{display:block;margin:0 0 2rem}.bp-people-list{display:flex;gap:.55rem;overflow-x:auto;padding-bottom:.5rem}.bp-people-list span{flex:0 0 auto;padding:.55rem .85rem;border:1px solid var(--bp-line);border-radius:99px;background:#fff;color:var(--bp-ink);font-size:.85rem}
.bp-days{gap:.7rem}.bp-day{grid-template-columns:2.7rem minmax(0,1fr) auto;min-height:5rem;padding:.9rem 1rem;border-color:var(--bp-line);border-radius:1.1rem;background:#fff;box-shadow:0 6px 20px rgba(30,70,53,.045);transition:.18s}.bp-day:hover{transform:translateY(-2px);border-color:#b7d3c4}.bp-day>span{width:2.55rem;height:2.55rem;background:#f0f5f2;color:var(--bp-green);font-family:Inter,sans-serif}.bp-day.is-complete{border-color:#a9d1bc;background:#f6fbf8}.bp-day.is-complete>span{background:var(--bp-green);color:#fff}.bp-day-copy{gap:.2rem;min-width:0}.bp-day-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bp-day-copy small{direction:ltr;color:var(--bp-muted);font-family:Inter,sans-serif}.bp-day em{color:var(--bp-muted);font-size:.8rem;font-style:normal}
.bp-devotional{max-width:44rem;margin-inline:auto;font-size:clamp(1.05rem,2.8vw,1.18rem);line-height:2.05}.bp-scripture{padding:1.25rem;border-color:#b8d9c7;border-radius:1.2rem;background:var(--bp-mint)}.bp-scripture h2{font-family:Inter,sans-serif;direction:ltr}.bp-complete{min-height:3.4rem;border-radius:1rem;font-weight:800}.bp-together{margin-top:3rem}.bp-together .card{border-radius:1.15rem;background:var(--bp-cream)}.bp-post,.bp-comment{border:1px solid var(--bp-line);border-radius:1rem;background:#fff}.bp-page .btn-primary{background:var(--bp-green);border-color:var(--bp-green);box-shadow:0 6px 16px rgba(23,107,75,.18)}.bp-page .btn-primary:hover{background:var(--bp-green-dark);border-color:var(--bp-green-dark)}.bp-page :focus-visible{outline:3px solid rgba(200,146,47,.45);outline-offset:3px}
.bp-reference-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;direction:ltr}.bp-reference-list a{padding:.5rem .7rem;border:1px solid #b8d9c7;border-radius:.7rem;background:#fff;color:var(--bp-green-dark);font-family:Inter,sans-serif;font-size:.85rem;font-weight:700}
@media(max-width:640px){.bp-page{padding:1rem .9rem 6rem}.bp-hero{margin-bottom:2rem}.bp-hero h1{font-size:2.25rem}.bp-section{margin-block:2rem}.bp-grid{display:flex;overflow-x:auto;gap:.85rem;margin-inline:-.9rem;padding:0 .9rem 1rem;scroll-snap-type:x proximity}.bp-grid .bp-card{flex:0 0 min(86vw,20rem);scroll-snap-align:start}.bp-card{min-height:14rem;padding:1.2rem}.bp-start-grid{grid-template-columns:1fr}.bp-start-card{padding:1.1rem}.bp-preview{padding:.85rem}.bp-preview>div:not(.bp-section-head){grid-template-columns:4.7rem minmax(0,1fr)}.bp-preview small{grid-column:2;text-align:start}.bp-session-hero{padding:1.2rem}.bp-session-hero h1{font-size:1.8rem}.bp-day{grid-template-columns:2.55rem minmax(0,1fr);padding:.85rem}.bp-day em{grid-column:2}.bp-day-copy strong{white-space:normal}.bp-scripture{align-items:stretch;flex-direction:column}.bp-scripture .btn{width:100%;min-height:3.15rem}.bp-complete{position:sticky;bottom:calc(5rem + env(safe-area-inset-bottom));z-index:20;box-shadow:0 10px 30px rgba(13,82,56,.28)}.bp-together textarea{min-height:7rem}}
@media(prefers-color-scheme:dark){.bp-page{--bp-ink:#ecf5f0;--bp-muted:#a7bab0;--bp-green:#69c69b;--bp-green-dark:#8bd8b4;--bp-mint:#183b2d;--bp-cream:#15251e;--bp-line:#30483d}.bp-card,.bp-start-card,.bp-preview,.bp-day,.bp-people-list span,.bp-post,.bp-comment{background:#14231c}.bp-active,.bp-session-hero,.bp-day.is-complete{background:#193329}}
.bp-day-page{max-width:48rem}.bp-day-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;color:var(--bp-muted);font-size:.85rem;font-weight:700}.bp-day-nav .bp-back{margin:0}.bp-day-hero{margin-bottom:1.5rem;padding:1.5rem;border-radius:1.5rem;background:linear-gradient(145deg,#f5faf7,var(--bp-mint))}.bp-day-hero .badge{display:inline-flex;margin-bottom:1.5rem;padding:.4rem .7rem;border-radius:99px;background:#fff;color:var(--bp-green);font-size:.75rem;font-weight:700}.bp-day-hero h1{margin:0 0 .5rem;font-size:clamp(1.8rem,5vw,2.65rem);font-weight:800}.bp-day-hero p{margin:0}.bp-reading-card{overflow:hidden;margin-bottom:1.25rem;border:1px solid var(--bp-line);border-radius:1.35rem;background:#fff;box-shadow:0 12px 34px rgba(30,70,53,.07)}.bp-reading-head{display:flex;align-items:center;justify-content:space-between;padding:1.25rem}.bp-reading-head h2{margin:.25rem 0 0;font-size:1.25rem}.bp-reading-count{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--bp-mint);color:var(--bp-green);font-weight:800}.bp-reading-list{border-block:1px solid var(--bp-line)}.bp-reading-list a{display:grid;grid-template-columns:2.3rem 1fr;align-items:center;gap:.85rem;min-height:3.8rem;padding:.7rem 1.25rem;color:var(--bp-ink)}.bp-reading-list a+a{border-top:1px solid var(--bp-line)}.bp-reading-list a:hover{background:var(--bp-cream)}.bp-reading-list span{display:grid;place-items:center;width:2.1rem;height:2.1rem;border:1px solid #b9d3c6;border-radius:50%;color:var(--bp-green);font-family:Inter,sans-serif;font-size:.8rem;font-weight:800}.bp-reading-list strong{direction:ltr;text-align:start;font-family:Inter,sans-serif}.bp-start-reading{width:calc(100% - 2.5rem);min-height:3.4rem;margin:1.25rem}.bp-reflection-card{margin-block:1rem;padding:1.25rem;border:1px solid var(--bp-line);border-radius:1.15rem;background:var(--bp-cream)}.bp-reflection-card p{margin:.55rem 0 0;line-height:1.9}@media(max-width:640px){.bp-day-hero{padding:1.2rem}.bp-reading-head,.bp-reading-list a{padding-inline:1rem}.bp-start-reading{width:calc(100% - 2rem);margin:1rem}.bp-day-nav{position:sticky;top:0;z-index:15;padding:.5rem 0;background:var(--color-bg)}}@media(prefers-color-scheme:dark){.bp-day-hero,.bp-reading-card,.bp-reflection-card{background:#14231c}.bp-day-hero .badge{background:#1d392d}.bp-reading-list a:hover{background:#193329}}