/* 作り手向けの資料（/docs/creators/）だけで使う見た目。build/gen-creator-docs.py が作る頁が読む。
   ★ CSP（style-src 'self'）で頁の中の <style> は効かないので、ここに置く。
   ★ 2026-11 の作り直しで白地にそろえた。細い線は docs.css の --hair（--line は lab.css の「線の太さ」なので使わない） */
table.ref{border-collapse:collapse;width:100%;font-size:14px;margin:0 0 22px}
table.ref th,table.ref td{border:1.5px solid var(--hair);padding:8px 10px;text-align:left;vertical-align:top;line-height:1.6}
table.ref th{color:var(--ink);font-weight:700;font-size:13px;background:var(--mint-soft);white-space:nowrap}
table.ref td code{white-space:nowrap}
table.ref td.need{white-space:nowrap;text-align:center}
pre.code{background:var(--soft);border:2px solid var(--hair);border-radius:12px;padding:12px 14px;
  font-size:13px;line-height:1.6;margin:0 0 8px;color:var(--ink)}
.codecap{font-size:13px;color:var(--dim);margin:14px 0 4px}
/* 見本の zip を落とす釦（丸い釦）。lab.css にも .dl（製品ページのダウンロード欄の並び）があるので、display は必ずここで決める */
.dl,.wrap a.dl{display:inline-block;margin:4px 0 18px;padding:8px 18px;border-radius:999px;border:var(--line) solid var(--ink);
  color:var(--ink);background:var(--mint);text-decoration:none;font-weight:700;box-shadow:0 4px 0 -1px var(--ink)}
.dl:hover,.wrap a.dl:hover{background:var(--orange);color:var(--ink)}
/* 狭い画面では、長いセレクタも折り返す（.tblwrap は 560px 以下で横に流さないので、あふれる・2026-10-13 に check-mobile で見つけた） */
@media (max-width:560px){
  table.ref td code{white-space:normal;word-break:break-all}
  table.ref th{white-space:normal}
}
/* 素材の棚（/market/）の見本の絵。★ HTML に style を直書きしない（CSP で効かない・gen-market.py が作る頁） */
.card img.mk-shot{width:100%;height:auto;border-radius:12px;border:1.5px solid var(--ink);display:block;margin-bottom:10px}