:root {
       --bg: #ffffff;
       --text: #111;
       --accent: #6fa90f;
       --maxw: 900px;
       font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
   }

   html,
   body {
       height: 100%;
       margin: 0;
       background: var(--bg);
       color: var(--text);
       text-align: start;
   }

   .wrap {
       max-width: var(--maxw);
       margin: 32px auto;
       padding: 24px;
   }

   header h1 {
       margin: 0 0 12px;
       font-size: 1.5rem;
   }

   p {
       line-height: 1.55;
       margin: 0 0 12px;
   }

   section {
       margin: 18px 0;
       padding: 16px;
       border-radius: 10px;
       background: linear-gradient(180deg, #f8f8f8, #ffffff);
   }



   a {
       color: var(--accent);
       text-decoration: none;
   }

   a:hover {
       text-decoration: underline;
   }



   @media (prefers-color-scheme:dark) {
       :root {
           --bg: #0f1412;
           --text: #e7efe9;
       }

       section {
           background: linear-gradient(180deg, #0c1412, #121917);
       }

   }

   main section {
       min-height: auto;
       justify-content: start;
   }

   .mention-L {
       margin-top: 10%;
   }