/* kamitool v2 追加スタイル（配信者向けツール集） */
main p,main li{font-size:15px}
main h2{font-size:19px}
.byline{font-size:13px; color:var(--muted); margin:-8px 0 22px}
.cta{background:var(--panel); border:1px solid var(--accent); border-radius:var(--radius); padding:18px 20px; margin:26px 0}
.cta p{margin:0 0 12px; font-size:15px; color:var(--muted)}
.crumb{font-size:13px; color:var(--muted); margin:18px 0 0}
.crumb a{color:var(--muted)}
.tagline{font-size:13px; color:var(--muted); margin:2px 0 0}

/* ツールの試せる枠 */
.preview{margin:20px 0 8px; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; background:#23262b}
.preview iframe{display:block; width:100%; height:520px; border:0; background:transparent}
.preview.tall iframe{height:640px}
.preview-cap{font-size:13px; color:var(--muted); margin:8px 2px 0}

/* OBSに入れるURL */
.obsurl{background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); padding:14px 16px; margin:18px 0}
.obsurl .lab{font-size:13px; color:var(--muted); font-weight:600; margin-bottom:6px}
.obsurl code{display:block; font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace; font-size:14px; word-break:break-all; background:var(--bg); border:1px solid var(--line); border-radius:8px; padding:9px 11px; user-select:all}
.obsurl .alt{margin-top:10px}

/* ツール一覧のカード */
.catlabel{font-size:14px; font-weight:700; margin:34px 0 4px; color:var(--muted); letter-spacing:.04em}
.tools .t-meta{font-size:12px; color:var(--muted); margin-top:8px}

/* 設定の一覧・動作の事実 */
.facts{width:100%; border-collapse:collapse; margin:14px 0; font-size:14.5px}
.facts th,.facts td{border:1px solid var(--line); padding:8px 10px; text-align:left; vertical-align:top}
.facts th{background:var(--panel); font-weight:600; white-space:nowrap}
.kbd{display:inline-block; font-family:ui-monospace,Menlo,Consolas,monospace; font-size:13px; background:var(--panel); border:1px solid var(--line); border-bottom-width:2px; border-radius:5px; padding:0 6px; margin:0 1px}
.policy{margin:0; padding:0; list-style:none}
.policy li{margin:0 0 16px}
.policy b{display:block; font-size:15px; margin-bottom:4px}
.policy p{margin:0}
.info{margin:0; padding:0; list-style:none; border-top:1px solid var(--line)}
.info li{display:block; padding:11px 0; border-bottom:1px solid var(--line)}
.info b{display:block; font-size:13px; color:var(--muted); font-weight:600; margin-bottom:3px}
.info span{display:block; font-size:15px; word-break:break-word}
.mail{font-size:18px; font-weight:700; word-break:break-all}
.hero{padding:30px 0 6px}
.hero h1{font-size:30px}
.pills{display:flex; flex-wrap:wrap; gap:8px; margin:14px 0 4px}
.pills span{font-size:13px; background:var(--panel); border:1px solid var(--line); border-radius:999px; padding:4px 12px}
.twocol{display:grid; grid-template-columns:1fr 1fr; gap:14px}
@media (max-width:640px){ .twocol{grid-template-columns:1fr} .preview iframe{height:460px} }

header nav a,.site-header nav a,nav a{white-space:nowrap}
@media(max-width:480px){header nav,.site-header nav{flex-wrap:wrap}}