.ci-smap * { box-sizing: border-box; }
.ci-smap { box-sizing: border-box; font-family: 'Nunito Sans', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: #202224; margin: 0 auto; max-width: calc(1200px + 56px); padding: 20px 28px; width: 100%; }
@media (max-width: 1199.98px) { .ci-smap { padding-left: 24px; padding-right: 24px; } }
@media (max-width: 560px) { .ci-smap { padding-left: 20px; padding-right: 20px; } }
/* The 1px stroke sits inside the frame's 20px pad, as Figma draws it. */
.ci-smap-sections { background: #fff; border: 1px solid #d9d9d9; border-radius: 12px; display: grid; gap: 40px; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 19px; }
.ci-smap-section { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.ci-smap-section-title { color: #202224; font-size: 18px; font-weight: 700; line-height: 24px; margin: -5px 0 -6px; overflow-wrap: anywhere; }
/* A section with a page links its plain heading: no green, no line until hover (link/list-item's states). */
.ci-smap-section-link { border-radius: 4px; color: inherit; text-decoration-line: none; text-decoration-skip-ink: none; text-decoration-thickness: 1px; }
@media (hover: hover) { .ci-smap-section-link:hover { text-decoration-color: #0c866a; text-decoration-line: underline; } }
.ci-smap-section-link:active { text-decoration-color: #1b5547; text-decoration-line: underline; }
.ci-smap-section-link:focus-visible { outline: 2px solid #5749dd; outline-offset: 3px; }
.ci-smap-links { display: flex; flex-direction: column; gap: 4px; list-style: none; margin: -4px 0 -6px; padding: 0; }
.ci-smap-item { font-size: 14px; line-height: 20px; }
.ci-smap-link { color: #000; display: inline-block; font-size: 14px; font-weight: 400; line-height: 20px; overflow-wrap: anywhere; position: relative; text-decoration-line: none; text-decoration-skip-ink: none; text-decoration-thickness: 1px; text-underline-offset: 0; }
html:not([data-editor-canvas]) .ci-smap-link::after { content: ''; inset: -13px 0 -11px; position: absolute; }
.ci-smap-link:focus-visible { outline: none; }
.ci-smap-link:focus-visible::before { border-radius: 8px; content: ''; inset: 1px -3px 3px; outline: 2px solid #5749dd; pointer-events: none; position: absolute; }
/* v4 link/list-item: the label keeps its black; only the 1px line on the baseline is green (DREAM-754). */
@media (hover: hover) { .ci-smap-link:hover { text-decoration-color: #0c866a; text-decoration-line: underline; } }
.ci-smap-link:active { text-decoration-color: #1b5547; text-decoration-line: underline; }
@media (max-width: 1199.98px) {
  .ci-smap-sections { grid-template-columns: repeat(2, minmax(0, 310px)); padding: 19px 15px; }
  .ci-smap-section-title { line-height: 22px; margin: -4px 0 -5px; }
}
@media (max-width: 560px) { .ci-smap-sections { grid-template-columns: minmax(0, 1fr); } }