/* Projects & quotes / project summary */

.lc-modes {
  display: grid;
  gap: var(--lc-space-4);
}

@media (min-width: 768px) {
  .lc-modes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.lc-mode {
  display: grid;
  gap: var(--lc-space-4);
  align-content: start;
  padding: clamp(1.5rem, 1.1rem + 1.6vw, 2.25rem);
  border: 1px solid var(--lc-border);
  border-radius: var(--lc-radius-lg);
  background: var(--lc-surface-raised);
}

.lc-mode__label {
  font-family: var(--lc-font-mono);
  font-size: var(--lc-text-xs);
  color: var(--lc-text-subtle);
  letter-spacing: 0.08em;
}

.lc-mode h3 { font-size: var(--lc-text-2xl); letter-spacing: var(--lc-tracking-tight); }
.lc-mode p { margin: 0; color: var(--lc-text-muted); }
.lc-mode .lc-checklist { font-size: var(--lc-text-sm); }

/* Package summary */
.lc-package {
  display: grid;
  gap: var(--lc-space-8);
  align-items: start;
}

@media (min-width: 1024px) {
  .lc-package { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--lc-space-12); }
  .lc-package__aside { position: sticky; top: calc(var(--lc-header-h) + var(--lc-space-6)); }
}

.lc-package__card {
  border: 1px solid var(--lc-border);
  border-radius: var(--lc-radius-lg);
  background: var(--lc-surface-raised);
  overflow: hidden;
  box-shadow: var(--lc-shadow-md);
}

.lc-package__head {
  display: grid;
  gap: var(--lc-space-4);
  padding: clamp(1.25rem, 1rem + 1.5vw, 2rem);
  background: var(--lc-graphite-950);
  color: #f2f3f4;
}

.lc-package__head .lc-eyebrow { color: #a3aab3; }
.lc-package__title { font-size: var(--lc-text-2xl); letter-spacing: var(--lc-tracking-tight); }

.lc-package__facts {
  display: grid;
  gap: var(--lc-space-3);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 9rem), 1fr));
  margin: 0;
}

.lc-package__facts div {
  display: grid;
  gap: 0.2rem;
  padding: var(--lc-space-3);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--lc-radius-sm);
}

.lc-package__facts dt {
  font-family: var(--lc-font-mono);
  font-size: var(--lc-text-2xs);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #7f8791;
}

.lc-package__facts dd { margin: 0; font-size: var(--lc-text-sm); color: #f2f3f4; }

.lc-package__groups { padding: 0 clamp(1.25rem, 1rem + 1.5vw, 2rem); }

.lc-package__group > summary { gap: var(--lc-space-4); }

.lc-package__group-title {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--lc-space-4);
  align-items: center;
  flex: 1;
}

.lc-package__group-title small {
  display: block;
  font-weight: var(--lc-weight-regular);
  font-size: var(--lc-text-xs);
  color: var(--lc-text-subtle);
}

.lc-package__lines {
  display: grid;
  gap: var(--lc-space-1);
  margin: 0;
  padding: 0 0 0 calc(1.75rem + var(--lc-space-4));
  list-style: none;
}

.lc-package__lines li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: var(--lc-space-3);
  align-items: start;
  padding: var(--lc-space-3) 0;
  border-top: 1px dashed var(--lc-border);
  font-size: var(--lc-text-sm);
  color: var(--lc-text-muted);
}

@media (max-width: 479px) {
  .lc-package__lines { padding-left: 0; }
  .lc-package__lines li { grid-template-columns: auto minmax(0, 1fr); }
  .lc-package__qty { grid-column: 2; }
}

.lc-package__lines li strong { display: block; color: var(--lc-text); font-weight: var(--lc-weight-medium); }
.lc-package__lines .lc-icon { color: var(--lc-text-subtle); margin-top: 0.1rem; }

.lc-package__qty {
  font-family: var(--lc-font-mono);
  font-size: var(--lc-text-xs);
  color: var(--lc-text-subtle);
  white-space: nowrap;
}

.lc-package__total {
  display: grid;
  gap: var(--lc-space-4);
  padding: clamp(1.25rem, 1rem + 1.5vw, 2rem);
  border-top: 1px solid var(--lc-border);
  background: var(--lc-surface-sunken);
}

@media (min-width: 640px) {
  .lc-package__total { grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
}

/* My projects */
.lc-project-list {
  display: grid;
  gap: var(--lc-space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}

.lc-project-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--lc-space-4);
  align-items: center;
  padding: var(--lc-space-4) var(--lc-space-5);
  border: 1px solid var(--lc-border);
  border-radius: var(--lc-radius-md);
  background: var(--lc-surface-raised);
  color: var(--lc-text);
  text-decoration: none;
  transition: border-color var(--lc-dur-fast) var(--lc-ease);
}

.lc-project-row:hover { border-color: var(--lc-border-strong); color: var(--lc-text); text-decoration: none; }
.lc-project-row strong { display: block; }
.lc-project-row small { color: var(--lc-text-subtle); font-size: var(--lc-text-xs); }

.lc-package__head-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--lc-space-3);
}

.lc-package__aside { --lc-stack-gap: var(--lc-space-5); }
.lc-project-links { margin-top: var(--lc-space-4); }