.learning-list{display:grid;gap:1rem}.learning-card,.learning-detail,.formula-card,.flash-card,.mini-card{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-lg);padding:1rem}.learning-card{display:grid;gap:.45rem}.text-link{border:0;background:transparent;color:var(--accent);text-align:left;padding:.45rem 0;cursor:pointer;font:inherit}.search-box,.flash-controls label{display:grid;gap:.4rem}.search-box input,.flash-controls select{min-height:44px;border:1px solid var(--border);border-radius:var(--radius-md);padding:.7rem;background:var(--surface);color:var(--text)}.formula-results{display:grid;gap:.75rem;margin-top:1rem}.formula-card{position:relative;padding-right:3rem}.favorite-button{position:absolute;right:.75rem;top:.65rem;min-width:40px;min-height:40px;border:0;background:transparent;color:var(--accent);font-size:1.4rem;cursor:pointer}.academic-text{white-space:pre-wrap;font:inherit;line-height:1.6;max-height:60vh;overflow:auto}.flash-controls{display:flex;gap:.75rem;align-items:end;flex-wrap:wrap}.flash-stage{display:grid;gap:.75rem;margin-top:1rem}.flash-card summary{cursor:pointer;font-weight:700}.flash-card p{margin-top:.75rem}.result-count{color:var(--muted)}@media(min-width:900px){.learning-list{grid-template-columns:repeat(2,minmax(0,1fr))}.formula-results{grid-template-columns:repeat(2,minmax(0,1fr))}}


.favorite-button{min-width:44px;min-height:44px}.text-link{min-height:44px}.learning-detail,.formula-card,.mini-card{overflow-wrap:anywhere;min-width:0}.academic-text{overflow-wrap:anywhere}.learning-card button:focus-visible,.favorite-button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}

.flash-stage,.flash-card{min-width:0}.flash-card,.flash-card summary,.flash-card p{overflow-wrap:anywhere;word-break:normal}
.flash-controls label{min-width:0;max-width:100%;flex:1 1 180px}.flash-controls select{width:100%;min-width:0;max-width:100%;text-overflow:ellipsis}

.flash-controls {flex-wrap:wrap;} .flash-controls label {min-width:0;max-width:100%;} .flash-controls input[type=checkbox] {width:44px;height:44px;vertical-align:middle;} .learning-detail {scroll-margin-top:80px;}