/* CRIE.COGNITIVE.INTEGRATION.03A | escopo estrito ao novo componente do Atlas */
.crie-coggraph{margin:22px 0 8px;font-family:Helvetica,Arial,sans-serif;color:#17374b;background:linear-gradient(125deg,#f6fbfa,#f4f8fd);border:1px solid #cfdfdf;border-radius:20px;overflow:hidden}
.crie-coggraph *{box-sizing:border-box}
.crie-coggraph__intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px}
.crie-coggraph__eyebrow,.crie-coggraph__node-type{font-size:.7rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#147c76}
.crie-coggraph h4{font-size:1.18rem;line-height:1.32;margin:7px 0 8px;color:#15364b}
.crie-coggraph p{line-height:1.55}
.crie-coggraph__intro p{margin:0;max-width:680px;font-size:.89rem;color:#455f70}
.crie-coggraph__open{flex-shrink:0;padding:11px 16px;border:1px solid #1b6b7c;border-radius:11px;background:#165c76;color:#fff;font:700 .89rem Helvetica,Arial,sans-serif;cursor:pointer;min-height:44px}
.crie-coggraph__open:hover{background:#0e4760}
.crie-coggraph__open:disabled{opacity:.6;cursor:wait}
.crie-coggraph :is(button,a):focus-visible{outline:3px solid #ce850c;outline-offset:3px}
.crie-coggraph__content{padding:0 24px 22px;border-top:1px solid #d8e5e6}
.crie-coggraph__content[hidden],.crie-coggraph__body[hidden]{display:none!important}
.crie-coggraph [role=status]{color:#426176;font-size:.86rem}
.crie-coggraph__body{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:20px;align-items:start}
.crie-coggraph__sources{background:#fff;border:1px solid #d9e7e8;border-radius:15px;padding:12px;max-height:500px;overflow:auto}
.crie-coggraph__sources h5{font-size:.82rem;margin:2px 6px 12px;color:#17374b}
.crie-coggraph__source{font:500 .84rem Helvetica,Arial,sans-serif;line-height:1.4;text-align:left;display:block;width:100%;padding:10px 11px;border-radius:10px;margin:4px 0;border:1px solid transparent;background:#f7fafb;color:#21485c;cursor:pointer;overflow-wrap:anywhere}
.crie-coggraph__source:is(:hover,.is-active){background:#e8f4f3;border-color:#8bc7c5;color:#0d545c}
.crie-coggraph__focus{min-width:0}
.crie-coggraph__flow{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1.25fr) 22px minmax(0,1.2fr);align-items:start;gap:7px}
.crie-coggraph__node,.crie-coggraph__destinations{min-width:0;min-height:110px;padding:13px;border:1px solid #cadfdf;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(26,68,70,.05)}
.crie-coggraph__node--territory{background:#e7f3f1}
.crie-coggraph__node--knowledge{background:#f0f6fe;border-color:#cadcf1}
.crie-coggraph__node strong,.crie-coggraph__relation strong{display:block;font-size:.87rem;line-height:1.35;margin:8px 0 5px;overflow-wrap:anywhere;color:#17374b}
.crie-coggraph__node small,.crie-coggraph__relation small{display:block;font-size:.74rem;line-height:1.4;color:#526778}
.crie-coggraph__arrow{color:#237f7a;font-weight:800;font-size:1.24rem;align-self:center;text-align:center}
.crie-coggraph__destinations{padding:9px}
.crie-coggraph__destinations>.crie-coggraph__node-type{display:block;padding:4px 4px 7px}
.crie-coggraph__relation{padding:9px 10px;background:#f6faf9;border-left:3px solid #1d8a7b;border-radius:7px;margin:5px 0}
.crie-coggraph__relation--institution{background:#f5f5fc;border-left-color:#6570ba}
.crie-coggraph__relation strong{margin:0 0 3px}
.crie-coggraph__unavailable{font-size:.81rem;margin:7px 4px;color:#566977}
.crie-coggraph__link{display:inline-block;margin-top:10px;color:#145f88;font-weight:700;font-size:.79rem;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.crie-coggraph__provenance,.crie-coggraph__method{font-size:.75rem;color:#526978;line-height:1.55}
.crie-coggraph__method{margin:17px 0 0}
@media(max-width:900px){.crie-coggraph__body{grid-template-columns:1fr}.crie-coggraph__sources{max-height:none}.crie-coggraph__flow{grid-template-columns:minmax(0,1fr);gap:8px}.crie-coggraph__arrow{transform:rotate(90deg);line-height:1;justify-self:center}}
@media(max-width:560px){.crie-coggraph__intro{display:block;padding:17px}.crie-coggraph__open{margin-top:14px;width:100%}.crie-coggraph__content{padding:0 14px 16px}.crie-coggraph h4{font-size:1.04rem}}
@media(prefers-reduced-motion:reduce){.crie-coggraph *{scroll-behavior:auto!important;transition:none!important}}
