/* Shared legacy UI components; visual tokens adapted to the current design. */
/* ---------- Redes sociais: quatro botões modernos ---------- */
.social{padding:70px 0;background:linear-gradient(135deg,#02150d,#064026);color:#fff}
.social-head{max-width:640px;margin-bottom:32px}
.social .section-label{color:#27d273}
.social h2{margin-bottom:10px}
.social-head p{margin:0;color:#c4d6cc;line-height:1.65}
.social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.social-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:22px 12px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#fff;font-weight:800;font-size:13px;letter-spacing:.3px;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}
.social-btn:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(0,0,0,.28)}
.social-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1)}
.social-icon svg{width:22px;height:22px}
.social-name{white-space:nowrap}
.social-btn-pending{cursor:default}
.social-instagram .social-icon{background:radial-gradient(circle at 30% 110%,#ffd54a 0%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}
.social-instagram:hover{background:linear-gradient(135deg,rgba(253,89,73,.22),rgba(214,36,159,.22))}
.social-facebook .social-icon{background:#1877f2}
.social-facebook:hover{background:rgba(24,119,242,.18)}
.social-youtube .social-icon{background:#ff0033}
.social-youtube:hover{background:rgba(255,0,51,.18)}
.social-tiktok .social-icon{background:#000}
.social-tiktok:hover{background:#202020;box-shadow:0 16px 34px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.12)}
.social-tiktok:active{background:#3a3a3a;transform:translateY(-1px) scale(.98)}
@media(max-width:700px){.social-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:420px){.social{padding:55px 0}.social-btn{padding:18px 10px}}


/* ---------- Modal "Aulas anteriores" (histórico + player) ---------- */
.history-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}
.history-modal[hidden]{display:none}
.history-modal-backdrop{position:absolute;inset:0;background:rgba(1,8,4,.72);backdrop-filter:blur(3px)}
.history-modal-card{position:relative;width:min(560px,100%);max-height:88vh;overflow:auto;background:#fff;border-radius:22px;padding:32px 28px 28px;box-shadow:0 30px 90px rgba(0,0,0,.4);animation:admin-pop .18s ease}
.history-modal-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:1px solid #dfe9e3;background:#fbfdfc;color:#0f3324;font-size:14px;cursor:pointer}
.history-modal-close:hover{background:#edf5f0}
.history-modal-title{margin:8px 0 20px;font-size:24px;letter-spacing:-.6px}
.history-list{display:grid;gap:12px;max-height:52vh;overflow-y:auto;padding-right:8px;scrollbar-gutter:stable}
.history-empty{color:#66766e;font-size:13px;margin:0}
.history-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border:1px solid #dfe9e3;border-radius:15px;background:#fbfdfc;transition:.2s}
.history-card:hover{box-shadow:0 10px 26px rgba(3,50,27,.08);transform:translateY(-1px)}
.history-card-info{display:flex;flex-direction:column;gap:4px;min-width:0}
.history-card-badge{display:inline-block;width:fit-content;padding:3px 9px;border-radius:7px;background:#e9f7ef;color:#08743c;font-size:11px;font-weight:850;letter-spacing:.4px}
.history-card-info strong{font-size:14px;color:#122019}
.history-card-date{font-size:12px;color:#66766e}
.history-watch-btn{flex:none;min-height:40px;padding:0 16px;font-size:12px}
.history-back-btn{margin-bottom:16px}
.history-player-box{padding:8px;border-radius:18px;background:#0c1f15;border:1px solid #14301f}
.history-player-box .video-container{aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#02150d}
.history-player-meta{margin-top:16px;display:flex;flex-direction:column;gap:4px}
.history-player-meta h3{margin:2px 0;font-size:19px;color:#122019}
#history-player-number{display:inline-block;width:fit-content;padding:3px 9px;border-radius:7px;background:#e9f7ef;color:#08743c;font-size:11px;font-weight:850;letter-spacing:.4px}
#history-player-number[hidden]{display:none}
#history-player-date{font-size:12px;color:#66766e}
@media(max-width:520px){.history-modal-card{padding:26px 18px 20px}.history-list{max-height:55vh}.history-card{flex-direction:column;align-items:flex-start}.history-watch-btn{width:100%}}

/* ---------- Painel admin: prévia da aula atual + gerenciamento do histórico ---------- */
.current-lesson-preview{display:flex;align-items:center;gap:12px;margin-top:16px;padding:14px 16px;border-radius:13px;background:#f5f9f6;border:1px solid #dfe9e3}
.current-preview-badge{flex:none;padding:4px 10px;border-radius:8px;background:#08ad55;color:#fff;font-size:11px;font-weight:850;letter-spacing:.4px}
.current-lesson-preview strong{display:block;font-size:14px;color:#122019}
.current-lesson-preview span:last-child{font-size:12px;color:#66766e}
.admin-history-list{display:grid;gap:10px;margin-top:14px;max-height:320px;overflow:auto}
.admin-history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border:1px solid #dfe9e3;border-radius:13px;background:#fbfdfc;flex-wrap:wrap}
.admin-history-info{display:flex;flex-direction:column;gap:3px;min-width:0}
.admin-history-info strong{font-size:13px;color:#122019}
.admin-history-actions{display:flex;gap:8px;flex:none}
.admin-history-actions .btn{min-height:38px;padding:0 14px;font-size:11px}
@media(max-width:520px){.admin-history-row{flex-direction:column;align-items:flex-start}.admin-history-actions{width:100%}.admin-history-actions .btn{flex:1}}

/* ---------- Modais de confirmação (duplicidade / exclusão) ---------- */
.confirm-modal{position:fixed;inset:0;z-index:210;display:flex;align-items:center;justify-content:center;padding:20px}
.confirm-modal[hidden]{display:none}
.confirm-modal-backdrop{position:absolute;inset:0;background:rgba(1,8,4,.72);backdrop-filter:blur(3px)}
.confirm-modal-card{position:relative;width:min(420px,100%);background:#fff;border-radius:18px;padding:26px 24px;box-shadow:0 30px 90px rgba(0,0,0,.4);animation:admin-pop .18s ease}
.confirm-modal-card h3{margin:0 0 10px;font-size:19px;color:#122019}
.confirm-modal-card p{margin:0;color:#4a5b52;font-size:14px;line-height:1.6}
.confirm-modal-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
.confirm-modal-actions .btn{flex:1;min-width:130px}

/* ---------- Acesso administrativo oculto (rodapé + modal) ---------- */
#admin-trigger{border:0;background:transparent;color:inherit;opacity:.35;cursor:default;padding:2px 6px;font-size:13px;line-height:1;vertical-align:middle;-webkit-tap-highlight-color:transparent}
#admin-trigger:hover,#admin-trigger:focus-visible{opacity:.9;cursor:pointer;outline:none}

.sync-status{margin-top:14px!important;font-size:12px!important;font-weight:800;padding:9px 12px;border-radius:9px;display:inline-flex;gap:7px;align-items:center}
.sync-status.online{background:#e9f7ef;color:#08743c}
.sync-status.offline{background:#fdf1ec;color:#a1481f}

.admin-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}
.admin-modal[hidden]{display:none}
.admin-modal-backdrop{position:absolute;inset:0;background:rgba(1,8,4,.72);backdrop-filter:blur(3px)}
.admin-modal-card{position:relative;width:min(460px,100%);max-height:90vh;background:#fff;border-radius:20px;padding:30px 28px 26px;box-shadow:0 30px 90px rgba(0,0,0,.4);animation:admin-pop .18s ease;display:flex;flex-direction:column}
@keyframes admin-pop{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.admin-modal-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:1px solid #dfe9e3;background:#fbfdfc;color:#0f3324;font-size:14px;cursor:pointer;z-index:2}
.admin-modal-close:hover{background:#edf5f0}
.admin-modal-header{flex:none;padding-right:38px}
.admin-modal-title{margin:8px 0 4px;font-size:23px;letter-spacing:-.6px}
.admin-modal-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto}
#admin-login{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center}
#admin-login[hidden],#admin-panel[hidden]{display:none}
.admin-login-hint{margin:0;color:#66766e;font-size:13px;line-height:1.55}
.admin-modal-card form{display:grid;gap:14px;margin-top:16px}
.admin-modal-card label{display:grid;gap:7px;font-size:12px;font-weight:800;color:#0f3324}
.admin-modal-card input{width:100%;min-height:46px;border:1px solid #ccd9d2;border-radius:9px;padding:0 13px;font:inherit;font-size:14px;outline:none;background:#fbfdfc}
.admin-modal-card input:focus{border-color:#08ad55;box-shadow:0 0 0 3px rgba(8,173,85,.1)}
.password-field{position:relative;display:flex;align-items:center}
.password-field input{padding-right:42px}
.password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:0;background:transparent;color:#66766e;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;border-radius:7px}
.password-toggle:hover{color:#0b2f1e;background:#eef4f0}
.password-toggle svg{width:16px;height:16px;display:block}
#admin-panel{flex:1;min-height:0;display:flex;flex-direction:column}

/* Barra de abas: "Aula atual" / "Histórico" */
.admin-panel-topbar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:4px}
.admin-panel-topbar-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.admin-destination-title{margin:8px 0 5px;font-size:22px;letter-spacing:-.5px;color:#122019}
.admin-destination-hint{margin:0;color:#66766e;font-size:13px;line-height:1.55}
.admin-destination-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px}
.admin-destination-btn{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-height:110px;padding:18px;border:1px solid #dfe9e3;border-radius:14px;background:#fbfdfc;color:#0b2f1e;text-align:left;cursor:pointer;transition:.2s ease}
.admin-destination-btn strong{font-size:13px;letter-spacing:.3px}
.admin-destination-btn span{color:#66766e;font-size:12px;line-height:1.45}
.admin-destination-btn:hover{transform:translateY(-2px);border-color:#08ad55;box-shadow:0 12px 28px rgba(3,50,27,.1);background:#f5fcf7}
.admin-destination-kids:hover{border-color:#d8781d;background:#fff8ed}
.kids-admin-title{margin:4px 0 0;color:#122019;font-size:20px;letter-spacing:-.4px}
.kids-admin-topbar .section-label{margin:0}
.kids-admin-history-wrap{margin-top:20px}
.kids-history-admin-label{margin-bottom:8px!important}
.kids-admin-history-list{max-height:180px}
.admin-tabs{display:flex;gap:4px;background:#eef4f0;padding:4px;border-radius:11px}
.admin-tab{border:0;background:transparent;padding:9px 14px;border-radius:8px;font-size:12.5px;font-weight:800;color:#4a5b52;cursor:pointer;transition:.15s ease;white-space:nowrap}
.admin-tab.is-active{background:#fff;color:#08743c;box-shadow:0 2px 8px rgba(3,50,27,.14)}
.admin-tab:hover:not(.is-active){color:#0b2f1e}
.admin-logout-btn{min-height:38px;padding:0 14px;font-size:11px;flex:none}
.admin-tab-content{margin-top:16px;flex:1;min-height:0;overflow:auto}
.admin-tab-content[hidden]{display:none}
.admin-tab-hint{margin:0 0 14px;color:#66766e;font-size:12.5px;line-height:1.5}

.admin-actions{display:flex;gap:10px;flex-wrap:wrap}
.btn-outline-dark{border:1px solid #aebdb5;color:#0b2f1e;background:#fff}
.btn-outline-dark:hover{background:#edf5f0}
.btn-danger{background:#f4e9e7;color:#8d3025;border:1px solid #ead0cc}
.admin-status{margin:0!important;font-size:12px!important;color:#66766e!important}
.admin-status.success{color:#08743c!important}
.admin-status.error{color:#a1481f!important;font-weight:800!important}

/* Celular: modal ocupa a tela inteira (sem rolagem externa). Apenas a
   lista de histórico rola internamente, se não couber tudo de uma vez. */
@media(max-width:640px){
  .admin-modal{padding:0}
  .admin-modal-card{
    width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;
    border-radius:0;
    padding:18px 18px calc(16px + env(safe-area-inset-bottom)) 18px;
    padding-top:calc(18px + env(safe-area-inset-top));
  }
  .admin-modal-title{font-size:20px}
  .admin-modal-card .section-label{font-size:11px}
  .admin-modal-card form{gap:11px;margin-top:12px}
  .admin-modal-card input{min-height:44px}
  .admin-actions .btn{width:100%}
  .admin-panel-topbar{margin-top:2px}
  .admin-panel-topbar-actions{width:100%;justify-content:flex-end}
  .admin-destination-grid{grid-template-columns:1fr}
  .admin-tabs{flex:1}
  .admin-tab{flex:1;text-align:center}
  .current-lesson-preview{margin-top:12px;padding:12px 14px}
  .admin-history-list{max-height:none;overflow:visible;margin-top:10px}
}




/* Integração de Área Kids, redes sociais, painel e roleta devocional. */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:8px;font:700 12px/1.3 Inter,system-ui,sans-serif;cursor:pointer;transition:transform .2s,background .2s,color .2s,border-color .2s}
.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:wait;transform:none}
.btn-primary{background:#17663e;border:1px solid #17663e;color:#fff}.btn-primary:hover{background:#0b5130}
.btn-outline-dark{border:1px solid #aebdb5;color:#0b2f1e;background:#fff}.btn-outline-dark:hover{background:#edf5f0}
.btn-danger{background:#f4e9e7;color:#8d3025;border:1px solid #ead0cc}
.video-box{padding:10px;border-radius:18px;background:#fff;border:1px solid #e4e1d8;box-shadow:0 24px 55px rgba(3,50,27,.13)}
.video-container{aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#02150d;display:grid;place-items:center}
.video-container iframe,.video-container video{width:100%;height:100%;border:0;display:block}
.video-empty{text-align:center;padding:24px;color:#fff}.video-empty .play{margin:0 auto 14px}.video-empty h3{margin:0 0 8px;font:500 20px Georgia,serif}.video-empty p{margin:0;color:#d7ddd8;font-size:13px}
.play{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#0f9e52;color:#15251c;font-size:22px;padding-left:3px}
.kids-live-section{position:relative;overflow:hidden;background:#f3eee2 url('imagens/area-kids.jpg') center/cover no-repeat;isolation:isolate}
.kids-live-section:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(248,246,239,.96),rgba(248,246,239,.88) 50%,rgba(248,246,239,.6))}
.kids-live-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(35px,6vw,82px)}
.kids-live-copy{padding:34px;background:rgba(255,255,255,.84);border:1px solid rgba(255,255,255,.85);box-shadow:0 20px 54px rgba(50,37,15,.12);backdrop-filter:blur(8px)}
.kids-live-copy h2{margin:17px 0 15px;color:#263d31;font:400 clamp(36px,4vw,54px)/1.05 Georgia,'Times New Roman',serif;letter-spacing:-.035em}
.kids-live-copy h2 em{color:#056b38;font-style:italic}.kids-live-copy>p{color:#646e66;font-size:14px;line-height:1.85}
.kids-live-meta{margin-top:18px;color:#665336}.kids-live-meta span{border:1px solid #e0d2b8;background:rgba(255,255,255,.7);padding:7px 10px;border-radius:4px;font-size:11px}
.kids-video-box{padding:12px;border-radius:20px;background:rgba(255,255,255,.78);border-color:rgba(255,255,255,.8);box-shadow:0 24px 60px rgba(50,37,15,.18)}
.kids-video-container{background:radial-gradient(circle at 50% 45%,rgba(198,163,107,.25),transparent 32%),linear-gradient(145deg,#1f3028,#101a14)}
.kids-video-empty h3{color:#fff}.kids-video-empty p{color:#e5e5dc}
.kids-history-open{margin-top:18px}.kids-history-open[hidden]{display:none}
.social{background:linear-gradient(135deg,#02150d,#19372b);color:#fff}
.social-head{max-width:680px;margin:0 0 32px}.social-head h2{max-width:620px;margin:16px 0 10px;font:400 clamp(36px,5vw,58px)/1.06 Georgia,'Times New Roman',serif;letter-spacing:-.035em}
.social-head>p{margin:0;color:#d0d8d1;font-size:14px;line-height:1.8}
.social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.social-btn{display:flex;min-height:142px;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:22px 12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.17);color:#fff;font-weight:800;font-size:12px;letter-spacing:.04em;transition:transform .2s,background .2s,box-shadow .2s}
.social-btn:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(0,0,0,.25)}.social-icon{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12)}.social-icon svg{width:22px;height:22px}
.social-instagram .social-icon{background:radial-gradient(circle at 30% 110%,#ffd54a 0%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.social-instagram:hover{background:rgba(214,36,159,.14)}
.social-facebook .social-icon{background:#1877f2}.social-facebook:hover{background:rgba(24,119,242,.16)}.social-youtube .social-icon{background:#ff0033}.social-youtube:hover{background:rgba(255,0,51,.16)}.social-tiktok .social-icon{background:#000}.social-tiktok:hover{background:rgba(255,255,255,.13)}
.admin-access{color:#b9ffd8;font-size:10px;letter-spacing:.04em}.admin-access:hover{color:#fff}
.devotional-section{background:#f6faf7}.devotional-grid{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:clamp(36px,7vw,95px)}
.devotional-intro h2{margin:18px 0 16px;color:#0b2f1e;font:400 clamp(44px,6vw,74px)/1 Georgia,'Times New Roman',serif;letter-spacing:-.045em}.devotional-intro h2 em{color:#056b38}.devotional-intro>p{max-width:440px;color:#66736a;font-size:14px;line-height:1.85}.devotional-intro .devotional-source{margin-top:24px;color:#817860;font-size:10px;letter-spacing:.04em}
.devotional-card{display:flex;flex-direction:column;align-items:center;padding:clamp(22px,4vw,40px);background:#fff;border:1px solid #e8e3d8;box-shadow:0 20px 60px rgba(28,41,34,.09)}
.wheel-stage{position:relative;display:grid;place-items:center;padding:16px 0 0}.wheel-pointer{position:absolute;top:0;z-index:2;color:#9b7845;font-size:25px;line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2))}
.verse-wheel{position:relative;width:min(290px,68vw);aspect-ratio:1;border:8px solid #fff;border-radius:50%;background:conic-gradient(#0c3521 0 45deg,#e6f7ee 45deg 90deg,#254c39 90deg 135deg,#ddc99f 135deg 180deg,#0c3521 180deg 225deg,#e6f7ee 225deg 270deg,#254c39 270deg 315deg,#ddc99f 315deg 360deg);box-shadow:0 0 0 1px #d9c7a7,0 14px 30px rgba(32,45,37,.16);transition:transform 4.7s cubic-bezier(.1,.72,.05,1);will-change:transform}
.wheel-mark{position:absolute;left:50%;top:50%;font-size:8px;letter-spacing:.08em;font-weight:850;transform:translate(-50%,-50%);color:#fff;white-space:nowrap}.mark-1{transform:translate(-50%,-50%) rotate(-67deg) translateY(-112px)}.mark-2{transform:translate(-50%,-50%) rotate(-22deg) translateY(-112px);color:#032413}.mark-3{transform:translate(-50%,-50%) rotate(23deg) translateY(-112px)}.mark-4{transform:translate(-50%,-50%) rotate(68deg) translateY(-112px);color:#032413}.mark-5{transform:translate(-50%,-50%) rotate(113deg) translateY(-112px)}.mark-6{transform:translate(-50%,-50%) rotate(158deg) translateY(-112px);color:#032413}.mark-7{transform:translate(-50%,-50%) rotate(203deg) translateY(-112px)}.mark-8{transform:translate(-50%,-50%) rotate(248deg) translateY(-112px);color:#032413}
.wheel-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:80px;height:80px;border:3px solid #d8c49b;border-radius:50%;background:#fff;color:#0b2f1e;font:700 10px/1 Georgia,serif;letter-spacing:.15em;box-shadow:0 5px 16px rgba(20,30,24,.18)}
.devotional-spin{width:min(100%,390px);margin-top:25px;gap:12px}.devotional-spin span{font-size:17px}.verse-result{width:100%;max-width:560px;min-height:112px;margin-top:20px;padding:17px 18px;text-align:center;border-top:1px solid #e9e3d9}
.verse-prompt{margin:10px 0;color:#8a8b7f;font-size:12px}.verse-text{margin:0;color:#293b30;font:italic 20px/1.55 Georgia,'Times New Roman',serif}.verse-reference{margin:11px 0 0;color:#987849;font-size:11px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.verse-error{color:#983d30;font-size:13px}.verse-share{border:0;background:none;color:#6e5733;font-size:11px;font-weight:800;cursor:pointer}.verse-share[hidden]{display:none}.verse-share:hover{color:#0b2f1e}
@media(max-width:1060px){.nav-shell{gap:18px}.desktop-nav{gap:clamp(9px,1.3vw,17px)}.desktop-nav a{font-size:9px;letter-spacing:.02em}.kids-live-grid{gap:30px}}
@media(max-width:850px){.desktop-nav{display:none}.menu-toggle{display:flex}.mobile-nav{position:absolute;left:0;right:0;top:100%;padding:0 28px 22px;background:#fff;border-top:1px solid #edf4ef;box-shadow:0 15px 28px rgba(2,21,13,.1)}.mobile-nav[hidden]{display:none}.mobile-nav a{display:block;padding:11px 0;border-bottom:1px solid #f0eee8;font-size:12px;font-weight:750;letter-spacing:.04em}.kids-live-grid,.devotional-grid{grid-template-columns:1fr}.kids-live-copy{padding:28px}.kids-live-grid{gap:24px}.devotional-intro{max-width:640px}.devotional-card{max-width:680px;width:100%;margin:auto}}
@media(max-width:600px){.kids-live-section,.social,.devotional-section{padding-block:64px}.kids-live-copy{padding:24px 20px}.kids-live-copy h2{font-size:40px}.social-grid{grid-template-columns:repeat(2,1fr);gap:10px}.social-btn{min-height:125px}.devotional-card{padding:22px 16px}.verse-wheel{width:min(260px,72vw)}.mark-1,.mark-2,.mark-3,.mark-4,.mark-5,.mark-6,.mark-7,.mark-8{transform-origin:center}.mark-1{transform:translate(-50%,-50%) rotate(-67deg) translateY(-99px)}.mark-2{transform:translate(-50%,-50%) rotate(-22deg) translateY(-99px)}.mark-3{transform:translate(-50%,-50%) rotate(23deg) translateY(-99px)}.mark-4{transform:translate(-50%,-50%) rotate(68deg) translateY(-99px)}.mark-5{transform:translate(-50%,-50%) rotate(113deg) translateY(-99px)}.mark-6{transform:translate(-50%,-50%) rotate(158deg) translateY(-99px)}.mark-7{transform:translate(-50%,-50%) rotate(203deg) translateY(-99px)}.mark-8{transform:translate(-50%,-50%) rotate(248deg) translateY(-99px)}.verse-text{font-size:18px}.footer-bottom{flex-wrap:wrap;padding-block:13px}}
@media(prefers-reduced-motion:reduce){.verse-wheel{transition:none}.social-btn,.button{transition:none}}


.school-lesson-section{overflow:hidden;color:#fff;background:radial-gradient(circle at 80% 20%,rgba(196,159,97,.12),transparent 30%),linear-gradient(135deg,#02150d,#18392a)}
.school-lesson-grid{display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:clamp(35px,6vw,82px)}
.school-lesson-copy h2{margin:17px 0 14px;font:400 clamp(39px,5vw,59px)/1.04 Georgia,'Times New Roman',serif;letter-spacing:-.035em}
.school-lesson-copy h2 em{color:#d4b77c;font-style:italic}.school-lesson-copy>p:not(.school-sync-status){max-width:440px;color:#d2ddd5;font-size:14px;line-height:1.8}
.school-lesson-meta{margin-top:19px;color:#f0dfbd}.school-lesson-meta span{padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:4px;background:rgba(255,255,255,.05);font-size:11px}
.school-sync-status{min-height:14px;margin:12px 0 0;color:#aab9af;font-size:10px;line-height:1.4}.school-sync-status.online{color:#b9d9c5}.school-sync-status.offline{color:#e5cba9}
.school-lesson-section .sync-status.online,.school-lesson-section .sync-status.offline{display:block;width:fit-content;min-height:14px;margin:12px 0 0;padding:0;border:0;background:transparent;font-size:10px;line-height:1.4}.school-lesson-section .sync-status.online{color:#b9d9c5}.school-lesson-section .sync-status.offline{color:#e5cba9}
.school-history-open{margin-top:16px;border:1px solid rgba(235,220,190,.45);color:#fff;background:transparent}.school-history-open:hover{color:#02150d;background:#e5c995;border-color:#e5c995}.school-video-box{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15)}
.school-video-container{background:radial-gradient(circle at 52% 44%,rgba(198,163,107,.22),transparent 30%),linear-gradient(145deg,#203a2d,#0b1711)}
.school-video-container .video-empty h3{color:#fff}.school-video-container .video-empty p{color:#d2ddd5}
@media(max-width:850px){.school-lesson-grid{grid-template-columns:1fr;gap:28px}.school-lesson-copy{max-width:640px}}
@media(max-width:600px){.school-lesson-section{padding-block:64px}.school-lesson-copy h2{font-size:43px}}