.field-guide-chat { margin-top: 14px; padding: clamp(20px,4vw,42px); border-color: rgba(53,212,255,.46); background: radial-gradient(circle at 96% 0,rgba(155,77,255,.22),transparent 42%),#10141d; }
.field-guide-chat h2 { margin: 6px 0; font-size: clamp(1.75rem,3.8vw,3.3rem); line-height: 1; }
.field-guide-chat > p:not(.eyebrow), .field-guide-chat > small { color: var(--muted); font-size: .82rem; line-height: 1.6; }
.field-guide-conversation { display: grid; gap: 10px; max-height: 380px; min-height: 84px; overflow-y: auto; margin: 20px 0 14px; padding: 14px; border: 1px solid var(--line-strong); background: rgba(6,9,15,.72); }
.field-guide-bubble { max-width: min(100%,76ch); padding: 12px 14px; border: 1px solid var(--line-strong); border-radius: 12px; color: var(--text); background: #151b27; font-size: .84rem; line-height: 1.55; }
.field-guide-bubble p { margin: 0; }
.field-guide-bubble .text-btn { margin-top: 8px; padding: 0; color: var(--cyan); font-size: .76rem; }
.field-guide-bubble.is-question { justify-self: end; border-color: rgba(97,255,137,.45); background: rgba(97,255,137,.09); }
.field-guide-bubble.is-guide { justify-self: start; }
.field-guide-topics { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 15px; }
.field-guide-topics button { min-height: 39px; padding: 7px 11px; border: 1px solid var(--line-strong); border-radius: 20px; color: var(--cyan); background: rgba(53,212,255,.06); font: inherit; font-size: .75rem; cursor: pointer; }
.field-guide-topics button:hover, .field-guide-topics button:focus-visible { border-color: var(--cyan); }
.field-guide-form { display: block; }
.field-guide-form label { display: block; margin-bottom: 6px; color: var(--text); font-size: .75rem; font-weight: 800; }
.field-guide-form > div { display: flex; gap: 8px; }
.field-guide-form input { flex: 1; min-width: 0; min-height: 46px; padding: 10px 12px; border: 1px solid var(--line-strong); color: var(--text); background: #080c14; font: inherit; }
.field-guide-form button { min-width: 84px; }
.field-guide-chat > small { display: block; margin-top: 12px; }
.field-guide-currency { margin-top: 14px; }
.field-guide-currency-heading { display: flex; align-items: end; justify-content: space-between; gap: 16px; }
.field-guide-currency h3 { margin: 4px 0 0; font-size: clamp(1.3rem,2.2vw,2rem); }
.field-guide-currency-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; margin-top: 17px; }
.field-guide-currency-grid > div { padding: 13px 14px; border: 1px solid var(--line-strong); background: rgba(7,8,13,.64); }
.field-guide-currency-grid strong { color: var(--cyan); font-size: .82rem; }
.field-guide-currency-grid b { color: var(--text); }
.field-guide-currency-grid p, .field-guide-currency > p { margin: 7px 0 0; color: var(--muted); font-size: .75rem; line-height: 1.6; }
.field-guide-reference { margin-top: 15px; }
.field-guide-reference > summary { min-height: 54px; padding: 16px 18px; border: 1px solid rgba(53,212,255,.5); color: var(--cyan); background: #10141d; font-size: .9rem; font-weight: 800; cursor: pointer; }
.field-guide-reference > summary:hover, .field-guide-reference > summary:focus-visible { border-color: var(--green); outline-offset: 3px; }
.field-guide-reference[open] > summary { margin-bottom: 14px; }
.field-guide-reference .field-manual-hero { margin-top: 0; }
@media (max-width: 760px) { .field-guide-currency-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 520px) { .field-guide-chat { padding: 19px 15px; } .field-guide-currency-grid { grid-template-columns: 1fr; } .field-guide-form > div { gap: 5px; } .field-guide-form button { min-width: 68px; padding-inline: 10px; } .field-guide-currency-heading { align-items: start; flex-direction: column; } }
/* Chat window */
.field-guide-chat-head { display: flex; align-items: start; justify-content: space-between; gap: 12px; }
.field-guide-chat-head .text-btn { margin-top: 8px; color: var(--muted); font-size: .74rem; white-space: nowrap; }
.field-guide-conversation { gap: 12px; max-height: min(460px, 60vh); scroll-behavior: smooth; border-radius: 14px; background: linear-gradient(180deg, rgba(6,9,15,.9), rgba(10,14,24,.9)); }
.field-guide-row { display: flex; align-items: end; gap: 8px; min-width: 0; animation: fg-in .22s ease-out; }
.field-guide-row.is-question { justify-content: flex-end; }
.field-guide-row .field-guide-bubble { max-width: min(100%, 72ch); }
.field-guide-avatar { flex: none; display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid rgba(53,212,255,.45); border-radius: 50%; background: #0c1220; font-size: .95rem; }
.field-guide-bubble.is-guide { border-bottom-left-radius: 4px; background: #151b27; }
.field-guide-bubble.is-question { border-bottom-right-radius: 4px; color: #eafff0; }
.field-guide-followups { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.field-guide-followups button { min-height: 32px; padding: 5px 10px; border: 1px solid rgba(53,212,255,.4); border-radius: 16px; color: var(--cyan); background: rgba(53,212,255,.06); font: inherit; font-size: .7rem; cursor: pointer; }
.field-guide-followups button:hover, .field-guide-followups button:focus-visible { border-color: var(--cyan); background: rgba(53,212,255,.14); }
.field-guide-dots { display: inline-flex; gap: 4px; padding: 3px 2px; }
.field-guide-dots i { width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); opacity: .35; animation: fg-dot 1s infinite ease-in-out; }
.field-guide-dots i:nth-child(2) { animation-delay: .15s; } .field-guide-dots i:nth-child(3) { animation-delay: .3s; }
@keyframes fg-dot { 40% { opacity: 1; transform: translateY(-3px); } }
@keyframes fg-in { from { opacity: 0; transform: translateY(6px); } }
.field-guide-form > div { padding: 5px; border: 1px solid var(--line-strong); border-radius: 26px; background: #080c14; }
.field-guide-form input { border: 0; border-radius: 22px; background: transparent; }
.field-guide-form input:focus-visible { outline: 2px solid var(--cyan); outline-offset: 1px; }
.field-guide-form button { border-radius: 22px; }
@media (prefers-reduced-motion: reduce) { .field-guide-row, .field-guide-dots i { animation: none; } .field-guide-conversation { scroll-behavior: auto; } }
@media (max-width: 520px) { .field-guide-avatar { width: 26px; height: 26px; font-size: .85rem; } .field-guide-conversation { max-height: 65vh; } }
/* Knight Posts table in the manual */
.manual-posts { display: grid; gap: 1px; margin: 14px 0; border: 1px solid var(--line-strong); background: var(--line-strong); overflow-x: auto; }
.manual-posts > div { display: grid; grid-template-columns: 1fr 1.3fr 1.3fr 1.3fr; min-width: 560px; }
.manual-posts span { padding: 9px 10px; background: #10141d; font-size: .76rem; line-height: 1.45; }
.manual-posts [role="columnheader"], .manual-posts [role="rowheader"] { color: #f5dfa9; font-weight: 800; }
.manual-posts em { color: var(--muted); }
.field-guide-note { display: block; margin-top: 6px; color: var(--muted, #9ca3b5); font-size: .7rem; }