/* Live paper-trading snapshot (live-data.js): the rules below apply once data/ is present, except the last block
   (links into the real-data pages), which applies with or without data/. */
.rabbit .portrait{background:radial-gradient(ellipse at 50% 90%,#fff 0,transparent 60%),linear-gradient(145deg,#fff0d6,#fff8ec)}.rabbit .strategy{background:#ffe2b0;color:#a8680a}.rabbit .portrait-spark{color:#ecd09f}
.seal .portrait{background:radial-gradient(ellipse at 50% 90%,#fff 0,transparent 60%),linear-gradient(145deg,#ffe3ee,#fff3f7)}.seal .strategy{background:#ffd0e1;color:#c23d70}.seal .portrait-spark{color:#efbfd1}
.lamb .portrait{background:radial-gradient(ellipse at 50% 90%,#fff 0,transparent 60%),linear-gradient(145deg,#e4e8fb,#f3f5ff)}.lamb .strategy{background:#d6dcf7;color:#35479b}.lamb .portrait-spark{color:#c3cbee}
.rabbit .avatar{background:#fff4e2}.seal .avatar{background:#fff0f5}.lamb .avatar{background:#eef0fc}
.rabbit .chat-bubble{background:#fff8ec;border-color:#f2e4c9}.seal .chat-bubble{background:#fff4f8;border-color:#f3dbe4}.lamb .chat-bubble{background:#f3f5fd;border-color:#e0e4f5}
.agent-models{display:block;font-size:10px;font-weight:600;color:#7886a1;letter-spacing:.1px;margin:-3px 0 9px}
.duty-pill,.award-pill{position:absolute;left:11px;top:12px;z-index:1;font-size:9px;font-weight:700;padding:4px 10px;border-radius:30px;background:#ffffffe6;color:#5b6b85;border:1px solid #e3eaf4}
.award-pill{background:#fff6dc;color:#9a6a00;border-color:#f5e2a8;max-width:calc(100% - 110px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.off-duty .agent-plush{filter:saturate(.8) drop-shadow(0 5px 7px #29354c0a)}.off-duty .stats b{color:#8793a8}
.art-draft{position:absolute;right:9px;bottom:9px;z-index:3;font-size:8px;font-style:italic;letter-spacing:.3px;color:#6f7d93;background:#ffffffd9;border:1px dashed #c9d3e0;border-radius:6px;padding:2px 6px;pointer-events:auto}
.dialog-portrait{position:relative}
.trade-row time small{display:block;font-size:8px;color:#a0abbd;margin-top:1px}
.chat-bubble .mention{font-weight:650;color:#435577}
html[data-live=on] .agent-grid .agent-card{min-width:0}
@media(min-width:801px){html[data-live=on] .agent-grid{grid-template-columns:repeat(8,minmax(0,1fr))}html[data-live=on] .agent-grid>.agent-card{grid-column:span 2}html[data-live=on] .agent-grid>.agent-card:nth-child(5):nth-last-child(3){grid-column:2/span 2}html[data-live=on] .agent-grid>.agent-card:nth-child(5):nth-last-child(2){grid-column:3/span 2}html[data-live=on] .agent-grid>.agent-card:nth-child(5):last-child{grid-column:4/span 2}}
@media(min-width:561px) and (max-width:800px){html[data-live=on] .agent-grid>.agent-card:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 9px)}}
@media(max-width:480px){.agent-models{font-size:9px;margin:-1px 0 7px}.duty-pill,.award-pill{font-size:8px;left:8px;top:9px;padding:3px 7px}.award-pill{max-width:calc(100% - 80px)}}
/* Links into the real-data pages (agents/, performance/, trades/, journals/, about/; docs/site-pages.md). With or without data/.
   #0a7a62 on white is about 5.3:1 (his --green #059d7d is 3.4:1, too light for 11-12px text). */
.section-more{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 20px;margin:26px 0 0;font-size:13px;font-weight:650}
.section-heading>p.section-more{font-size:13px;line-height:1.6;color:#0a7a62;max-width:none;margin:14px auto 0}
.section-more a:not(.button),.section-more-link,.chat-more,.zp-card-more,.journal-page-links a{color:#0a7a62;text-decoration:none;font-weight:650}
.section-more a:not(.button):hover,.section-more-link:hover,.chat-more:hover,.zp-card-more:hover,.journal-page-links a:hover{text-decoration:underline;text-underline-offset:3px}
.section-more-link{display:block;width:fit-content;margin:10px 0 0 auto;font-size:12px}
.chat-more{display:block;padding:11px 14px 13px;font-size:12px;text-align:right;background:#fafcf9;border-top:1px solid #eef2ee}
.zp-card-more{display:block;font-size:12px;text-align:center;padding:9px 0 3px}
.journal-page-links{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;margin:14px 0 0}
@media(max-width:560px){.section-more{gap:8px 16px;font-size:12px}.section-heading>p.section-more{font-size:12px;max-width:340px}}