.web-component-demo{background-color:#fff;font-family:Arial,sans-serif}.web-component-demo h2{margin-bottom:1rem}.web-component-demo .header{background-color:#ddd;padding:20px;text-align:center}.web-component-demo .container{display:flex;justify-content:space-between}@media (max-width:700px){.web-component-demo .container{flex-direction:column}}.web-component-demo .main{display:flex;flex-direction:column;gap:20px;padding:20px}.web-component-demo .sidebar{background-color:#f9f9f9;flex:1;min-width:300px;padding:20px}.web-component-demo .sidebar h3,.web-component-demo .sidebar p{margin-bottom:1em}.web-component-demo .footer{background-color:#333;color:#fff;padding:20px;text-align:center}