/* Rinconcito Familiar — additive Living Intelligence + Performance layer.
   Preservation rule: this file does not replace the protected base stylesheet. */
:root{--rf-intel-max:1120px;--rf-intel-radius:22px}
/* R1.1 layout recovery: the protected House owns viewport and scroll behavior.
   Intelligence styles are deliberately scoped so they cannot resize or trap existing rooms. */
.rf-learning-brain,.rf-memory-strip,#rfFounderPalette,#rfFounderPalette *{box-sizing:border-box}
.rf-learning-brain,.rf-memory-strip{min-width:0;max-width:100%}
.rf-learning-brain :is(p,li,small,strong,b,h3,h4,button,label,input,textarea),
.rf-memory-strip :is(span,strong,b,button),
#rfFounderPalette :is(p,small,strong,b,button){overflow-wrap:break-word}
.rf-learning-brain :is(p,li){text-wrap:pretty}
.rf-learning-brain :is(h3,h4){text-wrap:balance;line-height:1.08}
/* Keep the existing Bible hero legible without changing its layout. */
.bible-world .bible-hero{color:#2f281e}
.bible-world .bible-hero p{color:#615542}
.bible-world .bible-hero .eyebrow{color:#80652d}

.rf-live-chip{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.42rem .72rem;background:rgba(10,15,24,.66);backdrop-filter:blur(12px);font:600 .72rem/1.1 Manrope,sans-serif;letter-spacing:.02em;color:#f1eadf;white-space:nowrap}
.rf-live-chip i{width:.52rem;height:.52rem;border-radius:50%;background:#8fd8a7;box-shadow:0 0 0 4px rgba(143,216,167,.1)}
.rf-live-chip[data-state="syncing"] i{animation:rfPulse 1.1s ease-in-out infinite}
.rf-live-chip[data-state="offline"] i{background:#d7a56e}
@keyframes rfPulse{50%{transform:scale(.55);opacity:.45}}

#rfFounderPalette{position:fixed;left:max(12px,env(safe-area-inset-left));bottom:max(14px,calc(env(safe-area-inset-bottom) + 10px));z-index:220;width:min(340px,calc(100vw - 24px));font-family:Manrope,sans-serif;pointer-events:none}
#rfFounderPalette .rf-founder-key{pointer-events:auto;width:48px;height:48px;border-radius:50%;border:1px solid rgba(223,188,118,.4);background:linear-gradient(145deg,#2b231d,#141619);color:#ecd6a1;box-shadow:0 14px 40px rgba(0,0,0,.34);font-size:1.15rem}
#rfFounderPalette .rf-founder-panel{pointer-events:auto;margin-top:.6rem;padding:1rem;border:1px solid rgba(223,188,118,.24);border-radius:20px;background:rgba(17,18,20,.96);box-shadow:0 18px 55px rgba(0,0,0,.42);max-height:min(66vh,520px);overflow:auto;overscroll-behavior:contain}
#rfFounderPalette .rf-founder-panel[hidden]{display:none}
#rfFounderPalette header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.8rem}
#rfFounderPalette header small{display:block;color:#bfae94;font-size:.65rem;letter-spacing:.14em}
#rfFounderPalette header strong{display:block;color:#fff3dc;font:700 1rem/1.2 "Cormorant Garamond",serif;margin-top:.15rem}
#rfFounderPalette .rf-founder-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}
#rfFounderPalette .rf-founder-grid button{min-height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#242326;color:#f5efe5;padding:.65rem .7rem;font:600 .76rem/1.2 Manrope,sans-serif;text-align:left}
#rfFounderPalette .rf-founder-grid button:hover{background:#302d2a}
#rfFounderPalette .rf-founder-note{margin:.8rem 0 0;color:#bdb4a8;font-size:.72rem;line-height:1.45}
.rf-founder-seal{display:inline-flex;align-items:center;gap:.42rem;margin:.4rem 0;padding:.35rem .65rem;border-radius:999px;border:1px solid rgba(200,160,87,.32);background:rgba(111,81,33,.13);color:#d7b977;font:700 .7rem/1 Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase}

.rf-learning-brain{max-width:var(--rf-intel-max);margin:0 auto 1rem;padding:1rem;border-radius:var(--rf-intel-radius);border:1px solid rgba(120,145,180,.18);background:linear-gradient(145deg,rgba(23,29,41,.92),rgba(17,21,30,.92));box-shadow:0 12px 36px rgba(0,0,0,.16)}
.rf-learning-brain header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.85rem}
.rf-learning-brain h3{margin:.1rem 0 .2rem;font-size:clamp(1.25rem,3vw,1.75rem)}
.rf-learning-brain header p{margin:0;max-width:62ch;opacity:.78;font-size:.86rem;line-height:1.5}
.rf-learning-modes{display:flex;gap:.45rem;overflow-x:auto;padding:.1rem .05rem .55rem;scrollbar-width:thin;overscroll-behavior-x:contain}
.rf-learning-modes button{flex:0 0 auto;border-radius:999px;padding:.55rem .78rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);color:inherit;font:600 .74rem/1 Manrope,sans-serif}
.rf-learning-modes button.active{background:rgba(207,179,122,.16);border-color:rgba(207,179,122,.38)}
.rf-learning-form{display:grid;grid-template-columns:minmax(150px,.34fr) minmax(0,1fr) auto;gap:.55rem;align-items:stretch}
.rf-learning-form input,.rf-learning-form textarea{min-width:0;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.18);color:inherit;padding:.75rem .8rem;font:500 .82rem/1.4 Manrope,sans-serif}
.rf-learning-form textarea{min-height:48px;max-height:160px;resize:vertical}
.rf-learning-form button{border-radius:14px;border:1px solid rgba(213,184,122,.35);background:rgba(188,145,69,.19);color:inherit;padding:.7rem .9rem;font-weight:700}
.rf-learning-answer{margin-top:.8rem;padding:.9rem;border-radius:15px;background:rgba(255,255,255,.045);line-height:1.58;font-size:.88rem;white-space:pre-wrap}
.rf-learning-answer:empty{display:none}
.rf-learning-meta{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap;margin-top:.7rem;color:#b8b1a7;font-size:.7rem}

.rf-memory-strip{max-width:var(--rf-intel-max);margin:.6rem auto 1rem;padding:.75rem .9rem;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:.8rem;font:500 .75rem/1.35 Manrope,sans-serif}
.rf-memory-strip button{border:0;background:transparent;color:#d8c391;font-weight:700;padding:.35rem}

@media(max-width:720px){
 #rfFounderPalette{width:min(320px,calc(100vw - 20px));left:10px;bottom:max(10px,calc(env(safe-area-inset-bottom) + 8px))}
 #rfFounderPalette .rf-founder-panel{max-height:58vh;border-radius:18px}
 #rfFounderPalette .rf-founder-grid{grid-template-columns:1fr}
 .rf-learning-brain{margin:.7rem 0 1rem;padding:.9rem;border-radius:18px}
 .rf-learning-brain header{display:block}
 .rf-learning-brain .rf-live-chip{margin-top:.6rem}
 .rf-learning-form{grid-template-columns:1fr}
 .rf-learning-form textarea{min-height:74px}
 .rf-memory-strip{align-items:flex-start;flex-direction:column}
}

@media(prefers-reduced-motion:reduce){.rf-live-chip i{animation:none!important}}
