.lesson-explain { display:grid; grid-template-columns:minmax(0,3fr) minmax(300px,2fr); gap:24px; align-items:start; }
.explain-notes { max-height:650px; overflow-y:auto; scrollbar-gutter:stable; padding-right:16px; }
.explain-notes article { padding:12px 0 20px; border-top:3px solid #177f73; }
.explain-preview { background:#f0f8f5; border:1px solid #bddbd3; border-radius:12px; padding:16px; }
.explain-preview iframe { height:110px; border:0; background:white; }
.explain-preview p { font-size:18px; margin:6px 0; }
.explain-preview { max-height:650px; overflow-y:auto; }
.explain-preview h3 { margin:10px 0; }
.slide { font-family:"Times New Roman",SimSun,serif; }
.slide h2, .slide h3, .slide summary { font-family:"Times New Roman",SimHei,sans-serif; }
.explain-notes h3, .explain-preview h3 { font-family:"Times New Roman",SimHei,sans-serif; }
.slide .code-reference { white-space:pre-wrap; overflow-wrap:anywhere; font:20px/1.5 Consolas,SimSun,monospace; padding:16px; background:#f3f6f8; color:#18314f; border-radius:8px; }
.slide .code-reference code { font:inherit; }
.explain-notes p { font-size:21px; line-height:1.6; }
.slide details summary { cursor:pointer; }
.style-method-row { display:grid; grid-template-columns:minmax(0,3fr) minmax(0,2fr); gap:24px; align-items:start; padding:20px 0; border-top:3px solid #177f73; }
.style-method-row .method-code { min-width:0; }
.style-method-row .method-preview { min-width:0; background:#f0f8f5; border:1px solid #bddbd3; border-radius:12px; padding:16px; }
.style-method-row .method-preview iframe { display:block; width:100%; height:160px; border:0; background:white; }
.style-method-row .method-preview p { font-size:18px; margin:8px 0 0; }
.style-method-row h3 { margin:0 0 12px; }
.style-method-row .code-reference { max-height:none; overflow:visible; }
.style-method-row .method-code p { font-size:21px; line-height:1.6; }
@media(max-width:820px) { .style-method-row { grid-template-columns:1fr; } }
@media(max-width:820px) { .lesson-explain { grid-template-columns:1fr; } .explain-notes { max-height:none; overflow:visible; padding-right:0; } }