/* Read-only replay; inherits the application's cream/ink/green theme. */
.recorded-gemma{margin-top:26px;padding-top:26px;border-top:2px solid var(--line,#d4ddd1);color:var(--ink,#203d32);overflow-wrap:anywhere}
.recorded-gemma .rg-heading{display:flex;justify-content:space-between;align-items:start;gap:18px;margin-bottom:20px}
.recorded-gemma h3{font:400 27px/1.15 Georgia,serif;letter-spacing:-.025em;margin:5px 0 0}
.recorded-gemma .rg-eyebrow,.recorded-gemma .rg-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted,#52675b);margin:0 0 9px}
.recorded-gemma .rg-badge{font-size:11px;font-weight:650;line-height:1.5;padding:7px 10px;background:var(--soft,#e4edde);border:1px solid var(--line,#d4ddd1);border-radius:20px;flex-shrink:0;max-width:100%}
.recorded-gemma .rg-statistics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:15px}
.recorded-gemma .rg-statistics>div{border-top:2px solid var(--neon,#d9ff43);padding-top:10px;min-width:0}
.recorded-gemma .rg-statistics strong{display:block;font:400 29px/1.1 Georgia,serif;margin-bottom:6px}
.recorded-gemma .rg-statistics span{font-size:11px;line-height:1.5;color:var(--muted,#52675b)}
.recorded-gemma .rg-question{font-size:13px;line-height:1.65;margin:8px 0 20px}
.recorded-gemma h4{font-size:14px;font-weight:650;margin:19px 0 10px}
.recorded-gemma .rg-answer,.recorded-gemma .rg-unavailable{padding:16px 18px;line-height:1.7;font-size:13px;border-left:3px solid var(--green,#244c3c);background:var(--source-bg,#fbfcf7);border-radius:6px;white-space:pre-wrap}
.recorded-gemma .rg-unavailable{border-color:var(--amber,#76511e)}
.recorded-gemma .rg-excerpt{border-top:1px solid var(--line,#d4ddd1);padding:16px 0}
.recorded-gemma .rg-excerpt>strong{font-size:11px;letter-spacing:.04em}
.recorded-gemma .rg-excerpt blockquote{font-size:13px;line-height:1.75;white-space:pre-wrap;margin:12px 0;padding:12px 15px;border-left:2px solid var(--line,#d4ddd1)}
.recorded-gemma .rg-receipt{border-top:1px solid var(--line,#d4ddd1);margin:17px 0;padding-top:8px}
.recorded-gemma .rg-receipt summary{min-height:44px;padding:12px 0;font-size:12px;font-weight:650;cursor:pointer}
.recorded-gemma .rg-receipt dl{font-size:11px;line-height:1.6;margin:8px 0 14px}
.recorded-gemma .rg-receipt dl>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:14px;padding:8px 0;border-bottom:1px solid var(--line,#d4ddd1)}
.recorded-gemma .rg-receipt dt{color:var(--muted,#52675b)}
.recorded-gemma .rg-receipt dd{margin:0;min-width:0}
.recorded-gemma .rg-receipt a{display:inline-block;padding:11px 0;min-height:44px;font-size:12px;color:var(--ink,#203d32);text-decoration:underline}
.recorded-gemma .rg-hash{font-size:10px;word-break:break-all}
.recorded-gemma .rg-attempts{list-style:none;margin:12px 0;padding:0}
.recorded-gemma .rg-attempts li{display:flex;flex-wrap:wrap;align-items:start;gap:8px 16px;border-top:1px solid var(--line,#d4ddd1);padding:11px 0;font-size:11px;line-height:1.5}
.recorded-gemma .rg-attempts li>span:first-child{flex:1 1 200px;min-width:0}
.recorded-gemma .rg-limit{padding-top:14px;border-top:1px solid var(--line,#d4ddd1)}
.recorded-gemma .rg-care-limit{background:var(--soft,#e4edde);padding:13px 15px;border-radius:7px}
.recorded-gemma :is(summary,a):focus-visible{outline:3px solid var(--focus,#906019);outline-offset:3px}
@media(max-width:540px){.recorded-gemma .rg-heading{flex-direction:column;gap:12px}.recorded-gemma .rg-statistics{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.recorded-gemma .rg-receipt dl>div{grid-template-columns:minmax(0,1fr);gap:4px}}
