#atlantic-records{margin:20px 0}.history-card{padding:24px 0;border-top:1px solid var(--line);max-width:1000px}.history-card h3{font-size:23px;line-height:1.3;margin:8px 0 12px;color:#173d50}.history-card p{font-size:14px;line-height:1.65;max-width:850px}.history-controls{display:flex;flex-wrap:wrap;gap:16px;margin:16px 0}.history-controls label{display:flex;flex-direction:column;gap:6px;font-size:13px}.history-controls select{min-height:44px;padding:8px 12px;max-width:100%;font:inherit;background:white;color:#213b4a;border:1px solid #b9cbd5;border-radius:5px}.history-region,.history-baseline{color:var(--muted)}.history-plot{width:100%;height:260px;display:block;overflow:visible}.history-plot text{font:12px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;fill:#496371}.history-inspect{display:block;font-size:13px}.history-slider{display:block;width:100%;min-height:44px;accent-color:#225d78}.history-value{display:block;font-size:17px;font-weight:600;min-height:44px;line-height:1.6}.history-table{max-height:320px;overflow:auto;margin:12px 0}.history-table table{border-collapse:collapse;width:100%;font-size:14px}.history-table th,.history-table td{text-align:left;padding:8px;border-bottom:1px solid #dbe4e9}.history-table caption{text-align:left;margin-bottom:10px}@media(max-width:600px){.history-card{padding:20px 0}.history-card h3{font-size:21px}.history-controls label{flex:1 1 140px;min-width:0}.history-value{font-size:16px}.history-card .plain-explainer p{font-size:14px}}

/* Keep inactive records out of the reading and keyboard order. */
#atlantic-records .history-card[hidden]{display:none}
.history-workspace-selector{max-width:1000px}
.history-workspace-selector select{width:100%;min-width:0}
#explorer-settings .privacy-preferences{margin:16px 0;padding:0;border:0}

/* Use AO's existing native form treatment and keep the browser's keyboard behaviour. */
body.ao-main #history-record-select{min-height:44px;padding:8px;border-radius:7px;border:1px solid var(--brand-line);background:#fff;color:var(--brand-ink);font:inherit;width:100%;min-width:0}
body.ao-main .history-workspace-selector>label{width:280px;max-width:100%}
body.ao-main #history-record-select:focus-visible{outline:3px solid var(--brand-indigo);outline-offset:4px}
@media(max-width:600px){body.ao-main .history-workspace-selector>label{width:100%}}