/* Rana-AI Tech — AI Try-It inline widget styles.
   Scoped under .rana-ai-tryit so it never bleeds into lesson content or the dark theme.
   Light "card" surface (matches the mod_page reading surface) with royal-blue accents. */
.rana-ai-tryit{--rt-blue:#1D4ED8;--rt-ink:#10212a;border:1px solid #d9e2e8;border-left:5px solid var(--rt-blue);
  border-radius:12px;background:#f6f9fc;padding:18px 20px;margin:22px 0;box-shadow:0 4px 14px rgba(0,0,0,.06);
  font-size:1rem;color:var(--rt-ink);}
.rana-ai-tryit *{box-sizing:border-box;}
.rana-ai-tryit .rt-head{display:flex;align-items:center;gap:9px;margin:0 0 4px;}
.rana-ai-tryit .rt-badge{display:inline-flex;align-items:center;gap:6px;background:var(--rt-blue);color:#fff;
  font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:3px 10px;border-radius:20px;}
.rana-ai-tryit .rt-title{font-size:1.08rem;font-weight:800;color:var(--rt-ink);margin:0;}
.rana-ai-tryit .rt-sub{font-size:.85rem;color:#5a6b73;margin:2px 0 12px;line-height:1.45;}
.rana-ai-tryit textarea{width:100%;min-height:78px;resize:vertical;border:1.5px solid #cfdae1;border-radius:9px;
  padding:11px 13px;font-size:.98rem;font-family:inherit;color:var(--rt-ink);background:#fff;line-height:1.45;}
.rana-ai-tryit textarea:focus{outline:none;border-color:var(--rt-blue);box-shadow:0 0 0 3px rgba(29,78,216,.16);}
.rana-ai-tryit .rt-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:11px;}
.rana-ai-tryit .rt-run{background:var(--rt-blue);color:#fff;border:0;border-radius:9px;padding:11px 22px;
  font-weight:800;font-size:.98rem;cursor:pointer;transition:filter .12s ease;}
.rana-ai-tryit .rt-run:hover:not(:disabled){filter:brightness(1.08);}
.rana-ai-tryit .rt-run:disabled{background:#aebcc6;cursor:not-allowed;}
.rana-ai-tryit .rt-count{font-size:.76rem;color:#8295a0;}
.rana-ai-tryit .rt-out{margin-top:14px;border-radius:9px;background:#fff;border:1px solid #e3e9ec;padding:14px 16px;
  font-size:.98rem;line-height:1.6;color:#27353c;white-space:pre-wrap;display:none;}
.rana-ai-tryit .rt-out.show{display:block;}
.rana-ai-tryit .rt-out.rt-err{border-color:#f1c7c2;background:#fdf3f2;color:#7a2e26;}
.rana-ai-tryit .rt-outlabel{font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  color:var(--rt-blue);margin:0 0 6px;}
.rana-ai-tryit .rt-spin{display:inline-block;width:15px;height:15px;border:2.5px solid #cfdae1;border-top-color:var(--rt-blue);
  border-radius:50%;animation:rt-spin .7s linear infinite;vertical-align:-2px;margin-right:8px;}
@keyframes rt-spin{to{transform:rotate(360deg);}}
.rana-ai-tryit .rt-disclaimer{font-size:.72rem;color:#8295a0;margin-top:10px;line-height:1.4;}
/* glass-box panel */
.rana-ai-tryit .rt-glass{margin-top:12px;border-top:1px dashed #cfdae1;padding-top:10px;}
.rana-ai-tryit .rt-glass-toggle{background:none;border:0;color:var(--rt-blue);font-weight:700;font-size:.84rem;
  cursor:pointer;padding:0;text-decoration:underline;}
.rana-ai-tryit .rt-glass-body{display:none;margin-top:10px;background:#0b1c24;border-radius:9px;padding:14px 16px;
  font-size:.82rem;color:#d7e3e8;line-height:1.55;}
.rana-ai-tryit .rt-glass-body.show{display:block;}
.rana-ai-tryit .rt-glass-body h5{color:#7fc7ff;font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
  margin:12px 0 4px;}
.rana-ai-tryit .rt-glass-body h5:first-child{margin-top:0;}
.rana-ai-tryit .rt-glass-body pre{white-space:pre-wrap;background:#06141b;border:1px solid #16303b;border-radius:7px;
  padding:9px 11px;margin:0;font-size:.78rem;color:#cfe6f2;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;}
.rana-ai-tryit .rt-glass-grid{display:flex;flex-wrap:wrap;gap:7px 22px;margin-top:4px;}
.rana-ai-tryit .rt-glass-grid div{font-size:.8rem;}
.rana-ai-tryit .rt-glass-grid b{color:#fff;}
.rana-ai-tryit .rt-glass-cost{color:#9be6b4;font-weight:800;}
/* cost calculator */
.rana-ai-tryit .rt-calc-grid{display:flex;flex-wrap:wrap;gap:12px;margin:4px 0 6px;}
.rana-ai-tryit .rt-calc-field{flex:1 1 200px;display:flex;flex-direction:column;gap:4px;}
.rana-ai-tryit .rt-calc-lbl{font-size:.82rem;font-weight:700;color:#41525a;}
.rana-ai-tryit .rt-calc-input{border:1.5px solid #cfdae1;border-radius:8px;padding:9px 11px;font-size:.98rem;
  font-family:inherit;color:var(--rt-ink);background:#fff;}
.rana-ai-tryit .rt-calc-input:focus{outline:none;border-color:var(--rt-blue);box-shadow:0 0 0 3px rgba(29,78,216,.16);}
.rana-ai-tryit .rt-calc-out{margin-top:12px;border-radius:9px;background:#fff;border:1px solid #e3e9ec;overflow:hidden;}
.rana-ai-tryit .rt-calc-row{display:flex;align-items:baseline;gap:10px;padding:10px 14px;border-bottom:1px solid #eef2f4;}
.rana-ai-tryit .rt-calc-row:last-child{border-bottom:0;}
.rana-ai-tryit .rt-calc-rl{flex:1 1 auto;font-size:.9rem;color:#41525a;}
.rana-ai-tryit .rt-calc-amt{font-weight:800;color:var(--rt-ink);font-size:1.02rem;white-space:nowrap;}
.rana-ai-tryit .rt-calc-note{flex:1 1 100%;font-size:.74rem;color:#8295a0;}
.rana-ai-tryit .rt-calc-main{background:#eef3fb;}
.rana-ai-tryit .rt-calc-main .rt-calc-amt{color:var(--rt-blue);font-size:1.15rem;}
.rana-ai-tryit .rt-calc-bad{background:#fdf3f2;}
.rana-ai-tryit .rt-calc-bad .rt-calc-amt{color:#b3261e;}
.rana-ai-tryit .rt-calc-good{background:#eef9f0;}
.rana-ai-tryit .rt-calc-good .rt-calc-amt{color:#1a7a3d;}
/* Theme-proof the dark glass-box: the site dark theme forces content headings/text dark,
   making the h5 labels black-on-black inside this dark panel. Force light colours. */
.rana-ai-tryit .rt-glass-body,.rana-ai-tryit .rt-glass-body *{color:#d7e3e8 !important;}
.rana-ai-tryit .rt-glass-body{background:#0b1c24 !important;}
.rana-ai-tryit .rt-glass-body h5{color:#7fc7ff !important;}
.rana-ai-tryit .rt-glass-body pre{background:#06141b !important;}
.rana-ai-tryit .rt-glass-grid b{color:#fff !important;}
.rana-ai-tryit .rt-glass-cost{color:#9be6b4 !important;}