@import url('common.css');
  body {
            font-family: Arial, sans-serif;
            max-width: 900px;
            margin: 2rem auto;
            padding: 0 1rem;
            line-height: 1.6;
            color: #333;
        }

        h1,
        h2,
        h3 {
            color: #007a87;
            /* cool teal */
        }

        table {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 2rem;
        }

        th,
        td {
            border: 1px solid #ccc;
            padding: 0.5rem;
            text-align: center;
        }

        th {
            background-color: #7CB9BE;
            /* cool teal */
            color: #fff;
        }

        ul {
            list-style-type: disc;
            margin-left: 1.5rem;
        }

        pre {
            background-color: #f4f4f4;
            padding: 1rem;
            overflow-x: auto;
        }

        section {
            margin-bottom: 3rem;
        }

        a {
            color: #007a87;
            text-decoration: none;
        }

        a:hover {
            text-decoration: underline;
        }