@layer defaults {
    .TocCardHost {
        display: block;
        max-width: 250px;
    
        [part="container"] {
        }
    
        [part="description"] {
            color: var(--xyd-toccard-color);
            letter-spacing: 0;
        }
    
        [part="link"] {
            display: block;
            border: 1px solid var(--xyd-toccard-border-color);
            border-radius: 6px;
            padding: 8px 16px 12px;
            text-decoration: none;
    
            &:hover {
                border-color: var(--xyd-toccard-border-color--active);
            }
        }
    
        [part="title-container"] {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
    
        [part="title"] {
            color: var(--xyd-toccard-title-color);
            margin-bottom: 2px;
        }
    
        [part="link-icon"] {
            width: 1em;
            height: 1em;
            object-fit: contain;
            color: var(--xyd-toccard-icon-color);
        }
    }
}