/* Facility details: observation first, provenance and units second. */
#sample-dialog{padding:24px}
#sample-dialog .dialog-top{margin-bottom:12px;gap:16px}
#sample-dialog .dialog-top .eyebrow{font-size:.6875rem;letter-spacing:1.3px;margin-bottom:5px}
#sample-dialog #sample-title{font-size:1.5rem;font-weight:600;line-height:1.35}
#sample-dialog .close-dialog{width:44px;height:44px}
#sample-dialog .sample-favorite-actions{margin:0 0 8px}
#sample-dialog .favorite-save{font-size:.875rem;min-height:40px;padding:7px 10px}
#sample-dialog .sample-highlight{padding:10px 0 16px;margin-bottom:14px;gap:16px}
#sample-dialog .sample-highlight>div>span{font-size:.8125rem;line-height:1.5;margin-bottom:3px}
#sample-dialog .sample-highlight strong{font-size:2rem;font-weight:600;line-height:1.25}
#sample-dialog .sample-highlight strong small{font-size:.75rem;font-weight:400;line-height:1.5}
#sample-dialog .sample-highlight time{font-variant-numeric:tabular-nums}
#sample-dialog .sample-date-label{display:block;font-size:.75rem;line-height:1.5;margin:0 0 3px;color:#687d70}
#sample-dialog .sample-date-value{display:block;font-size:.8125rem;font-weight:500;line-height:1.5;margin:0;color:#42624e}
#sample-dialog .sample-coordinate{padding:12px 14px;margin-bottom:12px;font-size:.78125rem;line-height:1.65}
#sample-dialog .sample-coordinate strong{font-size:.8125rem;font-weight:600;line-height:1.5}
#sample-dialog .sample-coordinate p{margin:4px 0 6px}
#sample-dialog .sample-coordinate-details{font-size:.71875rem;line-height:1.6;overflow-wrap:anywhere}
#sample-dialog .sample-raw-meta,#sample-dialog .sample-warning{font-size:.8125rem;line-height:1.65;padding:10px 12px;margin:0 0 12px}
#sample-dialog .sample-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;padding:14px 16px;margin-bottom:16px;line-height:1.5}
#sample-dialog .sample-meta small{font-size:.75rem;font-weight:400;line-height:1.5;margin-bottom:3px}
#sample-dialog .sample-meta-value{font-size:.875rem;font-weight:500;line-height:1.55;font-variant-numeric:tabular-nums}
#sample-dialog .sample-meta-secondary .sample-meta-value{font-size:.8125rem;font-weight:400;color:#62776a}
#sample-dialog .sample-parameter-title{font-size:1rem;font-weight:600;line-height:1.45;margin:20px 0 6px;color:#355c44}
#sample-dialog .sample-parameters{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}
#sample-dialog .sample-param{display:grid;grid-template-rows:auto 1fr;padding:10px 0;gap:3px;align-items:start;line-height:1.5;min-width:0}
#sample-dialog .sample-param>span:first-child{font-size:.8125rem;font-weight:400;color:#536c4c;min-width:0;max-width:none}
#sample-dialog .sample-param>span:last-child{font-size:1rem;font-weight:600;color:#254c3a;min-width:0;overflow-wrap:anywhere;text-align:left;align-self:end}
#sample-dialog .sample-param small{font-size:.71875rem;font-weight:400;line-height:1.5;color:#6a7c70;margin-top:2px}
#sample-dialog .sample-param .sample-param-unit{display:inline;margin-left:4px;white-space:nowrap}
#sample-dialog .sample-param .sample-param-note{display:block;margin-left:0}
#sample-dialog .sample-param>span.sample-value-missing{font-size:.8125rem;font-weight:400;color:#718074}
#sample-dialog .sample-param.review>span:last-child{color:#946d30}
#sample-dialog .sample-history-records{margin:10px 0 20px}
#sample-dialog .sample-history-records summary{font-size:.8125rem;font-weight:500;line-height:1.6;padding:8px 0}
#sample-dialog .sample-history-hint{font-size:.75rem;font-weight:400;color:#6a7c70}
#sample-dialog .sample-history-table>button{min-height:44px;padding:8px 10px;gap:10px}
#sample-dialog .sample-history-table>button{grid-template-columns:minmax(120px,1fr) minmax(60px,.55fr) minmax(110px,1.7fr) 16px}
#sample-dialog .sample-history-table time{font-size:.8125rem;font-weight:400;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#sample-dialog .sample-history-table strong{font-size:.9375rem;font-weight:600;overflow-wrap:anywhere}
#sample-dialog .sample-history-table span{font-size:.71875rem;font-weight:400}
#sample-dialog .sample-source{font-size:.75rem;line-height:1.7;margin-top:18px}
#sample-dialog .sample-observations{padding:12px;margin:16px 0}
#sample-dialog .sample-observations summary{font-size:.8125rem;line-height:1.6}
#sample-dialog #sample-title:focus{outline:none}
#sample-dialog .sample-loading{padding:20px 0 30px;color:#62776a;font-size:.875rem;line-height:1.6}
#sample-dialog .sample-load-error{font-size:.875rem;line-height:1.6;color:#946d30}
#sample-dialog .sample-retry{padding:8px 12px;border:1px solid #c9d8c4;border-radius:5px;font-size:.875rem;min-height:44px}
#toast[popover]{inset:auto auto 26px 50%;margin:0;width:max-content;max-width:calc(100vw - 40px)}
html{scrollbar-gutter:stable}
html:has(dialog[open]),body:has(dialog[open]){overflow:hidden}
dialog{overscroll-behavior:contain}
@media(max-width:720px){
 #sample-dialog{padding:18px}
 #sample-dialog #sample-title{font-size:1.375rem}
 #sample-dialog .favorite-save{min-height:44px}
 #sample-dialog .sample-highlight{flex-direction:row;align-items:flex-end;gap:12px}
 #sample-dialog .sample-highlight time{text-align:right;flex-shrink:1;max-width:42%}
 #sample-dialog .sample-meta{padding:12px;gap:10px 12px}
 #sample-dialog .sample-coordinate{padding:10px 12px}
 #sample-dialog .sample-parameters{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}
 #sample-dialog .sample-history-table>button{grid-template-columns:minmax(84px,1fr) minmax(36px,.5fr) minmax(65px,1fr) 12px;padding:8px 4px;gap:6px}
}
@media(max-width:359px){#sample-dialog .sample-parameters{grid-template-columns:minmax(0,1fr)}}

#sample-dialog .sample-history-table .sample-history-unit{text-align:left;overflow-wrap:anywhere}
#sample-dialog .sample-history-table .sample-history-arrow{text-align:right;color:#718477}

.history-chart .chart-tooltip{max-width:100%;font-size:12px;line-height:1.5;white-space:normal;box-shadow:0 4px 14px #163f3520}
.history-chart [data-chart-label] circle[role=button]{cursor:crosshair}
.about-methods{display:block;margin:14px 0;padding:14px 16px;border-radius:7px;background:#edf3e7;font-size:14px;font-weight:600}
