.article-content-inner img {
  width: auto;
  height: auto;
  max-width: 100%;
}

div[data-youtube-video] {
  aspect-ratio: 16 / 9;
  border-radius: 0.5rem;
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

div[data-youtube-video] iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

:root {
  /* Color System */
  --editor-text-default: hsl(240 10% 3.9%);
  --editor-text-gray: hsl(240 3.8% 46.1%);
  --editor-text-brown: hsl(25 95% 53%);
  --editor-text-orange: hsl(24 95% 53%);
  --editor-text-yellow: hsl(48 96% 53%);
  --editor-text-green: hsl(142 71% 45%);
  --editor-text-blue: hsl(221 83% 53%);
  --editor-text-purple: hsl(269 97% 85%);
  --editor-text-pink: hsl(336 80% 58%);
  --editor-text-red: hsl(0 84% 60%);

  /* Background Colors */
  --editor-bg-default: hsl(0 0% 100%);
  --editor-bg-subtle: hsl(0 0% 98%);
  --editor-bg-muted: hsl(240 5% 96%);

  /* Highlight Colors */
  --editor-highlight-default: hsl(0 0% 98%);
  --editor-highlight-gray: hsl(240 5% 96%);
  --editor-highlight-brown: hsl(43 96% 96%);
  --editor-highlight-orange: hsl(33 100% 96%);
  --editor-highlight-yellow: hsl(54 100% 96%);
  --editor-highlight-green: hsl(142 71% 96%);
  --editor-highlight-blue: hsl(217 91% 96%);
  --editor-highlight-purple: hsl(269 97% 96%);
  --editor-highlight-pink: hsl(336 80% 96%);
  --editor-highlight-red: hsl(0 84% 96%);

  /* Border Colors */
  --editor-border-default: hsl(240 5% 88%);
  --editor-border-strong: hsl(240 5% 65%);

  /* Spacing System */
  --editor-spacing-1: 0.25rem;
  --editor-spacing-2: 0.5rem;
  --editor-spacing-3: 0.625rem; /* ↓ 原本 0.75 */
  --editor-spacing-4: 0.875rem; /* ↓ 原本 1rem */
  --editor-spacing-6: 1.25rem; /* ↓ 原本 1.5 */
  --editor-spacing-8: 1.75rem; /* ↓ 原本 2 */
  --editor-spacing-12: 2.5rem; /* ↓ 原本 3 */
  --editor-spacing-16: 3.5rem; /* ↓ 原本 4 */

  /* Typography */
  --editor-font-sans:
    system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --editor-font-mono:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --editor-font-serif: Georgia, Cambria, "Times New Roman", Times, serif;

  /* Animation */
  --editor-transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --editor-transition-normal: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --editor-transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);

  /* Shadows */
  --editor-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --editor-shadow-md:
    0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --editor-shadow-lg:
    0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}