/* Optional feedback uses the same generous fields as personal writing. */
.learning-consent,.learning-feedback { max-width:42rem; margin:var(--space-6) auto; }
.learning-consent label { display:flex; align-items:flex-start; gap:var(--space-3); font:18px/1.55 var(--serif); cursor:pointer; }
.learning-consent input { flex:none; width:20px; height:20px; margin:4px 0 0; accent-color:var(--action); }
.learning-consent p,.learning-note { color:var(--muted); font:var(--type-small)/1.7 var(--sans); margin:var(--space-3) 0; }
.learning-feedback { border-top:1px solid var(--rule); padding-top:var(--space-6); }
.learning-feedback h3 { font:400 28px/1.3 var(--serif); letter-spacing:-.025em; margin-bottom:var(--space-6); }
.learning-feedback label { display:block; font:var(--type-label)/1.5 var(--sans); margin:var(--space-5) 0 var(--space-3); }
.learning-feedback :is(select,textarea,input) { width:100%; }
.learning-feedback textarea { font:19px/1.6 var(--serif); }
.learning-feedback input[readonly] { font-variant-numeric:tabular-nums; }
.learning-status { font:var(--type-label)/1.6 var(--sans); margin-top:var(--space-4); }
.learning-receipt:empty { display:none; }
.learning-withdraw > summary { min-height:var(--control-height); padding:var(--space-3) 0; cursor:pointer; color:var(--muted); font:var(--type-label)/1.5 var(--sans); }
.learning-dialog { width:min(46rem,calc(100vw - 48px)); max-height:calc(100dvh - 48px); margin:auto; padding:var(--space-8) clamp(24px,4vw,48px); overflow:auto; border:1px solid var(--rule); border-radius:var(--radius-large); background:var(--paper); color:var(--ink); box-shadow:var(--shadow); overscroll-behavior:contain; }
.learning-dialog::backdrop { background:#26374766; backdrop-filter:blur(3px); }
.learning-dialog h2 { clear:both; font:400 clamp(28px,4vw,36px)/1.25 var(--serif); letter-spacing:-.025em; padding-top:var(--space-4); }
.learning-close { float:right; position:sticky; top:0; z-index:1; padding-inline:var(--space-3); border-radius:var(--radius); background:var(--paper); }
.learning-intro { margin-top:var(--space-4); font:16px/1.7 var(--sans); }
@media(max-width:600px) { .learning-dialog { width:calc(100vw - 24px); max-height:calc(100dvh - 24px); padding:var(--space-6); } }