.field-notes-entry{width:min(309px,100%);margin-top:10px;padding:12px 15px;text-align:left;color:#e7c49b;border-color:#bc915b77;background:#19231dcf}
.field-notes-entry:hover{background:#342a20;border-color:#d1a16b}
.field-notes-panel{width:min(980px,100%);max-height:100%;overflow:auto;background:linear-gradient(145deg,#1b261f,#101c19);border-color:#b89a6a66}
.field-notes-panel .panel-head{margin-bottom:19px}
.field-notes-panel .eyebrow{color:#c9a978}
.field-notes-panel h2{font-family:'Courier New',monospace;font-size:27px;letter-spacing:0}
.field-note-index{display:grid;gap:8px}
.field-note-row{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:61px;padding:15px 18px;text-align:left;border:1px solid #b9c69938;background:#101a17;color:var(--paper)}
.field-note-row .mono{color:#c1a87e;letter-spacing:1.2px}
.field-note-row strong{font:16px Georgia,serif;letter-spacing:.5px}
.field-note-row:disabled{opacity:.65}
.field-note-row:not(:disabled){border-color:#c0a36b8a;background:#25291e}
.field-note-row:not(:disabled):hover{background:#36402c;border-color:#e4ca87}
.field-note-reader{min-height:0}
.field-note-actions{display:flex;align-items:center;gap:8px}.field-note-actions .smallbtn{white-space:nowrap}
.field-note-entry-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #b9c69938;padding:10px 17px;background:#111b17}
.field-note-entry-heading .mono{color:#b8a680}
.field-note-entry-heading h3{font:30px Georgia,serif;margin:7px 0;color:#ebd5ad}
.field-note-entry-heading canvas{flex:none;width:min(330px,52%);height:auto;image-rendering:pixelated}
.field-note-scroll{max-height:min(55vh,560px);min-height:120px;overflow-y:auto;overscroll-behavior:contain;margin-top:12px;padding:17px 20px;border:1px solid #b9c69938;background:#0d1814;scrollbar-color:#a89970 #15211b}
.field-note-scroll:focus-visible{outline:2px solid var(--gold)}
.field-note-scroll p{font:15px/1.8 Georgia,serif;color:#e7e2d1;max-width:69ch;margin:0 0 22px}
.field-note-scroll p:last-child{margin-bottom:0}
@media(max-width:600px){.field-notes-panel{padding:18px}.field-notes-panel h2{font-size:22px}.field-note-entry-heading{flex-direction:column;align-items:flex-start}.field-note-entry-heading canvas{width:min(330px,100%)}.field-note-scroll{padding:14px}.field-note-scroll p{font-size:14px}}