.water-insight{border:1px solid #dce5dc;border-radius:8px;padding:16px;margin:18px 0;background:#f6f8f3}
#sample-dialog .water-insight h3{font-size:1rem;line-height:1.5;margin:0;color:#254c3a}
.water-insight-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.water-insight-heading>span{font-size:.75rem;color:#62776a}
.water-insight-period,.water-insight-note{font-size:.75rem;line-height:1.7;color:#62776a;margin:5px 0 0}
.water-insight-note a{text-decoration:underline;text-underline-offset:3px}
.observation-stats{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:12px;margin:16px 0}
.observation-stats dt{font-size:.75rem;color:#62776a}.observation-stats dd{font-size:1.25rem;font-weight:600;margin:2px 0 0;font-variant-numeric:tabular-nums;line-height:1.5}
.observation-stats dd small{font-size:.6875rem;font-weight:400;display:block}
.observation-seasons{border-top:1px solid #dce5dc;padding-top:9px;font-size:.75rem;color:#536d5c}
.observation-seasons summary{cursor:pointer;min-height:32px;line-height:2}.observation-seasons p{font-size:.6875rem;line-height:1.7;margin:8px 0}
.season-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:8px 0}
.season-grid>div{display:grid;gap:2px}.season-grid strong{font-weight:500}.season-grid span{font-size:1rem;font-variant-numeric:tabular-nums}.season-grid small{font-size:.6875rem;color:#6b7c70}
.mineral-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px;margin:8px 0 10px}
.mineral-profile-grid>div{padding:10px 0;border-bottom:1px solid #dce5dc;display:grid;gap:3px;min-width:0}
.mineral-profile-grid span{font-size:.8125rem;color:#62776a}.mineral-profile-grid strong{font-size:1.125rem;font-weight:600;color:#254c3a;font-variant-numeric:tabular-nums}
.mineral-profile-grid .mineral-unavailable{font-size:.75rem;font-weight:400;color:#6c7d70}
.sample-notebook-entry{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px 0;margin-top:16px;border-top:1px solid #e4eadd}
.sample-notebook-entry p{margin:0;font-size:.75rem;color:#62776a}.sample-notebook-entry button,.notebook-entry{padding:9px 12px;border:1px solid #b9cdbb;border-radius:6px;min-height:44px;font-size:.875rem;color:#244e3d;flex-shrink:0}
.water-reading-links .notebook-entry{display:inline-flex;align-items:center;text-align:left;background:#f0f5ed}
#water-notebook{width:min(860px,calc(100vw - 28px));max-width:calc(100vw - 28px);max-height:90dvh;padding:24px;color:#254c3a;font-size:.875rem}
.notebook-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.notebook-heading .eyebrow{font-size:.6875rem;letter-spacing:1.2px;margin:0 0 4px}.notebook-heading h2{font-size:1.5rem;line-height:1.4;margin:0}.notebook-close{width:44px;height:44px;display:grid;place-items:center;flex-shrink:0;border:1px solid #dce5dc;border-radius:50%}.notebook-close svg{width:18px;height:18px}
.notebook-intro{margin:16px 0 6px}.notebook-storage-note{font-size:.75rem;line-height:1.7;color:#62776a;margin:0 0 16px}.notebook-storage-note a{text-decoration:underline}
.notebook-toolbar{display:flex;flex-wrap:wrap;gap:8px}.notebook-toolbar button,.notebook-import,.notebook-form-actions button,.notebook-record-actions button,[data-notebook-more]{border:1px solid #bacfbd;border-radius:5px;padding:9px 12px;font-size:.8125rem;min-height:42px;cursor:pointer}
.notebook-import{position:relative;overflow:hidden;display:flex;align-items:center}.notebook-import input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.notebook-import:focus-within{outline:2px solid #3c7b64;outline-offset:2px}
.notebook-status{font-size:.8125rem;line-height:1.65;color:#32664d;margin:12px 0;scroll-margin:20px}.notebook-status:empty{display:none}.notebook-status.is-error,.water-notebook-error{color:#915729}
.notebook-editor{margin:18px 0;border:1px solid #dce5dc;border-radius:7px;padding:12px 16px}.notebook-editor>summary{cursor:pointer;font-size:.9375rem;font-weight:600;min-height:30px}.notebook-editor[open]>summary{margin-bottom:12px}
.notebook-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.notebook-wide{grid-column:1/-1}
#water-notebook label{display:grid;gap:5px;font-size:.75rem;color:#536d5c;min-width:0}
#water-notebook input,#water-notebook select,#water-notebook textarea{box-sizing:border-box;width:100%;min-width:0;min-height:42px;padding:8px 9px;border:1px solid #cbd8c9;border-radius:4px;background:white;color:#254c3a;font:inherit;font-size:1rem}
#water-notebook input:focus,#water-notebook select:focus,#water-notebook textarea:focus{outline:2px solid #5c9e86;outline-offset:2px}
.notebook-form-help{font-size:.75rem;color:#62776a;line-height:1.7;margin:14px 0}.notebook-measurements{display:grid;grid-template-columns:1fr 1fr;gap:14px}.notebook-measurements fieldset{border:1px solid #dce5dc;border-radius:6px;padding:10px 12px;min-width:0}.notebook-measurements legend{font-size:.875rem;padding:0 4px;font-weight:600}.notebook-measurements legend small{font-size:.6875rem;font-weight:400;color:#62776a}
.notebook-value-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.notebook-method,.notebook-factor{margin-top:8px}.notebook-notes{margin:14px 0}.notebook-form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.notebook-form-actions .notebook-primary{color:#fff;background:#244f40;border-color:#244f40}.notebook-editing{font-size:.75rem;color:#62776a}
.notebook-saved{margin:24px 0 4px}.notebook-saved-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.notebook-saved-heading h3{font-size:1rem;margin:0}.notebook-saved-heading>span{font-size:.75rem;color:#62776a}.notebook-record{border:1px solid #dce5dc;border-radius:7px;padding:16px;margin-top:14px}.notebook-record-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.notebook-record h4{font-size:1rem;margin:0;overflow-wrap:anywhere}.notebook-record time{font-size:.75rem;color:#62776a}.notebook-personal{font-size:.6875rem;white-space:nowrap;background:#edf3e7;padding:3px 7px;border-radius:4px}.notebook-record-meta{font-size:.75rem;color:#62776a;margin:6px 0;overflow-wrap:anywhere}
.notebook-table-wrap{margin-top:12px}.notebook-record table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:.8125rem;line-height:1.5}.notebook-record th,.notebook-record td{text-align:right;padding:9px 5px;border-bottom:1px solid #e3eade;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.notebook-record th:first-child{width:36%;text-align:left}.notebook-record thead th{font-size:.75rem;font-weight:500;color:#62776a}.notebook-record tbody th{font-weight:500}.notebook-record small{display:block;font-size:.625rem;color:#62776a;font-weight:400}.notebook-record-notes{font-size:.75rem;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;color:#536d5c;margin:10px 0}.notebook-record-actions{display:flex;gap:10px;align-items:flex-start;margin-top:12px}.notebook-record-actions button,.notebook-record-actions summary{font-size:.75rem;min-height:36px;padding:7px 10px;cursor:pointer}.notebook-delete-confirm{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:.75rem}.notebook-delete-confirm button{color:#915729}.notebook-empty{font-size:.8125rem;color:#62776a;padding:20px 0}.notebook-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[data-notebook-more]{margin-top:12px}
@media(max-width:600px){.observation-stats{grid-template-columns:1fr 1fr}.observation-stats>div:last-child{grid-column:1/-1}.observation-stats>div:last-child dd small{display:inline;margin-left:8px}.mineral-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}.sample-notebook-entry{align-items:flex-start;flex-direction:column;gap:8px}#water-notebook{padding:18px}.notebook-measurements{grid-template-columns:1fr}.notebook-editor{padding:12px}.notebook-record{padding:12px}.notebook-form-grid{grid-template-columns:1fr}.notebook-heading h2{font-size:1.375rem}.notebook-toolbar{gap:6px}.notebook-toolbar button,.notebook-import{font-size:.75rem;padding:8px 10px}.notebook-record th:first-child{width:37%}.notebook-record th,.notebook-record td{padding:8px 3px}}

.notebook-conditions{margin:16px 0}.notebook-conditions>summary{font-size:.8125rem;cursor:pointer;min-height:32px;line-height:2}.notebook-conditions[open]>summary{margin-bottom:10px}
@media(max-width:720px){.sidebar .notebook-nav{display:none}}

.notebook-status:focus{outline:none}

.notebook-analysis-link{display:inline-flex;align-items:center;min-height:42px;padding:8px 10px;font-size:.8125rem;color:#32664d}.notebook-record-actions{flex-wrap:wrap}