body {
      font-family: Arial, sans-serif;
      background-color: #f3f3f3;
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
      margin: 0;
    }

    .container {
      display: grid;
      grid-template-columns: 2fr 1fr;
      grid-template-rows: auto auto auto auto;
      gap: 10px;
      background: white;
      border: 2px solid #000;
      padding: 10px;
      max-width: 900px;
      width: 100%;
    }

    .item {
      border: 1px solid #999;
      padding: 10px;
      text-align: center;
      background-color: #fafafa;
    }

    header {
      grid-column: span 2;
      font-size: 24px;
      font-weight: bold;
    }

    .poem {
      grid-column: 1 / 2;
      grid-row: span 2;
    }

    .bottom {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
    }

    iframe {
      width: 100%;
      height: 200px;
    }

    figure {
      margin: 0;
    }

    figcaption {
      font-size: 14px;
      color: #333;
    }

    ol {
      text-align: left;
    }