.w3s-tutorial-wrap{display:flex;max-width:1200px;margin:0 auto;font-family:Arial,sans-serif}.w3s-sidebar{width:240px;background:#f1f1f1;padding:15px;box-sizing:border-box;min-height:600px}.w3s-side-title{font-size:22px;font-weight:700;margin-bottom:12px}.w3s-sidebar ul{list-style:none;margin:0;padding:0}.w3s-sidebar li{margin:0}.w3s-sidebar a{display:block;padding:9px 10px;color:#222;text-decoration:none;border-radius:3px}.w3s-sidebar a:hover{background:#ddd}.w3s-content{flex:1;padding:25px 35px;min-width:0}.w3s-content h1{font-size:36px;margin-top:0}.w3s-article{font-size:17px;line-height:1.7}.w3s-code-head{display:flex;justify-content:space-between;align-items:center;background:#eee;padding:9px 12px;margin-top:25px;font-weight:700}.w3s-copy{border:0;padding:7px 14px;cursor:pointer}.w3s-code{background:#282a36;color:#f8f8f2;padding:18px;overflow:auto;border-radius:0 0 4px 4px;font-size:15px;line-height:1.5}.w3s-try{background:#04aa6d;color:#fff;border:0;padding:11px 18px;border-radius:4px;cursor:pointer;font-weight:700;margin:12px 0}.w3s-demo{width:100%;height:280px;border:1px solid #ccc;background:#fff}.w3s-search{width:100%;padding:12px;box-sizing:border-box}@media(max-width:800px){.w3s-tutorial-wrap{display:block}.w3s-sidebar{width:100%;min-height:auto}.w3s-content{padding:20px}.w3s-content h1{font-size:30px}}