/* 基本設定 */
:root { --primary: #007bff; --success: #28a745; --error: #dc3545; }
body { font-family: 'Helvetica Neue', Arial, sans-serif; background-color: #f4f7f6; color: #333; line-height: 1.6; margin: 0; padding: 20px; }
.container { max-width: 800px; margin: 0 auto; background: #fff; padding: 30px; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); }
h1 { text-align: center; color: #2c3e50; margin-bottom: 30px; }
.card { background: #fafafa; border: 1px solid #eee; padding: 20px; border-radius: 8px; margin-bottom: 25px; }

/* ナビゲーションメニュー（新設） */
.nav-menu {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 30px;
    flex-wrap: wrap;
}
.nav-btn {
    padding: 8px 15px;
    border-radius: 20px;
    text-decoration: none;
    font-size: 0.85em;
    font-weight: bold;
    transition: 0.3s;
    border: 1px solid #ddd;
}
.nav-record  { background: #fff9db; color: #856404; border-color: #ffeeba; }
.nav-verify  { background: #d4edda; color: #155724; border-color: #c3e6cb; }
.nav-history { background: #d1ecf1; color: #0c5460; border-color: #bee5eb; }
.nav-guide   { background: #f8f9fa; color: #383d41; border-color: #d6d8db; }
.nav-btn:hover { opacity: 0.8; transform: translateY(-2px); }

/* その他共通パーツ（ボタン、入力欄など） */
.btn { width: 100%; padding: 12px; border: none; border-radius: 6px; cursor: pointer; font-size: 16px; font-weight: bold; }
input, select { width: 100%; padding: 10px; margin: 10px 0; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box; }

/* ガイド専用：目立ちすぎない控えめなデザイン */
.nav-guide-box {
    margin: 20px 10px 10px 10px; /* 上に少し余白をあけて分離 */
    padding: 8px;
    border: 1px solid #444;      /* 他の区切り線と同じくらいの暗い色 */
    border-radius: 4px;
    color: #888;                 /* 文字色をグレーに落とす */
    font-size: 0.75rem;          /* 文字サイズを一段小さく */
    text-align: center;
    cursor: pointer;
    transition: all 0.3s;
    background-color: transparent; /* 背景は透明に */
}

/* ホバーした時だけ、少しだけ存在感を出す */
.nav-guide-box:hover {
    border-color: #666;
    color: #ced4da;
    background-color: rgba(255, 255, 255, 0.02);
}