/* 全体設定 */
      body {
        margin: 0;
        padding: 0;
        background-color: #111;
        font-family: "Oswald", sans-serif;
        color: #fff;
        overflow-x: hidden;
      }

      .section {
        min-height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid #333;
        padding: 2rem;
        box-sizing: border-box;
        position: relative;
      }

      h2 {
        position: absolute;
        top: 20px;
        left: 20px;
        font-size: 1rem;
        color: #666;
        font-weight: 400;
        letter-spacing: 0.1em;
        margin: 0;
      }

      svg {
        width: 100%;
        max-width: 900px;
        height: auto;
        overflow: visible;
      }

      text {
        font-size: 130px;
        font-weight: 700;
        letter-spacing: 0.05em;
        fill: transparent; /* 最初は塗りなし */
        stroke-width: 2px;
        stroke-linejoin: round;
      }

      /* -----------------------
           Pattern 1: Simple White
           ----------------------- */
      #demo1 text {
        stroke: #ffffff; /* 白色の線 */
        stroke-width: 1.5px; /* 少し細くして上品に */
      }

      /* -----------------------
           Pattern 2: Tech Dash
           ----------------------- */
      #demo2 text {
        stroke: #00ff88;
        stroke-width: 1.5px;
      }

      /* -----------------------
           Pattern 3: Dual Color
           ----------------------- */
      #demo3 text {
        mix-blend-mode: screen; /* 重なった色を明るく合成 */
        stroke-width: 3px;
      }

      .instruction {
        margin-top: 2rem;
        font-size: 0.9rem;
        color: #888;
        opacity: 0.7;
        cursor: pointer;
        transition: opacity 0.3s;
      }
      .instruction:hover {
        opacity: 1;
        color: #fff;
      }