/*
Theme Name: W3Schools Multi Tutorial Theme
Author: You
Description: A multi‑tutorial theme styled like W3Schools.
Version: 1.0
Text Domain: w3schools-multi-tutorial
*/

body {
    margin: 0;
    font-family: Arial, sans-serif;
    background: #ffffff;
}

a { color: #04AA6D; text-decoration: none; }
a:hover { text-decoration: underline; }

#w3s-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px 40px;
}

.w3s-header {
    background: #282A35;
    color: #fff;
    padding: 14px 15px;
}

.w3s-nav {
    background: #04AA6D;
    padding: 8px 15px;
}

.w3s-layout {
    display: grid;
    grid-template-columns: 220px 1fr 260px;
    gap: 20px;
    margin-top: 20px;
}

/* Sidebar */
.w3s-sidebar {
    background: #f1f1f1;
    border: 1px solid #ddd;
    padding: 15px;
}

.w3s-sidebar h3 { margin-top: 0; }
.w3s-sidebar ul { list-style: none; padding: 0; }
.w3s-sidebar li { margin-bottom: 8px; }

/* Main */
.w3s-main h1.entry-title {
    font-size: 32px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

/* Example box */
.w3s-example-box {
    margin-top: 30px;
    border-left: 4px solid #04AA6D;
    background: #f9f9f9;
    padding: 15px;
}

.w3s-example-inner {
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px;
    overflow-x: auto;
}

/* Right box */
.w3s-rightbox {
    background: #f1f1f1;
    border: 1px solid #ddd;
    padding: 15px;
}

/* Responsive */
@media (max-width: 900px) {
    .w3s-layout { grid-template-columns: 1fr; }
}