.learn-article{display:grid;gap:1.5rem;width:min(100% - 1.5rem,52rem);margin:0 auto;padding:clamp(1rem,3vw,2.25rem) 0 3.5rem}.learn-article__head{display:grid;gap:.5rem;max-width:38rem}.learn-article__eyebrow{display:inline-flex;align-items:center;gap:.4rem;width:fit-content;margin:0;color:rgb(var(--c-bronze-strong));font-size:.76rem;font-weight:780;letter-spacing:.05em;text-transform:uppercase;text-decoration:none}.learn-article__eyebrow:hover{text-decoration:underline}.learn-article__title{margin:0;color:var(--foreground);font-size:clamp(1.5rem,3.4vw,2rem);font-weight:640;line-height:1.2}.learn-article__answer{margin:0;color:var(--foreground);font-size:1.05rem;font-weight:560;line-height:1.55}.learn-article__lead{max-width:38rem;margin:0;color:var(--foreground);font-size:1rem;line-height:1.65}.learn-article__board{--learn-board-size:clamp(19rem,min(30rem,calc(100svh - 15rem)),30rem);--learn-control-row:3.5rem;--learn-chapter-strip:2.75rem;--learn-board-block:calc(var(--learn-board-size) + var(--learn-control-row) + var(--learn-chapter-extra, 0rem));height:calc(var(--learn-board-block) + 1.5rem);padding:.75rem;overflow:hidden}.learn-article__board .learner-practice,.learn-article__board .practice-layout{height:100%}.learn-article__board .practice-side{min-height:0;max-height:var(--learn-board-block);overflow-y:auto}.learn-article__board .study-explorer-placeholder{width:100%;height:var(--learn-board-block);aspect-ratio:auto}.learn-article__board-hint{max-width:38rem;margin:-.9rem 0 0;color:var(--muted);font-size:.9rem;line-height:1.55}.learn-article__board-error{display:grid;gap:.5rem;align-content:center;justify-items:start;min-height:var(--learn-board-block);padding:1rem}.learn-article__board-error p{max-width:38rem;margin:0;color:var(--muted);font-size:.9rem;line-height:1.55}.learn-article__toc{padding:.75rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.learn-article__toc h2{margin:0 0 .4rem;color:var(--foreground);font-size:.92rem;font-weight:680}.learn-article__toc ol{display:grid;gap:.3rem;margin:0;padding:0;list-style:none}.learn-article__toc a{color:var(--muted);font-size:.92rem;text-decoration:none}.learn-article__toc a:hover{color:rgb(var(--c-bronze-strong));text-decoration:underline}.learn-article__body{display:grid;gap:1.75rem}.learn-article__section{max-width:38rem}.learn-article__section h2{margin:0 0 .6rem;color:var(--foreground);font-size:1.125rem;font-weight:680;line-height:1.35}.learn-article__prose{color:var(--foreground);font-size:1rem;line-height:1.65}.learn-article__prose h3{margin:1.2rem 0 .4rem;font-size:1rem;font-weight:680}.learn-article__prose p{margin:0 0 .85rem}.learn-article__prose p:last-child{margin-bottom:0}.learn-article__prose ol,.learn-article__prose ul{margin:0 0 .85rem;padding-left:1.2rem}.learn-article__prose li{margin:0 0 .3rem}.learn-article__prose a{color:rgb(var(--c-bronze-strong));font-weight:660}.learn-article__prose code{padding:.05rem .3rem;border-radius:5px;background:rgb(var(--c-warm-wash)/.75);font-size:.92em}.learn-article__diagram{display:grid;justify-items:center;width:100%;margin:1.75rem auto}.learn-article__diagram-board{width:100%;max-width:22rem}.learn-article__diagram-board .board-svg{width:100%;height:auto}.learn-article__diagram figcaption{max-width:30rem;margin-top:.5rem;color:var(--muted);font-size:.88rem;line-height:1.5;text-align:center}.learn-article__diagram-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.75rem auto}.learn-article__diagram-pair .learn-article__diagram{margin:0}.history-note{max-width:38rem;margin:1.5rem 0;padding:.95rem 1.1rem;border:1px solid rgb(var(--c-gold-mid)/.3);border-left:3px solid rgb(var(--c-gold)/.55);border-radius:12px;background:rgb(var(--c-warm-wash)/.55)}.history-note__eyebrow{display:flex;align-items:center;gap:.35rem;margin:0 0 .35rem;color:rgb(var(--c-bronze-strong));font-size:.72rem;font-weight:780;letter-spacing:.05em;text-transform:uppercase}.history-note__title{margin:0 0 .3rem;color:var(--foreground);font-size:.98rem;font-weight:680}.history-note__body{color:var(--foreground);font-size:.95rem;line-height:1.6}.history-note__body p{margin:0 0 .5rem}.history-note__body p:last-child{margin-bottom:0}.history-note__link{color:rgb(var(--c-bronze-strong));font-size:.92rem;font-weight:660}.learn-article__tryit{--learn-board-size:clamp(19rem,min(30rem,calc(100svh - 15rem)),30rem);--learn-control-row:12.5rem;--learn-board-block:calc(var(--learn-board-size) + var(--learn-control-row));display:grid;gap:.75rem;padding:1rem}.learn-article__tryit-after,.learn-article__tryit-hero{display:grid;gap:.5rem}.learn-article__tryit-head{display:flex;flex-wrap:wrap;gap:.5rem;align-items:baseline;justify-content:space-between}.learn-article__tryit-head h2{margin:0;color:var(--foreground);font-size:1.125rem;font-weight:680}.learn-article__tryit-count{color:var(--muted);font-size:.85rem}.learn-article__tryit-intro{max-width:38rem;margin:0;color:var(--muted);font-size:.9rem;line-height:1.55}.learn-article__tryit-prompt{margin:0;color:var(--foreground);font-size:.95rem;font-weight:600}.learn-article__tryit-board{width:100%;min-height:var(--learn-board-block)}.learn-article__tryit-board .puzzle-solver-placeholder{width:100%;height:var(--learn-board-block);aspect-ratio:auto}.learn-article__tryit-result{max-width:38rem}.learn-article__tryit-result--solved{font-weight:600}.learn-article__tryit-result{display:flex;align-items:center;gap:.4rem;margin:0;color:var(--muted);font-size:.95rem;line-height:1.55}.learn-article__tryit-result--solved{color:rgb(var(--c-green-strong));font-weight:620}.learn-article__tryit-result--retry{color:var(--muted)}.learn-article__tryit-actions{display:flex;flex-wrap:wrap;gap:.5rem}.learn-article__tryit-footer{margin:0}.learn-article__tryit-footer a{color:rgb(var(--c-bronze-strong));font-size:.9rem;font-weight:660}.learn-article__tryit .challenge-page{gap:.75rem;width:100%;max-width:none;padding:0}.learn-article__tryit .challenge-layout{display:block}.learn-article__tryit .board-announcement-rail,.learn-article__tryit .challenge-board-card__header,.learn-article__tryit .challenge-layout__debug-slot,.learn-article__tryit .challenge-sheet__scrim,.learn-article__tryit .challenge-side{display:none}.learn-article__tryit .challenge-board-card{width:100%;max-width:var(--learn-board-size);margin:0 auto;padding:0;border:0;background:none;box-shadow:none}.learn-article__faq{display:grid;gap:.9rem;max-width:38rem}.learn-article__faq h2{margin:0;color:var(--foreground);font-size:1.125rem;font-weight:680}.learn-article__faq-item{display:grid;gap:.25rem}.learn-article__faq-question{margin:0;color:var(--foreground);font-size:1rem;font-weight:680}.learn-article__faq-answer{margin:0;color:var(--foreground);font-size:1rem;line-height:1.65}.learn-article__next{display:grid;gap:.5rem;max-width:38rem}.learn-article__next h2{margin:0;color:var(--foreground);font-size:1.125rem;font-weight:680}.learn-article__next ul{display:grid;gap:.45rem;margin:0;padding:0;list-style:none}.learn-article__next a{color:rgb(var(--c-bronze-strong));font-weight:660}.learn-hub-intro{max-width:38rem;margin:0;color:var(--muted);font-size:1rem;line-height:1.65}.learn-hub-list{display:grid;gap:.6rem;margin:0;padding:0;list-style:none}.learn-hub-card{display:grid;grid-template-columns:2rem 1fr;gap:.15rem .75rem;align-items:baseline;padding:.85rem 1rem;border:1px solid var(--border);border-radius:12px;background:var(--card);color:inherit;text-decoration:none}.learn-hub-card:hover{border-color:rgb(var(--c-gold-mid)/.55);background:var(--card-solid)}.learn-hub-card:focus-visible{outline:var(--ring);outline-offset:2px}.learn-hub-card__order{grid-row:span 2;color:rgb(var(--c-bronze-strong));font-size:1.05rem;font-weight:780;font-variant-numeric:tabular-nums}.learn-hub-card__title{color:var(--foreground);font-size:.98rem;font-weight:680}.learn-hub-card__summary{color:var(--muted);font-size:.9rem;line-height:1.5}.learn-hub-empty{display:grid;gap:.5rem;justify-items:start;max-width:38rem}.learn-hub-empty p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.55}.learn-hub-empty a{color:rgb(var(--c-bronze-strong));font-weight:660}@media (max-width:767px){.learn-article{width:min(100% - 1.5rem,52rem);gap:1.25rem}.learn-article__board,.learn-article__tryit{--learn-board-size:clamp(17rem,min(calc(100vw - 3rem),calc(100svh - 16rem)),26rem)}.learn-article__diagram,.learn-article__diagram-pair{margin:1.25rem auto}.learn-article__diagram-board{max-width:100%}.learn-article__diagram-pair{grid-template-columns:1fr}.learn-article__board{--learn-chapter-extra:var(--learn-chapter-strip);--learn-chapter-strip:16rem}.learn-article__board .practice-side{max-height:var(--learn-chapter-strip)}.learn-article__tryit{--learn-control-row:8.75rem}.learn-article__tryit-actions{display:grid}.learn-article__tryit-actions .button{width:100%}.learn-article__next ul{gap:.6rem}.learn-hub-card{grid-template-columns:1fr;gap:.15rem}.learn-hub-card__order{grid-row:auto;font-size:.9rem}}