.project-bar{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);gap:28px;background:#fff;border:1px solid #dce4dc;border-radius:14px;padding:24px;margin-bottom:20px}.project-bar h2{font-size:17px;margin:0 0 10px}.project-faces .hint{margin-bottom:14px}.face-row{display:flex;gap:6px;align-items:center;margin:7px 0}.face-row button{background:#f7faf5;border:1px solid #d3dfd2;border-radius:6px;padding:10px;color:#365e43;font-size:12px}.face-row .face-select{flex:1;text-align:left}.face-row.active .face-select{background:#20563e;color:white}.face-row small{opacity:.7;margin-left:12px}.face-row button:disabled{opacity:.3;cursor:default}.project-results{margin-bottom:28px}.project-results .metrics strong{font-size:30px;margin:8px 0 0}.project-results.dirty .metrics strong{color:#86948a}.table-scroll{overflow-x:auto;background:white;border-radius:10px}.table-scroll table{min-width:620px}.table-scroll th,.table-scroll td{padding:13px 15px}.table-scroll tr.active{background:#eef5e9}.table-scroll button{border:0;background:none;color:#286448;text-decoration:underline;padding:0;cursor:pointer}.layout-comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.layout-comparison>div{background:white;border:1px solid #d8e0d4;border-radius:8px;padding:12px;font-size:11px;line-height:1.8}.layout-comparison>div.chosen{border-color:#397751;background:#eaf3e5}.layout-comparison b{display:block;font-size:13px}#projectNotice.warning{padding:12px;background:#fff0d0;color:#815e1c;border-radius:8px}#cancelCalculation{margin-top:10px;width:100%}header nav{display:flex;gap:6px}header nav a{text-decoration:none}@media(max-width:700px){.project-bar{grid-template-columns:1fr;padding:18px}.metrics{gap:7px}.project-results .metrics strong{font-size:25px}.layout-comparison{gap:6px}.layout-comparison>div{padding:8px}.brand small{font-size:7px}header nav .secondary{padding:9px;font-size:10px}.face-row small{display:block;margin:4px 0 0}}
