.placement-header { text-align: center; padding: 44px 16px 22px; }
.placement-header h2 { font-size: 1.9rem; color: var(--color-primary); margin-bottom: 6px; }
.placement-header p { color: var(--color-text-muted); }

.progress-section { max-width: 600px; margin: 0 auto 30px; padding: 0 16px; text-align: center; }
.progress-section h3 { margin-bottom: 10px; font-size: 1rem; color: var(--color-primary); }
.progress-bar { width: 100%; height: 14px; background: #e8e3d5; border-radius: 8px; overflow: hidden; margin-bottom: 8px; }
.progress-fill { height: 100%; background: var(--color-accent); width: 0%; transition: width 0.5s ease; }
#progressText { color: var(--color-text-muted); font-size: 0.88rem; }

.checklist-section { max-width: 600px; margin: 0 auto 30px; padding: 0 16px; }
.checklist-section h3 { margin-bottom: 12px; font-size: 1rem; color: var(--color-primary); }
.checklist { display: flex; flex-direction: column; gap: 10px; }
.checklist-item {
  background: var(--color-card); padding: 12px 16px; border-radius: var(--radius);
  box-shadow: var(--shadow); display: flex; align-items: center; gap: 12px; cursor: pointer;
}
.checklist-item input { width: 18px; height: 18px; }
.checklist-item.checked span { text-decoration: line-through; color: var(--color-text-muted); }

.resources-section { max-width: 700px; margin: 0 auto 40px; padding: 0 16px; }
.resources-section h3 { margin-bottom: 12px; font-size: 1rem; color: var(--color-primary); }
.resources { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 14px; }
.resource-card {
  background: var(--color-card); padding: 16px; border-radius: var(--radius-lg);
  text-align: center; text-decoration: none; color: var(--color-text);
  font-weight: 600; box-shadow: var(--shadow); border-top: 3px solid var(--color-accent);
}