/* Cartões independentes; paleta compartilhada com todos os temas. */
#ld-demo .cs-sources{display:grid;gap:16px;min-width:0}
#ld-demo .cs-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#ld-demo .cs-heading p{margin:4px 0 0;font-size:var(--ld-text-support,14px)}
#ld-demo .cs-cards{display:grid;gap:12px}
#ld-demo .cs-card{padding:20px;background:var(--lm-container);border-radius:20px;min-width:0}
#ld-demo .cs-card header{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}
#ld-demo .cs-card header h3{margin:0;font-size:var(--ld-text-body,17px)}
#ld-demo .cs-badge{font-size:var(--ld-text-meta,12px);color:var(--lm-muted)}
#ld-demo .cs-description{margin:8px 0 18px;color:var(--lm-muted)}
#ld-demo .cs-readings{display:flex;gap:36px;margin-bottom:18px}
#ld-demo .cs-readings div{display:grid;gap:3px}
#ld-demo .cs-readings span,#ld-demo .cs-scale{font-size:var(--ld-text-meta,12px);color:var(--lm-muted)}
#ld-demo .cs-readings strong{font-size:var(--ld-text-title,21px);font-weight:500;font-variant-numeric:tabular-nums}
#ld-demo .cs-history{margin:0 0 20px;padding:12px;background:var(--lm-surface);border-radius:12px}
#ld-demo .cs-history figcaption{display:flex;justify-content:space-between;gap:8px;font-size:var(--ld-text-meta,12px);color:var(--lm-muted)}
#ld-demo .cs-history svg{display:block;width:100%;height:72px}
#ld-demo .cs-grid{stroke:var(--lm-line);stroke-width:1;fill:none}
#ld-demo .cs-curve{stroke:var(--lm-primary);stroke-width:2;fill:none}
#ld-demo .cs-adaptation{display:grid;gap:10px}
#ld-demo .cs-scale{display:flex;justify-content:space-between}
#ld-demo .cs-card footer{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-top:1px solid var(--lm-line);margin-top:20px;padding-top:12px}
#ld-demo .cs-card details{min-width:0;padding-top:9px}
#ld-demo .cs-card details p{overflow-wrap:anywhere;color:var(--lm-muted);font-size:var(--ld-text-meta,12px)}
#ld-demo .cs-card summary{color:var(--lm-muted);font-size:var(--ld-text-meta,12px)}
#ld-demo .cs-card .cs-remove{color:var(--lm-muted);flex:none}
#ld-demo .cs-note{margin:0;color:var(--lm-muted);font-size:var(--ld-text-meta,12px)}
#ld-demo .cs-region-value{color:var(--lm-muted);margin:20px 0}
#ld-demo .cs-picker{position:fixed;inset:auto;margin:0;box-sizing:border-box;padding:16px;border:1px solid var(--lm-line);border-radius:18px;background:var(--lm-high);color:var(--lm-text);max-height:calc(100dvh - 24px);overflow:auto;box-shadow:0 12px 32px #0004;font:inherit}
#ld-demo .cs-picker header{display:flex;align-items:center;justify-content:space-between;gap:12px}
#ld-demo .cs-picker h2{font-size:var(--ld-text-body,17px);margin:0}
#ld-demo .cs-picker header button{color:var(--lm-primary);padding:10px;font:inherit}
#ld-demo .cs-picker section{margin-top:18px}
#ld-demo .cs-picker h3{font-size:var(--ld-text-support,14px);margin:0 0 4px}
#ld-demo .cs-picker section>p{font-size:var(--ld-text-meta,12px);color:var(--lm-muted);margin:0 0 10px}
#ld-demo .cs-option{display:flex;gap:12px;align-items:center;width:100%;text-align:left;padding:14px;border-radius:12px;background:var(--lm-container);color:var(--lm-text);font:inherit}
#ld-demo .cs-option strong{font-weight:500;display:block;font-size:var(--ld-text-support,14px)}
#ld-demo .cs-option small{display:block;font-size:var(--ld-text-meta,12px);color:var(--lm-muted);margin-top:5px}
#ld-demo .cs-option-state{font-size:var(--ld-text-meta,12px);margin-left:auto;color:var(--lm-primary)}
#ld-demo .cs-option:disabled .cs-option-state{color:var(--lm-muted)}
#ld-demo .cs-option:hover:not(:disabled){background:var(--lm-selected)}

/* Nomes técnicos são conteúdo principal, sem exigir descrição editorial. */
#ld-demo .cs-option-content{min-width:0;flex:1}
#ld-demo .cs-option strong,#ld-demo .cs-option-path{overflow-wrap:anywhere}
#ld-demo .cs-option-file strong{font-family:ui-monospace,Consolas,monospace;font-weight:500;line-height:1.5}
#ld-demo .cs-option-state{flex:none;white-space:nowrap;font-weight:500}
#ld-demo .cs-picker section+section{border-top:1px solid var(--lm-line);padding-top:16px}
#ld-demo .cs-option:disabled{opacity:1;cursor:default}
#ld-demo .cs-card header h3{overflow-wrap:anywhere;min-width:0}
@media(max-width:400px){#ld-demo .cs-option{flex-wrap:wrap;gap:8px}#ld-demo .cs-option-content{flex-basis:100%}#ld-demo .cs-option-state{margin-left:0}}

/* Hierarquia compartilhada dos cabeçalhos externos de Contexto. */
#ld-demo .cs-heading h2{font-size:var(--ld-text-title,21px);font-weight:500}