.projects-intro { align-items: center; }
.projects-total { min-width: 150px; padding-left: 18px; border-left: 2px solid var(--green); }
.projects-total strong, .projects-total span { display: block; }
.projects-total strong { font-size: 32px; }
.projects-total span { margin-top: 3px; color: var(--muted); font: 500 9px var(--mono); text-transform: uppercase; }
.projects-summary { display: grid; grid-template-columns: repeat(5, 1fr); margin: 18px 0; border: 1px solid var(--line); border-radius: 5px; background: var(--card); overflow: hidden; }
.projects-summary div { padding: 18px; border-right: 1px solid var(--line); }
.projects-summary div:last-of-type { border-right: 0; }
.projects-summary strong, .projects-summary span { display: block; }
.projects-summary strong { font-size: 23px; }
.projects-summary span { margin-top: 3px; color: var(--muted); font: 500 9px var(--mono); text-transform: uppercase; }
.projects-storage-warning { grid-column: 1 / -1; margin: 0; padding: 10px 18px; border-top: 1px solid var(--line); color: var(--coral); font-size: 10px; }
.projects-toolbar { display: grid; grid-template-columns: 1fr 220px 180px; gap: 10px; margin: 22px 0; }
.projects-toolbar label > span { display: block; margin: 0 0 6px; color: var(--muted); font: 500 9px var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.projects-toolbar input, .projects-toolbar select { min-height: 42px; }
.projects-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.project-card { min-width: 0; padding: 20px; border: 1px solid var(--line); border-top: 2px solid #697170; border-radius: 5px; background: var(--card); }
.project-card.project-complete { border-top-color: var(--green); }
.project-card.project-partial { border-top-color: var(--yellow); }
.project-card.project-unverified { border-top-color: var(--coral); }
.project-card header { display: grid; grid-template-columns: auto 1fr 116px; gap: 9px; align-items: center; }
.project-number { color: var(--green); font: 500 10px var(--mono); }
.project-company { color: var(--muted); font: 500 9px var(--mono); text-transform: uppercase; letter-spacing: .07em; }
.project-card header select { padding: 7px 8px; font-size: 9px; }
.project-card h3 { margin: 22px 0 9px; font-size: 18px; line-height: 1.25; }
.project-problem { min-height: 48px; margin: 0; color: #c9c7c1; font-size: 11px; line-height: 1.55; }
.project-card details { margin-top: 18px; border-top: 1px solid var(--line); }
.project-card summary { padding: 13px 0; color: var(--muted); font: 500 9px var(--mono); cursor: pointer; text-transform: uppercase; letter-spacing: .05em; }
.project-detail-grid { display: grid; gap: 13px; padding: 3px 0 12px; }
.project-detail-grid span { color: var(--green); font: 500 8px var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.project-detail-grid p { margin: 5px 0 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
.project-skills { display: flex; flex-wrap: wrap; gap: 5px; padding-bottom: 15px; }
.project-skills span { padding: 5px 7px; border: 1px solid var(--line); border-radius: 3px; color: #c6c3bd; font: 500 8px var(--mono); }
.project-evidence { margin-top: 14px; padding: 13px; border: 1px solid var(--line); border-radius: 4px; background: #0c0f10; }
.project-evidence strong { color: var(--yellow); font: 500 8px var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.project-evidence p { margin: 6px 0 0; color: var(--muted); font-size: 9px; line-height: 1.5; }
.project-complete .project-evidence strong { color: var(--green); }
.project-partial .project-evidence strong { color: var(--yellow); }
.project-links { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }
.project-links a { padding: 6px 8px; border: 1px solid rgba(119,201,186,.3); border-radius: 3px; color: var(--green); font: 500 8px var(--mono); text-decoration: none; }
.project-links a:hover { background: var(--green-soft); }
.projects-empty { grid-column: 1 / -1; }

@media (max-width: 980px) {
  .projects-toolbar { grid-template-columns: 1fr 1fr; }
  .projects-toolbar label:first-child { grid-column: 1 / -1; }
}

@media (max-width: 820px) {
  .projects-summary { grid-template-columns: repeat(3, 1fr); }
  .projects-summary div:nth-child(3) { border-right: 0; }
  .projects-summary div:nth-child(-n+3) { border-bottom: 1px solid var(--line); }
  .projects-grid { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .projects-intro { align-items: flex-start; }
  .projects-total { width: 100%; }
  .projects-summary { grid-template-columns: 1fr 1fr; }
  .projects-summary div { border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .projects-summary div:nth-child(2n) { border-right: 0; }
  .projects-summary div:last-of-type { border-bottom: 0; }
  .projects-toolbar { grid-template-columns: 1fr; }
  .projects-toolbar label:first-child { grid-column: auto; }
  .project-card { padding: 17px; }
  .project-card header { grid-template-columns: auto 1fr; }
  .project-card header select { grid-column: 1 / -1; }
  .project-problem { min-height: 0; }
}