*{box-sizing:border-box}body{color:#1f2933;background:#f6f7f8;margin:0;font-family:Inter,Arial,sans-serif}.page{min-height:100vh;padding:28px}.hero{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:14px;display:flex}.hero h1{margin:0 0 8px;font-size:34px}.hero p{color:#536471;margin:0 0 8px}.hero small{color:#687887}.hero button,.qualityToggle{color:#fff;cursor:pointer;background:#d9272e;border:0;border-radius:6px;padding:10px 14px;font-weight:700}.banner{background:#fff4d6;border:1px solid #f1cd77;border-radius:8px;margin:12px 0 18px;padding:12px}.cards,.cityGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:18px;display:grid}.card,.cityCard,.quality{background:#fff;border:1px solid #e1e6eb;border-radius:8px;padding:14px}.card span,.cityCard span,.quality span,.detailGrid span{color:#687887;text-transform:capitalize;font-size:12px;display:block}.card b{margin-top:8px;font-size:24px;display:block}.pills{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.pills button{cursor:pointer;background:#fff;border:1px solid #cfd8df;border-radius:999px;padding:8px 12px}.pills .active{color:#fff;background:#1f2933}.filters{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:18px 0;display:grid}.filters label{color:#536471;text-transform:capitalize;font-size:12px}.filters select,.filters input{background:#fff;border:1px solid #cfd8df;border-radius:6px;width:100%;margin-top:4px;padding:9px}.qualityToggle{margin-bottom:10px}.quality{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-bottom:16px;display:grid}.empty,.error{color:#536471;background:#fff;border:1px solid #e1e6eb;border-radius:8px;padding:20px}.tableWrap{background:#fff;border:1px solid #e1e6eb;border-radius:8px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:3000px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #edf0f2;padding:11px 10px;font-size:13px}th{color:#536471;cursor:pointer;background:#f9fafb;position:sticky;top:0}tbody tr:hover{background:#fff8f1}a{color:#b91c1c;font-weight:700;text-decoration:none}.badge{white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800;display:inline-flex}.p0{color:#991b1b;background:#fee2e2}.p1{color:#9a3412;background:#ffedd5}.p2,.neutral{color:#374151;background:#e5e7eb}.reject{color:#fff;background:#111827}.warn{color:#92400e;background:#fef3c7}.opportunity{color:#166534;background:#dcfce7}.exists{color:#1e40af;background:#dbeafe}.inlineSelect,.inlineComment{font:inherit;background:#fff;border:1px solid #cfd8df;border-radius:6px;padding:7px 8px}.inlineSelect{min-width:132px}.inlineComment{width:220px}@media (max-width:700px){.page{padding:16px}.hero{display:block}.hero button{width:100%;margin-top:12px}.hero h1{font-size:28px}}.brandBlock{align-items:flex-start;display:flex}.productMark{letter-spacing:0;color:#1f2933;white-space:nowrap;align-items:center;gap:4px;margin-bottom:10px;font-size:34px;font-weight:900;line-height:1;display:flex}.productMark span{color:#1f2933;font-weight:900}.productMark img{object-fit:contain;width:154px;height:auto;display:block}@media (max-width:700px){.brandBlock{display:block}.productMark{white-space:normal;flex-wrap:wrap;gap:3px;font-size:28px}.productMark img{width:126px}}.heroActions{align-items:center;gap:8px;display:flex}.hero .methodologyButton{color:#1f2933;background:#fff;border:1px solid #cfd8df}.modalBackdrop{z-index:100;background:#11182794;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.methodologyModal{background:#fff;border:1px solid #d9dfe4;border-radius:8px;width:min(920px,100%);max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 24px 70px #11182747}.methodologyHeader{z-index:1;background:#fff;border-bottom:1px solid #e6eaed;justify-content:space-between;gap:24px;padding:24px 28px 20px;display:flex;position:sticky;top:0}.methodologyHeader h2{margin:4px 0 6px;font-size:26px}.methodologyHeader p{color:#687887;margin:0}.methodologyEyebrow{color:#d9272e;text-transform:uppercase;font-size:12px;font-weight:800}.modalClose{color:#1f2933;cursor:pointer;background:#f1f3f5;border:0;border-radius:50%;flex:0 0 36px;width:36px;height:36px;padding:0;font-size:26px;line-height:1}.methodologyBody{grid-template-columns:1fr 1fr;display:grid}.methodologyBody article{border-bottom:1px solid #e6eaed;padding:24px 28px}.methodologyBody article:nth-child(odd){border-right:1px solid #e6eaed}.methodologyBody h3{justify-content:space-between;gap:12px;margin:0 0 10px;font-size:18px;display:flex}.methodologyBody h3 span{color:#687887;font-size:12px}.methodologyBody p{color:#536471;line-height:1.5}.weightList,.priorityScale{margin:16px 0}.weightList div,.priorityScale div{border-bottom:1px solid #edf0f2;justify-content:space-between;gap:16px;padding:7px 0;display:flex}.weightList dt,.priorityScale dt{color:#536471}.weightList dd,.priorityScale dd{margin:0;font-weight:800}.formula{background:#f7f8f9;border-left:3px solid #d9272e;margin:14px 0;padding:12px;font-weight:800;line-height:1.45}.methodologyBody .caveat{color:#5f4714;background:#fff4d6;border:1px solid #f1cd77;border-radius:6px;padding:11px 12px;font-size:13px}.priorityScale{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.priorityScale div{text-align:center;background:#f7f8f9;border:0;padding:10px;display:block}.priorityScale dd{margin-top:4px;font-size:12px}.methodologyFooter{color:#687887;background:#f7f8f9;align-items:center;gap:10px;padding:16px 28px;font-size:12px;display:flex}.methodologyFooter strong{color:#1f2933;margin-right:18px}@media (max-width:700px){.heroActions{display:block}.methodologyBody{grid-template-columns:1fr}.methodologyBody article:nth-child(odd){border-right:0}.modalBackdrop{padding:10px}.methodologyModal{max-height:calc(100vh - 20px)}.methodologyHeader,.methodologyBody article{padding:20px}.priorityScale{grid-template-columns:repeat(2,1fr)}.methodologyFooter{flex-wrap:wrap;padding:14px 20px}}
