.learning-page{max-width:960px;padding-top:40px;padding-bottom:48px}
.learning-page>.eyebrow{display:block;margin-top:18px}
.footer-grid{grid-template-columns:minmax(200px,1fr) minmax(0,2fr)}
.footer-links{align-content:start}
@media(max-width:700px){.footer-grid{grid-template-columns:1fr}}
.learning-page [id],#practica{scroll-margin-top:90px}
.learning-page h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.12;letter-spacing:-.04em;margin:16px 0}
.learning-page h2{line-height:1.25;letter-spacing:-.025em}
.learning-page p,.learning-page li{max-width:78ch}
.learning-intro{font-size:1.16rem;color:var(--muted)}
.learning-links{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}
.learning-links a{color:var(--accent-2);font-weight:700;text-underline-offset:4px}
.learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}
.learning-card,.learning-exercises,.learning-note{padding:24px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);margin:24px 0}
.learning-grid .learning-card{margin:0}
.learning-card h2,.learning-card h3{margin-top:4px}
.learning-card p:last-child{margin-bottom:0}
.learning-card:target{scroll-margin-top:100px;outline:3px solid var(--accent-2)}
.learning-byline{font-size:.9rem;color:var(--muted);margin:20px 0}
.learning-byline a{color:inherit;text-decoration:underline}
.learning-exercises>p{color:var(--muted)}
.learning-quiz{padding:20px 0;border-top:1px solid var(--line);margin-top:18px}
.learning-quiz fieldset{border:0;margin:0 0 14px;padding:0;min-width:0}
.learning-quiz legend{font-weight:750;margin-bottom:12px;width:100%}
.learning-quiz label{display:flex;gap:10px;align-items:center;min-height:44px;padding:10px 12px;margin:8px 0;border:1px solid var(--line);border-radius:10px;cursor:pointer;line-height:1.45}
.learning-quiz input{width:18px;height:18px;flex:0 0 18px;accent-color:var(--accent-2);margin:0}
.learning-quiz label:has(input:checked){border-color:var(--accent-2);background:var(--accent-2-soft)}
.learning-quiz :focus-visible,.learning-page a:focus-visible{outline:3px solid var(--accent-2);outline-offset:4px}
.learning-solution{margin-top:14px}
.learning-solution summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.learning-feedback{padding:14px;border-left:4px solid var(--accent-2);background:var(--accent-2-soft)}
.learning-quiz[data-result=retry] .learning-feedback{border-color:var(--accent);background:var(--accent-soft)}
.learning-exercises [hidden],.learning-quiz [hidden]{display:none!important}
.learning-table-wrap{overflow-x:auto;margin:20px 0;border:1px solid var(--line);border-radius:12px}
.learning-table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums;text-align:left;background:var(--paper)}
.learning-table caption{text-align:left;padding:16px;font-weight:700}
.learning-table th,.learning-table td{padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.learning-table thead{background:var(--accent-2-soft)}
.learning-code{overflow-wrap:anywhere;font-size:.88rem}
.learning-board{display:flex;gap:8px;margin:16px 0}
.learning-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;width:54px;min-height:64px;border:2px solid var(--ink);border-radius:8px;font-size:1.4rem;font-weight:800;background:var(--paper)}
.learning-tile small{font-size:.75rem}
.learning-tile.correct{background:#17735a;color:#fff;border-color:#17735a}
.learning-tile.present{background:#efd889;color:#1c1a15;border-color:#96730e}
.learning-tile.absent{background:#64665d;color:#fff;border-color:#64665d}
.word-learning{margin:24px 0;padding:22px;text-align:left;border:1px solid var(--line);border-radius:16px;background:var(--paper)}
.word-learning h3{margin:8px 0;font-size:1.35rem}
.word-learning p{line-height:1.6}
@media(max-width:650px){.learning-grid{grid-template-columns:1fr}.learning-card,.learning-exercises,.learning-note{padding:18px}.learning-page{padding-top:24px}.learning-table th,.learning-table td{padding:10px}.word-learning{padding:16px}.learning-tile{width:46px}}
/* Definition editing reuses the existing admin controls. */
.admin-definition-summary { padding: 1.25rem; margin-block: 1rem; }
.admin-definition-text { min-width: 16rem; max-width: 44rem; white-space: normal; }
.admin-definition-editor { display: grid; gap: 1rem; padding: 1.25rem; margin-block: 1rem; }
.admin-definition-editor textarea { width: 100%; min-height: 10rem; box-sizing: border-box; padding: .8rem; font: inherit; color: inherit; background: var(--card, #fff); border: 1px solid var(--border, #d9dee8); border-radius: .6rem; resize: vertical; }
.learning-attribution { line-height: 1.6; }