.learner-page .org-header a { overflow-wrap: anywhere; }
.learner-welcome { max-width: 720px; padding-block: 8px; }
.learner-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr)); gap: 20px; }
.learner-grid .org-card { margin: 0; display: flex; flex-direction: column; align-items: flex-start; }
.learner-grid .org-card .org-actions { margin-top: auto; padding-top: 18px; }
.learner-page .org-tabs a { padding: 10px 16px; }
.learner-review { max-width: 760px; margin-inline: auto; }
.learner-card-face { padding: clamp(24px, 6vw, 56px); border: 1px solid var(--line); border-radius: 18px; background: var(--surface); white-space: pre-wrap; overflow-wrap: anywhere; font-size: clamp(1.15rem, 2.5vw, 1.5rem); touch-action: pan-y; user-select: text; }
.learner-card-face.revealed { background: var(--aqua-100); animation: learner-flip 260ms ease-out; }
.learner-page .org-main, .learner-page section, .learner-page form { min-width: 0; }
.learner-page h1, .learner-page h2, .learner-page p { overflow-wrap: anywhere; }
@keyframes learner-flip { from { transform: perspective(900px) rotateY(-18deg); opacity: .5; } to { transform: perspective(900px) rotateY(0); opacity: 1; } }
@media(prefers-reduced-motion: reduce) { .learner-card-face.revealed { animation: none; } }
@media(max-width: 540px) { .learner-page .org-header { gap: 12px; } .learner-page .org-header > span { flex-basis: 55%; } .learner-review .org-actions > button { flex: 1 1 130px; } }