/* Shared editorial refinements: clear ownership of navigation and complete cards. */
.language-switch{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:42px}
.language-flag{display:block;flex:none;width:22px;height:auto;box-shadow:0 0 0 1px #10293820}
.page-contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;border-top:1px solid var(--line);padding-top:1.5rem;margin-top:2.5rem}
.page-contact-actions .text-link{margin:0}
.lab-grid>article{display:flex;min-width:0}
.learning-card{display:flex;flex-direction:column;width:100%;min-width:0;border:1px solid var(--line);background:var(--paper);transition:border-color .18s ease,box-shadow .18s ease}
.learning-card:hover,.learning-card:focus-visible{border-color:var(--blue);box-shadow:0 7px 24px #1029380b;text-decoration:none}
.learning-card-heading{padding:1.3rem 1.3rem 1.5rem;flex:1;min-width:0}
.learning-card-heading .lab-meta{margin:0 0 .85rem;font-size:.6rem;line-height:1.6}
.learning-card-heading h2{display:flex;align-items:start;gap:.7rem;justify-content:space-between;font-size:clamp(1.35rem,1.8vw,2rem);line-height:1.2;margin:0 0 1rem;min-height:0}
.learning-card-heading>p:last-child{font-size:.85rem;color:var(--muted);line-height:1.6}
.learning-card-arrow{flex:none;color:var(--blue);font-size:1.2rem;line-height:1.4}
.learning-card .lab-art{margin:0;outline:none;border:0;min-height:220px}
.learning-version{display:flex;flex-direction:column;gap:.4rem;font:.65rem var(--mono);color:var(--muted);line-height:1.6;margin-bottom:.8rem}
.learning-presentation{margin:2.5rem 0;padding-top:1.5rem;border-top:1px solid var(--line)}
.learning-presentation>h2{font-size:clamp(1.5rem,2.5vw,2.4rem);margin-bottom:.8rem}
.learning-presentation>p{margin-bottom:1rem;color:var(--muted);max-width:65ch}
.learning-presentation>.text-link{display:inline-block;margin-bottom:1rem}
.learning-presentation .experiment{margin-top:1rem}
@media(max-width:600px){.learning-card-heading{padding:1.1rem}.learning-card .lab-art{min-height:180px}.language-switch{gap:.3rem}.language-flag{width:19px}.page-contact-actions{gap:1rem;flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.learning-card{transition:none}}

.catalog-status:empty{display:none}
.catalog-status{font-size:.8rem;color:var(--muted);line-height:1.5}

.learning-sources{margin:1.5rem 0;font-size:.8rem;line-height:1.8;max-width:65rem}.learning-sources p{margin-bottom:.4rem}.learning-sources a{text-decoration:underline;text-underline-offset:.2rem}

/* A readable course and copyable prompt workshop, inside the main scroll area. */
.ai-course{max-width:72rem}
.ai-course>p,.ai-course>ul,.ai-course>ol{max-width:85ch}
.ai-course>h2{margin-top:3rem;padding-top:1.25rem;border-top:1px solid var(--line);scroll-margin-top:1.25rem}
.ai-course h3{scroll-margin-top:1.25rem}
.ai-course li{margin:.4rem 0}
.ai-course pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;padding:1.3rem;background:var(--ink);color:var(--paper);font:.8rem/1.75 var(--mono);margin:0 0 2rem;border-left:3px solid var(--blue)}
.ai-course pre code{font:inherit;color:inherit;background:transparent;padding:0}
.ai-course :not(pre)>code{font:.85em var(--mono);overflow-wrap:anywhere}
.prompt-tools{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem 1.2rem;margin:1rem 0 .65rem;min-width:0}
.prompt-copy{font:inherit;font-size:.8rem;color:var(--blue-dark);border:1px solid currentColor;padding:.6rem .9rem;min-height:44px;cursor:pointer;background:transparent}
.prompt-copy:hover,.prompt-copy:focus-visible{background:var(--ink);color:var(--paper)}
.prompt-tools [role=status]{font-size:.75rem;line-height:1.5;color:var(--muted);max-width:55ch}
@media(max-width:600px){.ai-course pre{font-size:.72rem;padding:.9rem}.ai-course>h2{font-size:1.55rem}.prompt-tools{align-items:start;flex-direction:column}}

.ai-learning-goals{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
@media(max-width:900px){.ai-learning-goals{grid-template-columns:1fr}}
