.app {
  .page {
    padding: 0 20px 160px;
    font-family: "Unbounded", sans-serif;

    .fd {
      color: #282828;

      .fd-title {
        font-size: 4vw;
      }

      .fd-card {
        margin: 10px 0;
        display: flex;
        flex-direction: column;
        gap: 10px;

        .fd-row {
          display: flex;
          justify-content: space-between;
          align-items: center;
          border-radius: 14px;
          background-color: #fff;
          padding: 10px;

          span {
            font-size: 3.5vw;
          }

          span.fd-kj {
            color: #33D469;
            font-size: 4vw;
          }
        }

        .fd-row.fd-portion {
          .fd-input {
            color: #33D469;

            input {
              width: 3ch;
              font-size: 4vw;
              text-align: end;
              background-color: transparent;
              border: 0;
              border-bottom: 1px solid #33D469;
              color: #33D469;
            }

            input:focus,
            input:active {
              outline: 1px solid #33D469;
            }

            b {
              font-size: 3.5vw;
            }
          }
        }

        .fd-macros {
          padding: 10px;
          display: flex;
          justify-content: space-between;
          align-items: center;
          background-color: #fff;
          border-radius: 14px;

          .fd-col {
            text-align: center;

            span {
              font-size: 3.5vw;
            }

            input {
              width: 3ch;
              font-size: 4vw;
              text-align: center;
              background-color: transparent;
              border: 0;
              border-bottom: 1px solid #33D469;
              color: #33D469;
            }

            input:focus,
            input:active {
              outline: 1px solid #33D469;
            }
          }
        }
      }

      .fd-acc {
        margin-top: 20px;
        border-radius: 14px;
        background-color: #fff;
        padding: 10px;

        .fd-acc-summary {
          list-style: none;
          font-size: 3.5vw;
          display: flex;
          justify-content: space-between;
        }

        .fd-acc-body {
          padding-top: 10px;
          font-size: 3vw;
          overflow-wrap: break-word;
          line-height: 1.5;

          h4 {
            margin: 12px 0 6px;
            font-size: 3.4vw;
            font-weight: 600;
          }

          p {
            margin-bottom: 8px;
          }

          ul {
            padding-left: 18px;
            margin-bottom: 10px;
          }

          li {
            margin-bottom: 6px;
          }

          s,
          strike {
            text-decoration: none !important;
          }
        }
      }
    }
  }
}