/* Matmoo – wspólne style lekcji (lekcje/*.html). */
.lekcja{padding:28px 0 64px;}
.lk-wrap{max-width:820px;}
.lk-okruchy{display:block;font-size:.9rem;color:var(--ink-soft);margin-bottom:10px;}
.lk-okruchy a{color:inherit;}
.lk-naglowek{display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--card);border:1px solid var(--paper-line);border-radius:16px;padding:22px 24px;}
.lk-etykieta{font-size:.82rem;font-weight:700;color:#B97A4E;text-transform:uppercase;letter-spacing:.03em;}
.lk-naglowek h1{font-family:'Quicksand',sans-serif;font-size:clamp(1.9rem,5vw,2.6rem);margin:4px 0 6px;color:var(--ink-deep);}
.lk-lead{margin:0;color:var(--ink-soft);}
.lk-krowa{width:110px;height:auto;flex:none;}
.lk-spis{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:16px 0 8px;counter-reset:s;}
.lk-spis li{counter-increment:s;}
.lk-spis a{display:inline-block;padding:6px 12px;border:1px solid var(--paper-line);border-radius:20px;background:var(--card);color:var(--ink);text-decoration:none;font-size:.92rem;}
.lk-spis a::before{content:counter(s) ". ";color:#B97A4E;font-weight:700;}
.lk-sekcja{background:var(--card);border:1px solid var(--paper-line);border-radius:16px;padding:20px 24px;margin-top:18px;}
.lk-sekcja h2{font-family:'Quicksand',sans-serif;font-size:1.35rem;margin:0 0 10px;display:flex;align-items:center;gap:10px;color:var(--ink-deep);}
.lk-sekcja h2 .n{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#3C4A56;color:#fff;font-size:1rem;}
.lk-wzor{font-size:1.45rem;text-align:center;padding:14px;margin:12px 0;background:#F6F1E8;border-radius:12px;font-family:'Quicksand',sans-serif;}
.ka{color:#B0522B;} .kb{color:#2F6B8F;}
.lk-lab{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px;align-items:start;}
#lk-svg{width:100%;max-width:420px;background:#fff;border:1px solid var(--paper-line);border-radius:12px;}
.lk-panel label{display:block;font-weight:700;margin-bottom:12px;font-size:1.1rem;}
.lk-panel input[type=range]{width:100%;margin-top:6px;}
.lk-wynik{background:#F6F1E8;border-radius:10px;padding:10px 12px;font-size:.98rem;line-height:1.6;}
.lk-trzy{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center;}
.lk-trzy>div{background:#F6F1E8;border-radius:12px;padding:12px;}
.lk-uwaga{background:#FBF3EA;border-left:3px solid #C98A5A;padding:10px 12px;border-radius:6px;margin:14px 0 0;}
.lk-przyklad{border:1px dashed #cbbfae;border-radius:12px;padding:14px 16px;margin-top:12px;}
.lk-p-tyt{font-weight:700;margin-bottom:6px;}
.lk-kroki{margin:0 0 8px;padding-left:22px;}
.lk-kroki li{margin:4px 0;}
.lk-kroki li.ukryty{display:none;}
.lk-dalej{border:1px solid #3C4A56;background:#fff;color:#3C4A56;border-radius:10px;padding:7px 14px;font-weight:600;cursor:pointer;}
.lk-q{border-top:1px solid var(--paper-line);padding:12px 0;}
.lk-q:first-child{border-top:0;padding-top:0;}
.lk-q p{margin:0 0 8px;font-weight:600;}
.lk-q .wiersz{display:flex;flex-wrap:wrap;align-items:center;gap:10px;}
.lk-q input{padding:8px 10px;border:1px solid #cbbfae;border-radius:8px;font:inherit;width:9em;}
.lk-q button{border:0;background:#3C4A56;color:#fff;border-radius:8px;padding:8px 14px;font-weight:600;cursor:pointer;}
.lk-q .opcje{display:flex;flex-wrap:wrap;gap:8px;}
.lk-q .opcje button{background:#fff;color:#3C4A56;border:1px solid #cbbfae;}
.lk-dalej-cwicz{display:flex;gap:18px;align-items:center;background:#3C4A56;color:#fff;border-radius:16px;padding:20px 24px;margin-top:22px;}
.lk-dalej-cwicz img{background:#FBF7F1;border-radius:50%;padding:10px;width:90px;height:auto;flex:none;}
.lk-dalej-cwicz h2{font-family:'Quicksand',sans-serif;margin:0 0 4px;font-size:1.3rem;}
.lk-dalej-cwicz p{margin:0 0 12px;opacity:.9;}
.lk-cta{display:flex;flex-wrap:wrap;gap:10px;}
.lk-btn{display:inline-block;padding:10px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.5);color:#fff;text-decoration:none;font-weight:600;}
.lk-btn-glowny{background:#B97A4E;border-color:#B97A4E;}
@media (max-width:700px){
  .lk-lab{grid-template-columns:1fr;}
  .lk-trzy{grid-template-columns:1fr;}
  .lk-krowa{width:76px;}
  .lk-naglowek,.lk-sekcja{padding:16px;}
  .lk-dalej-cwicz{flex-direction:column;text-align:center;}
  .lk-cta{justify-content:center;}
}
/* Równanie w kroku przykładu – zawsze w osobnej linijce, pod zdaniem, które je zapowiada. */
.lk-rown{display:block;margin:6px 0 8px 14px;padding:6px 12px;background:#F6F1E8;border-radius:8px;font-family:'Quicksand',sans-serif;font-size:1.08rem;width:fit-content;max-width:100%;overflow-x:auto;}
/* Nagłówek lekcji to <header>, a globalny styl robi z każdego <header> przyklejony pasek menu – tu go wyłączamy. */
.lk-naglowek{position:static;z-index:auto;}
.lk-dalej-cwicz h2{color:#fff;}
/* Lekcja otwarta z arkusza nauczyciela */
.lk-arkusz-pas{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;align-items:center;background:#FBF3EA;border:1px solid #E7C9AE;border-radius:12px;padding:10px 16px;margin:0 auto 14px;max-width:820px;font-weight:600;}
.lk-arkusz-pas a{color:#8A4B25;}
.lk-gotowe{display:flex;gap:14px;align-items:center;background:#EEF6F0;border:1px solid #BFD9C6;border-radius:12px;padding:14px 16px;margin-top:14px;}
.lk-gotowe img{flex:none;}
.lk-gotowe p{margin:4px 0 10px;}
.lk-gotowe .lk-btn{color:#fff;}