.demo-account-entry { margin: 24px 0; padding: 22px; border: 1px solid var(--dsi-border, #dce3ed); border-radius: 16px; background: var(--dsi-surface-alt, #f5f8fc); color: var(--dsi-text, #263552); }
.demo-account-entry-heading > strong { display: block; font-size: 17px; }
.demo-account-entry-heading p { margin: 8px 0 16px; color: var(--dsi-text-muted, #59677c); font-size: 13px; line-height: 1.6; }
.demo-account-entry-links { display: flex; flex-wrap: wrap; gap: 12px; }
.demo-account-entry-links a { flex: 1 1 180px; padding: 15px 17px; border: 1px solid var(--dsi-border, #dce3ed); border-radius: 11px; background: var(--dsi-surface, #fff); text-decoration: none; color: var(--dsi-text, #263552); }
.demo-account-entry-links a > strong { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--dsi-primary-ink, #2454a5); font-size: 14px; }
.demo-account-entry-links a > span { display: block; margin-top: 7px; color: var(--dsi-text-muted, #59677c); font-size: 12px; line-height: 1.5; }
.demo-account-entry-links a:hover { border-color: var(--dsi-primary, #2763cf); }
.demo-account-entry-links a:focus-visible { outline: 3px solid var(--dsi-primary, #2763cf); outline-offset: 3px; }