body { font-family: Montserrat }
     


      {} *{} {}
     


      #IE-warning {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: white;
      }
      .IE-warning-message {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
      }
    



 :root { --primary: #2a7f62; --secondary: #f8f9fa; --accent: #e9c46a; --text: #333; --light: #fff; --sidebar: #e9f5f0; } * { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: var(--text); } body { background: var(--light); line-height: 1.7; } .container { display: flex; min-height: 100vh; } .sidebar { width: 280px; background: var(--sidebar); padding: 2rem 1rem; position: sticky; top: 0; height: 100vh; overflow-y: auto; } .sidebar h2 { color: var(--primary); margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 2px solid var(--primary); } .sidebar ul { list-style: none; } .sidebar li { margin-bottom: 0.5rem; } .sidebar a { text-decoration: none; color: var(--text); display: block; padding: 0.5rem 0.5rem 0.5rem 0; border-radius: 4px; transition: background 0.2s; } .sidebar a:hover { background: var(--primary); color: var(--light); } .main-content { flex: 1; padding: 2rem 4rem; max-width: 900px; } h1, h2, h3, h4 { color: var(--primary); margin-top: 2rem; margin-bottom: 1rem; } h1 { font-size: 2.2rem; border-bottom: 2px solid var(--primary); padding-bottom: 0.5rem; } h2 { font-size: 1.8rem; border-bottom: 1px solid var(--primary); padding-bottom: 0.5rem; } h3 { font-size: 1.4rem; } h4 { font-size: 1.2rem; } p { margin-bottom: 1.2rem; } ul, ol { margin-bottom: 1.5rem; padding-left: 2rem; } li { margin-bottom: 0.5rem; } a { color: var(--primary); text-decoration: underline; } .cta { background: var(--primary); color: var(--light); padding: 1rem 2rem; border-radius: 6px; display: inline-block; margin: 1rem 0; font-weight: bold; text-decoration: none; } .cta:hover { background: #1f5e4a; } .quote, .testimonial { background: var(--secondary); border-left: 4px solid var(--primary); padding: 1rem 1.5rem; margin: 1.5rem 0; font-style: italic; } .author { font-weight: bold; margin-top: 0.5rem; } table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; } th, td { padding: 0.8rem; text-align: left; border-bottom: 1px solid #ddd; } th { background: var(--primary); color: var(--light); } tr:nth-child(even) { background: var(--secondary); } pre { background: #f5f5f5; padding: 1rem; border-radius: 4px; overflow-x: auto; margin: 1.5rem 0; } code { font-family: 'Courier New', Courier, monospace; font-size: 0.9rem; } .checklist { background: var(--secondary); padding: 1.5rem; border-radius: 6px; margin: 1.5rem 0; } .checklist ul { list-style-type: none; padding-left: 0; } .checklist li:before { content: "✓ "; color: var(--primary); font-weight: bold; } .about-author { background: var(--sidebar); padding: 2rem; border-radius: 8px; margin: 2rem 0; } .about-author h3 { margin-top: 0; } .about-author p { margin-bottom: 0.5rem; } .about-author .cta { margin-top: 1rem; } @media (max-width: 900px) { .container { flex-direction: column; } .sidebar { width: 100%; height: auto; position: relative; padding: 1rem; } .main-content { padding: 2rem; } }