@charset "UTF-8";

/* ==============================
   THEME: "HUMBLE LEADERSHIP"
   ============================== */
:root {
  --primary:#143b63;   /* 誠実・信頼 */
  --accent:#00a0e9;    /* 冷静な決断 */
  --highlight:#f5b700; /* 感謝と光 */
  --bg:#fdfdfd;
  --muted:#666;
}

body {
  font-family:'Noto Sans JP','Hiragino Sans',sans-serif;
  color:#222;
  background:var(--bg);
  line-height:1.9;
}

h1 {
  font-size:2.2rem;
  font-weight:800;
  color:var(--primary);
  border-left:6px solid var(--accent);
  padding-left:12px;
  margin:1rem 0 1.4rem;
}

h2 {
  font-size:1.4rem;
  font-weight:700;
  margin:2rem 0 0.8rem;
  color:#333;
}

blockquote {
  border-left:4px solid var(--accent);
  background:#eef8ff;
  padding:1rem 1.2rem;
  font-style:italic;
  color:#444;
  border-radius:6px;
  transition:box-shadow .4s;
}

blockquote:hover {
  box-shadow:0 0 15px rgba(0,160,233,0.3);
}

.callout {
  background:#fffbea;
  border-left:5px solid var(--highlight);
  padding:1rem 1.2rem;
  border-radius:8px;
  color:#4a3b00;
  margin:1.5rem 0;
}

.hero {
  background:linear-gradient(135deg,#0071bc 0%,#00a0e9 100%);
  color:#fff;
  border-radius:12px;
  padding:3rem 2rem;
  margin-bottom:2rem;
  box-shadow:0 5px 20px rgba(0,0,0,.08);
}

footer {
  text-align:center;
  color:#999;
  font-size:0.85rem;
  margin-top:4rem;
}