/* Homework centre - premium AMA layout */
#view-homework .sub-hero-pro--homework {
 background:
 radial-gradient(ellipse 80% 120% at 100% 0%, rgba(214, 179, 106, 0.35), transparent 55%),
 linear-gradient(135deg, #0b1733 0%, #1a3566 48%, #243f6e 100%);
 border-bottom: 3px solid #d6b36a;
 padding: 28px 20px 32px;
}
#view-homework .sub-hero-pro--homework h2 {
 font-family: "Playfair Display", Georgia, serif;
 font-style: italic;
 font-weight: 800;
 font-size: clamp(1.5rem, 4vw, 2rem);
 color: #fff;
 margin: 0 0 8px;
}
#view-homework .sub-hero-pro--homework h2 i {
 color: #f4d78a;
 font-style: normal;
}
#view-homework .sub-hero-pro--homework p {
 margin: 0;
 color: #c5d4ea;
 font-size: 0.95rem;
 max-width: 36em;
}

#view-homework .hw-wrap-clean {
 display: grid;
 gap: 18px;
 padding-top: 8px;
 padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
}

@media (min-width: 900px) {
 #view-homework .hw-wrap-clean {
 grid-template-columns: minmax(240px, 280px) 1fr;
 align-items: start;
 }
 #view-homework .hw-submit-guide--clean {
 grid-row: span 3;
 position: sticky;
 top: 72px;
 }
}

#view-homework .hw-submit-guide--clean {
 margin: 0;
 padding: 18px 16px;
 border-radius: 18px;
 background: linear-gradient(165deg, #fff 0%, #f4f7fc 100%);
 border: 1px solid rgba(11, 23, 51, 0.1);
 box-shadow: 0 12px 32px rgba(11, 23, 51, 0.1);
}
#view-homework .hw-submit-guide--clean h3 {
 margin: 0 0 12px;
 font-size: 1.05rem;
 color: #0b1733;
}
#view-homework .hw-submit-guide--clean h3 i {
 color: #d92736;
}
#view-homework .hw-submit-guide__steps li {
 margin-bottom: 8px;
 line-height: 1.45;
}

#view-homework .hw-profile-bar {
 border-radius: 16px;
 border: 2px solid rgba(214, 179, 106, 0.45);
 background: linear-gradient(135deg, #0b1733, #1a3566);
 box-shadow: 0 10px 28px rgba(11, 23, 51, 0.2);
}
#view-homework .hw-profile-bar .student-profile-bar__label {
 color: #f4d78a;
 font-weight: 700;
}
#view-homework .hw-profile-bar input {
 border-radius: 10px;
 border: 1px solid rgba(255, 255, 255, 0.25);
 background: rgba(255, 255, 255, 0.95);
}

#view-homework .hw-tasks--clean {
 display: grid;
 gap: 14px;
}

#view-homework .hw-my-submissions {
 border-radius: 18px;
 padding: 16px;
 background: #fff;
 border: 1px solid rgba(11, 23, 51, 0.08);
 box-shadow: 0 8px 24px rgba(11, 23, 51, 0.06);
}

#view-homework .student-feedback-panel {
 border-radius: 18px;
 border: 2px solid rgba(217, 39, 54, 0.25);
 background: linear-gradient(180deg, #fff8f8, #fff);
}