/* The whole lesson/puzzle card is a native button; previews are static boards. */
.content-cards.learning-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.content-card.learning-card{display:grid;grid-template-columns:minmax(140px,190px) minmax(0,1fr);gap:22px;align-items:center;width:100%;min-width:0;min-height:242px;padding:20px;text-align:start;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:15px;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;cursor:pointer;overflow-wrap:anywhere;touch-action:manipulation}
.learning-card .learning-card__preview{display:block;min-width:0;width:100%;aspect-ratio:1;border-radius:6px;overflow:hidden;box-shadow:0 1px 8px #0002;direction:ltr}
.learning-card .position-preview{display:block;width:100%;height:auto;aspect-ratio:1;pointer-events:none}
.learning-card .learning-card__body{display:flex;flex-direction:column;gap:12px;align-items:stretch;min-width:0;height:100%;justify-content:center}
.learning-card .eyebrow{display:block;font-size:16px;line-height:1.5;letter-spacing:.35px;font-weight:600;color:var(--muted)}
.learning-card .learning-card__title{display:block;margin:0;color:var(--ink);font-family:inherit;font-size:clamp(21px,1.35vw,25px);font-weight:600;line-height:1.25;letter-spacing:-.3px}
.learning-card .learning-card__description{display:block;color:var(--muted);font-size:16px;line-height:1.5}
.learning-card .learning-card__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto;color:var(--ink);font-size:16px;line-height:1.5}
.learning-card .learning-card__turn{display:inline-flex;align-items:center;gap:7px;font-weight:500}
.learning-card .learning-card__turn::before{content:'';width:12px;height:12px;flex:0 0 12px;border-radius:50%;background:#fff;border:1px solid #50535b}
.learning-card .learning-card__turn--b::before{background:#20242d;border-color:#999faa}
.learning-card .learning-card__rating{display:block;color:var(--muted);flex-basis:100%;font-size:16px}
.learning-card .learning-card__action{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:12px;margin-top:2px;font-size:16px;line-height:1.4;font-weight:600;color:var(--ink)}
.learning-card .learning-card__action>span{font-size:24px;line-height:1;flex-shrink:0}
.learning-card.learning-card--completed{border-style:solid;box-shadow:inset 4px 0 0 #64a97c}
[dir=rtl] .learning-card.learning-card--completed{box-shadow:inset -4px 0 0 #64a97c}
.content-card.learning-card:focus-visible{outline:3px solid var(--lime);outline-offset:4px;border-color:var(--ink)}
@media(hover:hover){.content-card.learning-card:hover{border-color:var(--ink);box-shadow:0 4px 16px #0002;transform:translateY(-2px)}.content-card.learning-card--completed:hover{box-shadow:inset 4px 0 0 #64a97c,0 4px 16px #0002}[dir=rtl] .content-card.learning-card--completed:hover{box-shadow:inset -4px 0 0 #64a97c,0 4px 16px #0002}}
.content-card.learning-card:active{transform:translateY(0)}
body[data-embed=true] .content-card.learning-card{padding:20px}
body[data-embed=true] .learning-card .eyebrow{font-size:16px;letter-spacing:.35px}
body[data-embed=true] .learning-card .learning-card__title{font-size:clamp(21px,1.35vw,25px)}
body[data-embed=true] .learning-card .learning-card__description,body[data-embed=true] .learning-card .learning-card__action{font-size:16px}
@media(max-width:1440px){.content-cards.learning-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.content-card.learning-card{grid-template-columns:minmax(140px,190px) minmax(0,1fr);gap:18px}}
@media(max-width:980px){.content-cards.learning-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.content-card.learning-card{grid-template-columns:1fr;align-items:start;min-height:0}.learning-card .learning-card__preview{width:min(100%,224px);justify-self:center}.learning-card .learning-card__body{height:auto;gap:12px}.learning-card .learning-card__title{font-size:22px}.learning-card .learning-card__meta{margin-top:0}}
@media(max-width:620px){.content-cards.learning-cards{grid-template-columns:minmax(0,1fr)}.content-card.learning-card,body[data-embed=true] .content-card.learning-card{padding:18px;gap:18px}.learning-card .learning-card__preview{width:min(100%,240px)}.learning-card .learning-card__title,body[data-embed=true] .learning-card .learning-card__title{font-size:23px}.learning-card .learning-card__action{min-height:44px}}
@media(prefers-reduced-motion:reduce){.content-card.learning-card{transition:none}.content-card.learning-card:hover,.content-card.learning-card:active{transform:none}}