.assignments-page{max-width:900px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6)}.page-header h1{margin-bottom:var(--space-1)}.phase-nav{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-3);background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.phase-nav-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);text-decoration:none;font-size:var(--text-sm);background:var(--color-bg-subtle);transition:background .15s ease;color:var(--color-text)}.phase-nav-item:hover{background:var(--color-bg-muted)}.phase-nav-label{color:var(--color-text)}.phase-assignments{margin-bottom:var(--space-8)}.phase-assignments-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-border)}.phase-assignments-header h2{display:flex;align-items:baseline;gap:var(--space-2)}.phase-assignments-header h2 .text-mono{font-size:var(--text-3xl);color:var(--color-text-muted)}.assignment-card{background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-4);overflow:hidden}.assignment-header{padding:var(--space-4);border-bottom:1px solid var(--color-border-subtle);cursor:pointer}.assignment-title-row{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-1)}.assignment-id{font-size:var(--text-xl);font-weight:700;color:var(--color-accent);font-family:var(--font-mono)}.assignment-title-row h3{flex:1;margin:0}.assignment-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:var(--text-sm);margin-top:var(--space-3)}.meta-item{display:flex;align-items:center;gap:var(--space-1)}.meta-label{color:var(--color-text-muted)}.meta-item.deadline{color:var(--color-text);font-weight:500}.assignment-body{padding:var(--space-4)}.checkpoint-box{padding:var(--space-3);background:var(--color-bg-subtle);border-radius:var(--radius-sm);font-size:var(--text-sm);margin-bottom:var(--space-4)}.checkpoint-box strong{margin-right:var(--space-2)}.context-section{margin-bottom:var(--space-4)}.context-section h4{font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.context-section p{font-size:var(--text-sm);line-height:1.7}.scenario-box,.constraints-box{padding:var(--space-3);background:#fef3c7;border-radius:var(--radius-sm);font-size:var(--text-sm);margin-bottom:var(--space-4)}.constraints-box ul{margin-top:var(--space-2);padding-left:var(--space-4)}.problems-section{margin-bottom:var(--space-4)}.problems-section h4{font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.problem{padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);margin-bottom:var(--space-3);transition:border-color .15s ease,background .15s ease}.problem.completed{background:#f0fdf4;border-color:#86efac}.problem-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.problem-checkbox{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.problem-checkbox input{width:18px;height:18px}.problem-number{font-weight:600;color:var(--color-text-muted)}.problem-title{font-weight:500}.problem-content{padding-left:var(--space-6)}.problem-text{margin-bottom:var(--space-3);line-height:1.7}.problem-list{margin-bottom:var(--space-3);padding-left:var(--space-5)}.problem-list li{margin-bottom:var(--space-2);line-height:1.7}.problem-math{margin:var(--space-3) 0;padding:var(--space-3);background:var(--color-bg-subtle);border-radius:var(--radius-sm);overflow-x:auto}.problem-code{margin:var(--space-3) 0;padding:var(--space-3);background:var(--color-accent);color:#fff;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);overflow-x:auto}.blog-component{margin-top:var(--space-4);padding:var(--space-3);background:#eff6ff;border-left:3px solid #3b82f6;border-radius:var(--radius-sm)}.blog-component h5{font-size:var(--text-sm);margin-bottom:var(--space-2);color:#1d4ed8}.blog-component ul{padding-left:var(--space-4);font-size:var(--text-sm)}.blog-component li{margin-bottom:var(--space-1);line-height:1.6}.deliverables-section h4{font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.deliverables-list{padding-left:var(--space-5);font-size:var(--text-sm)}.deliverables-list li{margin-bottom:var(--space-1)}.assignments-stats{display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{flex:1;padding:var(--space-4);background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);text-align:center}.stat-value{display:block;font-size:var(--text-2xl);font-weight:700;font-family:var(--font-mono);color:var(--color-accent)}.stat-label{font-size:var(--text-sm);color:var(--color-text-muted)}.assignments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--space-4)}.assignment-card-link{text-decoration:none;color:inherit;display:block}.assignment-card-link:hover .assignment-card{border-color:var(--color-accent);box-shadow:0 4px 12px #00000014}.assignment-card-link:hover .view-assignment{color:var(--color-accent)}.assignment-card{height:100%;display:flex;flex-direction:column;transition:border-color .15s ease,box-shadow .15s ease}.assignment-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.assignment-abstract{font-size:var(--text-sm);line-height:1.6;color:var(--color-text-secondary);margin-bottom:var(--space-3)}.assignment-details{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--text-sm)}.detail-row{display:flex;gap:var(--space-1)}.detail-label{color:var(--color-text-muted)}.assignment-tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.tag{padding:2px var(--space-2);background:var(--color-bg-subtle);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono)}.tag-more{background:var(--color-bg-muted)}.assignment-footer{margin-top:auto;padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-subtle);display:flex;justify-content:flex-end}.view-assignment{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);transition:color .15s ease;display:inline-flex;align-items:center;gap:var(--space-1)}.no-assignments{color:var(--color-text-muted);text-align:center;padding:var(--space-8)}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef3c7;color:#92400e}.badge-error{background:#fee2e2;color:#991b1b}@media(max-width:600px){.phase-nav{flex-direction:column}.assignment-meta{flex-direction:column;align-items:flex-start}.assignments-stats{flex-direction:column}.assignments-grid{grid-template-columns:1fr}}