/* P006-06: B001で採用した、上端が白い葉柄グラデーション。 */
.surface--leaf-gradient {
  background-color: var(--color-surface-soft);
  background-image:linear-gradient(to top,rgba(255,255,255,0),var(--color-surface-base)),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22360%22%20height%3D%22280%22%20viewBox%3D%220%200%20360%20280%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23007a4e%22%20stroke-opacity%3D%22.055%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2832%2028%29%20rotate%28-18%2045%2045%29%22%3E%3Cpath%20d%3D%22M12%2078C-2%2030%2035%207%2082%208C83%2054%2057%2086%2012%2078Z%22%2F%3E%3Cpath%20d%3D%22M9%2089L65%2027M30%2065L27%2042M45%2048L64%2048%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28220%20155%29%20rotate%2832%2040%2040%29%22%3E%3Cpath%20d%3D%22M10%2070C0%2029%2030%207%2073%208C75%2050%2050%2077%2010%2070Z%22%2F%3E%3Cpath%20d%3D%22M7%2081L58%2025M28%2058L26%2037M42%2043L58%2043%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size:100% 100%,360px 280px;
}

/* P006-06 variant: the same white-to-mint gradient without the leaf pattern. */
.surface--gradient {
  background-color: var(--color-surface-soft);
  background-image: linear-gradient(to top, rgba(255,255,255,0), var(--color-surface-base));
  background-size: 100% 100%;
}