body{font-family:system-ui;background:#f8f7f2;color:#302a36;margin:0}header,main,footer{max-width:850px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid #ddd}main{min-height:65vh}h1{font:42px Georgia,serif}p,li,pre{line-height:1.8;font-size:14px}a{color:#46314f}footer{font-size:12px}pre{overflow-wrap:anywhere}.guide-examples{display:grid;grid-template-columns:1fr 1fr;gap:15px}.guide-examples figure{margin:0;background:#edeee6;border:1px solid #ddd;border-radius:10px;overflow:hidden}.guide-examples img{width:100%;height:auto}.guide-examples figcaption{padding:10px;font-size:12px}.caption{font-size:12px;color:#68626e}.checker{background:repeating-conic-gradient(#e2e1db 0% 25%,#f4f3ef 0% 50%) 0/20px 20px}@media(max-width:600px){h1{font-size:32px}header,main,footer{padding:22px}}