/* 使い方のページ（manual.html）の見た目（色のめがね Web・色のシミュレータ Web 共通。2026-11-06。ここに 1 か所）。
   文字の段（--fs-*）・.bar・.brand・.sr は各アプリの app.css、ボタンの絵（.plate・.pbtn）は toolbar.css、色は ui_style.css */
.tabpane h5 { margin: 14px 0 6px; font-size: var(--fs-section); }
.tabpane dl { margin: 0; } .tabpane dt { font-weight: bold; font-size: var(--fs-item); margin-top: 8px; } .tabpane dd { margin: 0 0 0 1em; font-size: var(--fs-text); }
.tabpane p { font-size: var(--fs-text); }
.tabpane .cc { font-size: var(--fs-text); color: #777; }
.tabpane .lic { margin: 4px 0 8px; padding-left: 1.2em; }
.license { font: 11px/1.35 ui-monospace, Menlo, monospace; white-space: pre-wrap; overflow-wrap: anywhere; color: #555; margin: 8px 0 0; }
/* 情報の画面の項目の絵（画面と同じ絵・札。手で描き直さない）*/
.tabpane dt { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 10px; }
.ico { display: inline-flex; align-items: center; gap: 6px; flex: none; }
.plate.demo, .seg.demo { cursor: default; pointer-events: none; }
.seg.demo { display: inline-flex; } .seg.demo .seg-btn { width: 36px; display: inline-flex; align-items: center; justify-content: center; }
.seg-btn.on { color: #fff; background: linear-gradient(var(--ui-selection-blue-light), var(--ui-selection-blue)); }
.plate.demo img.gear, .plate.demo .gear { width: 24px; height: 24px; }
.ico img.lens { height: auto; }
.tabpane dd { margin: 2px 0 6px 0; }
.tabpane .logo { display: block; width: 64px; height: 64px; border-radius: 14px; margin: 4px 0 6px; }
.tabpane .shot { display: block; width: 100%; max-width: 720px; margin-left: auto; margin-right: auto; height: auto; border: 1px solid #bbb; border-radius: 4px; margin-top: 8px; margin-bottom: 4px; }   /* ページ全体の画面（tools/make_cvs_web_info_shots.mjs が撮る） */
/* 使い方のページ（manual.html） */
body.manual { background: #fff; display: block; height: auto; min-width: 0; }   /* 色のめがねの本体の body（縦に割った画面）を、ふつうのページに戻す */
.manual .bar .brand { cursor: default; }
.manual-body { max-width: 1200px; margin: 0 auto; padding: 14px 16px 40px; }
.langs { display: flex; gap: 8px; justify-content: flex-end; margin-bottom: 4px; }
.langs button { padding: 5px 14px; border: 1px solid #aaa; border-radius: 6px; background: #f2f2f2; cursor: pointer; font-size: var(--fs-item); }
.langs button[aria-pressed="true"] { background: var(--ui-selection-blue); border-color: var(--ui-selection-blue); color: #fff; }
.copyline { margin: 0 0 8px; text-align: right; font-size: var(--fs-text); color: #404040; font-weight: bold; }   /* ロゴのすぐ下。説明の文と同じ大きさ・はっきりした色 */
.manual .about-title { text-align: center; }   /* 「…について」の見出しは中央寄せ */
.pbtn.demo { cursor: default; pointer-events: none; --u: 1; }
.pbtn.demo::after { display: none; }