/* PresenterTools 取扱説明書専用。共通の見た目（色・文字・目次・注意枠・表・画像）は /assets/site.css の .manual で指定する。
   ここにはこの説明書だけで使う部品（場面のカード・横並び・状態ラベル）を書く。 */
.pt .card p.go { margin-top: 8px; font-size: 14px; }
.pt .scene { border-top: 2px solid var(--app); }
.pt .scene .tag { display: inline-block; margin-bottom: 4px; font-size: 12px; font-weight: 700; letter-spacing: .04em; color: var(--muted); }
.pt .side { display: grid; grid-template-columns: minmax(0, 300px) minmax(0, 1fr); gap: 24px; align-items: start; }
.pt .side figure.shot { margin-top: 0; }

/* 操作パネルの状態ラベル（アプリの表示色に合わせる） */
.pt .state { display: inline-block; min-width: 4.6em; text-align: center; border-radius: 5px; padding: 0 .5em; font-size: 13px; font-weight: 700; color: #fff; line-height: 1.8; }
.pt .s-on { background: #2e7d32; }
.pt .s-off { background: #757575; }
.pt .s-ready { background: #b45309; }
.pt .s-active { background: #c62828; }

@media (max-width: 640px) {
  .pt .side { grid-template-columns: minmax(0, 1fr); }
}