
:root{
  --bg:#f4f1ea;
  --bg-soft:#efe9dd;
  --panel:#fbfaf7;
  --panel-2:#f7f3eb;
  --text:#1e2c2c;
  --muted:#6f7e77;
  --green-900:#0f2f2a;
  --green-800:#174238;
  --green-700:#275849;
  --green-600:#3e6d59;
  --green-500:#58836a;
  --green-100:#dfe8e1;
  --tan-50:#f8f3e8;
  --tan-100:#efe3ca;
  --tan-200:#dfcba6;
  --tan-300:#c7aa7d;
  --brown-700:#6e5234;
  --brown-600:#8b6945;
  --brown-500:#a37d52;
  --line:#d9d4c8;
  --line-soft:#e8e3d8;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);
  background:var(--bg);
  font-synthesis:none
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#f1ece2 0,#f7f5f0 180px,var(--bg) 181px)}
.top{height:60px;background:linear-gradient(90deg,#0e302a,#163b33 70%,#143830);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:20;border-bottom:1px solid #30463f;box-shadow:0 1px 0 rgba(0,0,0,.15)}
.identity{display:flex;align-items:center;gap:10px}.brandmark{font-size:27px;font-weight:850;letter-spacing:-4px;background:#e4e2d8;color:#17372f;width:38px;height:38px;border-radius:8px;text-align:center;line-height:35px;padding-right:4px;border:1px solid #cfb98d}.brandmark span{color:#8d6a44}.identity strong{font-size:12px;letter-spacing:2px}.identity i{font-style:normal;color:#c2d7ce}.identity small{display:block;color:#adc0b9;font-size:10px;margin-top:3px;letter-spacing:.35px}.right{display:flex;align-items:center;gap:8px;font-size:11px;color:#ced8d1}.dot{background:#98d4a8;height:7px;width:7px;border-radius:50%}.header-tag{font-size:10px;border:1px solid #577167;padding:7px 10px;border-radius:5px;margin-left:14px;letter-spacing:1px;color:#ece8de;background:rgba(255,255,255,.03)}
.authbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 18px;background:#e4e8e1;border-bottom:1px solid #c9d0c8}.authbar label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#3d534d}.authbar input{min-width:200px;padding:8px 10px;border:1px solid #b7c2b9;border-radius:5px;background:#fff}.authbar button,.savedcontrols button{cursor:pointer}
.layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 60px)}
.sidebar{background:#edf0ea;border-right:1px solid #d8ddd3;padding:18px 14px;position:relative}.sidebar-title{font-size:10px;letter-spacing:2px;color:#798a83;font-weight:800;margin:10px 10px 12px}.sidebar-title.extra{margin-top:22px}.nav{display:block;padding:10px 11px;text-decoration:none;color:#51665e;font-weight:650;font-size:12px;border-radius:7px;margin-bottom:4px;border:1px solid transparent}.nav span{margin-right:10px}.nav.active{background:#dde6de;color:#214f3f;border-color:#c7d4ca}.step{display:flex;gap:10px;padding:8px 9px;align-items:flex-start}.step b{font-size:10px;border:1px solid #cfb98d;background:var(--tan-50);border-radius:5px;padding:5px 6px;color:var(--brown-700);min-width:28px;text-align:center}.step strong,.step small{display:block}.step strong{font-size:11px;color:#2b3d39}.step small{font-size:10px;color:#7b8a83;margin-top:3px;line-height:1.45}.aside-bottom{margin-top:28px}.note{display:flex;gap:9px;background:linear-gradient(180deg,#fcf6e7,#f8edd8);border:1px solid #e4cf9c;border-radius:8px;padding:12px}.note strong{font-size:11px;color:var(--brown-700)}.note p{font-size:10px;line-height:1.5;margin:5px 0 0;color:var(--brown-600)}.muted{font-size:10px;color:#85948b;margin:14px 8px;line-height:1.6}
.content{padding:20px 22px 20px;max-width:1600px;width:100%;margin:auto}.breadcrumbs{letter-spacing:1.3px;font-size:10px;font-weight:800;color:#6a8578}.breadcrumbs span{padding:0 10px;color:#9dae9f}.pagehead{display:flex;align-items:end;justify-content:space-between;margin:18px 0 16px;gap:14px}.eyebrow,.section-number{font-size:10px;letter-spacing:1.6px;font-weight:850;color:var(--green-600)}.pagehead h1{font-size:clamp(26px,3vw,38px);letter-spacing:-1.5px;margin:8px 0 6px;font-weight:780;line-height:1.05}.pagehead h1 span{color:var(--brown-500)}.pagehead p,.panel-head p{color:var(--muted);font-size:12px;line-height:1.45;margin:0}.version{border:1px solid #d2c6b5;background:linear-gradient(180deg,var(--panel),#f5efe4);padding:9px 12px;border-radius:7px;font-size:10px;white-space:nowrap;color:#7e7a70;letter-spacing:1px;box-shadow:0 1px 2px rgba(46,41,35,.05)}.version strong{color:var(--brown-700);display:block;margin-top:4px;font-size:12px}
.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.metric{border:1px solid #ddd7cb;background:linear-gradient(180deg,#fff,#f8f5ef);border-radius:9px;padding:14px 16px;box-shadow:0 2px 6px rgba(70,61,44,.04)}.metric small,.metric strong,.metric span{display:block}.metric small{color:#7b8175;font-size:10px;letter-spacing:1.1px;font-weight:800}.metric strong{font-size:22px;letter-spacing:-.5px;margin:7px 0 1px;color:var(--green-700)}.metric span{font-size:11px;color:#7d8b83}
.panel{background:var(--panel);border:1px solid #ddd8cf;border-radius:10px;margin-bottom:14px;overflow:hidden;box-shadow:0 1px 4px rgba(53,46,37,.05)}.panel-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px 14px}.panel-head h2{font-size:17px;letter-spacing:-.2px;margin:6px 0 5px}.required{font-size:10px;color:#7a6649;background:#f2e7d1;border:1px solid #dcc5a0;border-radius:5px;white-space:nowrap;padding:7px 9px;letter-spacing:.4px;font-weight:800}.tabs{border-bottom:1px solid var(--line-soft);padding:0 18px;display:flex;gap:18px;background:#fbfaf8}.tab{border:0;background:transparent;color:#73857d;padding:11px 2px;font-weight:700;font-size:12px;cursor:pointer}.tab.selected{color:#295942;border-bottom:2px solid var(--brown-500)}
.form-area{padding:16px 18px 14px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-size:11px;font-weight:700;color:#41554f}label small{font-size:10px;color:#90a099;margin-left:6px}input:not([type=file]),textarea{width:100%;display:block;border:1px solid #d5d1c7;border-radius:6px;padding:10px 11px;background:#fffffe;margin-top:7px;color:#253c30;font:inherit;font-size:12px;outline:none}input:focus,textarea:focus{border-color:#aa885c;box-shadow:0 0 0 3px rgba(170,136,92,.14)}textarea{margin-top:8px;resize:vertical;min-height:112px}label:has(textarea){margin-top:15px}.example{display:flex;justify-content:space-between;margin-top:10px;align-items:center}.example span{font-size:10px;color:#8f988d;letter-spacing:1px;font-weight:800}.example button,.callout button{border:none;background:none;color:var(--brown-600);cursor:pointer;font-size:11px;font-weight:750}
.panel-foot{border-top:1px solid var(--line-soft);padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fcfbf8}.limit{font-size:11px;color:#7f8b82}.limit span{font-size:15px;margin-right:5px}.primary{border:1px solid #6e553c;background:linear-gradient(180deg,#285f46,#1f4f3a);color:#fff;border-radius:6px;font-size:12px;font-weight:700;padding:11px 15px;cursor:pointer}.primary span{margin-left:14px}.primary:hover{background:linear-gradient(180deg,#22543e,#194130)}.primary:disabled{opacity:.55;cursor:wait}#message{padding:0 18px;font-size:12px;color:#9a4431}#message:not(:empty){padding-bottom:12px}
.results .panel-head{border-bottom:1px solid var(--line-soft)}.secondary{background:linear-gradient(180deg,#f6f1e7,#efe6d6);border:1px solid #d9c4a3;color:#6e573c;font-size:12px;border-radius:6px;padding:9px 12px;cursor:pointer}.secondary:hover{background:linear-gradient(180deg,#f4ead8,#e9ddc7)}.secondary:disabled{opacity:.5;cursor:not-allowed}
#emptyState{text-align:center;padding:26px 18px 30px}.emptyicon{border-radius:50%;background:#f4ecdd;color:var(--brown-500);width:48px;height:48px;line-height:48px;font-size:32px;margin:0 auto 11px}#emptyState h3{margin:0;font-size:14px}#emptyState p{font-size:12px;color:#8b948d;margin:8px 0 0}.hidden{display:none!important}
.drop{text-align:center;border:1px dashed #c8b082;border-radius:9px;padding:22px;background:linear-gradient(180deg,#fcfaf4,#f7f1e6)}.uploadIcon{color:var(--brown-500);font-size:28px}.drop strong{display:block;font-size:13px;margin-top:4px}.drop p{font-size:11px;color:#8c958f}.uploadBtn{display:inline-block;background:#efe4d2;border:1px solid #dac19a;padding:9px 12px;border-radius:6px;color:#6a5439;cursor:pointer}.drop small{display:block;margin-top:12px;color:#919b92}
.callout{margin-top:12px;background:#f5f4ef;border:1px solid #e5dfd1;padding:12px;border-radius:7px;color:#64796c;font-size:12px}.callout p{font-size:11px;line-height:1.55}.callout code{color:#6f5637;background:#f2ebdf;padding:1px 4px;border-radius:4px}.preview{margin-top:14px}.table-scroll{overflow:auto;max-height:320px;margin:10px 0}
table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}th{background:linear-gradient(180deg,#f2ecdf,#ece3d3);color:#5b694f;text-align:left;font-size:10px;letter-spacing:.2px;text-transform:uppercase}th,td{border-bottom:1px solid #e5e0d5;padding:9px 11px;max-width:360px;overflow:hidden;text-overflow:ellipsis;vertical-align:top}tbody tr{cursor:pointer}tbody tr:hover,tbody tr.chosen{background:#eef3ed}.resultSummary{display:flex;justify-content:space-between;padding:12px 18px;font-size:12px;color:#5a7a65;background:#fbfaf7}.results .table-scroll{margin:0 18px 14px}.detail-heading{padding:12px 18px;border-top:1px solid #ece5d9;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;background:#faf9f6}.detail-heading input{max-width:220px;margin:0}.detailgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 18px 18px;max-height:560px;overflow-y:auto}.field{background:linear-gradient(180deg,#faf9f6,#f5f3ed);border:1px solid #e5dfd4;padding:9px 11px;border-radius:6px;min-width:0}.field small{display:block;font-size:10px;color:#7f8d83;margin-bottom:6px;overflow-wrap:anywhere;text-transform:uppercase;letter-spacing:.25px}.field div{font-size:12px;color:#223d31;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.35}
.savedcontrols{display:flex;gap:8px;flex-wrap:wrap;margin:0 18px 10px}.savedcontrols button{padding:8px 10px}.savedcontrols button:disabled{opacity:.5;cursor:not-allowed}#savedTable td,#savedTable th{padding:9px 10px;text-align:left}#savedTable button{margin-right:6px}#saveStatus{margin:0 18px 12px;font-size:12px;color:#6a7c73}#authStatus{font-size:12px;color:#506660}#savedRecords{scroll-margin-top:20px}footer{font-size:10px;color:#959f97;text-align:center;padding:4px 0 18px}footer span{padding:0 8px}
@media(max-width:940px){.layout{grid-template-columns:1fr}.sidebar{display:none}.content{padding:16px}.top{padding:0 14px}.right{font-size:0}.header-tag{font-size:10px}.summary{gap:8px}.metric{padding:12px}.pagehead{margin:14px 0 12px}}
@media(max-width:580px){.two,.summary,.detailgrid{grid-template-columns:1fr}.pagehead{align-items:start}.version{display:none}.panel-head,.form-area,.panel-foot{padding-left:14px;padding-right:14px}.panel-head{align-items:start}.required{display:none}.tabs{padding-left:14px}.panel-foot{align-items:stretch;flex-direction:column}.example{gap:10px}.detail-heading{padding:12px 14px}.detailgrid{padding:0 14px 14px}.authbar{padding:8px 12px}.authbar input{min-width:160px}}

/* Compact scientific interpretation inspector: grouped aliases from field-display.json */
.detail-heading{align-items:center}.detail-heading>div{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;min-width:0}.detail-heading strong{font-size:14px;line-height:1.4}.principal-indicator{font-size:11px;color:var(--brown-700);font-weight:700;background:var(--tan-50);border:1px solid var(--tan-200);border-radius:5px;padding:4px 7px}
.category-tabs{display:flex;flex-wrap:wrap;gap:5px;padding:8px 18px 10px;background:#fbfaf7;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.category-tab{font:inherit;font-size:11px;font-weight:750;padding:7px 11px;color:#5a715f;border:1px solid #d5ddd2;border-radius:5px;background:#f4f6f0;cursor:pointer}
.category-tab:hover{border-color:#b89c71;color:#675033}.category-tab.selected{background:#70543a;color:#fff;border-color:#70543a}
.grouped-details{padding:8px 18px 14px;max-height:690px;overflow-y:auto;scrollbar-color:#b6a992 #efe9de;scrollbar-width:thin}
.attribute-group{margin:0 0 10px;border:1px solid #dfd8ca;border-radius:6px;overflow:hidden;background:#fdfbf7}
.attribute-group h3{margin:0;background:linear-gradient(90deg,#e8dbc5,#eee8dd);border-bottom:1px solid #d9cbb5;color:#5f4a32;font-size:11px;font-weight:850;letter-spacing:.5px;padding:8px 11px;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between}
.attribute-group h3 span{font-weight:600;color:#8a7454;font-size:10px}
.attribute-rows{display:grid;grid-template-columns:1fr 1fr}
.attribute-row{display:grid;grid-template-columns:minmax(135px,43%) minmax(0,1fr);border-bottom:1px solid #e9e5da;min-width:0}
.attribute-row:nth-child(odd){border-right:1px solid #e9e5da}
.attribute-row:last-child,.attribute-row:nth-last-child(2):nth-child(odd){border-bottom:0}
.attribute-name,.attribute-value{font-size:11px;line-height:1.45;padding:7px 9px;overflow-wrap:anywhere;white-space:pre-wrap}
.attribute-name{font-weight:700;background:#f7f5ef;color:#526b58;border-right:1px solid #ece6d9}.attribute-value{color:#21372c;background:#fffefa}
.no-fields{font-size:12px;color:#7a8c7d;padding:18px}
@media(max-width:1050px){.attribute-rows{grid-template-columns:1fr}.attribute-row:nth-child(odd){border-right:0}.attribute-row:nth-last-child(2):nth-child(odd){border-bottom:1px solid #e9e5da}}
@media(max-width:580px){.category-tabs{padding:8px 14px}.grouped-details{padding:8px 12px 12px}.attribute-row{grid-template-columns:minmax(110px,43%) minmax(0,1fr)}.attribute-name,.attribute-value{padding:7px}}
