/* SEM.04C/D | Visualizacao ambiental compartilhada, sem bibliotecas externas. */
.crie-lc {font-family:Helvetica,Arial,sans-serif;color:#19362e;display:block;line-height:1.5}
.crie-lc *, .crie-lc *:before, .crie-lc *:after{box-sizing:border-box}
.crie-lc__header h3 {font-size:21px;margin:2px 0 5px;color:#17392c}
.crie-lc__header p{margin:0 0 12px;color:#465b55;font-size:14px}
.crie-lc__header .crie-lc__eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#3d705c}
.crie-lc__controls{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}
.crie-lc__controls label{flex:1 1 140px;min-width:120px;display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:700}
.crie-lc__controls select{border-radius:9px;padding:10px 12px;border:1px solid #abc8ba;background:#fff;color:#17392c;max-width:100%;font:inherit}
.crie-lc__finding{padding:15px 17px;background:#f0f7f3;border:1px solid #dceae2;border-radius:12px;margin-bottom:14px}
.crie-lc__finding strong{display:block;color:#143e2c;font-size:18px;line-height:1.4}
.crie-lc__finding span{display:block;font-size:13px;margin-top:6px;color:#4a6157}
.crie-lc__plot{overflow-x:auto;width:100%;margin:10px 0}
.crie-lc__plot svg{width:100%;min-width:430px;height:auto;display:block}
.crie-lc__note{font-size:12.5px;color:#52645d;line-height:1.6;margin:8px 0 16px}
.crie-lc__details{border-top:1px solid #e0e9e4;padding:10px 0}
.crie-lc__details summary{cursor:pointer;font-weight:700;font-size:13px;color:#1b5b45}
.crie-lc__details p{font-size:13px;color:#52645d;margin:10px 0}
.crie-lc__table-wrap{max-height:260px;overflow:auto;margin-top:12px}
.crie-lc__table-wrap table{width:100%;border-collapse:collapse;font-size:12px}
.crie-lc__table-wrap th,.crie-lc__table-wrap td{text-align:right;padding:6px;border-bottom:1px solid #e4ece7}
.crie-lc__table-wrap th:first-child,.crie-lc__table-wrap td:first-child{text-align:left}
.crie-lc__composition{margin-top:16px;padding:15px;background:#fbfcfb;border:1px solid #e1ebe4;border-radius:12px}
.crie-lc__composition h4{font-size:17px;margin:0 0 5px}
.crie-lc__composition>p{font-size:13px;margin:0 0 12px;color:#52645d}
.crie-lc__stack{height:27px;display:flex;width:100%;border-radius:7px;overflow:hidden;background:#e7eeeb}
.crie-lc__stack span{height:100%;min-width:0}
.crie-lc__legend{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px 14px}
.crie-lc__legend-row{font-size:12px;display:flex;gap:6px;align-items:center;min-width:0}
.crie-lc__legend-row span:nth-child(2){flex:1;min-width:0}
.crie-lc__legend-row b{white-space:nowrap}
.crie-lc__legend-row button{font:inherit;padding:3px 5px;border:1px solid #b6cfc0;background:#fff;color:#1b6349;border-radius:5px;cursor:pointer}
.crie-lc__swatch{width:11px;height:11px;flex:0 0 11px;border-radius:3px}
.crie-lc__questions{padding:14px 0 0}
.crie-lc__questions strong{font-size:16px}
.crie-lc__questions p,.crie-lc__questions small{display:block;font-size:13px;color:#52645d;margin:5px 0 12px}
.crie-lc__questions nav{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:10px}
.crie-lc__questions nav a{display:inline-block;border:1px solid #b2d4c1;border-radius:9px;padding:9px 13px;text-decoration:none;color:#17583e;font-weight:700;font-size:13px;background:white}
.crie-lc__questions nav a:hover,.crie-lc__questions nav a:focus-visible{background:#e9f6ee}
@media(max-width:600px){.crie-lc__finding strong{font-size:16px}.crie-lc__plot svg{min-width:375px}.crie-lc__legend{grid-template-columns:1fr}}

.crie-lc__copy{font:inherit;font-size:13px;color:#165943;background:#f2f8f4;border:1px solid #accab7;border-radius:9px;padding:9px 12px;cursor:pointer;margin:5px 0 10px}
.crie-lc__copy-state{font-size:12px;color:#365847;margin-left:10px}

/* SEM.04C.LONG.01 | Composicao ao longo dos anos, em aprofundamento opcional. */
.crie-lc__history{border:1px solid #dbe8df;border-radius:12px;margin:14px 0 0;background:#f8fbf9;padding:0 14px}
.crie-lc__history>summary{cursor:pointer;font-weight:700;padding:14px 0;color:#174c37;font-size:14px}
.crie-lc__history>summary span{font-weight:400;color:#567061;margin-left:8px}
.crie-lc__history-body{border-top:1px solid #dce9e0;padding:12px 0 15px}
.crie-lc__history-body>p{font-size:13px;color:#50665c;margin:0 0 10px}
.crie-lc__history-graph{overflow-x:auto;max-width:100%;margin-top:10px}
.crie-lc__history-graph svg{display:block;width:100%;min-width:400px;height:auto}
.crie-lc__history-key{display:flex;flex-wrap:wrap;gap:6px 15px;font-size:12px;margin:6px 0 12px}
.crie-lc__history-key span{display:flex;align-items:center;gap:5px}
.crie-lc__history-key i{width:11px;height:11px;border-radius:2px;display:inline-block;flex:none}
.crie-lc__history-select{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap;font-size:12px}
.crie-lc__history-select label{display:flex;align-items:center;gap:8px;font-weight:700}
.crie-lc__history-select select{font:inherit;border:1px solid #b8cfbf;background:white;padding:6px;border-radius:7px}
.crie-lc__history-select>span{flex:1 1 220px;color:#456052;line-height:1.6}
.crie-lc__history .crie-lc__table-wrap{max-height:300px;overflow:auto}
.crie-lc__history .crie-lc__table-wrap table{min-width:720px}
@media(max-width:600px){.crie-lc__history>summary span{display:block;margin-left:0}}

.crie-lc__history-swipe{display:none}
@media(max-width:600px){.crie-lc__history-graph svg{min-width:680px}.crie-lc__history-swipe{display:block;font-size:12px;color:#587267;margin-top:4px}}

/* MASTER.QA.01: escolhas com resposta clara e grafico longitudinal acessivel. */
.crie-lc__legend-row{border-radius:9px;padding:5px 3px}
.crie-lc__legend-row:hover{background:#f0f7f3}
.crie-lc__legend-row button{padding:6px 9px;font-weight:700;white-space:nowrap}
.crie-lc__legend-row button:hover,.crie-lc__legend-row button:focus-visible{background:#e4f2e9;outline-offset:2px}
.crie-lc__plot-hover{min-height:20px;font-size:12px;color:#51695e;margin:-2px 0 9px}
.crie-lc__history-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:4px 0 12px;font-size:13px;font-weight:700}
.crie-lc__modes{display:flex;gap:4px;background:#e9f1eb;padding:3px;border-radius:9px}
.crie-lc__modes button{border:0;border-radius:7px;background:transparent;color:#426153;font:inherit;font-size:12px;padding:7px 12px;cursor:pointer}
.crie-lc__modes button[aria-pressed=true]{background:#fff;color:#174d36;box-shadow:0 1px 4px #14382c20}
.crie-lc__modes button:focus-visible,.crie-lc__history-key button:focus-visible{outline:2px solid #215e49;outline-offset:2px}
.crie-lc__history-key{gap:6px 7px}
.crie-lc__history-key button{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:12px;padding:7px 9px;border:1px solid #d8e6dd;border-radius:999px;background:#fff;color:#29483a;cursor:pointer}
.crie-lc__history-key button[aria-pressed=true]{background:#e5f3eb;border-color:#57997b;box-shadow:inset 0 0 0 1px #57997b}
.crie-lc__history-key button:hover{background:#eaf6ee}
.crie-lc__history-select{align-items:center;margin-top:9px}
.crie-lc__history-select>span{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px}
.crie-lc__history-select>span span{display:inline-flex;align-items:baseline;gap:4px}
.crie-lc__history-select>span i{width:8px;height:8px;border-radius:50%;background:var(--lc-key);display:inline-block}
.crie-lc__history-graph svg{touch-action:pan-y}
@media(max-width:600px){
 .crie-lc__history-graph svg{min-width:380px}
 .crie-lc__history-key button{font-size:11px}
 .crie-lc__history-select>span{line-height:1.7}
}

.crie-lc__mobile-hint{display:none;color:#536d5d;font-size:12px;margin:3px 0 10px}
@media(max-width:600px){
 .crie-lc__plot svg{min-width:630px}
 .crie-lc__mobile-hint{display:block}
}

/* EXPERIENCE.MASTER.01C | Leitura anual com mouse, toque e teclado. */
.crie-lc__year-inspect { display:flex; align-items:center; flex-wrap:wrap; gap:10px; font-weight:700; font-size:13px; color:#254b3b; }
.crie-lc__year-inspect select { min-height:38px; padding:6px 10px; border-radius:8px; background:#fff; border:1px solid #afcbb9; font:inherit; }
.crie-lc__year-inspect select:focus-visible, .crie-lc__controls select:focus-visible, .crie-lc__history-select select:focus-visible { outline:3px solid #2776aa; outline-offset:2px; }
.crie-lc__table-wrap th { position:sticky; top:0; background:#f5faf7; }


/* ATLAS.WORLD.CLASS.01C | Leitura visual da variacao observada. */
.crie-lc__period{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 16px}
.crie-lc__period-item{min-width:0;border:1px solid #dce9e2;border-radius:12px;background:#fff;padding:13px 15px}
.crie-lc__period-item>span{display:block;color:#435e56;font-size:12px;font-weight:700}
.crie-lc__period-item strong{display:block;font-size:clamp(17px,2vw,22px);font-variant-numeric:tabular-nums;margin:4px 0 9px;color:#18382e}
.crie-lc__period-track{height:8px;border-radius:100px;overflow:hidden;background:#edf3ef}
.crie-lc__period-track>span{display:block;height:100%;border-radius:100px}
.crie-lc__plot{background:#fff;border:1px solid #e3eae5;border-radius:12px;padding:12px 8px}
.crie-lc__plot-hover{background:#f5f8f7;border-left:3px solid #637f74;border-radius:0 8px 8px 0;padding:10px 12px;font-variant-numeric:tabular-nums;margin:8px 0 13px;color:#25443a;line-height:1.55}
.crie-lc__year-inspect{margin:0 0 9px}
.crie-lc__composition{background:#fff}
.crie-lc__details>summary:focus-visible,.crie-lc__history>summary:focus-visible{outline:3px solid #246fa5;outline-offset:3px;border-radius:4px}
@media(max-width:520px){.crie-lc__period{grid-template-columns:1fr}.crie-lc__plot{padding:7px 3px}.crie-lc__period-item strong{font-size:18px}}

/* ATLAS.WORLD.CLASS.02F | Escalas cientificas da leitura temporal. */
.crie-lc__history-scale {padding:10px 13px;margin:0 0 12px;background:#f1f7f4;border-left:3px solid #23664b;border-radius:0 9px 9px 0;font-size:13px;line-height:1.55;color:#264c3b;}
.crie-lc__history-toolbar {align-items:flex-start;}
.crie-lc__modes {flex-wrap:wrap;max-width:100%;gap:3px;}
.crie-lc__modes button {min-height:36px;white-space:normal;}
.crie-lc__history-graph svg {overflow:visible;}
@media(max-width:600px){.crie-lc__history-toolbar {display:block;} .crie-lc__modes {margin-top:9px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));} .crie-lc__modes button{font-size:11px;padding:8px 5px;} .crie-lc__history-scale{font-size:12px;}}