:root {
        --primary-blue: #0072b9;
        --dark-navy: #1a1d2e;
        --text-gray: #333;
        --bg-color: #f4f7f6;
    }
    body {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        line-height: 1.6;
        color: var(--text-gray);
        margin: 0;
        background-color: var(--bg-color);
    }
    #page { max-width: 1100px; margin: 0 auto; padding: 20px; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.05); }
    header { border-bottom: 3px solid var(--primary-blue); padding-bottom: 20px; margin-bottom: 30px; }
    .header__logo-image { max-width: 250px; height: auto; }
    
    #main { display: grid; grid-template-columns: 250px 1fr 250px; gap: 30px; }
    @media (max-width: 1024px) { #main { grid-template-columns: 1fr; } }
    
    h1 { color: var(--primary-blue); margin-top: 0; }
    .menu { list-style: none; padding: 0; }
    .menu li { margin-bottom: 10px; }
    .menu a { text-decoration: none; color: var(--primary-blue); font-weight: 600; }
    
    .sidebar { background: #f9f9f9; padding: 15px; border-radius: 4px; border: 1px solid #ddd; }
    .block__title { font-size: 1.1rem; border-bottom: 1px solid #ddd; padding-bottom: 5px; color: var(--dark-navy); }
    
    footer { text-align: center; margin-top: 40px; padding: 20px; border-top: 1px solid #ddd; font-size: 0.9rem; }
    
    /* Background textures via CSS gradients */
    .bg-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.05; pointer-events: none;
        background: radial-gradient(circle at 20% 30%, #000 1px, transparent 1px), radial-gradient(circle at 80% 70%, #000 1px, transparent 1px);
        background-size: 50px 50px;
    }