/* Interactive SUPRIA: inherits the existing GentleMind palette and fonts. */
#supriaFramework{background:var(--color-white,#fff)}
#supriaFramework .gm-supria-interactive{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.65fr);gap:32px;align-items:stretch}
#supriaFramework .gm-supria-nav{display:flex;flex-direction:column;gap:10px}
#supriaFramework .gm-supria-btn{display:flex;align-items:center;gap:16px;width:100%;padding:16px 20px;text-align:left;background:#fff;border:1px solid var(--color-border,#e6ebf3);border-radius:18px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;font-family:inherit}
#supriaFramework .gm-supria-btn:hover{border-color:var(--color-teal,#4a5bf7);transform:translateX(3px);box-shadow:0 6px 20px rgba(30,41,59,.04)}
#supriaFramework .gm-supria-badge{display:flex;align-items:center;justify-content:center;width:46px;height:46px;flex-shrink:0;border-radius:14px;background:var(--color-teal-light,#e9f1ff);color:var(--color-teal,#4a5bf7);font-family:var(--font-heading,inherit);font-size:24px;font-weight:800;transition:background .2s,color .2s}
#supriaFramework .gm-supria-btn-title{font-size:15px;font-weight:700;color:var(--color-primary-navy,#1e293b);line-height:1.4}
#supriaFramework .gm-supria-btn-subtitle{font-size:12px;color:var(--color-text-muted,#64748b);margin-top:3px}
#supriaFramework .gm-supria-btn.is-active{background:var(--color-teal,#4a5bf7);border-color:var(--color-teal,#4a5bf7);box-shadow:0 8px 24px rgba(74,91,247,.18)}
#supriaFramework .gm-supria-btn.is-active .gm-supria-badge{background:rgba(255,255,255,.18);color:#fff}
#supriaFramework .gm-supria-btn.is-active .gm-supria-btn-title{color:#fff}
#supriaFramework .gm-supria-btn.is-active .gm-supria-btn-subtitle{color:#e9f1ff}
#supriaFramework .gm-supria-panels{min-width:0;display:flex}
#supriaFramework .gm-supria-panel{width:100%;padding:42px;border:1px solid var(--color-border,#e6ebf3);border-radius:24px;background:linear-gradient(140deg,#fff,var(--color-bg-alt,#f5f8ff));box-shadow:0 8px 32px rgba(30,41,59,.04);display:none}
#supriaFramework .gm-supria-panel.is-active{display:flex;flex-direction:column;justify-content:center;animation:gmSupriaPanelIn .28s ease}
#supriaFramework .gm-supria-panel[hidden]{display:none!important}
#supriaFramework .gm-supria-panel-header{margin-bottom:22px}
#supriaFramework .gm-supria-panel-header h3{font-size:clamp(25px,2.5vw,32px);color:var(--color-primary-navy,#1e293b);margin:8px 0 0;line-height:1.25}
#supriaFramework .gm-supria-panel>p{font-size:16px;color:var(--color-text-secondary,#64748b);line-height:1.85;margin-bottom:26px}
#supriaFramework .gm-supria-quote-box{padding:22px 24px;border-radius:16px;border-left:3px solid var(--color-teal,#4a5bf7);background:var(--color-teal-light,#e9f1ff);font-size:14px;color:var(--color-primary-navy,#1e293b);line-height:1.8}
#supriaFramework .gm-supria-quote-box strong{color:var(--color-teal,#4a5bf7)}
@keyframes gmSupriaPanelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){#supriaFramework .gm-supria-interactive{grid-template-columns:1fr;gap:24px}#supriaFramework .gm-supria-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#supriaFramework .gm-supria-panel{min-height:320px}}
@media(max-width:540px){#supriaFramework .gm-supria-nav{gap:8px}#supriaFramework .gm-supria-btn{padding:12px 10px;gap:9px;border-radius:14px}#supriaFramework .gm-supria-badge{width:34px;height:38px;border-radius:10px;font-size:20px}#supriaFramework .gm-supria-btn-title{font-size:12px}#supriaFramework .gm-supria-btn-subtitle{font-size:10px}#supriaFramework .gm-supria-panel{padding:26px 22px;min-height:340px}#supriaFramework .gm-supria-panel>p{font-size:15px}#supriaFramework .gm-supria-quote-box{padding:18px;font-size:13px}}
@media(prefers-reduced-motion:reduce){#supriaFramework .gm-supria-panel.is-active{animation:none}#supriaFramework .gm-supria-btn{transition:none}}