@charset "UTF-8";

/* ==============================
   THEME: "FAILURE & REBIRTH"
   ============================== */
:root {
  --main:#1a5276;        /* 信頼の深青 */
  --accent:#f4b400;      /* 挑戦と希望を象徴するゴールド */
  --light:#fef9e7;       /* 優しい背景 */
  --text:#222;
}

body {
  font-family:'Noto Sans JP','Hiragino Sans',sans-serif;
  line-height:1.9;
  background:var(--light);
  color:var(--text);
  margin:0;
  padding:0;
}

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

h2 {
  font-size:1.4rem;
  color:#333;
  margin:2.2rem 0 1rem;
}

blockquote {
  border-left:4px solid var(--accent);
  background:#fffbea;
  padding:1.2rem 1.4rem;
  border-radius:8px;
  font-style:italic;
  color:#444;
  transition:all .4s ease;
}
blockquote:hover {
  box-shadow:0 0 15px rgba(244,180,0,0.3);
}

.callout {
  border-left:5px solid var(--main);
  background:#ffffff;
  border-radius:8px;
  padding:1.2rem 1.4rem;
  margin:1.5rem 0;
  box-shadow:0 3px 10px rgba(0,0,0,0.05);
}

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

@media screen and (max-width:768px){
  h1{font-size:1.6rem;}
  h2{font-size:1.1rem;}
  blockquote{font-size:0.95rem;}
}