.catalog-nav{display:flex;flex-wrap:wrap;gap:10px;padding-block:30px 0}.catalog-nav a{font-size:11px;border:1px solid var(--line);padding:8px 15px;text-decoration:none;background:#fff}.catalog-nav a:hover{background:var(--green);color:white;border-color:var(--green)}.material-catalog{padding-block:15px 45px}.material-group{margin-bottom:43px;scroll-margin-top:25px}.material-group .list-heading{border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:20px}.material-group .list-heading h2{font-family:var(--serif);font-size:31px}.material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.material-card{padding:25px;background:white;border:1px solid var(--line);display:flex;flex-direction:column}.material-card h3{font-family:var(--serif);font-weight:400;font-size:25px;line-height:1.3;margin-bottom:16px}.material-card>p{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:20px}.material-brands{margin-top:auto;border-top:1px solid var(--line);padding-top:15px;font-size:11px;margin-bottom:18px}.material-brands strong{font-size:9px;font-weight:400;display:block;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:9px}.material-brands span{color:var(--green);font-size:12px}.material-card details{font-size:11px}.material-card summary{cursor:pointer;color:var(--green)}.material-card details ul{padding-left:15px;line-height:1.8}.material-card details li{margin-block:10px}.material-card details a{overflow-wrap:anywhere}.material-card .material-note{font-size:11px;background:var(--soft);padding:12px;margin:18px 0 0}.section-docs{font-size:10px!important;color:var(--muted);border-top:1px solid var(--line);padding-top:10px;line-height:1.8!important}.section-docs a{color:var(--green)}
@media(max-width:1100px){.material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.material-grid{grid-template-columns:1fr}.material-card{padding:23px}.material-card h3{font-size:25px}.catalog-nav{gap:8px;padding-top:24px}.catalog-nav a{padding:7px 12px;font-size:10px}.material-group .list-heading h2{font-size:29px}}