{
      color-scheme: light dark;
    }

    @media (width <= 768px) {
      body {
        padding: 30px;
      }

      h1, .option-title {
        width: 100%;
      }

      .option-title {
        margin-inline-end: 0;
        margin-block-end: 10px;
      }

      .option-container {
        flex-direction: column;
      }
    }
  </style>
</head>
<body>
  <div class="main">
    <h1><code>color-scheme</code></h1>
    <div class="option-container">
      <span class="option-title"><code>light</code></s