.ala-reference-tools { margin: 1.5rem 0; padding: 1rem; border: 1px solid #b9cec9; border-radius: .5rem; background: #f4f8f6; }
.ala-reference-tools[hidden], .references [hidden] { display: none !important; }
.ala-reference-tools label { display: block; margin: .65rem 0 .3rem; font-weight: 700; }
.ala-reference-tools input, .ala-reference-tools select { box-sizing: border-box; width: 100%; min-width: 0; padding: .7rem; border: 1px solid #687c76; border-radius: .3rem; color: #18362c; background: #fff; font: inherit; }
.ala-reference-actions { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 1rem; }
.ala-reference-tools button { min-height: 44px; padding: .55rem 1rem; border: 1px solid #295446; border-radius: .3rem; color: #fff; background: #295446; font: inherit; cursor: pointer; }
.ala-reference-tools button[type="button"] { background: #fff; color: #295446; }
.ala-reference-tools :is(input, select, button):focus-visible { outline: 3px solid #9b5700; outline-offset: 3px; }
.ala-reference-tools p { margin: .75rem 0 0; }
.references li { overflow-wrap: anywhere; }
@media print { .ala-reference-tools { display: none; } .references [data-ala-reference][hidden], .references [data-ala-reference-group][hidden] { display: revert !important; } }