:root{--mc-blue:#173368;--mc-blue-deep:#10264f;--mc-cyan:#09e9b4;--mc-text:#14213d;--mc-muted:#667085;--mc-line:#d9e0ec;--mc-soft:#f5f8fc;--mc-row:#eef1f5;--mc-white:#fff;--mc-page-max:1600px}.material-compatibility-page{color:var(--mc-text);background:#fff}.material-compatibility-banner{background-image:linear-gradient(90deg,#10264fe0 0%,#173368b8 34%,#17336838 62%,#ffffff14 100%),url(/images/resources/material-compatibility/banner/resources-material-compatibility-banner-yellow-clear-pellets-1920x520-v001.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;height:520px;min-height:520px;position:relative;overflow:hidden}.material-compatibility-banner:before{content:"";pointer-events:none;background:linear-gradient(90deg,#10264f2e 0%,#10264f0f 48%,#fff0 100%);position:absolute;inset:0}.material-compatibility-banner__inner{width:min(var(--mc-page-max), calc(100% - 64px));z-index:1;align-items:center;height:100%;margin:0 auto;display:flex;position:relative}.material-compatibility-banner__content{z-index:2;width:100%;max-width:1320px;padding:0 40px;position:relative}.material-compatibility-banner__content h1{color:#fff;letter-spacing:-.04em;white-space:nowrap;max-width:none;margin:0 0 24px;font-size:clamp(56px,4.4vw,56px);font-weight:600;line-height:1.04}.material-compatibility-banner__content h1 span{display:inline}.material-compatibility-banner__desc{color:#ffffffc7;max-width:720px;margin:24px 0 0;font-size:18px;line-height:1.9}.material-compatibility-main{background:#fff;padding:48px 0 90px}.material-compatibility-main__inner{width:min(var(--mc-page-max), calc(100% - 64px));margin:0 auto}.material-compatibility-tabs{grid-template-columns:repeat(3,1fr);width:min(800px,100%);margin:0 auto;display:grid}.material-compatibility-tab{border:1px solid var(--mc-line);height:58px;color:var(--mc-blue);background:#fff;border-left:none;font-size:18px;font-weight:800;transition:all .22s}.material-compatibility-tab:first-child{border-left:1px solid var(--mc-line)}.material-compatibility-tab.is-active{color:var(--mc-cyan);background:var(--mc-blue);border-color:#0b1f44;box-shadow:inset 0 0 0 1px #0b1f44}.material-compatibility-tab:not(.is-active):hover{color:var(--mc-blue);background:#f8fafc;border-color:#17336847}.material-compatibility-search{width:100vw;margin:24px calc(50% - 50vw) 48px}.material-compatibility-head{margin-bottom:22px}.material-compatibility-head h2{color:var(--mc-blue);letter-spacing:-.02em;margin:0;font-size:32px;font-weight:900;line-height:1.25}.material-compatibility-head p{color:var(--mc-muted);margin:10px 0 0;font-size:15px;line-height:1.75}.material-compatibility-panel{border:1px solid var(--mc-line);background:#fff}.material-compatibility-note{color:var(--mc-muted);border-bottom:1px solid var(--mc-line);background:#f8fafc;padding:16px 20px;font-size:13px;line-height:1.75}.material-compatibility-note strong{color:var(--mc-blue)}.material-compatibility-table-wrap{overflow-x:auto}.material-compatibility-table{border-collapse:collapse;background:#fff;width:100%;min-width:1080px}.material-compatibility-table th,.material-compatibility-table td{text-align:center;white-space:nowrap;border-bottom:1px solid #fff;height:48px;padding:0 16px}.material-compatibility-table th{color:#fff;background:var(--mc-blue);font-size:15px;font-weight:800}.material-compatibility-table th:first-child,.material-compatibility-table td:first-child{text-align:left;padding-left:26px;font-weight:800}.material-compatibility-table tbody tr:nth-child(odd){background:#fff}.material-compatibility-table tbody tr:nth-child(2n){background:var(--mc-row)}.material-compatibility-table tbody tr:hover{background:#09e9b41f}.material-compatibility-table--text th,.material-compatibility-table--text td{white-space:normal;line-height:1.7}.material-compatibility-mark{color:#111827;background:0 0;place-items:center;min-width:38px;height:30px;font-weight:900;display:inline-grid}.material-compatibility-mark.is-good{color:var(--mc-blue)}.material-compatibility-mark.is-caution{color:#8a5a00}.material-compatibility-mark.is-bad{color:#9b1c1c}.material-compatibility-table .is-empty td{height:96px;color:var(--mc-muted);text-align:center;background:#fff;font-weight:500}@media (max-width:980px){.material-compatibility-banner{background:linear-gradient(135deg, var(--mc-blue-deep), var(--mc-blue));height:520px;min-height:520px}.material-compatibility-banner__inner,.material-compatibility-main__inner{width:calc(100% - 32px)}.material-compatibility-tabs{grid-template-columns:1fr}.material-compatibility-tab{border-left:1px solid var(--mc-line);border-top:none}.material-compatibility-tab:first-child{border-top:1px solid var(--mc-line)}}@media (max-width:560px){.material-compatibility-banner{height:520px;min-height:520px}.material-compatibility-banner h1{font-size:38px}.material-compatibility-banner__desc{font-size:16px}.material-compatibility-main{padding:36px 0 70px}.material-compatibility-tab{height:54px;font-size:16px}.material-compatibility-head h2{font-size:28px}}@media (max-width:1280px){.material-compatibility-banner__content{max-width:1000px;padding:0 32px}.material-compatibility-banner__content h1{white-space:normal;font-size:clamp(44px,5.6vw,72px)}.material-compatibility-banner__desc{max-width:760px}}@media (max-width:768px){.material-compatibility-banner__content{padding:0 20px}.material-compatibility-banner__content h1{margin-bottom:18px;font-size:clamp(32px,9vw,48px);line-height:1.14}.material-compatibility-banner__desc{font-size:15px;line-height:1.7}}