.element-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}.element-controls input,.element-controls select{margin-top:8px}.element-legend{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.element-legend span{padding:8px 12px;font-size:13px;border:1px solid #98a291}.bulk{background:#245640;color:white}.mineral{background:#dbe5a9;color:#182720}.trace{background:#f3cb88;color:#182720}.exposure{background:#ead4cb;color:#57250e}.unknown{background:#eeeee8;color:#667062}.periodic-scroll{overflow-x:auto;padding:5px 0 20px}#periodic-table{display:grid;grid-template-columns:repeat(18,minmax(49px,1fr));grid-template-rows:repeat(7,83px) 12px 83px 83px;gap:4px;min-width:980px}.element{border:1px solid #9ca993;border-radius:3px;padding:5px;text-align:left;cursor:pointer;min-width:0;transition:opacity .15s}.element small{display:block;font:12px Arial}.element strong{display:block;font:27px/1.1 Georgia,serif;margin:4px 0}.element span{font:10px Arial}.element.dim{opacity:.23}.element:hover,.element[aria-pressed=true]{outline:3px solid #d64316;outline-offset:-2px;opacity:1}.element:focus-visible{outline:3px solid #d64316}.series-label{align-self:center;font:13px Arial;color:#536357}.element-detail{background:#e7ecd8;border-top:4px solid #245640;padding:28px;margin-top:20px;min-height:250px}.element-detail h2{font-size:35px}.element-detail p{max-width:850px}@media(max-width:700px){.element-controls{grid-template-columns:1fr;gap:10px}.element-detail{padding:22px}}