/* Rinconcito Familiar — Education Fortress R3
   Study + Bible only. Additive, protected, bilingual, mobile-first. */

.edu-page{--eduA:#2a6650;--eduB:#10261f;--eduGlow:#8fe3bf;position:relative;margin:16px 0 28px;border-radius:30px;overflow:hidden;color:#f7fffb;background:linear-gradient(150deg,var(--eduA),var(--eduB));box-shadow:0 26px 70px rgba(0,0,0,.28);isolation:isolate}
.edu-page::before{content:"";position:absolute;inset:-30% -10% auto 55%;height:320px;border-radius:50%;background:var(--eduGlow);filter:blur(90px);opacity:.2;pointer-events:none;animation:eduGlowFloat 8s ease-in-out infinite}
.edu-page::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;mask-image:linear-gradient(to bottom,#000,transparent 80%)}
@keyframes eduGlowFloat{50%{transform:translate(-32px,22px) scale(1.08)}}
.edu-page[data-subject="math"]{--eduA:#173d66;--eduB:#091c32;--eduGlow:#65d7ff}
.edu-page[data-subject="reading"]{--eduA:#793f61;--eduB:#35192d;--eduGlow:#ffacd1}
.edu-page[data-subject="science"]{--eduA:#1f6d4e;--eduB:#0a2e22;--eduGlow:#88efb5}
.edu-page[data-subject="history"]{--eduA:#875326;--eduB:#382008;--eduGlow:#ffcc7b}
.edu-page[data-subject="languages"]{--eduA:#50489a;--eduB:#231e4d;--eduGlow:#c6bcff}
.edu-page[data-subject="test"]{--eduA:#9a412f;--eduB:#431913;--eduGlow:#ff9d81}
.edu-page[data-subject="assignment"]{--eduA:#244e6d;--eduB:#102535;--eduGlow:#8adfff}
.edu-page[data-subject="flashcards"]{--eduA:#713a89;--eduB:#351644;--eduGlow:#daa1ff}
.edu-page[data-subject="quiz"]{--eduA:#8b3d2e;--eduB:#411b14;--eduGlow:#ffb094}
.edu-page[data-subject="session"]{--eduA:#35604c;--eduB:#152d24;--eduGlow:#a8e1be}
.edu-page[data-subject="note"]{--eduA:#665b35;--eduB:#2e2916;--eduGlow:#e9d37b}

.edu-page-head{position:relative;z-index:2;padding:20px 20px 14px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:start}
.edu-back,.edu-page-head button,.edu-chip,.edu-action{font:inherit;cursor:pointer}
.edu-back{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;border-radius:999px;padding:9px 12px;min-width:44px}
.edu-kicker{font-size:.74rem;letter-spacing:.16em;font-weight:800;opacity:.72}.edu-page h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(2rem,7vw,3.6rem);line-height:.96;margin:.25rem 0 .45rem}.edu-lede{font-size:1rem;line-height:1.55;max-width:48rem;margin:0;opacity:.86}.edu-page-badge{width:60px;height:60px;border-radius:20px;display:grid;place-items:center;font-size:2rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.17);box-shadow:inset 0 1px rgba(255,255,255,.13)}
.edu-guidebar{position:relative;z-index:2;margin:0 20px 16px;padding:13px 15px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(9,17,23,.26);backdrop-filter:blur(14px);display:flex;gap:12px;align-items:center}.edu-guidebar span:first-child{font-size:1.4rem}.edu-guidebar b{display:block}.edu-guidebar small{display:block;opacity:.7;margin-top:2px}
.edu-grid{position:relative;z-index:2;padding:0 20px 22px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr);gap:14px}.edu-panel{border:1px solid rgba(255,255,255,.13);border-radius:23px;padding:16px;background:rgba(255,255,255,.085);backdrop-filter:blur(13px)}.edu-panel h3{margin:0 0 6px;font-size:1.1rem}.edu-panel p{margin:.2rem 0 .9rem;line-height:1.52;opacity:.78}
.edu-quick{display:flex;gap:8px;flex-wrap:wrap}.edu-chip{border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.1);color:#fff;border-radius:999px;padding:9px 11px}.edu-chip:hover,.edu-chip:focus-visible{background:rgba(255,255,255,.19);transform:translateY(-1px)}
.edu-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.edu-tool{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.1);color:#fff;border-radius:16px;padding:12px;text-align:left;min-height:74px}.edu-tool b{display:block;margin-top:6px}.edu-tool small{display:block;opacity:.65;margin-top:3px}.edu-tool:hover{background:rgba(255,255,255,.17);transform:translateY(-2px)}
.edu-workbench{position:relative;z-index:2;margin:0 20px 22px;padding:18px;border-radius:25px;background:#f8fbfd;color:#1b2730;box-shadow:0 18px 50px rgba(0,0,0,.2)}.edu-workbench h3{margin:0 0 5px}.edu-workbench p{margin:.25rem 0 1rem;color:#52606b;line-height:1.5}.edu-field{margin:12px 0}.edu-field label{display:block;font-weight:800;margin-bottom:6px}.edu-field input,.edu-field textarea,.edu-field select{width:100%;box-sizing:border-box;border:1px solid #cfd7df;border-radius:14px;padding:12px;background:#fff;color:#18242d;font:inherit}.edu-field textarea{min-height:130px;resize:vertical}.edu-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}.edu-action{border:0;border-radius:14px;padding:11px 14px;font-weight:800}.edu-action.primary{background:var(--eduA);color:#fff}.edu-action.soft{background:#e9eef2;color:#22303a}.edu-action.outline{background:#fff;border:1px solid #cbd4dc;color:#22303a}
.edu-dropzone{border:2px dashed #aebbc5;border-radius:20px;padding:18px;text-align:center;background:#f3f7f9;transition:.2s}.edu-dropzone.drag{border-color:var(--eduA);background:#e9f4f1}.edu-dropzone input{display:none}.edu-dropzone label{display:block;cursor:pointer}.edu-dropzone strong{display:block;font-size:1.05rem}.edu-dropzone small{display:block;color:#68747d;margin-top:5px}.edu-file-pill{display:none;margin-top:10px;padding:8px 10px;border-radius:999px;background:#e6eef3;color:#273640}.edu-file-pill.show{display:inline-flex}
.edu-answer{margin-top:14px;min-height:78px;border-radius:18px;padding:15px;background:#eef4f6;border:1px solid #d5e0e5;white-space:pre-wrap;line-height:1.58}.edu-answer:empty::before{content:attr(data-placeholder);color:#7b878f}.edu-answer.loading{background:linear-gradient(100deg,#edf2f4 20%,#fff 40%,#edf2f4 60%);background-size:220% 100%;animation:eduShimmer 1.2s linear infinite;color:transparent}.edu-answer.loading::before{content:""}@keyframes eduShimmer{to{background-position:-220% 0}}
.edu-stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}.edu-step{border-radius:15px;padding:11px;background:#edf3f6;border:1px solid #d7e1e6}.edu-step b{display:block}.edu-step small{color:#687680}.edu-step.active{outline:2px solid var(--eduA)}
.edu-focus{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;border-radius:16px;padding:11px 12px;background:#0f1c25;color:#eff9ff}.edu-focus strong{font-variant-numeric:tabular-nums;font-size:1.3rem}.edu-focus button{border:1px solid #ffffff2c;background:#ffffff12;color:#fff;border-radius:999px;padding:8px 10px}

.edu-flashcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.edu-card{perspective:900px;min-height:155px}.edu-card>button{width:100%;height:100%;min-height:155px;border:0;background:transparent;padding:0;position:relative;transform-style:preserve-3d;transition:transform .48s}.edu-card.flipped>button{transform:rotateY(180deg)}.edu-card-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:20px;padding:16px;display:grid;place-items:center;text-align:center;border:1px solid #d4dce3;box-shadow:0 10px 25px rgba(23,34,43,.08);background:#fff}.edu-card-back{transform:rotateY(180deg);background:#18354d;color:#fff;border-color:#18354d}.edu-card-face small{position:absolute;top:9px;left:11px;opacity:.55}
.edu-quiz-list{display:grid;gap:12px;margin-top:12px}.edu-question{border:1px solid #d8e0e5;border-radius:18px;padding:14px;background:#fff}.edu-question h4{margin:0 0 9px}.edu-question button{display:block;width:100%;text-align:left;margin:6px 0;border:1px solid #d7dfe4;border-radius:12px;background:#f6f8fa;padding:10px}.edu-question button.correct{background:#e2f7e9;border-color:#8cc9a0}.edu-question button.wrong{background:#fde9e7;border-color:#e8a29d}

.study-tabs,.study-learning-doors,.study-quick{position:relative}.study-learning-doors button,.study-tabs button,.study-quick button,.bible-tabs button,.bible-hero-actions button{touch-action:manipulation}
.study-learning-doors button{transition:transform .18s ease,box-shadow .18s ease}.study-learning-doors button:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(0,0,0,.12)}

/* Make resources actually readable */
.study-resources a,.study-resources button,.resource-grid a,.resource-grid button{color:#253126!important;background:linear-gradient(135deg,#fffef9,#e8efdd)!important;border-color:#cad5bc!important}.study-resources a b,.study-resources a span,.resource-grid a b,.resource-grid a span{color:#253126!important}.study-resources a small,.resource-grid a small{color:#536057!important}

/* Bible destinations deliberately have different visual systems. */
.bible-world{transition:background .25s ease}
.bible-world.edu-bible-read{background:radial-gradient(circle at 80% 7%,rgba(232,195,118,.28),transparent 26rem)}
.bible-world.edu-bible-notes{background:radial-gradient(circle at 80% 7%,rgba(112,161,194,.24),transparent 26rem)}
.bible-world.edu-bible-questions{background:radial-gradient(circle at 80% 7%,rgba(90,178,139,.23),transparent 26rem)}
.bible-world.edu-bible-cards{background:radial-gradient(circle at 80% 7%,rgba(171,117,188,.23),transparent 26rem)}
.bible-world.edu-bible-resources{background:radial-gradient(circle at 80% 7%,rgba(123,154,88,.24),transparent 26rem)}
.bible-world.edu-bible-club{background:radial-gradient(circle at 80% 7%,rgba(211,127,75,.24),transparent 26rem)}
.bible-world.edu-bible-leader{background:radial-gradient(circle at 80% 7%,rgba(113,81,151,.25),transparent 26rem)}
.bible-mount>section{animation:eduPageIn .24s ease both}@keyframes eduPageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.bible-reader{background:linear-gradient(160deg,#fffef8,#f1e8d7)!important;color:#382d23!important}.bible-reader header,.bible-reader p,.bible-reader h3,.bible-reader small{color:#382d23!important}.bible-notebook{background:linear-gradient(160deg,#edf6fb,#dfeaf2)!important;color:#22313c!important}.bible-questions{background:linear-gradient(160deg,#effbf6,#daeee5)!important;color:#18362b!important}.bible-cards{background:linear-gradient(160deg,#f8f1fb,#eadff0)!important;color:#34223a!important}.bible-resources{background:linear-gradient(160deg,#f7faef,#e5ebd6)!important;color:#2c3920!important}.bible-club{background:linear-gradient(160deg,#fff3e9,#f2dfd0)!important;color:#40291d!important}.bible-leader{background:linear-gradient(160deg,#f4effa,#e3daf0)!important;color:#302441!important}
.bible-resources a,.bible-resources button{color:#26341d!important;background:#fffef8!important;border-color:#bfcbaa!important}.bible-resources a *{color:inherit!important}

@media(max-width:760px){
 .edu-page{margin:10px 0 18px;border-radius:23px}.edu-page-head{padding:15px 14px 10px;grid-template-columns:auto minmax(0,1fr)}.edu-page-badge{display:none}.edu-guidebar{margin:0 14px 12px}.edu-grid{grid-template-columns:1fr;padding:0 14px 14px}.edu-workbench{margin:0 14px 16px;padding:14px}.edu-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.edu-stepper{grid-template-columns:1fr}.edu-flashcards{grid-template-columns:1fr}.edu-page h2{font-size:2.25rem}.edu-lede{font-size:.95rem}
}
@media(max-width:380px){.edu-tool-grid{grid-template-columns:1fr}.edu-page-head{gap:8px}.edu-back{padding:8px 10px}.edu-workbench,.edu-grid,.edu-guidebar{margin-left:10px;margin-right:10px}.edu-grid{padding-left:0;padding-right:0}}
@media(prefers-reduced-motion:reduce){.edu-page::before,.bible-mount>section{animation:none!important}.edu-card>button{transition:none}}
@media print{body *{visibility:hidden!important}.edu-print-zone,.edu-print-zone *{visibility:visible!important}.edu-print-zone{position:absolute!important;inset:0!important;background:#fff!important;color:#000!important}.edu-card>button{transform:none!important}.edu-card-face{position:relative!important;min-height:120px!important;margin:10px;border:1px solid #000!important;color:#000!important}.edu-card-back{transform:none!important;background:#fff!important}}
/* Deep-room state: once a destination is chosen, the hub disappears so it feels
   like entering a dedicated classroom rather than filling a template below it. */
.study-room.edu-deep-mode>.study-hero,
.study-room.edu-deep-mode>.study-tabs,
.study-room.edu-deep-mode>.study-learning-doors,
.study-room.edu-deep-mode>.study-quick{display:none!important}
.study-room.edu-deep-mode>.study-mount{margin-top:0!important}