/* Daily discovery: native radio controls, visible result text and no timed UI. */
#daily-learning-content { min-width: 0; }
#daily-learning-content .section-heading { gap: .8rem; align-items: center; }
.learning-duration { color: #b6b3ba; font-size: .8rem; }
.learning-card { overflow-wrap: anywhere; }
.learning-meta { display: flex; flex-wrap: wrap; gap: .45rem 1rem; color: #dfbd85; font-size: .76rem; margin-bottom: 1.2rem; }
.learning-meta span + span { color: #b6b3ba; }
#learning-form { margin: 0; }
#learning-form fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
#learning-form legend { float: none; width: 100%; padding: 0; margin: 0 0 1.15rem; color: #f3eee5; font: 400 clamp(1.15rem, 2vw, 1.45rem)/1.45 Georgia, serif; }
.learning-options { display: grid; gap: .65rem; max-width: 65ch; }
.learning-option { display: flex; align-items: flex-start; gap: .85rem; padding: .85rem 1rem; min-height: 48px; margin: 0; border: 1px solid #dfbd8530; border-radius: 9px; background: #171b2b; color: #dedbe1; font-size: .92rem; line-height: 1.55; cursor: pointer; }
.learning-option input { flex: 0 0 auto; appearance: auto; width: 17px; height: 17px; margin: .2rem 0 0; padding: 0; accent-color: #dfbd85; }
.learning-option input:focus-visible { outline: 2px solid #dfbd85; outline-offset: 4px; }
.learning-option:has(input:checked) { border-color: #dfbd85; background: #dfbd850b; }
.learning-option:hover { border-color: #dfbd8580; }
.learning-option span { min-width: 0; }
.learning-option small { display: block; margin-top: .2rem; font-size: .73rem; }
#learning-form fieldset:disabled .learning-option { cursor: default; }
#learning-form fieldset:disabled input { opacity: .8; }
.learning-option.is-correct { border-color: #9cc4b8; background: #9cc4b810; color: #ecf5f0; }
.learning-option.is-correct small { color: #a7d4c6; }
.learning-option.is-chosen-wrong { border-color: #cdac8c; }
.learning-option.is-chosen-wrong small { color: #e2c4a7; }
.learning-submit { display: inline-flex; justify-content: center; align-items: center; min-height: 44px; margin-top: 1rem; padding: .75rem 1.1rem; border: 1px solid #dfbd85; border-radius: 8px; background: #dfbd85; color: #171b2b; font: 600 .85rem/1.4 system-ui, sans-serif; cursor: pointer; }
.learning-submit:hover { background: #ead1a9; border-color: #ead1a9; }
.learning-submit:focus-visible, #daily-learning-content button:focus-visible, .learning-source:focus-visible { outline: 2px solid #f3eee5; outline-offset: 3px; }
.learning-explanation { margin-top: 1.3rem; padding-top: 1.1rem; border-top: 1px solid #dfbd8530; max-width: 70ch; }
.learning-explanation h3 { margin: 0 0 .65rem; color: #dfbd85; font-size: 1.2rem; }
.learning-explanation p { margin: 0 0 .8rem; line-height: 1.7; color: #dedbe1; }
.learning-explanation:focus { outline: 0; }
.learning-source { display: inline-block; color: #dfbd85; font-size: .85rem; text-underline-offset: 4px; }
.learning-source span { display: inline-block; margin-left: .2rem; }
.learning-status { margin: 1rem 0 0; color: #b6b3ba; }
.learning-status.is-warning { color: #e2c4a7; }
#learning-save-retry { margin-top: .65rem; }
.learning-summary { margin-top: 1.2rem; padding-top: 1rem; border-top: 1px solid #dfbd8526; }
.learning-summary strong { display: block; font-size: .85rem; color: #f3eee5; font-weight: 500; }
.learning-summary strong span { color: #b6b3ba; font-weight: 400; }
.learning-summary > div { display: flex; flex-wrap: wrap; gap: .35rem 1.2rem; margin-top: .5rem; font-size: .8rem; color: #b6b3ba; }
.learning-summary > p { margin: .55rem 0 0; }
@media (max-width: 600px) {
  #daily-learning-content .section-heading { align-items: flex-start; flex-direction: column; }
  .learning-option { padding: .8rem; gap: .7rem; }
  .learning-submit { width: 100%; }
}