/* note.css : 古の2000s / 黒・赤・ピンク基調（白なし） */

/* NOTEページのbodyに class="note-page" を付けると綺麗に揃う */
body.note-page{
  margin:0;
  min-height: 100vh;
  padding: 18px 12px 40px;
  color:#f2e9ff;
  font: 13px/1.75 "MS PGothic","MS Gothic",Verdana,Arial,Helvetica,sans-serif;
  text-align:center;
}

/* NOTE本文を置く“透明ボード” */
.note-board{
  max-width: 860px;
  margin: 18px auto;
  border: 2px solid #ff2a8a;
  background: rgba(0,0,0,0.78);
  box-shadow: 0 0 0 2px rgba(0,0,0,0.55);
  padding: 14px;
  text-align:left;
}

/* 見出しバー（main style.css の .bar に寄せたい場合は不要） */
.note-bar{
  background:#000;
  color:#ff4fa6;
  padding: 6px 10px;
  font-family:"Courier New", Courier, monospace;
  font-weight: bold;
  letter-spacing: .6px;
  border: 1px solid #ff2a8a;
  margin: -14px -14px 12px -14px;
}

/* 本文 */
.note-board p{ margin: 0 0 12px; line-height: 1.9; }
.note-board h1,.note-board h2,.note-board h3{
  margin: 14px 0 8px;
  color:#ff7fc4;
}
.note-board a{ color:#ff4fa6; text-decoration:none; }
.note-board a:hover{ text-decoration: underline; }
.note-board a:visited{ color:#b07cff; }

.note-hr{
  border:0;
  border-top: 1px dashed #ff2a8a;
  margin: 12px 0;
}

/* NOTEのサムネ（元仕様を拡張） */
.note-thumb{
  display:block;
  max-width: 720px;
  margin: 12px auto 0;
  border: 2px solid #ff2a8a;
  background: rgba(0,0,0,0.55);
  padding: 6px;
}
.note-thumb img{
  width: 100%;
  height: auto;
  display:block;
  border: 1px solid rgba(255,42,138,0.55);
}

/* カカポカーソル前提 */
html, body { cursor: none; }
* { cursor: none !important; }
#custom-cursor{
  position: fixed;
  left: 0;
  top: 0;
  width: 32px;
  height: 32px;
  pointer-events: none;
  z-index: 99999;
  display: none;
  will-change: transform;
}