.transect-lab{margin:14px 0;padding:12px;border:1px solid rgba(250,207,128,.25);border-radius:12px;background:rgba(16,30,43,.65);font-size:.82rem}
.transect-lab h4{margin:0 0 8px;color:#f8d6a0;letter-spacing:.06em;font-size:.8rem}
.transect-lab p{line-height:1.45;color:#aebfce;margin:6px 0 10px}
.transect-actions,.transect-list{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0}
.transect-actions button,.transect-list button,.transect-lab>button{min-height:34px;padding:5px 9px;border:1px solid rgba(190,212,232,.25);border-radius:7px;background:#183044;color:#dcebf7;cursor:pointer}
.transect-list button[aria-pressed=true]{border-color:#ffd17d;color:#ffe3a7}
.transect-config{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:9px 0}
.transect-config[hidden]{display:none}
.transect-config label{display:flex;flex-direction:column;gap:3px;min-width:0;color:#c6d6e5}
.transect-config label:first-child{grid-column:1/-1;flex-direction:row;align-items:center}
.transect-config input[type=range]{width:100%;min-width:0}
.transect-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0}
.transect-metrics>div{padding:8px;border:1px solid rgba(160,190,210,.14);border-radius:7px;min-width:0}
.transect-metrics span{display:block;font-size:.7rem;color:#b5c7d5}
.transect-metrics b{display:block;font-size:1rem;overflow-wrap:anywhere;color:#f5e0b4}
#transect-chart{width:100%;height:110px;display:block}
#transect-origins{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0;color:#c7d8e4}
#transect-origins>div{padding:3px 6px;background:rgba(130,170,200,.12);border-radius:5px}
@media(max-width:420px){.transect-lab{padding:9px}.transect-config{gap:5px}.transect-metrics{gap:5px}}