/* Material context and buyer-facing diagrams. All diagrams retain HTML explanations. */
.mi-photo{margin:0;overflow:hidden;background:#edf2f6;min-width:0}
.mi-photo img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:3/2}
.mi-visual-hero{display:grid;grid-template-columns:1.06fr 1fr;gap:64px;align-items:center}
.mi-visual-hero .mi-hero-copy{min-width:0}.mi-visual-hero h1{max-width:16ch}
.mi-visual-hero .mi-photo{align-self:stretch;max-height:490px;min-height:300px}
.mi-visual-hero .mi-photo img{height:100%}.mi-visual-hero .task-lead,.mi-visual-hero .lead{max-width:52ch}
.mi-hero-copy>.lead{font-size:19px;line-height:1.7}
.cat-hero:has(>.mi-photo){grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:56px}
.cat-hero>.mi-photo{align-self:stretch}.cat-hero>.mi-photo img{height:100%;min-height:300px}
.home-metal-entry.mi-metal-entry{grid-template-columns:1fr 1fr;gap:54px;padding-top:36px;align-items:center}
.mi-metal-copy .home-metal-links{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}
.mi-metal-copy h3{margin-top:8px}.mi-metal-entry .mi-photo{max-height:340px}
.mi-directory-families{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:26px 0 40px}
.mi-directory-family{display:block;color:var(--navy);border-bottom:1px solid var(--line);text-decoration:none}
.mi-directory-family .mi-photo img{aspect-ratio:2.4/1}
.mi-directory-family>span{display:flex;justify-content:space-between;gap:12px;padding:15px 0;font-size:15px;font-weight:600}
.mi-directory-family:hover>span{color:var(--blue)}
.mi-section-head{display:flex;justify-content:space-between;align-items:start;gap:40px;margin-bottom:24px}
.mi-section-head h2,.mi-section-head h3{font-size:25px;line-height:1.4;letter-spacing:-.65px;max-width:26ch;margin:0}
.mi-section-head p{font-size:14px;line-height:1.75;max-width:49ch;margin:0;color:var(--muted)}
.mi-eyebrow{font-size:12px!important;line-height:1.6;text-transform:uppercase;letter-spacing:1.1px;color:var(--blue);margin:0 0 10px!important}
.mi-note{font-size:12px!important;line-height:1.8;color:var(--muted);margin:18px 0 0}
.mi-icon{width:100px;height:80px;display:block;fill:#e3edf4;stroke:#315773;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.mi-formula{display:block;font-size:24px;line-height:1.4;letter-spacing:-.5px;color:var(--navy);font-weight:500}
.mi-card-link{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;line-height:1.5;color:var(--blue);margin-top:20px}
.mi-explainer{display:grid;grid-template-columns:1.06fr 1fr;gap:42px;margin:28px 0 36px;padding:32px;background:#f1f6f9;border:1px solid #dae5ed;align-items:center}
.mi-explainer .mi-diagram-canvas{min-width:0}.mi-diagram-canvas svg{display:block;width:100%;height:auto}
.mi-explainer figcaption{margin:0;padding:0;background:none;color:var(--navy)}
.mi-explainer h3{font-size:25px;line-height:1.35;letter-spacing:-.6px;margin:0 0 20px}
.mi-key{margin:0}.mi-key>div+div{margin-top:17px}.mi-key dt{font-size:14px;font-weight:600;color:var(--navy)}
.mi-key dt span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#fff;border:1px solid #c6d5df;margin-right:9px;font-size:12px}
.mi-key dd{font-size:13px;line-height:1.75;color:var(--muted);margin:5px 0 0 35px}
.mi-choice-grid,.mi-three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0}
.mi-choice{display:flex;flex-direction:column;min-width:0;border-top:2px solid #507a9b;padding:24px;background:#f4f7fa;text-decoration:none;color:var(--navy)}
.mi-choice-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px}
.mi-choice-top>span{color:var(--muted);font-size:12px}.mi-choice .mi-icon{width:84px;height:64px}
.mi-choice h3{font-size:24px;line-height:1.35;margin:0 0 14px;letter-spacing:-.5px}
.mi-choice>p:not(.mi-eyebrow){font-size:14px;line-height:1.8;margin:0 0 20px;color:var(--muted)}
.mi-choice .mi-card-link{margin-top:auto}.mi-choice:hover{background:#eaf1f6}
.task-route>.mi-mlcc{grid-column:1/-1;margin-top:0;margin-bottom:0}
.mi-rare-section{padding-top:10px;padding-bottom:44px}
.mi-rare-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid #d2dee8}
.mi-rare-card{position:relative;display:flex;flex-direction:column;padding:22px;text-decoration:none;color:var(--navy);background:#f7f9fb;border-right:1px solid #d2dee8}
.mi-rare-card:last-child{border-right:0}.mi-rare-card .mi-icon{width:70px;height:55px;margin:0 0 15px}
.mi-rare-card .mi-formula{font-size:23px}.mi-rare-card h3{font-size:16px;line-height:1.45;margin:9px 0}
.mi-rare-card p{font-size:13px;line-height:1.75;margin:0 0 16px;color:var(--muted)}
.mi-rare-card .mi-card-link{margin-top:auto;font-size:12px}
.mi-rare-card.is-current{background:#153853;color:white;box-shadow:inset 0 3px #87adc8}
.mi-rare-card.is-current :is(.mi-formula,h3,.mi-card-link){color:white}
.mi-rare-card.is-current p{color:#c6d6e3}.mi-rare-card.is-current .mi-icon{fill:#32546d;stroke:#d7e6ef}
.mi-rare-card:not(.is-current):hover{background:#e9f0f5}
.mi-nitride-guide{margin-top:44px;border-top:1px solid var(--line);padding-top:30px}
.mi-nitride{display:block;min-width:0;background:#f3f7fa;padding:24px;text-decoration:none;color:var(--navy)}
.mi-nitride .mi-icon{margin-bottom:14px}.mi-nitride .mi-formula{font-size:30px}.mi-nitride h3{font-size:16px;margin:6px 0 16px;line-height:1.5}
.mi-nitride p{font-size:13px;line-height:1.8;color:var(--muted)}.mi-nitride .mi-use{font-weight:600;color:var(--navy);margin:0 0 8px}
.mi-nitride:hover{background:#e9f0f5}
.fw-app-entry.mi-app-feature{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:0;background:#f1f6f9;align-items:center}
.mi-app-feature .mi-app-copy{padding:28px 32px 28px 0}.mi-app-feature .mi-photo{height:100%;max-height:310px}
.mi-document-map{grid-column:1/-1;margin-top:36px;padding:32px;background:#f1f6f9;border:1px solid #d6e2eb}
.mi-document-source{max-width:560px;margin:0 auto 32px;text-align:center;position:relative}
.mi-document-source:after{content:"";display:block;width:1px;height:24px;background:#a8bfce;margin:20px auto -10px}
.mi-document-source h3{font-size:28px;margin:0 0 10px;letter-spacing:-.6px}.mi-document-source>p:last-child{font-size:14px;color:var(--muted);margin:0}
.mi-document-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #b7cbd9;gap:32px}
.mi-document{position:relative;padding-top:28px}.mi-document:before{content:"";position:absolute;top:0;left:50%;height:19px;width:1px;background:#b7cbd9}
.mi-document-icon{width:61px;height:78px;border:1px solid #9fb6c7;background:#fff;position:relative;padding:13px 10px;margin:0 auto 20px}
.mi-document-icon span{font-size:11px;color:var(--blue);font-weight:600;display:block;margin-bottom:11px}
.mi-document-icon i{display:block;height:1px;background:#b7cad7;margin:6px 0}.mi-document-icon i:last-child{width:70%}
.mi-document h4{font-size:17px;margin:0 0 10px;line-height:1.45;font-weight:600}.mi-document p{font-size:14px;line-height:1.8;margin:0;color:var(--muted)}
.mi-carbon-map{margin:28px 0 32px}.mi-carbon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#d7e2ea;border:1px solid #d7e2ea}
.mi-carbon-card{display:flex;flex-direction:column;padding:20px;background:#f3f7fa;color:var(--navy);text-decoration:none;min-width:0}
.mi-carbon-shape{width:145px;max-width:100%;height:110px;display:block;margin:0 auto 12px}
.mi-carbon-card>strong{font-size:23px;font-weight:500}.mi-carbon-card>span{font-size:13px;margin:5px 0 10px;line-height:1.7}
.mi-carbon-card p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}.mi-carbon-card:hover{background:#e8f0f6}
.gnp-page .mi-carbon-card{text-decoration:none;color:var(--navy)}
.mi-carbon-card:hover>strong{text-decoration:underline;text-underline-offset:4px}
.mi-carbon-map figcaption{font-size:12px!important;line-height:1.8;color:var(--muted);margin:14px 0 0;background:none;padding:0}
.mi-oxygen-dot{display:inline-block;width:8px;height:8px;background:#bd763d;border-radius:50%;margin-right:6px}
.mi-particle-chart{margin:26px 0;padding:24px;background:#f3f7fa;border:1px solid #d6e2eb}
.mi-particle-chart svg{display:block;width:100%;height:auto;max-width:650px;margin:0 auto 26px}
.mi-particle-chart h3{font-size:24px;margin:0 0 20px}.mi-particle-chart figcaption{padding:0;background:none;color:var(--navy)}
.mi-percentiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0}
.mi-percentiles dt{font-size:15px;font-weight:600;line-height:1.5}.mi-percentiles dd{font-size:13px;line-height:1.8;color:var(--muted);margin:8px 0 0}
:is(.mi-choice,.mi-rare-card,.mi-nitride,.mi-carbon-card,.mi-directory-family):focus-visible{outline:3px solid #316a99;outline-offset:4px}
@media(max-width:1100px){
 .mi-visual-hero{gap:32px}.mi-visual-hero h1{font-size:42px}
 .mi-explainer{gap:28px;padding:24px}.mi-explainer h3{font-size:22px}
 .mi-rare-card{padding:18px}.mi-rare-card .mi-formula{font-size:20px}
 .mi-choice{padding:20px}.mi-choice h3{font-size:21px}
 .mi-carbon-card{padding:16px}.home-metal-entry.mi-metal-entry{gap:32px}
}
@media(max-width:760px){
 .mi-visual-hero{grid-template-columns:1fr;gap:28px}.mi-visual-hero h1{font-size:37px;max-width:20ch}
 .mi-visual-hero .mi-photo{max-height:none;min-height:0;aspect-ratio:3/2}.mi-visual-hero .mi-photo img{height:100%}
 .cat-hero>.mi-photo img{min-height:0}.cat-hero>.mi-photo{margin-top:0}
 .cat-hero:has(>.mi-photo){display:grid;grid-template-columns:1fr;gap:26px}
 .mi-hero-copy>.lead{font-size:16px}
 .home-metal-entry.mi-metal-entry{grid-template-columns:1fr;gap:24px}.mi-metal-copy .home-metal-links{gap:10px 18px}
 .mi-directory-families{grid-template-columns:1fr;gap:18px;margin-bottom:28px}
 .mi-directory-family{display:grid;grid-template-columns:112px 1fr;gap:18px;padding-bottom:14px;align-items:center}
 .mi-directory-family .mi-photo img{aspect-ratio:3/2}.mi-directory-family>span{font-size:14px;padding:0}
 .mi-section-head{display:block;margin-bottom:20px}.mi-section-head h2,.mi-section-head h3{font-size:24px;max-width:30ch}
 .mi-section-head p{margin-top:12px}.mi-explainer{grid-template-columns:1fr;gap:26px;padding:20px;margin:24px 0}
 .mi-rare-grid{grid-template-columns:1fr 1fr}.mi-rare-card{padding:18px}.mi-rare-card:nth-child(2){border-right:0}
 .mi-rare-card:nth-child(-n+2){border-bottom:1px solid #d2dee8}.mi-rare-card .mi-icon{height:46px;width:60px}
 .mi-rare-card .mi-formula{font-size:21px}.mi-rare-card h3{font-size:15px}.mi-rare-card p{font-size:12px}
 .mi-choice-grid,.mi-three-grid{grid-template-columns:1fr;gap:16px}.mi-choice{padding:22px}
 .mi-choice-top{margin-bottom:8px}.mi-choice-top .mi-icon{height:54px}.mi-choice .mi-card-link{margin-top:0}
 .mi-nitride{position:relative;padding:24px}.mi-nitride .mi-icon{float:right;width:80px;margin:0 0 14px 18px}
 .mi-nitride p,.mi-nitride .mi-card-link{clear:both}.mi-nitride h3{min-height:26px;max-width:19ch}
 .fw-app-entry.mi-app-feature{grid-template-columns:1fr;gap:0}.mi-app-feature .mi-app-copy{padding:24px}
 .mi-app-feature .mi-photo{max-height:300px}.mi-document-map{padding:22px}.mi-document-source h3{font-size:25px}
 .mi-document-grid{grid-template-columns:1fr;gap:20px;border:0}.mi-document-source:after{display:none}
 .mi-document{padding:20px 0 0 79px;border-top:1px solid #c5d5e0;min-height:115px}.mi-document:before{display:none}
 .mi-document-icon{position:absolute;left:0;top:24px;width:56px;height:72px}.mi-document h4{font-size:16px}.mi-document p{font-size:13px}
 .mi-carbon-grid{grid-template-columns:1fr 1fr}.mi-carbon-card{padding:18px}.mi-carbon-shape{height:95px}
 .mi-particle-chart{padding:18px 12px}.mi-particle-chart svg{margin-bottom:20px}.mi-particle-chart svg text{font-size:26px}
 .mi-particle-chart figcaption{padding:0 6px}.mi-percentiles{grid-template-columns:1fr;gap:17px}
 .mi-percentiles dd{margin-top:4px}.mi-particle-chart h3{font-size:23px}
}
@media(max-width:359px){
 .mi-visual-hero h1{font-size:32px}.mi-rare-card{padding:14px}.mi-rare-card .mi-formula{font-size:18px}
 .mi-rare-card .mi-card-link{font-size:11px;gap:8px}.mi-carbon-card{padding:13px}
 .mi-directory-family{grid-template-columns:88px 1fr;gap:14px}.mi-document-map{padding:17px}.mi-explainer{padding:16px}
}