[data-explorer="atomistic-materials"]{margin:28px 0;padding:24px;border:1px solid #304650;border-radius:16px;background:#071015;color:#dce6ec;font:15px/1.55 system-ui,sans-serif;min-width:0}
[data-explorer="atomistic-materials"] *{box-sizing:border-box}
[data-explorer="atomistic-materials"] h4{font-size:20px;line-height:1.3;margin:0 0 12px;color:#edf4f7}
[data-explorer="atomistic-materials"] p{margin:0 0 14px;color:#a4b3bd}
[data-explorer="atomistic-materials"] .am-eyebrow{color:#8bcbd7;font-size:12px;letter-spacing:.09em}
[data-explorer="atomistic-materials"] .am-toolbar{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:20px 0 12px}
[data-explorer="atomistic-materials"] label{display:block;color:#dce6ec;font-weight:600;font-size:14px}
[data-explorer="atomistic-materials"] select,[data-explorer="atomistic-materials"] button{font:inherit;color:#dce6ec;background:#14252f;border:1px solid #526975;border-radius:7px;padding:9px 12px;min-height:44px}
[data-explorer="atomistic-materials"] select{display:block;max-width:100%;margin-top:5px}
[data-explorer="atomistic-materials"] button{cursor:pointer}
[data-explorer="atomistic-materials"] :focus-visible{outline:3px solid #8bcbd7;outline-offset:3px}
[data-explorer="atomistic-materials"] .am-key{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}
[data-explorer="atomistic-materials"] .am-ref{color:#8bcbd7}
[data-explorer="atomistic-materials"] .am-fit{color:#e6ac6a}
[data-explorer="atomistic-materials"] .am-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
[data-explorer="atomistic-materials"] .am-panel{margin:0;padding:18px;background:#0d1820;border:1px solid #2b3e49;border-radius:10px;min-width:0}
[data-explorer="atomistic-materials"] .am-panel h4{font-size:18px}
[data-explorer="atomistic-materials"] .am-panel p{font-size:14px;min-height:66px}
[data-explorer="atomistic-materials"] output{float:right;color:#8bcbd7;font-variant-numeric:tabular-nums}
[data-explorer="atomistic-materials"] input[type="range"]{display:block;width:100%;height:30px;margin:8px 0 0;accent-color:#8bcbd7;cursor:pointer}
[data-explorer="atomistic-materials"] svg{display:block;width:100%;max-width:440px;margin:0 auto;height:auto;overflow:visible}
[data-explorer="atomistic-materials"] svg text{font-family:system-ui,sans-serif;font-size:15px;fill:#a4b3bd}
[data-explorer="atomistic-materials"] .am-readout{min-height:72px;padding:10px 12px;border-left:2px solid #8bcbd7;background:#12232b;font-size:14px;font-variant-numeric:tabular-nums}
[data-explorer="atomistic-materials"] figcaption{font-size:14px;color:#a4b3bd;margin-top:13px}
[data-explorer="atomistic-materials"] .am-takeaway{margin-top:22px}
[data-explorer="atomistic-materials"] .am-takeaway h4{font-size:17px}
[data-explorer="atomistic-materials"] .am-note{font-size:13px;margin-bottom:0}
@media(max-width:700px){[data-explorer="atomistic-materials"]{padding:14px 10px}[data-explorer="atomistic-materials"] .am-grid{grid-template-columns:1fr}[data-explorer="atomistic-materials"] .am-panel{padding:12px 8px}[data-explorer="atomistic-materials"] .am-panel p{min-height:0}[data-explorer="atomistic-materials"] h4{font-size:19px}}

[data-explorer="atomistic-materials"] .am-flow{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0}
[data-explorer="atomistic-materials"] .am-flow li{background:#12232b;border-top:3px solid #8bcbd7;padding:14px 12px;min-width:0}
[data-explorer="atomistic-materials"] .am-flow b,[data-explorer="atomistic-materials"] .am-flow span{display:block}
[data-explorer="atomistic-materials"] .am-flow b{font-size:14px;color:#edf4f7;margin-bottom:10px}
[data-explorer="atomistic-materials"] .am-flow span{font-size:13px;color:#a4b3bd}
[data-explorer="atomistic-materials"] .am-check{display:flex;gap:10px;align-items:center;margin:14px 0;min-height:44px}
[data-explorer="atomistic-materials"] .am-check input{width:20px;height:20px;accent-color:#8bcbd7}
[data-explorer="atomistic-materials"] input:disabled{opacity:.4;cursor:default}
@media(max-width:900px){[data-explorer="atomistic-materials"] .am-flow{grid-template-columns:1fr}[data-explorer="atomistic-materials"] .am-flow li{border-top:0;border-left:3px solid #8bcbd7}}