.assignment-band { min-height: calc(100vh - 150px); padding: 42px 0 80px; background: #f3f5f3; }
.assignment-shell { max-width: 980px; }
.assignment-shell > header { margin-bottom: 28px; }
.assignment-shell h1 { margin: 6px 0 10px; font-size: 36px; letter-spacing: 0; color: #173c35; }
.identity-form { display: grid; grid-template-columns: 1fr 1fr auto; gap: 14px; align-items: end; padding: 24px; background: #fff; border: 1px solid #d7ddd8; border-radius: 8px; }
.identity-form label, .answer-field { display: grid; gap: 7px; font-weight: 700; color: #283d36; }
.identity-form input, .answer-field textarea { width: 100%; border: 1px solid #aebbb4; border-radius: 6px; padding: 11px 12px; font: inherit; background: #fff; }
.assignment-list { display: grid; gap: 12px; margin-bottom: 22px; }
.assignment-list > article, .journey-assignments article { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 20px; background: #fff; border: 1px solid #d7ddd8; border-radius: 8px; }
.assignment-list h2 { margin: 6px 0; font-size: 20px; letter-spacing: 0; }
.status { color: #7a3f20; font-size: 13px; font-weight: 800; }
.question-sheet { margin: 0 0 18px; padding: 26px; background: #fff; border: 1px solid #d7ddd8; border-radius: 8px; }
.question-sheet h2 { font-size: 22px; letter-spacing: 0; }
.question-meta { display: flex; justify-content: space-between; color: #6b756f; }
.classical-text { padding: 14px; background: #f5f0e7; border-left: 3px solid #9a6336; }
.question-sheet aside { margin: 16px 0; padding: 14px; background: #edf4f0; }
.question-sheet details { border-top: 1px solid #e0e5e1; padding: 12px 0; }
.answer-field { margin-top: 16px; }
.journey-assignments { margin: 28px 0; }
.assignment-state { display: flex; gap: 12px; margin: 18px 0; padding: 18px; background: #e8f1ec; border-radius: 6px; }
.empty-state { padding: 30px; text-align: center; background: #fff; border: 1px solid #d7ddd8; }
@media (max-width: 720px) { .assignment-shell h1 { font-size: 30px; } .identity-form { grid-template-columns: 1fr; } .assignment-list > article, .journey-assignments article { align-items: flex-start; flex-direction: column; } .question-sheet { padding: 18px; } }