/*
Theme Name: Simple Info Theme
Version: 1.1
Author: ChatGPT
*/

body{
    margin:0;
    font-family: system-ui, -apple-system, sans-serif;
    background:#f3f5f7;
    color:#222;
}

.container{
    width:min(1200px,92%);
    margin:0 auto;
}

.site-header{
    background:#ffffff;
    box-shadow:0 2px 10px rgba(0,0,0,0.06);
    padding:15px 0;
}

.header-inner{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.site-header nav ul{
    list-style:none;
    display:flex;
    gap:10px;
    padding:0;
    margin:0;
}

.site-header nav a{
    text-decoration:none;
    padding:8px 12px;
    border-radius:8px;
    color:#222;
    transition:0.2s;
}

.site-header nav a:hover{
    background:#e8eef5;
}

.card{
    background:#fff;
    padding:15px;
    border-radius:12px;
    box-shadow:0 2px 10px rgba(0,0,0,0.06);
}

.grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:20px;
}

.content-area{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:30px;
}

@media(max-width:900px){
    .content-area{
        grid-template-columns:1fr;
    }
}