/* ==========================================
   1. 基本スタイル & リセット
   ========================================== */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background-color: #f4f6f8;
  color: #333;
  line-height: 1.5;
}

.hidden {
  display: none !important;
}

.flex-1 { flex: 1; display: flex; flex-direction: column; }
.flex-row { display: flex; gap: 8px; }