#compound-wizard [data-range="max"]{accent-color:#c4621f}#pw-max{color:#b6551a}.pw-temperature:has(#pw-max) .pw-number{color:#b6551a}
#weathering,#temperature-ranges{padding:56px 5%;max-width:1460px;margin:auto}.materials-heading{max-width:720px;margin-bottom:26px}.materials-heading h2{font-size:clamp(27px,3.3vw,44px)!important;line-height:1.18!important;margin:0 0 14px!important}.materials-heading p{font-size:16px;line-height:1.65;color:#526c70}
.weather-study,.materials-ranges{padding:28px;border-radius:24px;background:linear-gradient(135deg,#ffffffdd,#eff5f5cc);border:1px solid #fff;box-shadow:0 10px 35px #315b630c;backdrop-filter:blur(12px)}.wx-top{display:flex;justify-content:space-between;gap:14px;font-size:14px;color:#47646a;margin-bottom:24px}.wx-phase{color:#af581f}.wx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.wx-card{padding:16px;border-radius:16px;border:1px solid #d5e1e1;background:#ffffffa8;min-width:0}.wx-card h3{font-size:17px!important;margin:0 0 12px!important}.wx-card svg{width:100%;display:block}.wx-card p{font-size:13px!important;line-height:1.4!important;color:#567276;margin:12px 0 0!important}.wx-cracks{fill:none;stroke:#cad3d0;stroke-width:1.7;stroke-linecap:round}.wx-cracks path{stroke-dasharray:1;stroke-dashoffset:clamp(0,calc(1 - (var(--exposure,0) - var(--delay))*1.8),1)}.wx-controls{border-top:1px solid #d5e1e1;margin-top:24px;padding-top:20px}.wx-controls label{display:flex;justify-content:space-between;font-size:14px;font-weight:600}.wx-controls input{width:100%;margin:12px 0;accent-color:#c4621f;min-height:32px}.wx-controls>div{display:flex;gap:10px}.wx-controls button{min-width:96px}.wx-note{font-size:12px!important;line-height:1.6!important;color:#687f83;margin:20px 0 0!important}.mt-row{margin-bottom:18px}.mt-row>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:15px;margin-bottom:8px}.mt-row span{font-size:14px;color:#526b70}.mt-track{height:13px;background:#e6eded;border-radius:7px;position:relative;overflow:hidden}.mt-track i{position:absolute;top:0;height:100%}
#compare table{font-size:14px}#compare th,#compare td{padding:14px!important}main>section[aria-label="Materials in detail"] h2{line-height:1.2!important}
@media(max-width:600px){#weathering,#temperature-ranges{padding:36px 5%}.weather-study,.materials-ranges{padding:18px 14px;border-radius:20px}.wx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wx-card{padding:12px 10px}.wx-card h3{font-size:15px!important}.wx-card p{font-size:12px!important}.wx-top{font-size:12px;flex-wrap:wrap;gap:8px;margin-bottom:16px}.materials-heading p{font-size:15px}.mt-row>div:first-child{font-size:14px}.mt-row span{font-size:13px}#compare{padding:36px 5%!important}}
.materials-shortcuts{display:flex;flex-wrap:wrap;gap:10px;padding:20px 5%;max-width:1460px;margin:auto}.materials-shortcuts a{padding:10px 15px;border:1px solid #c6dadb;border-radius:24px;background:#ffffffae;color:#215e68;font-size:13px;text-decoration:none;min-height:44px;display:flex;align-items:center}.materials-shortcuts a:first-child{background:#156b75;color:white}#material-details>div{max-width:1360px;margin:auto}#material-details{padding-top:48px!important;padding-bottom:48px!important}.comparison-hint{font-size:12px!important;color:#607a80;margin:10px 0!important}#compare td:first-child{position:sticky;left:0;background:#f3f7f7;z-index:1}#compare>div>div:has(table){border-radius:20px;border:1px solid #e1e9e9}#weathering,#temperature-ranges,#compare,#material-details,#picker{scroll-margin-top:115px}.wx-cracks{stroke-width:1.1;stroke:#a7b6b5}
.wx-cracks{opacity:var(--exposure,0)}
@media(min-width:1000px){.wx-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.wx-card{padding:14px 12px}}
#material-details .material-use-heading{font-family:Manrope,sans-serif!important;font-size:15px!important;font-weight:750!important;line-height:1.4!important;letter-spacing:0!important;text-transform:none!important;color:#203d42!important;margin:0 0 10px!important}
#material-details .material-use-avoid{margin-top:22px!important;color:#633e30!important}
#material-details .material-tags{display:flex;flex-wrap:wrap;gap:8px}
#material-details .material-tag{font-family:Manrope,sans-serif!important;font-size:15px!important;font-weight:600!important;line-height:1.5!important;letter-spacing:0!important;text-transform:none!important;color:#25464b!important;background:#f4f8f8!important;border:1px solid #d0dddd!important;border-radius:9px;padding:7px 11px!important;max-width:100%;overflow-wrap:anywhere}
#material-details .material-tags-avoid .material-tag{color:#623e32!important;background:#faf5f1!important;border-color:#e3d7ce!important}

/* Let property values wrap inside phone comparison cards. */
html.mtune #compare .mcards{min-width:0;grid-template-columns:minmax(0,1fr);gap:12px}
html.mtune #compare .mcard{min-width:0;border:1px solid #dce5e5;border-radius:16px;padding:16px}
html.mtune #compare .mrow{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px}
html.mtune #compare .mrow span{min-width:0;white-space:normal!important;overflow-wrap:anywhere;letter-spacing:0!important;text-transform:none!important;line-height:1.55}
/* Shared weathering bench: six actual seal forms, one exposure. */
.wx-lab{max-width:920px;padding:26px 32px!important;overflow:hidden}
.wx-lab-header{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid #d6dfdf;color:#334d50}.wx-lab-header strong{display:block;font-size:16px}.wx-lab-header div>span{display:block;font-size:12px;color:#63797a;margin-top:4px}.wx-sun{font-size:40px;line-height:1;color:#b8743d}.wx-lab-header .wx-phase{margin-left:auto;font-size:12px;color:#765436;text-align:right}
.wx-specimens{position:relative;padding:12px 0;isolation:isolate}.wx-light{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 20%,#eac99938 48%,transparent 75%);opacity:calc(var(--exposure,0)*.85);transform:translateX(calc((var(--exposure,0) - .5)*30%))}
.wx-specimen{display:grid;grid-template-columns:95px minmax(0,1fr) 100px;align-items:center;gap:24px;border-bottom:1px solid #dce3e380;min-height:70px}.wx-specimen:last-child{border-bottom:0}.wx-specimen>strong{font-size:16px;font-weight:700;color:#29464a}.wx-specimen svg{width:100%;max-width:320px;height:70px;justify-self:center;overflow:visible}.wx-rating{font-size:14px;font-weight:700;color:#39565a}.wx-rating>span{display:block;font-size:11px;font-weight:400;color:#61777a;margin-top:3px}
.wx-fracture{fill:none;stroke:#bac1b8;stroke-width:1.7;stroke-linecap:round;opacity:var(--exposure,0)}.wx-fracture path{stroke-dasharray:1;stroke-dashoffset:clamp(0,calc(1 - (var(--exposure,0) - var(--crack-delay))*2.5),1)}
.wx-lab .wx-controls{margin-top:4px;padding-top:18px}.wx-lab .wx-controls label{font-size:13px}.wx-lab .wx-controls output{color:#6d766d;font-size:12px}.wx-lab .wx-controls .wx-scale{justify-content:space-between;font-size:11px;color:#6b7c7c;margin-top:-8px}.wx-lab .wx-actions{margin-top:18px}.wx-lab .wx-note{max-width:700px;margin-top:16px!important}.wx-lab button:focus-visible,.wx-lab input:focus-visible{outline:2px solid #156b75;outline-offset:4px}
@media(max-width:600px){.wx-lab{padding:18px 14px!important}.wx-lab-header{gap:8px;padding-bottom:14px}.wx-sun{font-size:32px}.wx-lab-header strong{font-size:14px}.wx-lab-header div>span{font-size:10px}.wx-lab-header .wx-phase{max-width:75px;font-size:11px}.wx-specimen{grid-template-columns:57px minmax(0,1fr) 63px;gap:8px;min-height:52px}.wx-specimen>strong{font-size:13px}.wx-specimen svg{height:52px}.wx-rating{font-size:12px}.wx-rating>span{font-size:9px}.wx-lab .wx-note{font-size:11px!important}.wx-lab .wx-controls button{min-height:44px!important;min-width:82px;font-size:13px!important}}
.wx-weather-icon{width:112px;height:64px;flex-shrink:0;overflow:visible}.wx-sun-art,.wx-cloud-art{transition:opacity .8s}.wx-cloud-art{opacity:.22}[data-weather="rain"] .wx-cloud-art{opacity:1}[data-weather="rain"] .wx-sun-art{opacity:.3}.wx-rain{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;overflow:hidden;transition:opacity .8s;z-index:1}.wx-rain g{stroke:#5b93a6;stroke-width:1.2;opacity:.4;transform:translateY(var(--rain-offset,0px))}[data-weather="rain"] .wx-rain{opacity:1}[data-weather="sun"] .wx-light{opacity:.7}[data-weather="rain"] .wx-light{opacity:0}.wx-light{background:radial-gradient(ellipse at 20% 0%,#efc07455,transparent 70%);transition:opacity .8s}
.wx-lab .wx-compact{display:flex;align-items:center;gap:10px;max-width:340px;margin:4px auto 0;padding:4px 0 0;border-top:0;height:48px}.wx-lab .wx-compact input{flex:1;min-width:0;width:100px;margin:0;min-height:32px;accent-color:#667f82}.wx-lab .wx-compact button{flex:0 0 44px;width:44px;min-width:44px;min-height:44px;height:44px;padding:0;border:0;border-radius:50%;background:#ffffff70;color:#3b6065;font:600 19px/1 Manrope,sans-serif;cursor:pointer}.wx-lab .wx-note{margin-top:8px!important}
@media(max-width:600px){.wx-weather-icon{width:83px;height:55px}.wx-lab .wx-compact{max-width:260px}.wx-lab-header .wx-phase{max-width:62px}}
@media(prefers-reduced-motion:reduce){.wx-sun-art,.wx-cloud-art,.wx-rain,.wx-light{transition:none}}
.wx-samples{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:22px 0 12px}.wx-samples .wx-specimen{display:flex;flex-direction:column;gap:4px;border:0;min-width:0;text-align:center}.wx-samples .wx-specimen svg{width:100%;max-width:100px;height:94px}.wx-samples .wx-specimen>strong{font-size:14px}.wx-samples .wx-rating{font-size:12px}.wx-samples .wx-rating>span{font-size:10px}.wx-samples .wx-fracture{opacity:clamp(0,calc(var(--exposure,0)*4),1);stroke-width:1.4}.wx-samples .wx-fracture path{stroke-dashoffset:clamp(0,calc(1 - (var(--exposure,0) - var(--crack-delay))*4),1)}
@media(max-width:600px){.wx-samples{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 8px;padding:18px 0}.wx-samples .wx-specimen svg{height:76px;max-width:82px}.wx-samples .wx-specimen>strong{font-size:13px}}