/* Interactive add-ons for the reader page: WebR cells + XYZ Crunch links */
.try-it{border:1px solid var(--blue-line,#CFDDF0);border-left:4px solid var(--blue,#154984);
  border-radius:8px;margin:1.4rem 0;background:var(--blue-tint,#EFF1F5);overflow:hidden}
.try-hd{font-family:var(--sans,system-ui);font-size:.82rem;font-weight:700;letter-spacing:.02em;
  color:var(--blue,#154984);padding:.5rem .9rem;background:#fff;border-bottom:1px solid var(--blue-line,#CFDDF0)}
.try-it .try-body{padding:.7rem .9rem}
.r-widget{margin:.2rem 0}
textarea.r-src{width:100%;box-sizing:border-box;font-family:"SF Mono",ui-monospace,Menlo,Consolas,monospace;
  font-size:.86rem;line-height:1.5;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;
  padding:.6rem .7rem;resize:vertical;tab-size:2}
.r-bar{display:flex;align-items:center;gap:.7rem;margin:.5rem 0 .3rem}
button.r-run{font-family:var(--sans,system-ui);font-weight:700;font-size:.85rem;color:#fff;
  background:var(--blue,#154984);border:0;border-radius:6px;padding:.4rem 1rem;cursor:pointer}
button.r-run:hover{background:#0f3a6b}button.r-run:disabled{opacity:.55;cursor:progress}
.r-tag{font-family:var(--sans,system-ui);font-size:.72rem;color:var(--gray-meta,#586170)}
pre.r-out{font-family:"SF Mono",ui-monospace,Menlo,Consolas,monospace;font-size:.83rem;line-height:1.45;
  white-space:pre-wrap;background:#0f172a;color:#e2e8f0;border-radius:6px;padding:.6rem .8rem;margin:.4rem 0 0;
  min-height:1.4rem;overflow:auto}
pre.r-out[data-state="ok"]{color:#d1fae5}pre.r-out[data-state="err"]{color:#fecaca}
pre.r-out[data-state="run"]{color:#fde68a}
.r-plots canvas.r-plot{max-width:100%;height:auto;border:1px solid var(--rule,#e5e7eb);border-radius:6px;margin:.5rem 0 0;background:#fff}
.crunch-row{display:flex;flex-wrap:wrap;gap:.5rem;margin:.6rem 0 .2rem}
a.crunch-btn{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--sans,system-ui);font-size:.82rem;
  font-weight:600;text-decoration:none;color:#fff;background:var(--orange,#A94509);border-radius:6px;padding:.4rem .8rem}
a.crunch-btn:hover{background:#8a3807}
.crunch-note{font-family:var(--sans,system-ui);font-size:.75rem;color:var(--gray-meta,#586170);margin:.2rem 0}
/* XYZ Crunch instructional callout (no standalone deep-link target yet) */
.crunch-callout{border:1px dashed var(--orange,#A94509);border-radius:8px;background:#FDF4EE;
  padding:.55rem .8rem;margin:.6rem 0 .2rem}
.crunch-callout .crunch-tag{display:inline-block;font-family:var(--sans,system-ui);font-size:.68rem;font-weight:700;
  letter-spacing:.03em;text-transform:uppercase;color:#fff;background:var(--orange,#A94509);
  border-radius:4px;padding:.1rem .45rem;margin-right:.5rem;vertical-align:.05em}
.crunch-callout .crunch-lead{font-family:var(--sans,system-ui);font-size:.83rem;font-weight:700;color:#7a3206}
.crunch-callout .crunch-do{font-family:var(--sans,system-ui);font-size:.82rem;color:#3a2a1e;margin:.35rem 0 0}
.crunch-callout .crunch-seed{font-family:"SF Mono",ui-monospace,Menlo,Consolas,monospace;font-size:.76rem;
  color:#7a3206;background:#fff;border:1px solid #E7C9B4;border-radius:5px;padding:.15rem .4rem}
.crunch-callout .crunch-soon{font-family:var(--sans,system-ui);font-size:.7rem;color:#8a6b57;margin:.35rem 0 0}
@media(prefers-color-scheme:dark){.crunch-callout{background:#241610;border-color:#8a3807}
  .crunch-callout .crunch-lead{color:#f0a878}.crunch-callout .crunch-do{color:#e6d6cb}
  .crunch-callout .crunch-seed{background:#160d08;color:#f0a878;border-color:#5a3a26}
  .crunch-callout .crunch-soon{color:#b89a86}}
@media(prefers-color-scheme:dark){.try-it{background:#0d1b2e;border-color:#24425f}.try-hd{background:#0a1522;color:#7fc7ef;border-color:#24425f}
  textarea.r-src{background:#0f1a28;color:#e2e8f0;border-color:#34506b}}