.lcard-grid{list-style:none;margin:2.2rem 0 0;padding:0;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,34rem),1fr))}.lcard{position:relative;display:grid;grid-template-columns:12.5rem minmax(0,1fr);grid-template-rows:auto 1fr auto;grid-template-areas:"board head" "board body" "look look";align-content:start;column-gap:1.4rem;row-gap:.45rem;padding:1.3rem;scroll-margin-top:6rem;transition:border-color .2s}.lcard-plain{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "body"}.lcard-side{grid-area:board;display:flex;flex-direction:column}.lcard-board{border-radius:10px;overflow:hidden}.lcard-board svg{display:block;width:100%;height:auto}.lcard-example{display:flex;flex-direction:column;gap:.1rem;margin:0;padding-top:.55rem;font-size:.78rem;line-height:1.4;color:var(--faint)}.lcard-example b{color:var(--muted);font-weight:600}.lcard-example span+span{font-size:.71rem;letter-spacing:-.005em}.lcard-head{grid-area:head;display:flex;flex-direction:column;gap:.45rem}.lcard-body{grid-area:body;display:flex;flex-direction:column;gap:.45rem}.lcard-meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.3rem .8rem;margin:0;font-family:var(--mono);font-size:.74rem}.lcard-meta .number{color:var(--c, var(--olive));font-weight:700;letter-spacing:.04em;white-space:nowrap}.lcard-count{padding:.15rem .6rem;border-radius:999px;background:var(--card-2);color:var(--amber);white-space:nowrap}.lcard-count.lcard-none{white-space:normal;border-radius:10px;color:var(--muted);text-align:right}.lcard h2{font-size:1.45rem;letter-spacing:-.01em;margin:0}.lcard .short{margin:0;color:var(--text);font-weight:600;font-size:.95rem;line-height:1.45}.lcard .long{margin:0;color:var(--muted);font-size:.87rem;line-height:1.55}.lcard-lesson{margin:.2rem 0 0;font-size:.84rem}.lcard-link{color:inherit;text-decoration:none}.lcard-link:after{content:"";position:absolute;inset:0;border-radius:inherit}.lcard-link:focus-visible{outline:none}.lcard:hover{border-color:var(--c, var(--olive))}.lcard:hover h2{color:var(--c, var(--olive))}.lcard:has(.lcard-link:focus-visible){outline:2px solid var(--c, var(--olive));outline-offset:2px}.lcard-lesson a,.lcard-look a{position:relative;z-index:1;color:var(--olive)}.lcard-look{grid-area:look;margin-top:.9rem;padding:.6rem .8rem;border-left:3px solid var(--c, var(--olive));border-radius:0 10px 10px 0;background:var(--card-2)}.lcard-look b{display:block;margin-bottom:.2rem;font-size:.76rem;font-weight:600;color:var(--muted)}.lcard-look p{margin:0;font-size:.86rem;line-height:1.5;color:var(--text)}@media (max-width: 600px){.lcard{grid-template-columns:6.5rem minmax(0,1fr);grid-template-rows:auto auto auto auto;grid-template-areas:"board head" "body body" "look look" "example example";column-gap:1rem;row-gap:.9rem;padding:1.1rem}.lcard-plain{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "body"}.lcard-side{display:contents}.lcard-board{grid-area:board;border-radius:6px}.lcard-example{grid-area:example;padding-top:0}.lcard-head{align-self:center}.lcard h2{font-size:1.3rem}.lcard-look{margin-top:0}}.lcard-grid>.lcard-wide{grid-column:1 / -1;grid-template-columns:15rem minmax(0,1fr);grid-template-rows:auto auto 1fr;grid-template-areas:"board head" "board body" "board example"}.lcard-wide>.lcard-side{display:contents}.lcard-wide>.lcard-side>.lcard-board{grid-area:board}.lcard-wide>.lcard-side>.lcard-example{grid-area:example}.lcard-wide .long{max-width:46rem}@media (max-width: 600px){.lcard-grid>.lcard-wide{grid-template-columns:6.5rem minmax(0,1fr);grid-template-rows:auto auto auto;grid-template-areas:"board head" "body body" "example example"}}.train-landing .jump-bar{margin-top:1.4rem}.train-landing .lcard-grid{margin-top:1.6rem}.lcard-glimpse{display:grid;grid-template-columns:minmax(0,1fr);gap:.35rem;margin-top:.8rem;padding-top:.7rem;border-top:1px dashed var(--line)}.lcard-glimpse small{font:600 .68rem var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--faint)}.glimpse-levels{display:flex;height:.75rem;border-radius:999px;overflow:hidden;background:var(--card-2);gap:2px}.glimpse-levels i{display:block;height:100%;background:var(--c)}.glimpse-legend-levels{display:flex;flex-wrap:wrap;gap:.2rem .9rem;font-size:.8rem;color:var(--muted)}.glimpse-legend-levels b{font:600 .78rem var(--mono);color:var(--text)}.glimpse-share{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem;align-items:center}.glimpse-share-bar{height:.75rem;border-radius:999px;background:var(--card-2);overflow:hidden}.glimpse-share-bar i{display:block;height:100%;border-radius:999px;background:var(--c, var(--olive))}.glimpse-share b{font:700 1.05rem var(--mono);color:var(--c, var(--olive))}.lcard-glimpse .glimpse-row{display:flex;justify-content:space-between;gap:.8rem;font-size:.88rem}.lcard-glimpse .glimpse-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lcard-glimpse .glimpse-row em{font:600 .78rem var(--mono);font-style:normal;color:var(--c, var(--olive));white-space:nowrap}