/* 配色・書体はアプリ本体 index.html の :root と同一 */
  :root{
    --bg:#f4f7ee; --card:#fffdf6; --ink:#3f3327; --sub:#6b5c49;
    --line:#e6ddcd; --accent:#c8532f; --sky:#2c7e94;
  }
  *{box-sizing:border-box}
  body{margin:0; background:var(--bg); color:var(--ink);
    font-family:"Hiragino Maru Gothic ProN","Hiragino Sans","Yu Gothic",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    line-height:1.85; font-size:16px; -webkit-text-size-adjust:100%;}
  .wrap{max-width:44rem; margin:0 auto; padding:2.5rem 1.25rem 5rem}
  header{border-bottom:2px solid var(--line); padding-bottom:1.25rem; margin-bottom:2rem}
  h1{font-size:1.35rem; line-height:1.5; margin:0 0 .35rem}
  .sub{color:var(--sub); font-size:.9rem; margin:0}
  nav{margin-top:1rem; font-size:.9rem}
  nav a{color:var(--sky); text-decoration:none; border-bottom:1px solid currentColor}
  nav a+a{margin-left:1rem}
  section{background:var(--card); border:1px solid var(--line); border-radius:14px; padding:1.5rem 1.5rem .5rem; margin-bottom:2.5rem}
  h2{font-size:1.15rem; margin:0 0 1.25rem; color:var(--accent)}
  h3{font-size:1rem; margin:2rem 0 .5rem; padding-left:.6rem; border-left:4px solid var(--line)}
  p,ul{margin:.5rem 0 1rem}
  ul{padding-left:1.3rem}
  li{margin:.2rem 0}
  .meta{font-size:.9rem; color:var(--sub); background:#f7f3ea; border-radius:10px; padding:.9rem 1rem; margin:0 0 1.5rem}
  .meta div+div{margin-top:.2rem}
  footer{color:var(--sub); font-size:.82rem; text-align:center; margin-top:2rem}
  @media (max-width:480px){ .wrap{padding:1.75rem 1rem 4rem} h1{font-size:1.15rem} }