.sylvie-steps{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.sylvie-steps button{min-width:46px;padding:10px 12px}.sylvie-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:34px;align-items:start}.sylvie-layout>div{min-width:0}.sylvie-layout ul,.sylvie-layout ol{padding-left:24px}.sylvie-layout li{margin-bottom:9px}.sylvie-layout figure{margin:0}.sylvie-layout figure img{display:block;max-width:100%;width:100%;height:auto;max-height:540px;object-fit:contain;background:#fbf6ec}.sylvie-layout figcaption{font-size:14px;color:var(--muted);padding:12px 0}.lesson-comparison{display:grid;gap:18px}.lesson-comparison img{max-height:330px!important}.lesson-paper{padding:26px;background:#e6e7d9;border:1px solid var(--line);margin-bottom:20px}.lesson-paper p:last-child{margin-bottom:0}.lesson-link{display:inline-flex;align-items:center;min-height:46px;padding:9px 14px;border:1px solid #83908f;border-radius:4px;margin:0 8px 10px 0;font-weight:600}.lesson-link.primary{color:var(--paper)}#sylvie details summary{min-height:46px;padding:10px 0;cursor:pointer}#sylvie p,#sylvie h2,#sylvie a{overflow-wrap:anywhere}.sylvie-progress{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:24px 0;border-top:1px solid var(--line);padding-top:20px}.sylvie-progress p{margin:0;font-weight:700}@media(max-width:800px){.sylvie-layout{grid-template-columns:1fr;gap:20px}.sylvie-layout figure img{max-height:480px}.sylvie-steps button{flex:1}.lesson-paper{padding:20px}}@media(max-width:450px){.sylvie-progress{gap:8px}.sylvie-progress button{padding:9px}.sylvie-progress p{font-size:14px}}

@media(max-width:450px){.sylvie-progress{flex-wrap:wrap}.sylvie-progress p{order:-1;flex:1 1 100%;text-align:center}.lesson-link{max-width:100%}}

@media(max-width:800px){.sylvie-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.sylvie-steps button{overflow-wrap:anywhere}}@media(max-width:450px){.sylvie-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}