/* 板（台詞に添える紙）の見た目。guide.html と tools/admin.html が同じものを読む —— 管理画面の
   プレビューが本番とずれないように、ここ一枚だけが正。リキッドグラス（2026-09-19）。フォントは読み込む側。 */
.gboard{ position:relative; background:rgba(255,255,255,.42); -webkit-backdrop-filter:blur(22px) saturate(170%); backdrop-filter:blur(22px) saturate(170%);
  border:1px solid rgba(255,255,255,.65); border-radius:18px; padding:14px 18px; box-shadow:0 10px 30px rgba(60,40,90,.10), inset 0 1px 0 rgba(255,255,255,.85);
  font-family:"M PLUS Rounded 1c","Hiragino Maru Gothic ProN","Yu Gothic",sans-serif; font-size:14.5px; font-weight:700; line-height:1.7; color:#4e4759; }
.gboard h1{ font-family:"Dela Gothic One","M PLUS Rounded 1c",sans-serif; font-weight:400; font-size:16px; margin:0 0 6px; color:#241f2e; letter-spacing:.01em; }
.gboard ul, .gboard ol{ margin:4px 0; padding-left:1.4em; } .gboard li{ margin:2px 0; } .gboard p{ margin:4px 0; }
.gboard a{ display:inline-block; color:#e2386c; font-weight:900; margin-top:4px; text-decoration:none; }
.gboard b{ color:#241f2e; }
.gboard pre{ background:rgba(36,31,46,.06); border-radius:10px; padding:8px 10px; font-size:12px; overflow:auto; }