:root{--paper: #FFF4CC;--volt: #FFD400;--volt-deep: #F5C400;--ink: #14110D;--white: #FFFFFF;--ash: #E9E2CB;--border: 3px;--border-fat: 5px;--drop: 6px;--s1: 6px;--s2: 10px;--s3: 16px;--s4: 24px;--s5: 40px;--s6: 64px;--display: "Archivo Black", "Arial Black", system-ui, sans-serif;--sans: Archivo, system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--t-display: 52px;--t-section: 34px;--t-card: 22px;--t-body: 17px;--t-long: 19px;--t-data: 13px;--measure: 68ch;--shell: 1180px;--c-elements: #B7B7CE;--c-sulfides: #A8A77A;--c-halides: #96D9D6;--c-oxides: #C22E28;--c-carbonates: #F7D02C;--c-borates: #EE8130;--c-sulfates: #F95587;--c-phosphates: #A98FF3;--c-silicates: #7AC74C;--c-organic: #E2BF65;--x-cubic: #6390F0;--x-tetragonal: #A33EA1;--x-orthorhombic: #A6B91A;--x-hexagonal: #735797;--x-trigonal: #B6A136;--x-monoclinic: #FFCA3A;--x-triclinic: #C2A200}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:400 var(--t-body)/1.55 var(--sans);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-weight:400}p{margin:0 0 var(--s3)}a{color:inherit}.shell{max-width:var(--shell);margin:0 auto;padding:0 var(--s4)}.measure{max-width:var(--measure)}.display{font:var(--t-display)/1.02 var(--display);letter-spacing:-.02em;text-transform:uppercase}.section-head{font:var(--t-section)/1.05 var(--display);text-transform:uppercase;letter-spacing:-.01em}.card-title{font:800 var(--t-card)/1.2 var(--sans)}.data{font:700 var(--t-data)/1.2 var(--mono);text-transform:uppercase;letter-spacing:.06em}.longform{font-size:var(--t-long);line-height:1.65;max-width:var(--measure)}.panel{background:var(--white);border:var(--border) solid var(--ink)}.panel-fat{border-width:var(--border-fat)}.drop{box-shadow:var(--drop) var(--drop) 0 var(--ink)}.btn{display:inline-block;font:800 15px/1 var(--sans);text-transform:uppercase;letter-spacing:.04em;padding:13px var(--s4);border:var(--border) solid var(--ink);background:var(--white);color:var(--ink);text-decoration:none;cursor:pointer;box-shadow:var(--drop) var(--drop) 0 var(--ink);transition:background 80ms,transform 80ms,box-shadow 80ms}.btn:hover{background:var(--volt)}.btn:active{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--ink)}.btn-primary{background:var(--volt)}.btn-primary:hover{background:var(--white)}.textlink{font-weight:700;text-decoration:none;border-bottom:var(--border) solid var(--ink)}.textlink:hover{background:var(--volt)}.chip{display:inline-block;font:700 var(--t-data)/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;padding:6px var(--s2);border:var(--border) solid var(--ink);color:var(--ink);background:var(--ash);white-space:nowrap}.stat-row{display:grid;grid-template-columns:92px 1fr 54px;gap:var(--s2);align-items:center;margin-bottom:var(--s1)}.stat-track{height:18px;border:var(--border) solid var(--ink);background:var(--ash)}.stat-fill{height:100%;background:var(--volt)}table.data-table{width:100%;border-collapse:collapse;border:var(--border) solid var(--ink);background:var(--white)}.data-table th{font:700 var(--t-data)/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;text-align:left;padding:var(--s2);background:var(--volt);border-bottom:var(--border) solid var(--ink)}.data-table td{padding:var(--s2);border-bottom:1px solid var(--ink)}.data-table tbody tr:nth-child(2n){background:var(--ash)}.data-table tbody tr:last-child td{border-bottom:0}.grid-cards{display:grid;gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.art-frame{border:var(--border) solid var(--ink);background-color:var(--white);background-image:linear-gradient(var(--ash) 1px,transparent 1px),linear-gradient(90deg,var(--ash) 1px,transparent 1px);background-size:16px 16px;display:grid;place-items:center;aspect-ratio:1 / 1;overflow:hidden}.art-frame img{width:100%;height:100%;object-fit:contain}.callout{border-left:var(--drop) solid var(--ink);padding:var(--s3) var(--s4);background:var(--white);margin:var(--s4) 0}mark{background:var(--volt);color:var(--ink)}.masthead{border-bottom:var(--border-fat) solid var(--ink);background:var(--volt)}.masthead-inner{display:flex;align-items:center;gap:var(--s4);min-height:72px;flex-wrap:wrap}.wordmark{font:26px/1 var(--display);text-transform:lowercase;text-decoration:none}.wordmark span{font-family:var(--mono);font-size:15px;font-weight:700}.nav{display:flex;gap:var(--s3);flex:1;flex-wrap:wrap}.nav a{font:700 14px/1 var(--sans);text-transform:uppercase;letter-spacing:.05em;text-decoration:none;padding:8px 0}.nav a:hover{background:var(--ink);color:var(--volt);box-shadow:0 0 0 4px var(--ink)}.site-footer{border-top:var(--border-fat) solid var(--ink);background:var(--ink);color:var(--paper);margin-top:var(--s6)}.site-footer a{color:var(--paper)}.footer-grid{display:grid;gap:var(--s5);grid-template-columns:1.6fr 1fr 1fr;padding:var(--s5) 0}.footer-col{display:grid;gap:var(--s2);align-content:start}@media(max-width:760px){:root{--t-display: 34px;--t-section: 26px}.footer-grid{grid-template-columns:1fr}}