:root{font-family:"DM Sans",sans-serif;color:#183129;background:#f7f8f5;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;height:100%;min-height:100%;}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #79a88b;outline-offset:2px}.app-shell{height:100vh;min-height:620px;display:flex;flex-direction:column}.topbar{height:72px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;background:#102820;color:#fff;padding:0 26px;border-bottom:1px solid #315045}.brand{display:flex;gap:12px;align-items:center}.brand-mark{height:35px;width:35px;position:relative;transform:rotate(-18deg)}.brand-mark span{position:absolute;left:4px;right:4px;height:10px;background:#b9c9a0;transform:skewY(-18deg);border-radius:2px}.brand-mark span:nth-child(1){top:3px}.brand-mark span:nth-child(2){top:13px;background:#8aa48d}.brand-mark span:nth-child(3){top:23px;background:#547e6b}.brand strong{font:700 21px "Space Grotesk",sans-serif;letter-spacing:2px}.brand small{display:block;color:#a5b9ad;font-size:9px;letter-spacing:2.1px;margin-top:2px}.topbar-right{display:flex;align-items:center;gap:25px}.topbar-tag{color:#9cb1a6;letter-spacing:2px;font-size:10px;font-weight:700}.status-pill{font-size:12px;color:#d7e5d8;display:flex;align-items:center;gap:8px}.status-pill i{display:block;width:7px;height:7px;border-radius:50%;background:#ecc176}.status-pill.ready i{background:#7dc8a2}.status-pill.error i{background:#db897b}.workspace{display:grid;grid-template-columns:310px minmax(0,1fr) 342px;flex:1;min-height:0}.sidebar{background:#fff;border-right:1px solid #dfe7df;overflow-y:auto;padding:29px 23px 20px;display:flex;flex-direction:column;gap:0}.eyebrow{color:#7c987c;font-size:10px;font-weight:800;letter-spacing:2px}.sidebar-head h1{font:700 30px/1.16 "Space Grotesk",sans-serif;letter-spacing:-1.15px;margin:16px 0 12px}.sidebar-head h1 em{color:#759a7d;font-weight:500;font-style:normal}.sidebar-head p{color:#798880;font-size:12px;line-height:1.8;margin:0 0 26px}.search-box label,.section-head,.data-head{font-size:10px;font-weight:800;letter-spacing:1.7px;color:#637c69}.search-input{margin:11px 0 6px;display:flex;align-items:center;border:1px solid #dce5dd;border-radius:8px;padding:0 12px;background:#fafbf9}.search-input svg{height:16px;width:16px;fill:none;stroke:#78917e;stroke-width:2}.search-input input{border:0;background:none;outline:0;width:100%;padding:13px 9px;color:#244235;font-size:12px}.search-input:focus-within{border-color:#7aa389}.search-results{max-height:210px;overflow:auto}.search-hit{width:100%;text-align:left;background:#f5f8f4;border:0;border-bottom:1px solid white;padding:9px 11px;font-size:12px;color:#254235}.search-hit:hover{background:#e9f0e9}.search-hit small{display:block;font-size:10px;color:#708779;margin-top:3px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:28px 0 12px}.mini-dot{width:6px;height:6px;background:#8caa93;border-radius:50%}.layer-card{border:1px solid #e0e8df;border-radius:10px;padding:14px}.layer-title,.opacity-row,.toggle-row{display:flex;align-items:center;justify-content:space-between}.toggle-row{gap:10px;cursor:pointer}.toggle-row input{position:absolute;opacity:0}.switch{width:31px;height:19px;border-radius:20px;background:#b8c5bc;position:relative;flex-shrink:0}.switch:after{content:"";position:absolute;background:#fff;top:3px;left:3px;width:13px;height:13px;border-radius:50%;transition:transform .2s}.toggle-row input:checked+.switch{background:#3f785a}.toggle-row input:checked+.switch:after{transform:translateX(12px)}.toggle-row strong{display:block;font-size:12px}.toggle-row small{display:block;color:#8b9c91;font-size:10px;margin-top:3px}.layer-icon{color:#82a18b}.opacity-row{margin-top:21px;font-size:11px;color:#819287}.opacity-row span{font-weight:700;color:#476553}input[type=range]{width:100%;accent-color:#4c8061;margin:10px 0}.layer-legend{font-size:10px;color:#87978e;line-height:1.5;display:flex;gap:7px;align-items:start;margin-top:10px}.legend-swatch{background:linear-gradient(135deg,#e4bd7c,#a3b9a6,#a698b8);width:10px;height:10px;border-radius:2px;flex-shrink:0;margin-top:2px}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.location-grid button{background:#f8faf7;border:1px solid #e2e9e1;border-radius:6px;text-align:left;color:#3a5543;padding:13px 10px;font-size:11px;display:flex;justify-content:space-between}.location-grid button:hover{background:#e9f1e9}.location-grid span{color:#93a799}.sidebar-bottom{margin-top:auto;padding-top:27px}.data-head{display:flex;justify-content:space-between}.data-head span{color:#8fab92}.data-stats{display:flex;gap:12px;margin-top:15px}.data-stats>div{background:#f5f8f4;flex:1;border-radius:7px;padding:13px}.data-stats b{display:block;font:700 19px "Space Grotesk",sans-serif}.data-stats span{color:#87998a;font-size:10px}.join-summary{margin-top:13px;color:#738579;font-size:11px;line-height:1.5}.source-note{border-top:1px solid #ecf0eb;margin:18px 0 0;padding-top:14px;color:#98a89c;font-size:10px;line-height:1.8}.source-note code{overflow-wrap:anywhere;color:#50725b}.map-area{position:relative;min-width:0;background:#dde5d9}.map-area #map{position:absolute;inset:0}.map-overline{position:absolute;top:20px;left:20px;pointer-events:none;background:rgba(255,255,255,.95);border:1px solid #e2eae0;border-radius:5px;padding:12px 15px;color:#45634f;font-size:9px;font-weight:800;letter-spacing:1.2px;box-shadow:0 4px 20px #234b2812}.map-indicator{color:#7aa987}.map-overline-divider{margin:0 10px;color:#bbcabe}.map-tools{position:absolute;right:22px;top:22px;display:flex;gap:7px}.map-tools button{border:1px solid #dfe8de;border-radius:6px;background:#fff;color:#2b4937;font-size:22px;width:40px;height:40px;box-shadow:0 4px 12px #0001}.map-tools button:hover{background:#f1f6ee}.map-footer{position:absolute;bottom:18px;left:20px;right:20px;display:flex;justify-content:space-between;gap:10px;pointer-events:none}.map-footer span{background:#fffc;padding:8px 10px;border:1px solid #e5e9e3;border-radius:4px;color:#55715f;font-size:10px;letter-spacing:.5px}.map-message{position:absolute;bottom:65px;left:20px;right:20px;background:#fff9eb;border:1px solid #ebd8a9;color:#805a2c;font-size:12px;line-height:1.6;padding:15px;border-radius:8px}.details{background:#fff;border-left:1px solid #dfe7df;display:flex;flex-direction:column;min-height:0}.details-heading{padding:28px 22px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0ec}.details-heading button{background:none;border:0;font-size:26px;color:#9bac9f}.details-content{overflow-y:auto;flex:1;padding:23px}.empty-detail{text-align:center;padding:68px 8px}.detail-orbit{height:93px;width:93px;border-radius:50%;border:1px solid #d9e7d9;display:flex;align-items:center;justify-content:center;margin:0 auto 26px;font-size:62px;font-weight:300;color:#8dab94;position:relative}.detail-orbit span{position:absolute;top:3px;right:9px;font-size:19px;color:#b6c9b7}.empty-detail h2{font:600 25px/1.25 "Space Grotesk",sans-serif;letter-spacing:-.5px}.empty-detail p{color:#8a9a90;line-height:1.8;font-size:12px}.empty-hint{background:#f3f8f3;color:#77967e;font-size:11px;border-radius:7px;padding:13px;margin-top:28px}.detail-color{height:8px;border-radius:5px;margin-bottom:20px;background:#93a68f}.detail-unit{font:700 34px "Space Grotesk",sans-serif;letter-spacing:-1px;margin:4px 0}.detail-name{font:600 17px/1.45 "Space Grotesk",sans-serif;margin:6px 0 8px}.detail-sub{font-size:12px;color:#7c8d80;line-height:1.6}.detail-divider{border:0;border-top:1px solid #e6ece5;margin:24px 0}.detail-section-title{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#719079;margin-bottom:14px}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:9px 0;border-bottom:1px solid #f0f3ef}.detail-row dt{color:#839589;font-size:11px;max-width:47%;overflow-wrap:anywhere}.detail-row dd{color:#2b4735;margin:0;text-align:right;font-size:11px;font-weight:600;max-width:55%;overflow-wrap:anywhere}.detail-warning{border:1px solid #ead8b1;background:#fffaf0;border-radius:6px;color:#876a35;padding:10px;font-size:11px;margin-top:14px}.detail-tabbar{display:flex;gap:4px;overflow-x:auto}.detail-tabbar button{border:0;border-bottom:2px solid transparent;background:transparent;padding:10px 11px;font-size:11px;color:#849486;white-space:nowrap}.detail-tabbar button.active{color:#326e4a;border-bottom-color:#326e4a;font-weight:700}.maplibregl-control-container{font-family:"DM Sans",sans-serif}.maplibregl-ctrl-bottom-right{bottom:38px!important}@media(max-width:1100px){.workspace{grid-template-columns:260px minmax(0,1fr) 285px}.sidebar{padding:23px 17px}.details-content{padding:17px}.sidebar-head h1{font-size:26px}.map-overline{font-size:8px;max-width:calc(100% - 130px)}}@media(max-width:780px){.app-shell{min-height:100vh;height:auto}.topbar{height:65px}.topbar-tag{display:none}.workspace{display:flex;flex-direction:column;min-height:0}.sidebar{order:2;overflow:visible}.map-area{order:1;height:56vh;min-height:340px;flex-shrink:0}.details{order:3;min-height:340px}.empty-detail{padding:28px 15px}.sidebar-bottom{margin-top:14px}.map-overline{max-width:calc(100% - 115px);line-height:1.5;padding:9px}.location-grid{grid-template-columns:repeat(4,1fr)}.location-grid button{font-size:10px;padding:9px}.location-grid span{display:none}}@media(max-width:480px){.location-grid{grid-template-columns:1fr 1fr}.brand small{font-size:8px}.map-overline-divider{display:none}}

/* Principal material classification legend */
.legend-intro{font-size:10px;line-height:1.65;color:#647769;margin-bottom:9px}
.material-legend{border:1px solid #e0e8df;border-radius:10px;padding:8px 13px 11px;background:#fcfdfa}
.legend-group{padding:7px 0 9px;border-bottom:1px solid #ebf0e9}
.legend-group:last-of-type{border-bottom:0}
.legend-group h3{font-size:10px;font-weight:800;color:#325842;margin:4px 0 7px;letter-spacing:.3px}
.material-legend-row{display:flex;align-items:center;gap:9px;padding:3px 0;font-size:11px;color:#354e3c}
.material-swatch{width:15px;height:15px;border-radius:3px;border:1px solid #0002;flex:none}
.material-legend-row small{margin-left:auto;color:#87978a;font-size:10px;font-variant-numeric:tabular-nums}
.legend-unmatched{border-top:1px dashed #dae5d8;padding-top:11px;margin-top:4px;font-size:10px}
.detail-material-code{display:inline-block;margin:8px 0;padding:6px 9px;border-radius:5px;background:#edf3ed;color:#34563c;font-size:11px;font-weight:800}

/* Scientific research showcase */
.science-nav{border:1px solid #75948380;border-radius:6px;padding:10px 12px;background:transparent;color:#e1eadd;font-size:10px;font-weight:800;letter-spacing:1px}.science-nav:hover{background:#345a47}.science-nav span{margin-left:6px}.science-teaser{border:1px solid #d1e5d5;background:linear-gradient(145deg,#f3f9f2,#e5f0e4);border-radius:10px;padding:17px 15px;margin-bottom:3px}.science-teaser-kicker{font-size:9px;letter-spacing:1.1px;font-weight:800;color:#4f795b;margin-bottom:8px}.science-teaser strong{font:700 15px/1.4 "Space Grotesk",sans-serif;color:#1f4831;display:block}.science-teaser p{font-size:11px;line-height:1.65;color:#68826d;margin:9px 0}.science-teaser button{font-size:11px;border:0;background:transparent;color:#286e42;padding:4px 0;font-weight:800}.science-overlay[hidden]{display:none}.science-overlay{position:fixed;inset:0;background:#091b15bd;z-index:200;display:flex;justify-content:flex-end}.science-sheet{background:#fff;width:min(780px,100vw);height:100%;overflow-y:auto;box-shadow:-25px 0 90px #0004}.science-sheet-header{position:sticky;top:0;z-index:2;background:#102820;color:#fff;padding:27px 36px;display:flex;justify-content:space-between;gap:25px;align-items:center}.science-sheet-header h2{font:700 28px "Space Grotesk",sans-serif;margin:8px 0 0}.science-sheet-header h2 span{color:#aec6a6;font-size:15px}.science-sheet-header button{background:transparent;border:1px solid #90aa99;border-radius:50%;height:42px;width:42px;color:white;font-size:28px}.science-body{padding:36px;max-width:820px}.science-lede{font-size:19px;line-height:1.65;color:#395745;margin-top:0}.science-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}.science-facts div{background:#edf4ed;border-radius:10px;padding:17px}.science-facts strong{display:block;font:700 29px "Space Grotesk",sans-serif;color:#2b6140}.science-facts span{display:block;font-size:11px;color:#66836a;line-height:1.5}.science-body h3{font:700 19px "Space Grotesk",sans-serif;margin:30px 0 12px;color:#234631}.science-body p{font-size:13px;line-height:1.85;color:#53695b}.science-steps{display:grid;gap:7px}.science-steps>div{display:grid;grid-template-columns:36px 160px 1fr;gap:12px;align-items:center;border:1px solid #e3ebe1;border-radius:7px;padding:14px}.science-steps b{color:#7ca68a;font-size:13px}.science-steps strong{font-size:12px;color:#2a5139}.science-steps span{font-size:12px;color:#697d6d;line-height:1.5}.science-bar{background:#e5e8e4;height:18px;overflow:hidden;border-radius:5px}.science-bar span{background:#4c9062;display:block;height:100%}.science-bar-label{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#53695b;margin-top:7px}.science-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:9px}.science-capabilities div{border:1px solid #e1e9e0;border-radius:8px;padding:14px}.science-capabilities strong{display:block;font-size:12px;color:#2b6042;margin-bottom:6px}.science-capabilities span{font-size:11px;line-height:1.6;color:#657b69}.science-caution{margin-top:30px;padding:18px;background:#fff8e9;border-left:4px solid #d8b36e}.science-caution strong{font-size:13px;color:#855f27}.science-caution p{margin-bottom:0}.science-attribution{padding-top:18px;border-top:1px solid #e8eee7;font-size:11px!important}body.science-open{overflow:hidden}@media(max-width:650px){.science-sheet-header{padding:22px}.science-body{padding:22px}.science-facts{grid-template-columns:1fr 1fr}.science-steps>div{grid-template-columns:25px 1fr}.science-steps span{grid-column:2}.science-capabilities{grid-template-columns:1fr}.science-nav{font-size:9px;padding:8px}.topbar{padding:0 12px}.topbar-right{gap:8px}}

/* Branding update: accommodate full project name in header */
.brand strong{font-size:17px;letter-spacing:0.8px}.brand small{letter-spacing:1.15px}@media(max-width:550px){.brand strong{font-size:13px;letter-spacing:0}.brand small{font-size:7px;letter-spacing:.6px}.brand-mark{height:29px;width:29px;flex-shrink:0}.science-nav{font-size:8px;padding:7px}.topbar-right{gap:6px}}

/* Keep the search input accessible without the visible sidebar heading. */
.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }

/* NCGM interface refinements — wider attributes / compact rows */
@media (min-width:1101px) {
  .workspace { grid-template-columns: 310px minmax(0,1fr) minmax(420px, 30vw); }
}
@media (min-width:781px) and (max-width:1100px) {
  .workspace { grid-template-columns: 245px minmax(0,1fr) 350px; }
}
.details-content { padding: 12px 18px; }
.details-heading { padding: 17px 18px 12px; }
.detail-row { gap:14px; padding:4px 0; line-height:1.28; }
.detail-row dt { font-size:10px; max-width:46%; }
.detail-row dd { font-size:10px; max-width:58%; line-height:1.28; }
.detail-divider { margin:12px 0; }
.detail-section-title { margin-bottom:8px; }
.detail-tabbar button { padding:7px 10px; }
.detail-color { margin-bottom:12px; }
.detail-unit { font-size:28px; }
.detail-name { font-size:15px; }
.detail-sub { font-size:11px; }
/* Native keyboard-accessible disclosure, initially collapsed. */
.science-teaser { padding:0; overflow:hidden; }
.science-teaser summary { padding:13px 15px; margin:0; cursor:pointer; display:flex; justify-content:space-between; align-items:center; list-style:none; }
.science-teaser summary::-webkit-details-marker { display:none; }
.science-teaser .science-teaser-body { padding:0 15px 15px; }
.science-teaser-chevron { transition:transform .18s ease; }
.science-teaser[open] .science-teaser-chevron { transform:rotate(180deg); }
.brand small { letter-spacing:0.9px; font-size:8px; }
@media (max-width:780px) { .details-content { padding:12px 15px; } }

/* Larger, keyboard-accessible disclosure target; still closed on initial load. */
.science-teaser summary {
  min-height: 60px;
  padding: 17px 18px;
  width: 100%;
  font-size: 11px;
  line-height: 1.4;
  gap: 10px;
  touch-action: manipulation;
}
.science-teaser summary:hover { background: rgba(255,255,255,.38); }
.science-teaser summary:focus-visible { outline: 3px solid #47775b; outline-offset:-3px; }
.science-teaser-chevron { font-size: 19px; flex-shrink:0; }
/* Hierarchy: small map-unit symbol, prominent complete geological name. */
.detail-unit { font: 700 13px/1.35 "Space Grotesk",sans-serif; letter-spacing: .6px; color:#668272; margin: 4px 0 4px; overflow-wrap:anywhere; }
.detail-name { font: 700 clamp(23px,2vw,30px)/1.19 "Space Grotesk",sans-serif; letter-spacing:-.6px; color:#183129; margin: 3px 0 13px; overflow-wrap:anywhere; }

/* Compact introduction + review disclosure */
.sidebar-head { margin-bottom: 13px; }
.sidebar-head h1 { margin-top: 0; margin-bottom: 8px; font-size: clamp(24px, 2vw, 30px); line-height: 1.14; }
.sidebar-head p { margin: 7px 0 0; line-height: 1.48; font-size: 11px; }
.sidebar-head .review-note { margin: 10px 0 0; color:#865b27; background:#fbf3df; border-left:3px solid #c5a062; padding:7px 8px; border-radius:2px 5px 5px 2px; font-size:10px; font-weight:700; line-height:1.35; }
/* The map status remains updated by JavaScript, but becomes an external link when connected */
.status-pill a { color:inherit; text-decoration:none; font-weight:700; }
.status-pill a:hover,.status-pill a:focus-visible { text-decoration:underline; text-underline-offset:3px; }

/* Permanent personal website link independent from tile-loading status updates. */
.header-website-link { color:#d7e5d8; font-size:12px; font-weight:700; text-decoration:none; white-space:nowrap; }
.header-website-link:hover,.header-website-link:focus-visible { color:#fff; text-decoration:underline; text-underline-offset:3px; }
.topbar-right { gap:16px; }
#status-pill { flex:0 0 auto; }
@media(max-width:780px) { .header-website-link { font-size:10px; } .topbar-right { gap:9px; } }

/* Muted burgundy attribute aliases; geological values remain unchanged. */
.detail-row dt { color:#946a78; }
/* Source geology reference remains clearly clickable. */
a.topbar-tag { text-decoration:none; white-space:nowrap; }
a.topbar-tag:hover, a.topbar-tag:focus-visible { color:#f1e3e8; text-decoration:underline; text-underline-offset:3px; }

/* Requested presentation adjustments */
.detail-row dt {font-weight:800; color:#946a78;}
.brand strong {font-size:clamp(11px,1.05vw,15px);letter-spacing:.02em;}
.review-note {display:block;width:100%;text-align:left;cursor:pointer;font:inherit;}
.review-note:hover,.review-note:focus-visible {outline:2px solid #c4a067;outline-offset:2px;}
.review-popover[hidden] {display:none!important;}
.review-popover {position:relative;margin:5px 0 10px;padding:10px 12px;border:1px solid #e7d6b0;border-radius:8px;background:#fffaf0;box-shadow:0 5px 18px #2b21151c;font-size:11px;line-height:1.5;color:#4b4031;z-index:3;}
.review-popover p {margin:0 0 7px;}
.review-popover button {border:0;background:transparent;color:#735027;padding:3px 0;font-size:11px;font-weight:800;}
.symbology-select {display:flex;flex-direction:column;gap:5px;padding:4px 0 8px;}
.symbology-select label {font-size:10px;font-weight:700;color:#506457;}
.symbology-select select {width:100%;max-width:100%;background:#fff;border:1px solid #d6e1d6;border-radius:7px;padding:8px 9px;color:#274335;font-size:12px;}

/* Precambrian map visibility control */
.precambrian-switch{display:flex;align-items:center;gap:9px;margin:10px 0 2px;font-size:12px;font-weight:650;color:var(--ink, #33463d);cursor:pointer}
.precambrian-switch input{width:16px;height:16px;accent-color:#54765c;cursor:pointer}
.precambrian-note{font-size:10px;line-height:1.4;opacity:.70;margin:0 0 8px}

/* USGS-inspired muted green attribute labels; compact attribute rows. */
.detail-row dt { color:#397451; font-weight:800; }
.detail-row {padding:2px 0; gap:10px; line-height:1.18;}
.detail-row dd {line-height:1.18;}
/* Extra explanatory text is hidden; controls/legend remain functional. */
.precambrian-note,.legend-intro:empty {display:none;}
/* Selectable ArcGIS imagery/hillshade and the two existing basemaps. */
.map-tools {align-items:center;}
.map-tools select {height:40px;min-width:118px;max-width:160px;background:#fff;border:1px solid #dfe8de;border-radius:6px;padding:0 8px;color:#2b4937;font-size:11px;font-weight:700;box-shadow:0 4px 12px #0001;cursor:pointer;}
.map-tools select:focus-visible {outline:3px solid #79a88b;outline-offset:2px;}
@media(max-width:480px){.map-tools select{min-width:94px;max-width:110px;font-size:10px}.map-tools{right:8px;top:8px;gap:4px}.map-tools button{width:34px;height:34px}}

/* Strong green attribute aliases (values retain their current colors). */
.detail-row dt { color: #008000; font-weight: 800; }

/* Detailed attribute tabs */
.detail-tabbar { overflow-x:auto; scrollbar-width:thin; }
.detail-tabbar button { flex:0 0 auto; }


/* Group-specific attribute alias colors, without changing attribute values. */
.detail-row dt { font-family:"DM Sans",sans-serif; font-size:11px; font-weight:500; color:#176e3d; }
#details-content[data-attribute-group="overview"] .detail-row dt { color:#176e3d; }
#details-content[data-attribute-group="geomaterials"] .detail-row dt { color:#26764b; }
#details-content[data-attribute-group="hydrology"] .detail-row dt { color:#246b91; }
#details-content[data-attribute-group="chemistry"] .detail-row dt { color:#88539b; }
#details-content[data-attribute-group="aggregates"] .detail-row dt { color:#99641e; }
#details-content[data-attribute-group="all-fields"] .detail-row dt { color:#256b55; }

/* Compact attribute rows: reset native <dl> block margins and balance vertical spacing. */
.detail-row { margin:0; padding:3px 0; min-height:0; align-items:flex-start; }
.detail-row dt, .detail-row dd { margin:0; padding:0; line-height:1.22; }

/* Attribute aliases: universal 10px light gray across all groups. */
#details-content .detail-row dt,
#details-content[data-attribute-group] .detail-row dt { font-size:10px; color:#9CA3AF; }

/* Requested attribute typography: aliases and values are both 13px. */
#details-content .detail-row dt,
#details-content[data-attribute-group] .detail-row dt,
#details-content .detail-row dd,
#details-content[data-attribute-group] .detail-row dd { font-size:13px; }

/* Header source links and readable attribute text */
.topbar-source-links{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;line-height:1.2}
.topbar-source-links a{text-decoration:none}
.topbar-source-links a:hover{text-decoration:underline}
.topbar-atlas-link{color:#c4d3c8;font-size:10px;font-weight:500;letter-spacing:.15px}
.topbar-source-links .topbar-tag{font-size:10px;letter-spacing:.8px}
/* Final attribute font size: change 11px here to adjust both labels and values. */
#details-content .detail-row dt,
#details-content[data-attribute-group] .detail-row dt,
#details-content .detail-row dd,
#details-content[data-attribute-group] .detail-row dd { font-size:11px; }
@media(max-width:780px){.topbar-source-links .topbar-tag{display:block}.topbar-source-links{gap:2px}.topbar-source-links a{font-size:9px}}

/* Header source links: requested site-specific colors */
.topbar-source-links .topbar-atlas-link{color:#ff9f35;}
.topbar-source-links .topbar-tag{color:#39e675;}
.topbar-source-links .topbar-atlas-link:hover{color:#ffc278;}
.topbar-source-links .topbar-tag:hover{color:#83ff9c;}

/* Attribute group tab labels: light burgundy; no changes to attribute rows. */
.detail-tabbar button { color:#9B344C; }
.detail-tabbar button.active { color:#81243C; border-bottom-color:#81243C; }

a[href="https://ngmdb.usgs.gov/nationalgeology/"] {
    font-weight: 400 !important;
}