.container--diy-material{max-width:1180px}.diy-material-intro{background:linear-gradient(135deg,#eff8f0,#fff6e8)}.diy-material-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:1.25rem 0;padding:.55rem;border:1px solid #c9d5ca;border-radius:.9rem;background:#f6f8f5}.diy-material-tab{min-width:0;min-height:52px;padding:.75rem .65rem;border:1px solid transparent;border-radius:.65rem;background:#fff;color:inherit;font:inherit;font-weight:800;cursor:pointer;overflow-wrap:anywhere}.diy-material-tab[aria-selected="true"]{border-color:#326348;background:#326348;color:#fff;box-shadow:0 2px 8px rgb(50 99 72/20%)}.diy-material-tab:focus-visible{outline:3px solid rgb(50 99 72/30%);outline-offset:2px}.diy-material-panel{min-width:0}.diy-material-panel[hidden]{display:none!important}.diy-material-guide{margin-top:2rem}.diy-material-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.diy-material-points section{min-width:0;padding:1rem;border:1px solid #dce4dd;border-radius:.75rem;background:#fff}.diy-material-points h3{margin-top:0}@media(max-width:640px){.diy-material-selector{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:.4rem}.diy-material-tab{padding:.65rem .45rem;font-size:.9rem}.diy-material-points{grid-template-columns:1fr}}