.materials-page{--app-blue:#75c9ed;--app-edge:#b8e4f4;--app-white:#f0f7fb;--app-ink:#7aa7ca;--app-ink-soft:rgba(125,171,201,.3);--app-ink-faint:rgba(125,171,201,.13);--app-surface:#102636;--app-surface-raised:#173951;--app-chip-core:#0b1d2c;--app-atom-shadow:#245b82}[data-theme=light] .materials-page{--app-blue:#226fab;--app-edge:#659fbe;--app-white:#fcfeff;--app-ink:#527d9d;--app-ink-soft:rgba(49,100,140,.32);--app-ink-faint:rgba(49,100,140,.13);--app-surface:#e0ebf2;--app-surface-raised:#c0d8e8;--app-chip-core:#eaf3f8;--app-atom-shadow:#174e81}.materials-page .materials-hero{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);align-items:center;gap:20px;padding:clamp(48px,6vw,88px) 0 76px;min-height:580px}.materials-page .materials-explore,.materials-page .materials-method{border-top:1px solid var(--line);padding:72px 0;scroll-margin-top:28px}.materials-page .materials-method{padding-bottom:0}.materials-page .materials-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;align-items:start;margin-bottom:40px}.materials-page .materials-section-heading h2{font-size:clamp(30px,2.7vw,42px);line-height:1.5;letter-spacing:-.025em}.materials-page .materials-section-heading>p{color:var(--muted);max-width:32em;font-size:16px;line-height:1.9}.materials-page .materials-view-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;border-bottom:1px solid var(--line)}.materials-page .materials-view-tabs button{position:relative;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);padding:16px 0 18px;font:inherit;font-size:20px;line-height:1.5;cursor:pointer;min-height:56px;text-align:left}.materials-page .materials-view-tabs button[aria-selected=true]{color:var(--fg);border-bottom-color:var(--accent)}.materials-page .materials-view-tabs button:hover{color:var(--fg)}.materials-page .materials-view-tabs button:focus-visible,.materials-page .materials-view-panel:focus-visible{outline:2px solid var(--focus);outline-offset:5px}.materials-page .materials-view-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;align-items:center;padding:36px 0 12px;min-height:440px}.materials-page .materials-view-panel[hidden]{display:none}.materials-page .materials-model-figure{margin:0;min-width:0;width:min(100%,560px);justify-self:center}.materials-page svg.materials-diagram{display:block;width:100%;height:auto;fill:none;stroke:none}.materials-page .materials-bonds{fill:none;stroke:var(--app-ink-soft);stroke-width:2}.materials-page .materials-atom{fill:var(--app-surface-raised);stroke:var(--app-edge);stroke-width:2}.materials-page .materials-depth{transform:translateY(40px)}.materials-page .materials-slice-faint{opacity:.28}.materials-page .materials-depth-links{fill:none;stroke:var(--app-ink-soft);stroke-width:2}.materials-page .materials-cell{fill:var(--app-ink-faint);stroke:var(--app-blue);stroke-width:2.5}.materials-page .materials-cell-edge{fill:none;stroke:var(--app-blue);stroke-width:2}.materials-page .materials-guide{fill:none;stroke:var(--app-ink);stroke-width:2}.materials-page .materials-region{fill:var(--app-ink-faint);stroke:var(--app-ink);stroke-width:1.5;stroke-dasharray:5 6}.materials-page .materials-vacancy{fill:var(--bg);stroke:var(--app-blue);stroke-width:2.5;stroke-dasharray:4 3}.materials-page .materials-dopant{fill:var(--app-blue);stroke:var(--app-white);stroke-width:2}.materials-page .materials-callout{fill:none;stroke:var(--app-ink);stroke-width:1.5}.materials-page .materials-plot-label{fill:var(--fg);font:400 24px SourceHan,sans-serif}.materials-page .materials-density{fill:var(--app-ink-faint);stroke:var(--app-blue);stroke-width:2}.materials-page .materials-density-outer{stroke:var(--app-ink)}.materials-page .materials-density-inner{fill:var(--app-ink-soft);stroke:var(--app-edge)}.materials-page .materials-state-divider{stroke:var(--line);stroke-width:1;stroke-dasharray:4 6}.materials-page .materials-levels{fill:none;stroke:var(--app-ink);stroke-width:3}.materials-page .materials-local-level{fill:none;stroke:var(--app-blue);stroke-width:3}.materials-page .materials-electron{fill:var(--fg);stroke:var(--bg);stroke-width:1.5}.materials-page .materials-model-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 23px;margin:8px 0 0;color:var(--muted)}.materials-page .materials-model-legend span{display:inline-flex;align-items:center;gap:9px;font-size:14px;line-height:1.6}.materials-page .materials-model-legend i{display:inline-block;width:15px;height:15px;border:1.5px solid var(--app-blue);flex:none}.materials-page .materials-key-atom{background:var(--app-surface-raised);border-radius:50%}.materials-page .materials-key-cell{background:var(--app-ink-faint);transform:skew(18deg)}.materials-page .materials-model-legend .materials-key-vacancy{border-style:dashed;border-radius:50%}.materials-page .materials-key-dopant{background:var(--app-blue);transform:rotate(45deg)}.materials-page .materials-model-legend .materials-key-region{border-style:dashed;border-radius:50%;width:20px}.materials-page .materials-key-density{border-radius:50%;background:var(--app-ink-faint)}.materials-page .materials-model-legend .materials-key-level{width:24px;height:0;border:0;border-top:2px solid var(--app-blue)}.materials-page .materials-model-copy h3{font-size:clamp(23px,1.8vw,28px);line-height:1.5;text-wrap:balance}.materials-page .materials-model-copy>p{color:var(--muted);font-size:16px;line-height:1.9;margin-top:15px}.materials-page .materials-questions{margin:22px 0 0}.materials-page .materials-questions>div{display:grid;grid-template-columns:5em minmax(0,1fr);gap:16px;border-top:1px solid var(--line);padding:13px 0;font-size:16px;line-height:1.75}.materials-page .materials-questions dt{color:var(--fg)}.materials-page .materials-questions dd{margin:0;color:var(--muted)}.materials-page .materials-model-copy .materials-outcome{color:var(--fg);margin-top:16px}.materials-page .materials-compute-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;list-style:none;padding:0;margin:44px 0 52px}.materials-page .materials-compute-path li{position:relative;padding-top:31px;border-top:1px solid var(--line)}.materials-page .materials-compute-path li:before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:var(--accent)}.materials-page .materials-compute-path li:not(:last-child):after{content:"";position:absolute;top:-4px;right:0;width:6px;height:6px;border-top:1px solid var(--accent);border-right:1px solid var(--accent);transform:rotate(45deg)}.materials-page .materials-compute-path h3{font-size:20px;line-height:1.6;margin-bottom:15px}.materials-page .materials-compute-path p{color:var(--muted);font-size:16px;line-height:1.9}.materials-page .materials-comparison{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:9%;border-top:1px solid var(--line);padding-top:40px}.materials-page .materials-comparison h3{font-size:27px;line-height:1.5;margin-bottom:18px}.materials-page .materials-comparison p{max-width:29em;font-size:16px;color:var(--muted);line-height:1.9}.materials-page .materials-evaluation{position:relative;width:100%;border-collapse:collapse;text-align:left;font-size:16px;line-height:1.8}.materials-page .materials-evaluation caption{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.materials-page .materials-evaluation th{font-weight:400}.materials-page .materials-evaluation th,.materials-page .materials-evaluation td{border-bottom:1px solid var(--line);padding:13px 0;vertical-align:top}.materials-page .materials-evaluation th:first-child{width:30%;min-width:6em;padding-right:24px}.materials-page .materials-evaluation td{color:var(--muted)}.materials-page .materials-evaluation thead th{padding-top:0;padding-bottom:15px;color:var(--muted)}.materials-page .materials-platform{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:9%;align-items:start;margin-top:60px;padding:48px 0;border-top:1px solid var(--line)}.materials-page .materials-platform h2{font-size:clamp(27px,2.2vw,34px);line-height:1.5;letter-spacing:-.025em}.materials-page .materials-platform p{max-width:38em;font-size:16px;line-height:1.9;color:var(--muted)}@media(max-width:1100px){.materials-page .materials-hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:490px}.materials-page .materials-view-panel{gap:4%}.materials-page .materials-compute-path{gap:22px}}@media(max-width:760px){.materials-page .materials-hero{grid-template-columns:1fr;gap:20px;min-height:0;padding:36px 0 46px}.materials-page .solution-hero-visual{width:min(100%,580px);justify-self:center}.materials-page .materials-explore,.materials-page .materials-method{padding-top:46px}.materials-page .materials-explore{padding-bottom:46px}.materials-page .materials-section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:25px}.materials-page .materials-section-heading h2{font-size:29px}.materials-page .materials-section-heading>p{font-size:16px}.materials-page .materials-view-tabs{gap:12px}.materials-page .materials-view-tabs button{font-size:16px;padding:14px 0}.materials-page .materials-view-panel{grid-template-columns:1fr;gap:30px;padding:20px 0 0;min-height:0}.materials-page .materials-model-figure{width:min(100%,550px);justify-self:center}.materials-page .materials-model-legend{gap:10px 19px;margin:2px 0 0}.materials-page .materials-model-legend span{gap:8px}.materials-page .materials-model-copy h3{font-size:25px}.materials-page .materials-questions>div{gap:12px}.materials-page .materials-compute-path{grid-template-columns:1fr 1fr;gap:32px 25px;margin:36px 0 42px}.materials-page .materials-compute-path li{padding-top:22px}.materials-page .materials-compute-path h3{font-size:20px;margin-bottom:12px}.materials-page .materials-comparison{grid-template-columns:1fr;gap:26px;padding-top:32px}.materials-page .materials-comparison h3{font-size:26px}.materials-page .materials-comparison p{max-width:none}.materials-page .materials-evaluation th:first-child{width:32%;padding-right:16px}.materials-page .materials-platform{grid-template-columns:1fr;gap:22px;margin-top:42px;padding:32px 0}.materials-page .materials-platform h2{font-size:27px}}@media(max-width:480px){.materials-page .materials-compute-path{grid-template-columns:1fr;gap:26px}}@media(max-width:380px){.materials-page .materials-view-tabs{gap:8px}.materials-page .materials-view-tabs button{font-size:16px}.materials-page .materials-compute-path{grid-template-columns:1fr;gap:26px}.materials-page .materials-compute-path li{padding-top:20px}.materials-page .materials-section-heading h2{font-size:27px}.materials-page .materials-plot-label{font-size:26px}}