/*
Theme Name: Cocoon Child
Template: cocoon
Author: 北村浩二
Description: Cocoonの子テーマ。職業訓練シミュレーション用にカスタマイズ。
Version: 1.0
*/

/* 共通デザイン：緑系・やさしい */
.sim-wrap {
  max-width: 820px;
  margin: 24px auto;
  padding: 18px;
  background: #fbfff9;
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(8, 35, 18, 0.04);
  font-family: "Noto Sans JP", sans-serif;
  color: #12321a;
}
.sim-header { text-align:center; margin-bottom:12px; }
.sim-title { font-size:1.4rem; font-weight:700; color:#0b6b3d; }
.sim-sub { color:#2f5e3e; margin-top:6px; font-size:0.95rem; }

.sim-section { margin-top:14px; }
.sim-label { display:block; font-weight:700; margin:8px 0 6px; }
.sim-input, .sim-select {
  width:100%; padding:10px; border:1px solid #dcefe0; border-radius:8px; background:#fff;
  box-sizing:border-box; font-size:1rem;
}
.sim-actions { display:flex; gap:10px; margin-top:12px; }
.sim-button {
  flex:1; background:#0b6b3d; color:#fff; padding:10px; border-radius:8px; border:0; cursor:pointer; font-weight:700;
}
.sim-button--secondary { background:#6aa07a; }

.sim-toggle { margin-top:10px; padding:10px; background:#f0fff4; border-radius:8px; text-align:center; cursor:pointer; color:#0b6b3d; font-weight:700; }

.sim-result { margin-top:12px; padding:12px; background:#ffffff; border:1px solid #e6f3ea; border-radius:10px; }
.sim-warning { background:#fff8f2; border-left:4px solid #f59e0b; padding:10px; border-radius:6px; color:#7a4b12; }
.sim-save { color:#047857; font-weight:700; }
.sim-highlight { color:#b91c1c; font-weight:700; }

.sim-summary { display:flex; gap:10px; margin-top:12px; flex-wrap:wrap; }
.sim-card { flex:1; min-width:180px; background:#f4fff6; border:1px solid #d1f1dc; border-radius:8px; padding:10px; text-align:center; }
.sim-note { font-size:0.9rem; color:#3f3f3f; margin-top:10px; }

@media (max-width:640px) {
  .sim-actions { flex-direction:column; }
  .sim-card { min-width:100%; }
}