.datify-ux .datify-utility-item h3{margin-top:16px}.datify-ux .datify-utility-item p{margin-top:8px}.datify-ux .datify-step-number{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:var(--datify-primary);color:var(--datify-primary-foreground);font-weight:700}.datify-ux .datify-check-list{display:grid;gap:12px;margin-top:20px}.datify-ux .datify-check-list li{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.7}.datify-ux .datify-check-list .datify-icon{width:16px;height:16px;margin-top:4px;color:var(--datify-primary)}
.datify-vertical-timeline .datify-timeline{position:relative;border-left:1px solid var(--datify-border);margin-left:12px;padding-left:32px}.datify-vertical-timeline .datify-timeline li{position:relative;padding-bottom:40px}.datify-vertical-timeline .datify-timeline li:last-child{padding-bottom:0}.datify-vertical-timeline .datify-timeline li::before{content:"";position:absolute;left:-44px;top:0;width:24px;height:24px;background:var(--datify-primary);border:8px solid var(--datify-card);border-radius:50%;outline:1px solid var(--datify-border)}.datify-vertical-timeline .datify-timeline h3{font-size:18px;margin-top:4px}
.datify-process-text-cards .datify-card,.datify-before-during-after .datify-card{border-radius:16px}.datify-process-text-cards h3{font-size:16px}.datify-process-text-cards .datify-muted{font-size:14px;line-height:1.7}.datify-before-during-after h3{font-family:'DM Serif Display',Georgia,serif;font-size:24px;font-weight:400}
.datify-issue-selector .datify-issue-layout{display:grid;gap:24px}.datify-issue-selector .datify-issue-buttons{display:grid;align-content:start;gap:8px}.datify-issue-selector .datify-issue-buttons button{display:flex;justify-content:flex-start;text-align:left;width:100%;border:1px solid var(--datify-border);border-radius:12px;padding:12px 16px;background:var(--datify-card);color:var(--datify-foreground)}.datify-issue-selector .datify-issue-buttons button:hover,.datify-issue-selector .datify-issue-buttons button[aria-pressed=true]{border-color:var(--datify-primary);background:color-mix(in oklch,var(--datify-primary) 8%,var(--datify-card))}.datify-issue-selector .datify-issue-panels{display:grid;gap:16px}.datify-issue-selector .datify-issue-panels [hidden]{display:none}.datify-issue-selector .datify-issue-panels h3{font-family:'DM Serif Display',Georgia,serif;font-size:24px;font-weight:400}.datify-issue-selector .datify-issue-route{font-size:14px;font-weight:700;color:var(--datify-primary);margin-top:24px}.datify-issue-selector .datify-icon{width:16px;height:16px;color:var(--datify-primary)}
.datify-status-stepper .datify-card{padding:20px;border-radius:16px}.datify-status-stepper .datify-state-current{border-color:var(--datify-primary);background:color-mix(in oklch,var(--datify-primary) 7%,var(--datify-card))}.datify-status-stepper .datify-state-done>.datify-icon{color:var(--datify-sage)}.datify-status-stepper h3{font-size:16px;margin-top:12px}.datify-status-stepper .datify-status-label{font-size:14px;color:var(--datify-muted)}.datify-ux .datify-demo-note{font-size:13px;line-height:1.6;margin-top:20px;color:var(--datify-muted)}
@media(min-width:1024px){.datify-issue-selector .datify-issue-layout{grid-template-columns:minmax(0,320px) minmax(0,1fr)}}