/* wgf-cf-sections.css -- creature-family section overrides (abilities with text, roster lines).
   Moved out of the inline <style> blocks creature_family_render emitted (ABILITIES_STYLE,
   ROSTER_STYLE; sweep 2026-10-01, S9). Linked as creature_family_render.SECTIONS_CSS_HREF. */
.wgf-cf-abilities--text{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:.5rem}
.wgf-cf-abilities--text .wgf-cf-ability{display:block;padding:.5rem .65rem}
.wgf-cf-abilities--text .wgf-cf-ability__head{display:flex;align-items:center;gap:.5rem}
.wgf-cf-abilities--text .wgf-cf-ability__name{white-space:normal;overflow:visible;text-overflow:clip}
.wgf-cf-ability__text{margin:.35rem 0 0;font-size:.84rem;line-height:1.45;color:var(--wgf-neutral-text,#9b9384)}
.wgf-cf-ability__ranks{font-size:.72rem;color:var(--wgf-neutral-text,#9b9384);white-space:nowrap}
.wgf-cf-roster__title{font-style:italic}
.wgf-cf-roster__tuning{font-size:.72rem;color:var(--wgf-neutral-text,#9b9384)}
.wgf-cf-roster__nolink{cursor:default}
/* creature_family_depth_render (was its inline STYLE block; G13-15) */
.wgf-cf-exps{display:flex;flex-wrap:wrap;gap:6px;margin:.5rem 0 0;padding:0;list-style:none}
.wgf-cf-exps li{margin:0}
.wgf-cf-exps a,.wgf-cf-exps span{display:inline-block;font-size:.78rem;padding:3px 10px;border:1px solid var(--wgf-metal-soft,#3a3120);background:var(--wgf-panel-1,#14161c);color:var(--wgf-gold-link,#ffe375);text-decoration:none}
.wgf-cf-exps span{color:var(--wgf-neutral-text,#9b9384)}
.wgf-cf-exps a:hover,.wgf-cf-exps a:focus-visible{text-decoration:underline}
.wgf-cf-pets{list-style:none;margin:.6rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.5rem}
.wgf-cf-pet{display:flex;gap:.55rem;padding:.5rem .65rem;background:var(--wgf-panel-1,#14161c);border:1px solid var(--wgf-border-neutral-soft,#202229)}
.wgf-cf-pet__icon{width:32px;height:32px;flex:0 0 auto;border:1px solid var(--wgf-metal,#6e5a2a);object-fit:cover}
.wgf-cf-pet__name{color:var(--wgf-gold-link,#ffe375);text-decoration:none;font-size:.9rem}
.wgf-cf-pet__name:hover,.wgf-cf-pet__name:focus-visible{text-decoration:underline}
.wgf-cf-pet__text{margin:.2rem 0 0;font-size:.82rem;line-height:1.45;color:var(--wgf-neutral-text,#9b9384)}