.lesson-page{padding:0 0 4rem}.lesson-page .container{max-width:var(--max-width-article)}.study-bar{border-bottom:1px solid var(--color-border);background:var(--color-bg);z-index:50;margin-bottom:2rem}.study-bar-links{-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:center;gap:0;display:flex;overflow-x:auto}.study-bar-links::-webkit-scrollbar{display:none}.sb-link{letter-spacing:.03em;color:var(--color-text-muted);white-space:nowrap;border-bottom:2px solid #0000;padding:.75rem 1.1rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:color .18s,border-color .18s}.sb-link:hover{color:var(--color-text)}.sb-active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--color-accent);margin-bottom:.5rem;font-size:.75rem;font-weight:700}.breadcrumbs{color:var(--color-text-muted);margin-bottom:1.5rem;font-size:.85rem}.breadcrumbs a{color:var(--color-accent)}.breadcrumbs [aria-hidden=true]{margin:0 .35rem}.lesson-header{margin-bottom:2.5rem}.lesson-header h1{margin-bottom:.75rem;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;line-height:1.15}.lesson-dek{color:var(--color-text-muted);max-width:600px;font-size:1.1rem;line-height:1.65}.lesson-intro{margin-bottom:3rem}.lesson-intro h2{color:var(--color-accent);margin-bottom:1rem;font-size:1.25rem}.lesson-intro p{margin-bottom:1rem;font-size:1.05rem;line-height:1.75}.instruction-box{background:var(--color-accent-dim);border-left:3px solid var(--color-accent);border-radius:0 var(--radius) var(--radius) 0;margin-top:1.25rem;padding:1rem 1.25rem}.instruction-box p{color:var(--color-text);margin:0;font-size:.95rem;line-height:1.6}.lesson-section{border-bottom:1px solid var(--color-border);margin-bottom:3rem;padding-bottom:3rem}.lesson-section:last-of-type{border-bottom:none}.section-marker{align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.section-num{background:var(--color-accent);width:2.2rem;height:2.2rem;color:var(--color-text-on-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:.15rem;font-size:1rem;font-weight:800;display:flex}.section-marker h2{margin:0;font-size:1.25rem;line-height:1.3}.verse-ref{color:var(--color-accent);text-transform:uppercase;letter-spacing:.08em;margin-top:.25rem;font-size:.8rem;font-weight:600}.section-context{color:var(--color-text-muted);border-left:2px solid var(--color-border);margin-bottom:1.5rem;padding-left:.5rem;font-size:.95rem;line-height:1.65}.question-list{counter-reset:question;padding:0;list-style:none}.question-list li{counter-increment:question;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:.75rem;padding:1.25rem 1.25rem 1.25rem 3.25rem;position:relative}.question-list li:before{content:counter(question);color:var(--color-accent);font-size:.85rem;font-weight:800;position:absolute;top:1.25rem;left:1.25rem}.question-list li p{margin:0;font-size:1rem;line-height:1.7}.question-list li em{color:var(--color-accent)}.q-card{cursor:pointer;user-select:none}.q-card-actions{align-items:center;gap:.6rem;display:flex;position:absolute;bottom:.65rem;right:.85rem}.q-copy-btn{font-size:.7rem;font-weight:600;font-family:var(--font-sans);color:var(--color-text-muted);opacity:0;cursor:pointer;letter-spacing:.03em;background:0 0;border:none;border-radius:3px;padding:.15rem .35rem;transition:opacity .2s,color .15s,background .15s}.q-card:hover .q-copy-btn{opacity:.5}.q-copy-btn:hover{color:var(--color-accent);background:var(--color-accent-dim);opacity:1!important}.q-copy-btn.copied{color:var(--color-accent);opacity:1!important}.q-reveal-icon{color:var(--color-text-muted);opacity:.5;pointer-events:none;font-size:.7rem;transition:transform .3s,opacity .2s}.q-card.open .q-reveal-icon{opacity:.8;transform:rotate(180deg)}.q-answer{opacity:0;max-height:0;margin-top:0;transition:max-height .4s,margin-top .3s,opacity .3s;overflow:hidden}.q-card.open .q-answer{opacity:1;max-height:40rem;margin-top:1rem}.q-answer p{color:var(--color-text-muted);border-top:1px solid var(--color-border);margin:0;padding-top:.75rem;font-size:.95rem;line-height:1.7}.q-answer strong{color:var(--color-text)}.lesson-reflection h2{color:var(--color-accent);margin-bottom:1rem;font-size:1.25rem}.lesson-reflection>p{color:var(--color-text-muted);margin-bottom:1.5rem;font-size:1rem;line-height:1.65}.reflection-list li{background:var(--color-bg-elevated);border-color:var(--color-accent);border-left:3px solid var(--color-accent)}.lesson-further h2{margin-bottom:1.25rem;font-size:1.25rem}.deeper-links{grid-template-columns:1fr;gap:1rem;display:grid}.deeper-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition), background var(--transition);padding:1.25rem 1.5rem;text-decoration:none;display:block}.deeper-card:hover{border-color:var(--color-accent);background:var(--color-bg-elevated)}.deeper-label{text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);margin-bottom:.35rem;font-size:.7rem;font-weight:700;display:block}.deeper-title{color:var(--color-heading);margin-bottom:.35rem;font-size:1.05rem;font-weight:700;display:block}.deeper-desc{color:var(--color-text-muted);font-size:.9rem;line-height:1.55;display:block}.lesson-footer{border-top:1px solid var(--color-border);margin-top:2rem;padding-top:1.5rem}@media (width>=640px){.deeper-links{grid-template-columns:1fr 1fr}}
