.learning-section{margin-block:36px 64px}.learning-section>h2{margin-bottom:14px}.learning-section>p{max-width:64ch;margin-bottom:20px}.learning-filters,.learning-levels,.learning-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.learning-filters button[aria-pressed=true],.learning-levels button[aria-pressed=true]{background:var(--yellow);box-shadow:0 3px 0 var(--ink)}.learning-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.learning-card{background:var(--white);border:2px solid var(--ink);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:16px}.learning-card h3{font-size:28px}.learning-card .button{align-self:flex-start;margin-top:auto}.learning-card-art{border-radius:16px;display:grid;place-items:center;padding:16px}.learning-pip .learning-card-art{background:var(--teal)}.learning-junie .learning-card-art{background:var(--pink)}.learning-moss .learning-card-art{background:var(--yellow)}.learning-card-art svg{width:72px;height:72px}.learning-meta{font-size:14px;font-weight:700;color:var(--ink)}.learning-intro{margin:18px 0;max-width:62ch}.learning-game{padding-block:32px 56px;max-width:1000px}.learning-game h1{font-size:clamp(36px,5vw,62px)}.learning-board{background:var(--white);border:2px solid var(--ink);border-radius:var(--radius);padding:clamp(20px,4vw,40px);min-height:330px;display:flex;flex-direction:column;align-items:flex-start;gap:22px}.learning-board h2{font-size:clamp(25px,3vw,38px);max-width:24ch}.learning-board h2:focus{outline:none}.learning-visual{display:flex;align-items:center;justify-content:center;gap:10px}.learning-picture{width:64px;height:64px;flex:none;overflow:visible}.learning-picture>*{fill:var(--orange);stroke:var(--ink);stroke-width:3;stroke-linejoin:round}.learning-leaves{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;width:min(100%,420px);justify-content:start}.learning-leaves svg{width:100%;height:auto;max-width:64px}.learning-pattern{flex-wrap:wrap;justify-content:flex-start;width:100%}.learning-pattern svg{width:clamp(34px,6vw,62px);height:clamp(34px,6vw,62px)}.learning-missing{display:grid;place-items:center;border:2px dashed var(--ink);width:50px;height:58px;font-size:32px;font-weight:900;border-radius:12px}.learning-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;max-width:540px}.learning-choice{background:var(--paper);border:2px solid var(--ink);border-radius:16px;min-height:104px;min-width:48px;padding:14px;font-size:clamp(30px,5vw,46px);font-weight:900;color:var(--ink);box-shadow:0 4px 0 var(--ink)}.learning-choice .learning-visual{pointer-events:none}.learning-choice svg{width:min(100%,88px);height:72px}.learning-choice.is-tried{opacity:.55;box-shadow:none;border-style:dashed}.learning-choice.is-correct{background:var(--teal);opacity:1;box-shadow:none;border-width:4px}.learning-feedback{color:var(--ink);min-height:2em;max-width:62ch}.learning-status{margin:12px 0;color:var(--ink);max-width:65ch;min-height:1.5em}.learning-save-note{font-size:14px;margin:18px 0;max-width:65ch}.learning-help{margin:24px 0;border-top:1px solid var(--ink);padding:14px 0;max-width:72ch}.learning-help summary{cursor:pointer;font-weight:700;min-height:48px;display:list-item;padding:10px 4px}.learning-help p{margin-block:12px}.learning-save-switch{display:flex;align-items:center;gap:14px;padding:14px 0;min-height:56px;cursor:pointer}.learning-save-switch input{width:26px;height:26px;flex:none;accent-color:var(--ink)}.learning-summary ul{list-style:none;padding:0;margin:20px 0}.learning-summary li{padding:16px 0;border-bottom:1px solid var(--ink)}.learning-summary li p{margin-top:8px}.learning-clear-confirm{border:2px solid var(--ink);border-radius:16px;padding:20px;max-width:65ch}.learning-clear-confirm button{margin:16px 12px 0 0}.learning-section[aria-labelledby=learning-heading]{scroll-margin-top:20px}
@media(max-width:700px){.learning-catalog{grid-template-columns:1fr}.learning-section{margin-block:28px 44px}.learning-game{padding-top:24px}.learning-levels{gap:10px}.learning-levels button{padding:10px 12px;font-size:14px;min-height:48px;flex:1 1 110px}.learning-choices{gap:12px}.learning-choice{padding:10px;min-height:94px}.learning-choice svg{height:58px}.learning-board{gap:18px}.learning-pattern{gap:8px}.learning-filters button{min-height:48px;padding:10px 14px}.learning-actions{gap:14px}.learning-summary li strong{display:block}.learning-clear-confirm .button{width:100%;margin-right:0}}
@media(prefers-reduced-motion:reduce){.learning-section *, .learning-game *{scroll-behavior:auto;transition:none!important}}
@media print{.learning-filters,.learning-levels,.learning-actions,.learning-save-switch,.learning-clear-confirm,.learning-help{display:none}.learning-summary{color:var(--ink)}}
@media(max-width:700px){.learning-pattern{flex-wrap:nowrap;gap:5px}.learning-pattern svg{width:clamp(22px,6.5vw,26px);height:clamp(22px,6.5vw,26px)}.learning-pattern .learning-missing{width:34px;min-width:34px;height:44px;font-size:28px}}