/* 作り手向けの資料（/docs/creators/）だけで使う見た目。build/gen-creator-docs.py が作る頁が読む。
   ★ CSP（style-src 'self'）で頁の中の <style> は効かないので、ここに置く。 */
table.ref{border-collapse:collapse;width:100%;font-size:14px;margin:0 0 22px}
table.ref th,table.ref td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top;line-height:1.6}
table.ref th{color:var(--mint);font-weight:400;font-size:13px;background:rgba(159,225,203,.06);white-space:nowrap}
table.ref td code{white-space:nowrap}
table.ref td.need{white-space:nowrap;text-align:center}
pre.code{background:#0c0f14;border:1px solid var(--line);border-radius:10px;padding:12px 14px;
  font-size:13px;line-height:1.6;margin:0 0 8px;color:#dfe7e3}
.codecap{font-size:13px;color:var(--dim);margin:14px 0 4px}
.dl{display:inline-block;margin:4px 0 18px;padding:9px 16px;border-radius:10px;border:1px solid var(--mint);
  color:var(--mint);text-decoration:none;font-weight:700}
.dl:hover{background:rgba(159,225,203,.08)}
/* 狭い画面では、長いセレクタも折り返す（.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:8px;display:block;margin-bottom:8px}