/* Theme-harmonization compat layer — aliases that map Sage/the module kinds'
   inline-styled class vocabulary onto the core .li/.ph/.btn tokens, plus the
   Artisan create-from-template studio. (Director/Navigator/Hero/Writer were
   physically deleted, Process 2 Part 2 — the aliases only they used went
   with them: .section, .detail-tabs/.tab-btn, .link-chip, .btn-danger,
   .form-row, .pick-list/.pick-item, .novel-picker/.np-*, #game-tab-body/
   #world-tab-body, and the body{--bg2} alias nothing else read.) */

/* ── Detail / content headers → mirror .ch divider treatment ── */
.detail-head{border-bottom:1px solid var(--border);padding-bottom:14px;margin-bottom:16px}
.detail-head h2{font-weight:700}

/* ── Small buttons → match .btn tokens ── */
.btn-sm{
	display:inline-flex;align-items:center;gap:5px;
	padding:5px 12px;border:1px solid var(--border);border-radius:var(--r);
	background:var(--raised);color:var(--t1);cursor:pointer;
	font-size:calc(12px * var(--fsc,1));font-weight:600;font-family:inherit;transition:all var(--ease);
}
.btn-sm:hover{background:var(--hover)}
.btn-sm.danger{color:var(--danger);border-color:transparent}
.btn-sm.danger:hover{background:var(--danger);color:var(--on-danger);border-color:var(--danger)}


/* ═══ ARTISAN (create-from-template studio) ═══════════ */
.artisan-grid{
	display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
	gap:14px;align-items:stretch;
}
.artisan-card-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.artisan-card-head h4{margin:0;font-size:calc(14px * var(--fsc,1));color:var(--t1)}
.artisan-card-icon{display:flex;align-items:center;color:var(--accent-text,var(--accent))}
.artisan-inc{font-size:calc(var(--fs-meta) * var(--fsc,1));font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--t3-aa,var(--t2));margin-bottom:5px}
.artisan-inc-list{display:flex;flex-wrap:wrap;gap:5px}