.lesson-picker { margin-bottom: 8px; }
.anthem-lesson { max-width: 1400px; }
.anthem-tasks { padding-left: 1.4em; line-height: 1.35; }
.anthem-tasks li { margin: .4em 0; }
.anthem-examples { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.anthem-example, .anthem-experiment { padding: 16px; border: 2px solid var(--mist-400); border-radius: 14px; background: var(--blue-100); }
.anthem-lesson button { min-height: 52px; padding: 12px 18px; border: 2px solid var(--blue-900); border-radius: 10px; background: white; color: var(--neutral-900); font: inherit; cursor: pointer; }
.anthem-lesson .source-button { padding: 0; width: 44px; min-height: 44px; font-size: 22px; }
.anthem-experiment button { margin: 4px; }
.anthem-lesson details { margin: 12px 0; font-size: 21px; }
.anthem-lesson summary { cursor: pointer; min-height: 48px; padding: 10px; box-sizing: border-box; background: var(--green-100); border-radius: 10px; }
.anthem-record label, .anthem-record textarea { display: block; margin: 10px 0; }
.anthem-record textarea { width: 100%; box-sizing: border-box; padding: 12px; font: inherit; border: 2px solid var(--mist-400); border-radius: 10px; }
.anthem-record textarea:focus-visible { outline: 3px solid var(--blue-600); }
@media (max-width: 700px) { .anthem-examples { grid-template-columns: 1fr; } }