/* Portrait covers belong only to the four language entry cards. */
#languages .card-main{display:flex;flex-direction:column;height:100%;padding:22px 20px 20px}
#languages .language-card{overflow:hidden;display:flex;flex-direction:column}
#languages .language-card>.card-main{flex:1}
.language-portrait{position:relative;aspect-ratio:4/5;margin:20px -20px 22px;overflow:hidden;background:#dce3d7}
.language-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 27%;transition:transform .35s ease}
.language-portrait:after{content:'';position:absolute;inset:48% 0 0;background:linear-gradient(transparent,rgba(13,32,28,.85));pointer-events:none}
.language-portrait figcaption{position:absolute;inset:auto 18px 18px;z-index:1;display:flex;flex-direction:column;gap:7px;color:#fff}
.language-portrait figcaption span{font-size:10px;letter-spacing:.07em;color:#f0ead8}
.language-portrait figcaption strong{font-size:19px;font-weight:650;line-height:1.2}
#languages .card-main:hover .language-portrait img{transform:scale(1.035)}
#languages .card-main h3{margin:0 0 8px}#languages .card-main small{flex:1}
.lesson-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--calm-line,var(--line));font-size:13px;font-weight:700}
.lesson-entry b{font-size:20px;font-weight:500}
.portrait-credits{font-size:11px;line-height:1.7;color:var(--calm-muted,var(--muted));margin-top:18px;max-width:850px}
.portrait-credits summary{cursor:pointer;width:fit-content;padding:8px 0}.portrait-credits p{margin:8px 0}.portrait-credits ul{padding-left:18px}.portrait-credits a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){#languages .card-main{padding:17px 14px}.language-portrait{margin:16px -14px 18px;aspect-ratio:3/4}.language-portrait figcaption{inset:auto 12px 13px;gap:5px}.language-portrait figcaption strong{font-size:16px}.language-portrait figcaption span{font-size:8px}.lesson-entry{font-size:11px;margin-top:15px;padding-top:12px}}
@media(prefers-reduced-motion:reduce){.language-portrait img{transition:none}#languages .card-main:hover .language-portrait img{transform:none}}
