/* Общие превью архетипов и определений */
.content-preview{position:fixed;z-index:1100;width:max-content;max-width:min(320px,calc(100vw - 24px));box-sizing:border-box;padding:13px 15px;border:1px solid var(--color-border);border-radius:9px;background:var(--color-tooltip-background,#272a3a);color:var(--color-text,#eee);box-shadow:0 8px 28px #0005;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.content-preview.is-archetype{width:360px;max-height:calc(100dvh - 24px);overflow-y:auto;background:var(--color-panel)}
.archetype-preview-heading{display:flex;align-items:center;gap:10px;font-size:16px}
.archetype-preview-heading img{flex:none}
.archetype-preview-style{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px;border:1px solid var(--color-gold-shadow);border-radius:6px;background:color-mix(in srgb,var(--color-gold) 6%,transparent)}
.archetype-preview-style img{object-fit:contain;flex:none}
.archetype-preview-style small,.archetype-preview-style strong{display:block}
.archetype-preview-style small{font-size:10px;color:var(--color-text-caption)}
.archetype-preview-style strong{font-size:12px;color:var(--color-gold)}
.archetype-preview-base-note{margin:12px 0 8px;font-size:10px;color:var(--color-text-caption)}
.archetype-preview-stats+.archetype-preview-stats{margin-top:12px;padding-top:10px;border-top:1px solid var(--color-border)}
.archetype-preview-stats>strong{font-size:11px;font-weight:500;color:var(--color-text-caption)}
.archetype-preview-stats>div{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-top:4px}
.archetype-preview-stats b{font-size:11px;font-weight:600;white-space:nowrap}
.archetype-preview-stats.is-cheap b{color:var(--color-brand)}
.archetype-preview-stats.is-expensive b{color:var(--color-rating-low)}
.content-preview[hidden]{display:none}
.clubslab-page .archetype-preview-trigger{display:inline;padding:0;margin:0;border:0;border-bottom:1px dashed var(--color-text-caption);border-radius:0;background:none;color:inherit;font:inherit;line-height:inherit;text-align:inherit;cursor:help}
.archetype-preview-trigger:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}
.archetype-preview-trigger[aria-expanded=true]{color:var(--color-brand)}