/* Scoped to generated diagrams; no scripts, fonts or image requests. */
body .uasmm-diagram.uasmm-diagram{box-sizing:border-box;max-width:100%;margin:28px 0;padding:clamp(18px,3vw,30px);border:1px solid var(--ua-color-line,#e3e5ee);border-radius:22px;background:linear-gradient(135deg,#f0f1ff,#fff 60%,#fff0f4);color:var(--ua-color-ink,#242633);font-family:var(--ua-font-sans,sans-serif);font-size:16px;line-height:1.6;box-shadow:0 10px 28px #2a31580a}
body .uasmm-diagram .uasmm-diagram__title{margin:0 0 12px;text-align:left;font-size:clamp(20px,2.5vw,26px);font-weight:800;line-height:1.3;color:var(--ua-color-ink,#242633)}
body .uasmm-diagram .uasmm-diagram__intro{margin:0 0 20px;font-size:16px;color:#454856}
body .uasmm-diagram .uasmm-diagram__items{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:16px;margin:0;padding:0;border:0;background:none;list-style:none;counter-reset:none}
body .uasmm-diagram .uasmm-diagram__item{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0;padding:18px;border:1px solid #e3e5ee;border-radius:16px;background:#fff;overflow-wrap:anywhere;position:relative}
body .uasmm-diagram .uasmm-diagram__item::marker{content:''}
body .uasmm-diagram .uasmm-diagram__number{align-self:flex-start;min-width:34px;padding:4px 10px;border-radius:10px;background:var(--ua-gradient-accent,linear-gradient(135deg,#6266ee,#5055dc));color:#fff;font-weight:800;font-size:15px;text-align:center}
body .uasmm-diagram .uasmm-diagram__name{display:block;font-size:17px;font-weight:800;color:#242633;line-height:1.4}
body .uasmm-diagram .uasmm-diagram__text{display:block;font-size:15px;color:#454856;line-height:1.65}
body .uasmm-diagram .uasmm-diagram__result{margin:20px 0 0;padding:14px 18px;border-left:4px solid var(--ua-color-brand,#ff2f68);border-radius:4px 12px 12px 4px;background:#fff0f4;color:#242633;font-size:16px;font-weight:650}
body .uasmm-diagram--flow .uasmm-diagram__item{border-top:3px solid #6266ee}
body .uasmm-diagram--flow .uasmm-diagram__intro{padding:12px 16px;border:1px solid #dadcf9;border-radius:12px;background:#fff;text-align:center;font-weight:650}
body .uasmm-diagram--comparison .uasmm-diagram__number{background:#fff0f4;color:#a61642}
body .uasmm-diagram--timeline .uasmm-diagram__items{grid-template-columns:1fr;border-left:2px solid #6266ee;margin-left:10px;padding-left:22px}
body .uasmm-diagram--timeline .uasmm-diagram__item::before{content:'';position:absolute;left:-30px;top:24px;width:12px;height:12px;border-radius:50%;background:#ff2f68;border:2px solid #fff}
@media(max-width:600px){body .uasmm-diagram .uasmm-diagram__items{grid-template-columns:1fr}body .uasmm-diagram.uasmm-diagram{padding:16px;border-radius:16px}}
body .uasmm-diagram *{box-sizing:border-box}
body .uasmm-diagram .uasmm-diagram__tree{display:block;list-style:none;margin:12px 0;padding:0 0 0 18px;border-left:2px solid #d8daf6;background:none}
body .uasmm-diagram .uasmm-diagram__tree li{display:block;margin:12px 0;padding:0;list-style:none}
body .uasmm-diagram .uasmm-diagram__tree li::before{content:none}
body .uasmm-diagram .uasmm-diagram__node{position:relative;display:grid;gap:4px;background:#fff;border:1px solid #e3e5ee;border-radius:14px;padding:14px 18px;overflow-wrap:anywhere}
body .uasmm-diagram .uasmm-diagram__node::before{content:'';position:absolute;width:18px;left:-19px;top:26px;border-top:2px solid #d8daf6}
body .uasmm-diagram .uasmm-diagram__node small{color:#a61642;font-weight:700}
body .uasmm-diagram--process .uasmm-diagram__items{grid-template-columns:1fr}
body .uasmm-diagram--process .uasmm-diagram__item:not(:last-child)::after{content:'↓';position:absolute;bottom:-22px;left:28px;color:#6266ee;z-index:1;font-weight:800}
body .uasmm-diagram .uasmm-diagram__chart{display:block;width:100%;height:auto;max-height:420px;margin:16px auto;background:#fff;border-radius:16px}
body .uasmm-diagram .uasmm-diagram__chart text{font:12px sans-serif;fill:#454856}
body .uasmm-diagram .uasmm-diagram__bars{display:grid;gap:18px}
body .uasmm-diagram .uasmm-diagram__bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;overflow-wrap:anywhere}
body .uasmm-diagram .uasmm-diagram__track{grid-column:1/-1;background:#e8e9f3;border-radius:6px;overflow:hidden;height:22px}
body .uasmm-diagram .uasmm-diagram__track i{display:block;height:100%;background:var(--ua-color-violet,#6266ee);border-radius:4px}
body .uasmm-diagram--funnel .uasmm-diagram__track{background:transparent;height:34px;display:flex;justify-content:center}
body .uasmm-diagram--funnel .uasmm-diagram__track i{background:var(--ua-color-brand,#ff2f68)}
body .uasmm-diagram .uasmm-diagram__table-wrap{overflow-x:auto;margin-top:22px}
body .uasmm-diagram .uasmm-diagram__table-wrap table{width:100%;border-collapse:collapse;font-size:14px;background:#fff;margin:0}
body .uasmm-diagram .uasmm-diagram__table-wrap caption{text-align:left;color:#454856;font-weight:700;padding:8px 0}
body .uasmm-diagram .uasmm-diagram__table-wrap th,body .uasmm-diagram .uasmm-diagram__table-wrap td{padding:10px 12px;text-align:left;border:1px solid #e3e5ee;color:#242633;white-space:normal;overflow-wrap:anywhere}
body .uasmm-diagram .uasmm-diagram__table-wrap thead th{background:#f0f1ff}
