.project-mix-controls { display:flex; flex-wrap:wrap; gap:16px; margin:12px 0; }
.project-mix-controls label { display:flex; flex-direction:column; gap:6px; font-size:12px; font-weight:700; }
.project-mix-controls select { min-height:40px; padding:8px 34px 8px 12px; border:1px solid #c9ccd1; border-radius:8px; background:white; color:#292b30; font:inherit; }
.project-mix-controls select:focus-visible { outline:3px solid #b73a4f; outline-offset:2px; }
.project-mix-coverage { padding:12px 14px; border-radius:8px; background:#f2f4f7; color:#424852; font-size:12px; line-height:1.6; }
.project-mix-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:16px 0; }
.project-mix-card { border:1px solid #dce0e5; border-top:3px solid #526272; border-radius:10px; background:#fff; overflow:hidden; min-width:0; }
.project-mix-card-unknown { border-top-color:#b47a19; }
.project-mix-card header { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; padding:16px 18px; }
.project-mix-card h3 { font-size:16px; margin:0; color:#282d34; }
.project-mix-card header span { padding:4px 8px; background:#f2f4f6; border-radius:6px; font-size:12px; font-weight:700; white-space:nowrap; }
.project-mix-card dl { margin:0; padding:0 18px 12px; }
.project-mix-card dl div { display:flex; justify-content:space-between; align-items:baseline; gap:12px; padding:9px 0; border-bottom:1px solid #edf0f3; }
.project-mix-card dt { font-size:12px; color:#58616d; }
.project-mix-card dd { font-weight:700; font-size:15px; margin:0; }
.project-mix-card footer { display:flex; flex-direction:column; gap:5px; padding:12px 18px; background:#f8f9fb; }
.project-mix-card footer span { font-size:12px; color:#58616d; }
.project-mix-card footer strong { font-size:24px; line-height:1.25; }
.project-mix-card footer small { color:#58616d; font-size:11px; line-height:1.5; }
.project-mix-review { margin:0; padding:12px 18px; font-size:11px; color:#656c76; line-height:1.5; }
.project-mix-method { margin-top:14px; font-size:12px; line-height:1.7; color:#515b67; }
.project-mix-method summary { cursor:pointer; font-weight:700; padding:8px 0; }
@media(max-width:1000px) { .project-mix-grid { grid-template-columns:1fr; } }
@media(max-width:480px) { .project-mix-controls { flex-direction:column; } .project-mix-controls select { width:100%; } }