.homework-page .eyebrow { color: #80602a; }
.homework-hero { padding-top: clamp(44px, 6vw, 80px); }
.homework-hero h1 { font-size: clamp(2.7rem, 4.6vw, 4.4rem); }
.homework-cover img { width: min(380px, 86%); }
.homework-page .homework-caption { margin-top: 18px; font-size: .9rem; color: var(--muted); }
.homework-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.homework-item { padding: clamp(24px, 3vw, 38px); background: var(--white); border: 1px solid rgba(33,27,36,.1); border-radius: var(--radius); }
.homework-item .eyebrow { display: block; margin-bottom: 22px; }
.homework-item p { margin-bottom: 0; color: var(--muted); }
.homework-printable { border-top: 1px solid rgba(33,27,36,.1); }
.homework-review { border-top: 1px solid rgba(33,27,36,.1); border-bottom: 1px solid rgba(33,27,36,.1); }
.homework-page a:focus-visible { outline: 3px solid var(--ink); outline-offset: 5px; }
@media (max-width: 900px) { .homework-hero .download-copy { grid-row: 1; } .homework-cover img { width: min(330px, 80%); } }
@media (max-width: 560px) { .homework-grid { grid-template-columns: 1fr; } .homework-hero h1 { font-size: 2.7rem; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .homework-page *, .homework-page *::before, .homework-page *::after { transition: none !important; } }