.compare-lesson{max-width:1200px;margin:0 auto;padding:90px 24px}.compare-lesson>header{max-width:920px}.compare-lesson>header h2{font:700 clamp(1.9rem,3.6vw,3.4rem)/1.1 Georgia,"Noto Serif Thai",serif;margin:.3rem 0 1rem}.compare-map{display:flex;gap:12px;align-items:center;margin:38px 0;padding:18px;background:#dfe5df;border:1px solid #bdc7c3}.compare-map span{flex:1;font-weight:800;font-size:.78rem}.compare-map i{color:#168b84}.code-pair{padding:38px 0;border-top:1px solid #aebbb7}.pair-question{display:grid;grid-template-columns:70px 1fr;gap:18px;max-width:920px;margin-bottom:22px}.pair-question>b{font:3rem Georgia;color:#9eb4ae}.pair-question small{color:#168b84;font-weight:800;letter-spacing:.12em}.pair-question h3{font:2rem Georgia;margin:.2rem 0}.pair-question p{color:#536a70}.pair-code{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pair-code>div{min-width:0;background:#e3e7e2;border-top:4px solid #4275a8}.pair-code>div+div{border-color:#168b84}.pair-code b{display:block;padding:14px 20px;font-size:.72rem}.pair-code pre{margin:0;padding:22px;overflow:auto;background:#071b29;color:#c9eee7;min-height:150px;font:12px/1.65 ui-monospace,monospace}.featured{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px;background:#e7ebe5;border-top:5px solid #df7448}.tool-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:42px}.tool-choice article{padding:26px;background:#0a2835;color:#eaf1ed}.tool-choice h3{font:1.65rem Georgia;color:#7bded2}.tool-choice p{color:#bed0cd;font-size:.84rem}.source-note{margin-top:14px;padding:24px;border-left:5px solid #df7448;background:#e9e3d9}@media(max-width:800px){.pair-code,.tool-choice{grid-template-columns:1fr}.compare-map{overflow:auto}.compare-map span{min-width:105px}.pair-question{grid-template-columns:48px 1fr}.compare-lesson{padding:60px 20px}}