/* Tailwind CDN を基本にしつつ、アプリ固有の微調整だけここに書く */
[x-cloak] {
  display: none !important;
}

/* ナビのスクロールバーを非表示 */
.scrollbar-none {
  scrollbar-width: none;
}
.scrollbar-none::-webkit-scrollbar {
  display: none;
}

/* ── 印刷レイアウト（レシピ詳細 A4 印刷用） ── */
@media print {
  nav,
  header,
  footer,
  button,
  .no-print {
    display: none !important;
  }

  .print-only {
    display: inline !important;
  }

  body {
    font-size: 11pt;
    background: white;
    color: #1e293b;
  }

  main {
    max-width: 100% !important;
    padding: 0 !important;
  }

  section {
    break-inside: avoid;
    border: 1px solid #e2e8f0 !important;
    margin-bottom: 8pt;
    padding: 8pt !important;
  }

  a {
    color: inherit;
    text-decoration: none;
  }

  pre,
  textarea {
    white-space: pre-wrap;
    word-break: break-all;
  }
}

.print-only {
  display: none;
}