/* Holy Journey shared Board Lesson v1.2.0 — copy unchanged across parish sample, B2C sample, and member lesson shells. */
.board-lesson{--lesson-navy:#13224a;--lesson-blue:#2f6198;--lesson-marian:#dce8f4;--lesson-ivory:#fbf7ec;--lesson-paper:#fffdf7;--lesson-gold1:#cba95d;--lesson-gold2:#e8d699;--lesson-gold3:#d0b36b;display:grid;gap:14px}
.board-lesson__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:18px 22px;border:1px solid #294978;border-radius:14px;background:linear-gradient(120deg,#0d2348 0%,#173b6b 72%,#214e7e 100%);box-shadow:0 10px 26px rgba(19,34,74,.16)}
.board-lesson__heading .eyebrow{color:#e8d699}.board-lesson__heading h1{max-width:760px;margin:4px 0 2px;color:#fffdf7;font-size:clamp(30px,3.6vw,46px)}
.board-lesson__heading p{margin:0;color:#dce8f4;font-size:16px}
.board-lesson__progress{flex:0 0 auto;min-width:96px;padding:9px 12px;border-left:3px solid var(--lesson-gold2);background:rgba(255,255,255,.08)}
.board-lesson__progress strong,.board-lesson__progress span{display:block}.board-lesson__progress strong{color:#fffdf7;font:24px Georgia,serif}.board-lesson__progress span{color:#dce8f4;font-size:11px}
.board-lesson__meter{height:7px;overflow:hidden;border-radius:999px;background:#d8e2ee}.board-lesson__meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(110deg,var(--lesson-gold1),var(--lesson-gold2),var(--lesson-gold3))}
.board-lesson__layout{display:grid;grid-template-columns:238px minmax(0,1fr);gap:16px;align-items:start}
.board-lesson__index{position:sticky;top:calc(var(--review-h) + 14px);display:grid;max-height:calc(100vh - var(--review-h) - 44px);overflow:auto;padding:8px;border:1px solid #c8d5e3;border-radius:13px;background:#eef4fa;box-shadow:0 8px 22px rgba(19,34,74,.08)}
.board-lesson__index button{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px;width:100%;min-height:40px;padding:7px 9px;border:0;border-bottom:1px solid #d8e1eb;background:transparent;color:#263b58;text-align:left;cursor:pointer}
.board-lesson__index button:last-child{border-bottom:0}.board-lesson__index button:hover,.board-lesson__index button:focus-visible{background:#fffdf7;outline:2px solid #7998bb;outline-offset:-2px}.board-lesson__index button[aria-current=step]{border-color:transparent;border-radius:8px;background:var(--lesson-navy);color:#fff;box-shadow:inset 3px 0 var(--lesson-gold2)}
.board-lesson__index span{font-weight:700}.board-lesson__index small{font-size:13px}
.board-lesson__card{min-height:500px;overflow:hidden;border:1px solid #d6cdb9;border-radius:15px;background:var(--lesson-paper);box-shadow:0 12px 34px rgba(19,34,74,.1)}
.board-lesson__card:focus{outline:3px solid rgba(47,97,152,.3);outline-offset:3px}.board-lesson__card-head{padding:18px 22px 16px;border-bottom:3px solid var(--lesson-gold1);background:linear-gradient(110deg,#16345f,#204c7c)}.board-lesson__card-head .eyebrow{color:#e8d699}.board-lesson__card-head h2{margin:5px 0 0;color:#fffdf7;font-size:clamp(25px,2.8vw,36px)}
.board-lesson__body{padding:22px}.board-lesson__body>p:first-child{margin-top:0}.board-lesson__body blockquote{margin:18px 0;padding:18px;border-left:4px solid var(--lesson-gold1);background:#f5f0e4;font-family:Georgia,serif;font-size:17px}.board-lesson__body details{margin:9px 0;border:1px solid #b9cce2;border-radius:10px;background:#fff}.board-lesson__body summary{padding:13px 14px;background:#edf4fa;color:var(--lesson-navy);font-weight:700;cursor:pointer}.board-lesson__body details[open] summary{border-bottom:1px solid #c8d8e8}.board-lesson__body details>div{padding:4px 15px 15px}.board-lesson__body figure{margin:14px 0}.board-lesson__body img{border-radius:10px}
.board-lesson__actions{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 22px;border-top:1px solid #d6cdb9;background:rgba(255,253,247,.96);backdrop-filter:blur(8px)}
.story-media{overflow:hidden;margin:0 0 22px;border:1px solid #8ea8c4;border-radius:14px;background:#0d1836;box-shadow:0 12px 30px rgba(19,34,74,.18)}.story-media__stage{position:relative;aspect-ratio:16/9;background:#080f23}.story-media video{display:block;width:100%;height:100%;background:#080f23;object-fit:contain}.story-media__poster{position:absolute;inset:0;display:grid;width:100%;height:100%;overflow:hidden;border:0;background:linear-gradient(90deg,rgba(5,13,31,.8) 0%,rgba(5,13,31,.28) 52%,rgba(5,13,31,.08) 100%);color:#fff;text-align:left;cursor:pointer}.story-media__poster:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,13,31,.55),transparent 45%)}.story-media__poster:hover .story-media__play,.story-media__poster:focus-visible .story-media__play{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 0 0 6px rgba(232,214,153,.22),0 12px 35px rgba(0,0,0,.34)}.story-media__poster:focus-visible{outline:4px solid #f2d982;outline-offset:-4px}.story-media__title{position:absolute;z-index:1;left:clamp(18px,4vw,38px);top:clamp(18px,4vw,34px);display:grid;gap:4px;text-shadow:0 2px 12px rgba(0,0,0,.78)}.story-media__title small{color:#f2d982;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.story-media__title strong{font:clamp(28px,5vw,48px)/1 Georgia,serif}.story-media__title span{font-size:15px}.story-media__play{position:absolute;z-index:1;left:50%;top:54%;width:clamp(68px,10vw,90px);height:clamp(68px,10vw,90px);transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(110deg,#cba95d,#f2dfa0,#d0b36b);box-shadow:0 10px 30px rgba(0,0,0,.34);transition:transform .18s ease,box-shadow .18s ease}.story-media__play svg{width:100%;height:100%}.story-media__play circle{fill:transparent;stroke:#13224a;stroke-width:2}.story-media__play path{fill:#13224a}.story-media__message{position:absolute;z-index:2;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;max-width:calc(100% - 30px);padding:10px 12px;border-radius:10px;background:rgba(7,16,39,.94);color:#fff}.story-media figcaption{padding:10px 13px;color:#dce8f4;font-size:12px;text-align:center}.story-media__complete{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px;background:#edf4fa;color:#13224a;border-top:1px solid #8ea8c4}.story-media__complete div{display:flex;align-items:center;gap:10px}.story-media__complete small,.story-media__complete strong{display:block}.story-media__complete small{color:#586b84}.story-media [hidden]{display:none!important}
.story-media__poster{background:transparent}.story-media__poster>img{position:absolute;inset:0;width:100%;height:100%;border-radius:0;object-fit:cover}.story-media__poster:before{z-index:1;background:linear-gradient(90deg,rgba(5,13,31,.76) 0%,rgba(5,13,31,.2) 58%,rgba(5,13,31,.04) 100%),linear-gradient(0deg,rgba(5,13,31,.48),transparent 48%)}
@media(max-width:900px){.board-lesson__layout{grid-template-columns:1fr}.board-lesson__index{position:static;display:flex;max-height:none;overflow:auto}.board-lesson__index button{min-width:154px;border-right:1px solid #d8e1eb;border-bottom:0}.board-lesson__card{min-height:0}}
@media(max-width:640px){.board-lesson{gap:10px}.board-lesson__heading{align-items:flex-start;padding:15px}.board-lesson__heading h1{font-size:30px}.board-lesson__heading p{font-size:14px}.board-lesson__progress{display:none}.board-lesson__card-head,.board-lesson__body{padding:17px}.board-lesson__actions{padding:12px 14px}.board-lesson__actions .button{padding:9px 11px}.story-media{margin-left:-4px;margin-right:-4px}.story-media__title span{display:none}.story-media__complete,.story-media__complete div{align-items:stretch;flex-direction:column}.story-media__complete .button{width:100%}}
@media(prefers-reduced-motion:reduce){.board-lesson *{scroll-behavior:auto!important;transition:none!important}}