/* The material atlas: mineral teal, ink and silver. No shared selectors. */
.metals-guide{--mt-teal:#143d42;--mt-accent:#245b60;--mt-line:#b4c8c8;--mt-paper:#e7eeeb;--mt-silver:#d2dfdc;--mt-body:#405957;padding-bottom:90px;font-size:18px;line-height:1.8}
.metals-guide .mt-breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;padding-top:25px;margin-bottom:24px;font-size:14px}.metals-guide .mt-breadcrumbs a{display:inline-flex;align-items:center;min-height:44px}
.metals-guide .mt-kicker{font:400 14px/1.6 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mt-accent);margin:0 0 20px}.metals-guide .mt-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:8%;padding:45px 48px 48px;background:var(--mt-teal);color:#f1f5ed;border-top:6px solid var(--mt-silver)}.metals-guide .mt-hero-copy{align-self:center;min-width:0}.metals-guide .mt-hero .mt-kicker{color:#b6d5cf}.metals-guide .mt-hero h1{font:400 clamp(3rem,5.4vw,5.5rem)/1.02 var(--serif);letter-spacing:-.05em;margin:22px 0 27px}.metals-guide .mt-hero h1 em{font-weight:400;color:#c3dbd5}.metals-guide .mt-lede{max-width:440px;font-size:17px;line-height:1.8;color:#e0eae4;margin:0 0 24px}.metals-guide .mt-start{display:inline-flex;align-items:center;gap:28px;min-height:48px;border-bottom:1px solid #b6d5cf;color:#f1f5ed;font-size:16px}.metals-guide .mt-start span{font-size:25px}
.metals-guide .mt-atlas{margin:0;min-width:0;align-self:center;border-left:1px solid #80a6a2;padding-left:35px}.metals-guide .mt-atlas figcaption{font:400 20px/1.4 var(--serif);color:#f1f5ed}.metals-guide .mt-atlas figcaption span{color:#b6d5cf}.metals-guide .mt-atlas dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 15px;margin:20px 0}.metals-guide .mt-element{padding:17px 0 0;border-top:1px solid #80a6a2;min-width:0}.metals-guide .mt-element dt{margin:0;display:flex;flex-direction:column;align-items:flex-start}.metals-guide .mt-atomic{font:400 15px/1.4 var(--mono);color:#b6d5cf}.metals-guide .mt-atomic-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.metals-guide .mt-symbol{font:400 clamp(2.8rem,5.2vw,4.6rem)/1.2 var(--serif);letter-spacing:-.035em;color:#e9efeb}.metals-guide .mt-element dd{overflow-wrap:anywhere;margin:0;font-size:14px;color:#d1e3de}.metals-guide .mt-element-silver{grid-column:1/-1;padding-top:15px;margin-bottom:24px}.metals-guide .mt-element-silver dt{position:relative}.metals-guide .mt-element-silver .mt-atomic{position:absolute;top:15px;left:1px;font-size:18px}.metals-guide .mt-element-silver .mt-symbol{font-size:clamp(9rem,18.5vw,16rem);line-height:1.02;align-self:center;letter-spacing:-.08em;padding-right:20px}.metals-guide .mt-element-silver dd{font:400 23px/1.4 var(--serif);text-align:center}.metals-guide .mt-atlas-note{font-size:13px;line-height:1.65;color:#bfd6d1;margin:0;max-width:310px}
.metals-guide .mt-index{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.15fr);gap:45px;padding:32px 0;border-bottom:1px solid var(--mt-line)}.metals-guide .mt-index .mt-kicker{margin-top:13px}.metals-guide .mt-index ul{display:flex;flex-wrap:wrap;column-gap:25px;row-gap:0;list-style:none;margin:0;padding:0}.metals-guide .mt-index a{display:flex;align-items:center;min-height:44px;font-size:15px;border-bottom:1px solid var(--mt-line);padding:7px 0}.metals-guide .mt-index a:hover{color:var(--mt-accent);border-color:currentColor}
.metals-guide .mt-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.15fr);gap:45px;padding:46px 0;border-bottom:1px solid var(--mt-line);scroll-margin-top:145px}.metals-guide .mt-section h2{font:400 clamp(1.9rem,2.8vw,2.6rem)/1.15 var(--serif);letter-spacing:-.03em;max-width:310px;margin:4px 0 0}.metals-guide .mt-prose{max-width:760px;min-width:0;color:var(--mt-body)}.metals-guide .mt-prose p{margin:0 0 21px}.metals-guide .mt-prose p:last-child{margin-bottom:0}.metals-guide .mt-prose a,.metals-guide .mt-answer a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.metals-guide .mt-prose strong{color:var(--ink);font-weight:600}
.metals-guide .mt-layer-study{padding:35px 38px;margin:42px 0;background:var(--mt-paper);border:1px solid var(--mt-line)}.metals-guide .mt-study-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 50px;align-items:end}.metals-guide .mt-study-intro .mt-kicker{grid-column:1/-1;margin-bottom:15px}.metals-guide .mt-study-intro h2,.metals-guide .mt-reading h2{font:400 clamp(2rem,3.4vw,3rem)/1.1 var(--serif);letter-spacing:-.035em;margin:0}.metals-guide .mt-study-intro>p:last-child{max-width:380px;font-size:16px;line-height:1.7;color:var(--mt-body);margin:15px 0 0}.metals-guide .mt-diagrams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:28px}.metals-guide .mt-diagrams figure{margin:0;min-width:0}.metals-guide .mt-diagrams svg{display:block;width:100%;height:auto}.metals-guide .mt-alloy-block,.metals-guide .mt-layer-block{fill:#d0ddda;stroke:#4b6868;stroke-width:1.5}.metals-guide .mt-section-line{fill:none;stroke:#b5c8c2;stroke-width:1}.metals-guide .mt-core-block{fill:#7e9a98;stroke:#405e60;stroke-width:1.5}.metals-guide .mt-diagram-label{font:24px var(--sans);fill:#122f32}.metals-guide .mt-diagrams figcaption{display:flex;flex-direction:column;padding:10px 12px 0;font-size:14px;line-height:1.6;color:var(--mt-body)}.metals-guide .mt-diagrams figcaption strong{font-size:17px;font-weight:400;color:var(--ink)}.metals-guide .mt-schematic-note{font-size:13px;line-height:1.65;color:var(--mt-body);border-top:1px solid var(--mt-line);padding-top:17px;margin:25px 0 0}
.metals-guide .mt-detail{border-top:1px solid var(--mt-line);border-bottom:1px solid var(--mt-line);margin-top:22px}.metals-guide .mt-detail summary{min-height:54px;padding:15px 5px;cursor:pointer;font-size:17px;line-height:1.5;color:var(--ink)}.metals-guide .mt-detail>p{font-size:16px;line-height:1.8;padding:0 5px 18px}.metals-guide .mt-detail[open] summary{color:var(--mt-accent)}
.metals-guide .mt-reading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10%;padding:45px 0 0}.metals-guide .mt-reading p:not(.mt-kicker){max-width:440px;font-size:16px;color:var(--mt-body);margin-top:24px}.metals-guide .mt-reading ul{list-style:none;margin:0;padding:0}.metals-guide .mt-reading li{border-bottom:1px solid var(--mt-line)}.metals-guide .mt-reading li:first-child{border-top:1px solid var(--mt-line)}.metals-guide .mt-reading a{display:block;min-height:48px;padding:15px 0}.metals-guide .mt-reading strong{display:block;font-size:17px;font-weight:400;text-decoration:underline;text-underline-offset:4px}.metals-guide .mt-reading a span{display:block;font-size:14px;line-height:1.6;color:var(--mt-body);margin-top:5px}.metals-guide a{overflow-wrap:anywhere}.metals-guide a:focus-visible,.metals-guide summary:focus-visible{outline:3px solid var(--mt-accent);outline-offset:5px}.metals-guide .mt-hero a:focus-visible{outline-color:#f1f5ed}
html[data-theme="dark"] .metals-guide{--mt-teal:#123035;--mt-accent:#aed5cd;--mt-line:#516d6d;--mt-paper:#1d3538;--mt-silver:#779c99;--mt-body:#c1d3ce}
@media(max-width:1000px){.metals-guide .mt-hero{padding:35px;gap:6%}.metals-guide .mt-hero h1{font-size:clamp(3rem,5.3vw,4.5rem)}.metals-guide .mt-atlas{padding-left:26px}.metals-guide .mt-section,.metals-guide .mt-index{grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:30px}.metals-guide .mt-layer-study{padding:28px}.metals-guide .mt-study-intro{gap:0 30px}}
@media(max-width:740px){.metals-guide{font-size:17px;padding-bottom:55px}.metals-guide .mt-hero{grid-template-columns:minmax(0,1fr);gap:33px;padding:28px}.metals-guide .mt-hero h1{font-size:clamp(2.95rem,9.5vw,4.8rem)}.metals-guide .mt-atlas{padding-left:0;border-left:0;border-top:1px solid #80a6a2;padding-top:22px}.metals-guide .mt-atlas figcaption br{display:none}.metals-guide .mt-atlas figcaption span{margin-left:5px}.metals-guide .mt-atlas dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 19px;margin-top:18px}.metals-guide .mt-element-silver{grid-column:1/-1;position:relative;margin-bottom:20px}.metals-guide .mt-element-silver .mt-symbol{font-size:10rem;line-height:1}.metals-guide .mt-symbol{font-size:3.5rem}.metals-guide .mt-atlas-note{max-width:none}.metals-guide .mt-index{grid-template-columns:minmax(0,1fr);gap:0;padding:26px 0}.metals-guide .mt-index .mt-kicker{margin:0 0 10px}.metals-guide .mt-index ul{column-gap:20px}.metals-guide .mt-index a{font-size:14px}.metals-guide .mt-section{grid-template-columns:minmax(0,1fr);gap:21px;padding:34px 0;scroll-margin-top:130px}.metals-guide .mt-section h2{max-width:600px;font-size:2.1rem;margin:0}.metals-guide .mt-layer-study{padding:24px;margin:34px 0}.metals-guide .mt-study-intro{grid-template-columns:minmax(0,1fr);gap:0}.metals-guide .mt-study-intro>p:last-child{max-width:500px}.metals-guide .mt-diagrams{grid-template-columns:minmax(0,1fr);gap:22px;margin-top:22px}.metals-guide .mt-diagrams figure{max-width:480px;width:100%;justify-self:center}.metals-guide .mt-reading{grid-template-columns:minmax(0,1fr);gap:15px;padding-top:33px}}
@media(max-width:390px){.metals-guide .mt-hero{padding:22px}.metals-guide .mt-hero h1{font-size:2.8rem}.metals-guide .mt-lede{font-size:16px}.metals-guide .mt-kicker{font-size:13px;letter-spacing:.045em}.metals-guide .mt-atlas figcaption{font-size:18px}.metals-guide .mt-atlas figcaption span{margin-left:0;display:block}.metals-guide .mt-element dd{font-size:13px}.metals-guide .mt-element-silver dd{font-size:21px}.metals-guide .mt-symbol{font-size:3.1rem}.metals-guide .mt-layer-study{padding:20px 14px}.metals-guide .mt-study-intro h2,.metals-guide .mt-reading h2{font-size:2rem}.metals-guide .mt-detail summary{font-size:16px}}
@media(forced-colors:active){.metals-guide{--mt-accent:LinkText;--mt-line:CanvasText;--mt-body:CanvasText}.metals-guide .mt-hero,.metals-guide .mt-layer-study{border:1px solid CanvasText}.metals-guide .mt-hero h1 em,.metals-guide .mt-hero .mt-kicker,.metals-guide .mt-lede,.metals-guide .mt-start,.metals-guide .mt-atlas figcaption,.metals-guide .mt-atlas figcaption span,.metals-guide .mt-symbol,.metals-guide .mt-atomic,.metals-guide .mt-element dd,.metals-guide .mt-atlas-note{color:CanvasText}.metals-guide .mt-alloy-block,.metals-guide .mt-layer-block,.metals-guide .mt-core-block{fill:Canvas;stroke:CanvasText}.metals-guide .mt-section-line{stroke:GrayText}.metals-guide .mt-diagram-label{fill:CanvasText}.metals-guide .mt-hero a:focus-visible{outline-color:Highlight}}