/* Shared Type A / Type B components. Loaded only by the three pilot lessons. */
.pme-teaching-pilot { --lesson-navy:#1B2A4A; --lesson-gold:#F4A921; --lesson-cream:#FAF7F0; }
.pme-teaching-pilot .pme-post-card { box-shadow:none; }
.pme-lesson { color:var(--lesson-navy); line-height:1.65; }
.pme-lesson > * { margin:0 0 1.25rem !important; max-width:100%; }
.pme-lesson p,.pme-lesson li { overflow-wrap:break-word; }
.pme-lesson h2 { font-size:clamp(1.15rem,2.7vw,1.5rem); line-height:1.3; }
.pme-lesson-intro { padding:1rem 1.15rem; background:var(--lesson-cream); border-radius:12px; }
.pme-lesson-note { padding:1rem 1.15rem; border:1px solid #B9D4E8; border-radius:12px; background:#EDF5FB; }
.pme-lesson-note h2 { margin:0 0 .65rem; font-size:1.1rem; }
.pme-lesson-note p:last-child,.pme-lesson-note ul:last-child { margin-bottom:0; }
.pme-lesson-note ul { padding-left:1.25rem; }
.pme-lesson-note li + li { margin-top:.4rem; }
.pme-lesson-parent { background:#FFF8E7; border-color:#E6D8B2; }
.pme-lesson-figure { padding:.5rem; border:1px solid #6E8FB2; border-radius:12px; background:#FFF; }
.pme-lesson-figure a { display:block; border-radius:8px; }
.pme-lesson-figure img { display:block; width:100%; height:auto; }
.pme-lesson-figure figcaption { padding:.65rem .25rem .1rem; text-align:center; font-size:.9rem; color:#526176; }
.pme-lesson a:focus-visible,.pme-lesson summary:focus-visible { outline:3px solid #315C8C; outline-offset:4px; }
.pme-lesson-takeaway { padding:1rem 1.15rem; border-left:4px solid var(--lesson-gold); border-radius:10px; background:#FFF1C8; }
.pme-lesson-takeaway h2 { margin-top:0; }
.pme-lesson-takeaway p { color:var(--lesson-navy) !important; }
.pme-lesson .pme-practice { padding:1rem 1.15rem; background:#EDF5FB; border-radius:12px; }
.pme-lesson .pme-practice h3 { margin:.3rem 0 .5rem; }
.pme-lesson .pme-practice-label { font-size:.8rem; font-weight:800; text-transform:uppercase; }
.pme-lesson .pme-practice-btn,.pme-lesson .pme-infog-btn { display:inline-flex; align-items:center; min-height:44px; padding:.65rem 1rem; border:1px solid #C6CFDA; border-radius:10px; font-weight:700; text-decoration:none; }
.pme-lesson .pme-practice-btn,.pme-lesson .pme-infog-btn-primary { background:var(--lesson-navy); color:white; }
.pme-lesson-nav,.pme-lesson .pme-infog-nav { display:flex; flex-wrap:wrap; gap:.65rem; }
.pme-lesson-nav a { display:inline-flex; align-items:center; min-height:44px; padding:.5rem .7rem; }
.pme-lesson-long > * { margin-left:0 !important; margin-right:0 !important; }
.pme-lesson-long p,.pme-lesson-long li { font-size:1rem !important; line-height:1.7 !important; }
.pme-lesson-long .pme-lesson-hero { padding:clamp(1rem,4vw,2rem) !important; background:#EDF5FB !important; border-radius:12px !important; }
.pme-lesson-long .pme-lesson-hero * { color:var(--lesson-navy) !important; }
.pme-lesson-long .pme-lesson-hero h2 { font-size:clamp(1.7rem,4vw,2.2rem) !important; }
.pme-lesson-core { border:1px solid #D8E2EC; border-radius:12px; overflow:hidden; }
.pme-lesson-core > h2 { margin:0; padding:1rem; background:#EDF5FB; color:var(--lesson-navy); font-family:"Segoe UI","DejaVu Sans",Arial,sans-serif; }
.pme-lesson-core > div { padding:clamp(1rem,3vw,1.5rem) !important; border:0 !important; }
.pme-lesson-long details { border:1px solid #D8E2EC; border-radius:12px; background:#FFF; }
.pme-lesson-long summary { min-height:44px; padding:1rem !important; background:#EDF5FB !important; color:var(--lesson-navy) !important; font-weight:700; cursor:pointer; list-style:revert !important; display:list-item !important; }
.pme-lesson-long summary span { color:inherit !important; }
.pme-lesson-long details > div { padding:1rem !important; margin-left:0; margin-right:0; }
.pme-lesson-long .pme-lesson-note { border:1px solid #B9D4E8; }
.pme-lesson-long .pme-lesson-parent { border-color:#E6D8B2; }
.pme-lesson-long .pme-lesson-note p { font-size:.98rem !important; }
.pme-lesson-long .pme-lesson-parent details { margin-top:1rem; }
.pme-lesson-long .pme-lesson-parent details p { font-size:.95rem !important; }
@media(max-width:620px) {
  .pme-teaching-pilot .pme-post-card { padding:14px; }
  .pme-lesson-note,.pme-lesson-intro,.pme-lesson-takeaway { padding:.9rem; }
  .pme-lesson-long .pme-stack-small { grid-template-columns:minmax(0,1fr) !important; }
  .pme-lesson-long .pme-lesson-note li > p { padding-top:0 !important; }
}
@media print {
  .pme-lesson details > :not(summary) { display:block !important; }
  .pme-lesson details { break-inside:avoid; }
}
