/* portal.css : 管理者/ユーザー共通（ボタン化） */

body{
  margin:0;
  font-family: system-ui, -apple-system, "Yu Gothic UI", sans-serif;
  background:#f2f4f7;
}

.wrap{
  max-width: 860px;
  margin: 18px auto;
  padding: 0 14px;
}

/* ヘッダー領域 */
.hd{
  background:#fff;
  border:1px solid #d9dee6;
  border-radius:12px;
  padding:16px 18px;
  margin-bottom: 12px;
}

.title{
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 6px;
}

.sub{
  font-size: 13px;
  color:#475467;
  margin-top: 4px;
}

/* 本文カード */
.card{
  background:#fff;
  border:1px solid #d9dee6;
  border-radius:12px;
  padding: 16px 18px;
}

/* カテゴリブロック */
.category{
  margin: 14px 0 20px;
}

.category h3{
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 900;
}

/* ボタン本体（少しだけ小さめ・崩れない版） */
.menu-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-width: 220px;
  min-height: 34px;        /* ちょうどよい高さ */
  padding: 6px 12px;       /* 少し詰める */
  border-radius: 10px;

  border: 2px solid #1976d2;
  background:#fff;
  color:#1976d2;
  text-decoration:none;
  font-weight: 900;
  letter-spacing: .02em;
  box-sizing: border-box;

  line-height: 1.1;        /* 文字が潰れない */
  transition: transform .08s ease, filter .08s ease;
}



  border: 2px solid #1976d2;
  background:#fff;
  color:#1976d2;
  text-decoration:none;
  font-weight: 900;
  letter-spacing: .02em;
  box-sizing: border-box;

  line-height: 1;      /* ← 余計な行高で膨らむのを防ぐ */
  transition: transform .08s ease, filter .08s ease;
}

/* body { background-color: yellow; } */

.menu-btn:hover{
  filter: brightness(0.98);
  transform: translateY(-1px);
}

/* users.json の class に合わせる */
.menu-btn.blue{  border-color:#1976d2; color:#1976d2; }
.menu-btn.green{ border-color:#2e7d32; color:#2e7d32; }
.menu-btn.red{   border-color:#d32f2f; color:#d32f2f; }

/* ===== ポータル注意文 ===== */
.portal-note {
  font-size: 12px;
  color: #555;
  background: #f7f9fc;
  border: 1px solid #dbe3f0;
  border-radius: 6px;
  padding: 6px 10px;
  margin-bottom: 12px;
}



/* 管理者リンク等の見やすさ */
.hd a{
  color:#1a73e8;
  text-decoration: none;
  font-weight: 700;
}
.hd a:hover{
  text-decoration: underline;
}