.project-nav{display:grid;gap:6px}.project-nav .filter{width:100%}.sub-filter{border:1px solid #ef6975;border-radius:7px;background:#f72338;color:#fff;padding:10px 12px;font-size:14px;font-weight:800;text-align:left;cursor:pointer;box-shadow:inset 3px 0 #ffd0d5}.quality-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,auto);grid-auto-flow:column;gap:16px}.quality-card{min-height:230px;padding:18px}.quality-card-top{font-size:16px}.quality-card-top b{padding:5px 10px}.quality-values{margin:17px 0 11px}.quality-values strong{font-size:28px}.quality-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:10px 0;border-top:1px dashed #e8cbc9}.quality-breakdown span{font-size:12px;color:#8b6b6e;background:#fff;border-radius:6px;padding:7px;text-align:center}.quality-breakdown b{display:block;color:#502226;font-size:19px;margin-top:3px}.quality-rate{margin-top:8px}.quality-rate em{font-size:24px}@media(max-width:1100px){.quality-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-flow:row}}@media(max-width:650px){.quality-grid{grid-template-columns:1fr}.quality-card{min-height:auto}}
.quality-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:10px 0;border-top:1px dashed #e8cbc9}.quality-category{border-radius:7px;padding:8px 5px;text-align:center;border:1px solid transparent}.quality-category>span{display:block;color:#8b6b6e;font-size:12px;margin-bottom:4px}.quality-category b{display:block;color:#502226;font-size:13px;line-height:1.45}.quality-category em{display:block;font-size:16px;font-style:normal;font-weight:900;margin-top:4px}.quality-category.quality-green{background:#eaf8f0;border-color:#bce4ce}.quality-category.quality-green em{color:#118a4d}.quality-category.quality-yellow{background:#fff6d8;border-color:#f1d26a}.quality-category.quality-yellow em{color:#a47300}.quality-category.quality-red{background:#ffeaed;border-color:#f2b5bc}.quality-category.quality-red em{color:#d51025}